* { margin: 0; padding: 0; }
html { background: #111; color: #fb0; margin: 0; font-size: 90%; 
font-family: Verdana, DejaVu Sans, BitstreamVera Sans, Tahoma, sans-serif;
padding: 1em; line-height: 1.1 }
body { width: 80ex; margin: 2em auto; background: #321; }
a img { border: none }
a { color: #fb0; text-decoration: underline; }
a:hover, a:active, a:focus { background: #fb0; color: #321; }

a.logo { display: block; float: right; position: absolute; top: 0; right: 0;  }

div.footer hr { display: none; }
div.footer {border-top: 4px double #fb0; padding-top: 0.5em; margin-top: 0.5em;}
input, select, textarea { color: #321; border: none; background: #fb0; line-height: 1.25; font-size: 100%; vertical-align: middle; }
textarea { width: 100% }
div.header { border-bottom: 4px double #fb0; margin-bottom: 0.5em; padding-bottom: 0.5em}
div.wrapper {}
div.wrapper.close { clear: both;  }
ul, ol { padding-left: 1.5em }
ul li { list-style: square }
ol li { list-style: decimal }
div.sidebar { float: right; border: 4px double #fb0; padding: 0.25em; margin: 0.25em; clear: both; background: #321 }
p { margin: 1em 0 }
pre { color: #321; background: #fb0; 
    white-space: pre-wrap;
        word-wrap: break-word;
            white-space: -moz-pre-wrap;
                white-space: -pre-wrap;
                    white-space: -o-pre-wrap;
}
pre a { color: #123 }
pre a:hover, pre a:focus { background: #123; color: #fb0 }
pre a.edit { text-decoration: none }
pre a.today { font-weight: bold }
div.month { float: left; padding: 0.25em; border: 4px double #fb0; margin: 0.25em; background: #123; }
div.month pre { padding: 0.5em; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin:0; margin-top: 1em; }
h2, h3, h4, h5 { font-weight: normal }
h2 { border: 4px double #fb0; padding: 0.25em; margin: 0.25em }
h3 { border: 1px solid #fb0; padding: 0.25em; margin: 0.25em }
h4 { border: 1px dashed #fb0; padding: 0.25em; margin: 0.25em }
h5 { border: 1px dotted #fb0; padding: 0.25em; margin: 0.25em }