/*  Erik, this is the alternate stylesheet, experiment with it and put 
	whatever you want.  */
html {font-size: 100%; margin: 0; padding: 0; }
/* general rules for info and lists */
body {font: 100%/1.1 "OCR A Extended", "data 70", "Andale Mono", "american typewriter", monospace; 
	background: #ffd url(images/GrackleEye.gif) top right fixed no-repeat; 
	letter-spacing: -.05em; padding: 0 1em; margin: 0; 
	border-top: 3px solid #886; }
h1 {margin: 0; padding: 0; background: #ffd; display: inline; }
h1 span, ins, del {color: #886; }
ins {text-decoration: none; }
ul {list-style-type: none; }
p, fieldset {width: 65%; }
#nav {width: 15em; white-space: nowrap; }
img {border: none; }
a {text-decoration: underline; }
a:link {color: blue; }
a:visited {color: purple; }
a:hover {color: red; }
a:active {color: black; }
fieldset {padding: 0 .2em .5em;  }
legend {margin-bottom: .5em }
label, #submit {display: block; margin: .3em 1em; }
label * {display: block; }
sup {text-decoration: underline; }
cite {color: maroon; }

/* rules for index page */
#odl, #esl, #jrl, #jol {display: block; width: 220px; 
	border: 3px solid #886; }
#odl:hover, #esl:hover, #jrl:hover, #jol:hover 
	{border-color: #294b73; padding: 3px; }
#odl {float: left; margin-bottom: 2%; margin-right: 3%; }
#esl {position: fixed; left: 50%; margin: 2% -113px; z-index: 9; }
#jrl {clear: left; margin-left: 20%; }
#jol {float: right; margin: -315px 1% 0 0; text-align: left; }
#home img {margin: 3% 0 0 10%; }
#home #content a img {border: 3px solid #886; padding: 3px; }
#home #content a:hover img {border-color: #84defe; padding: 0; 
	margin: 4% 0 0 9%; }
/* iewin hack, hide from mac \*/
* html, * html #home, * html #home div {overflow: auto; height: 100%; }
* html #esl {margin-left: 30%; }
/* end hack */
#home {padding: 1%; height: 1000px; }
#home:hover {padding: 2%; }
#home h1 {position: absolute; top: 88px; right: 55px; 
	background: transparent; text-align: left; z-index: 10; }
#home a:link, #home a:visited {text-decoration: none; color: #886; }
#home a:hover, #home a:active {color: #84defe; }
#home>h1 {position: fixed; }

/* rules for fotos */
#bfoto img {border-color: #eef; border-style: solid; 
	border-width: 18px 18px 64px; margin: 0 1em 1em 0; float: left; }
#bfoto #nav {position: absolute; right: 2em; top: .5em; width: 27%; 
	background: #ffd; }
#bfoto div>#nav {position: fixed; }