h1 { font-size: 1.5em; font-weight: bold; margin: 0 0 .8em }
h1 span { margin-left: -2em; padding-left: 2em; border-bottom: 1px solid black }
a   { color: #A7E; background: transparent }
a img { border: 0 }
div.section { max-width: 30em;
              margin: 0 auto 0 2em;
              border-color: #888; border-width: 0 }
div.section:hover { border-color: #A4A }
.section ul  { list-style-type: none; padding-left: 0em; border-color: inherit }
.section li  { border-left: 1em solid; border-color: inherit; padding-left: 2em; text-indent: -1em }
.section li.nolink { /*border-left-color: #888;*/ color: #BBB; background: transparent }
.section li:hover  { border-left-color: #00B; background: #424; color: inherit }
.section li.nolink:hover { border-left-color: #333 }
html,
body { margin: 0; padding: 0; height: 100%; color: #EEE;
       background: #434 url("/img/indexbg.png") bottom left fixed repeat-x }
body { font-family: sans-serif }
a:hover   { color: #66F; background: inherit }
a:link    { text-decoration: none }
a:active  { text-decoration: none; color: #FFF }
a:visited { text-decoration: none }
div#container { min-height: 100%; position: relative }
div#content { padding: 1em 0 }
div#secret { width: 16px; height: 32px;
             position: absolute; right: 0; bottom: 0 }
div#secret a { display: block; width: 16px; height: 32px; color: inherit;
               background: transparent url("/img/vegflaskdoor.png") no-repeat 0 0 }
div#secret a:hover { background-position: -16px 0 }
div#secret a:active { background-position: -32px 0 }