/* first you want html selectors (can be "contextual"): */

div.thepage{margin-left: 150px;
												margin-right: 8%;
												font-family: Verdana, Arial, Helvetica;}

body{margin: 4px;
					background-color: #000000;
					background-attachment: scroll;
					background-repeat: repeat-y;
					background-position: 5px 5px;}
p {color: #AADDFF; 
			font-family: Verdana, Arial, Helvetica; 
			font-size: 10pt;
			text-indent: 16pt;}
h2{color: #CCFFCC;
			font-family: Verdana, Arial, Helvetica;
			font-size: 18pt;
			font-weight: bold;
			letter-spacing: 2pt;
			word-spacing: 2pt;
			margin-top: 8pt;}
h3{color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica;
			font-size: 14pt;
			font-weight: bold;
			letter-spacing: 1pt;
			word-spacing: 2pt;
			margin-top: 16pt;
			margin-bottom: 1pt;}

font{font-family: Verdana, Arial, Helvetica;}

p.biblio{margin-left: 32pt;
									margin-right: 16pt;
									text-indent: -16pt;}

font.currents{font-size: 7pt;
														letter-spacing: 18pt;
														word-spacing: 5pt;
														color: #999999;}
font.timesviewed{font-size: 8pt;}
font.botlinks{font-size:10pt;
														color: #CCFFCC;}
font.bottext{font-size:10pt;
														color: #6699CC;}
font.copyright{font-size:8pt;
														color: #CCCCCC;}

td{background-color: #111111;
			padding: 5px;}

img.aright {float: right;
												margin-left: 12px; margin-right: 0px;
												margin-top: 10px; margin-bottom: 8px;}
img.aleft {float: left;
											margin-left: 0px; margin-right: 18px;
											margin-top: 10px; margin-bottom: 8px;}

a {text-decoration: none; font-weight: bold;}

/* then pseudo class selectors in the following order
(the last in the list overrides ones above it): */

a:link {color: #FFCC99;}
a.vocab:link {color: #FFFFFF;}
a.external:link {color: #FF6633;}
a:visited {color: #D9A3D9;}
a.vocab:visited {color: #CCCCCC;}
a.external:visited {color: #9933FF;}
a:hover {text-decoration: underline;}
a:active {color: #FF0000; text-decoration: underline;}
a.vocab:active {color: #FF0000; text-decoration: underline;}
a.external:active {color: #FF0000; text-decoration: underline;}

/* "dynamic pseudo class selectors" (second one): */

a img {border: solid 1px}
a img:hover {border: none}

/* "child" selectors (not grandchildren): */

p>div>strong {}

/* "first child" (first element in whatever parent, like <div>): */

p:first-child {}

/* "adjacent" selectors: */

h2 + p {margin-top: -3mm}