/* thanks to Maxim Zakharov
   footer recipe: http://www.zakharov.ms/footer/
*/

html, body { height: 100%; margin: 0; padding: 0; }
#page-all { min-height: 100%; margin-bottom: -41px; }
* html #page-all {height: 100%;}
body { margin-left: 7em; background: #dfd }

#header h1 a { text-decoration: none; color: #006400 }
#header h1 { margin: 0; border-bottom: 10px #90ee90 solid; 
	padding: 10px 20px; }
#header { font-family: sans-serif; }
	
#navigation { position: absolute; left: 0; top: 0; bottom: 0; width: 6em }
#navigation ul { margin: 8em 0 0 0.5em; padding: 0; text-align: center }
#navigation ul li { list-style: none; padding: 0.2em 0.5em }
#navigation ul li a { text-decoration: none; color: black;
	text-transform: lowercase ; padding: 0.2em 0.5em}
#navigation ul li.active {  }
#navigation ul li.active a { color: black; background-color: #90ee90 }

#page { padding: 0.5em 15px 0.5em 15px; max-width: 600px }
#page-all { border-left: 0.2em #228b22 solid; background: white }

#page-footer { height: 41px; text-align: right; 
	padding: 0 5px 0 15px }
#page-footer .inner .copy { float: left; color: #888; font-size: small; 
	text-align: left; padding-top: 14px }
#page-footer .inner .copy a { color: #228b22; }
#page-empty { height: 51px; clear: both; }

.ol_news dt { font-weight: bold }
.ol_news dd { margin-top: 5px; margin-bottom: 5px }

.annotation { font-size: small; width: 70% }
.annotation h2 { font-size: small }

.listing pre { margin-top: 0; border: 1px #228b22 solid; padding: 10px }
.listing h3 { margin-bottom: 0; font-size: small; font-family: sans-serif }

a.footnote { }
.footnotes li:target { background: #dfd }
.footnotes li { font-size: small; margin-bottom: 0.5em }

a:link { color: #228b22 }
a:visited { color: #888 }
a:active, a:hover { color: #90ee90 }