html { background: #eee; }
body { font: .9em sans-serif; background: #fff; color: #000; margin: 0 0 0 20px; border-left: #ccc 1px solid; padding-bottom: 1em; } 

h1 { margin: 0 15px; color: #3d698e; font-size: 2em; font-weight: normal; border-bottom: #555 1px solid; }
h2 { color: #103770; font-weight: normal; font-size: 1.6em; width: 70%; margin-left: 25px; border-bottom: #aaa 1px solid; }
h3 { font-weight: normal; margin-left: 30px; font-size: 1.4em; border-bottom: #aaa 1px dotted; width: 60%; }
h4 { margin-left: 30px; width: 50%; font-size: 1.1em; }
h5 { margin-left: 30px; font-size: 1em; color: #3d698e; }

h3:target, h4:target { background: #ffffe1; }

#links { list-style-type: square; color: #aaa; }
#links a { border: 0; color: #336bb1; }
#links a:hover { color: #000; }
#links #current { font-weight: bold; color: #000; }

#crumbs { font-size: .8em; background: #eee; padding: 1px; border: #ccc 1px solid; width: 70%; margin-top: -10px; margin-left: 2.5em; text-indent: 0; }

a { color: #336bb1; }
a:visited { color: #5b4c72; }
a:hover { color: #ab2828; }

img, a img { border: #aaa 1px solid; padding: 3px; background: #fff; }
a img:hover { background: #ccc; }

p, ul, dl, pre { max-width: 1000px; }

body > ul, body > ol { margin-left: 2em; }

p { margin-left: 1em; text-indent: 1.5em; }

dl { margin-left: 2.5em; }
dt { font-weight: bold; }

[title] { border-bottom: #000 1px dotted; }

.note { background-color: #ffffe1; border: #eee 1px solid; padding: 2px; font-weight: bold; }

/* for the directory indexer mainly */
table img { border: 0; }
table { width: 70%; min-width: 800px; margin-left: 2em; border-left: #eee 1px solid; border-collapse: collapse; }
th, td { padding: 2px 10px; }
th { text-align: left; color: #19456b; background: #eee; }
td { border-bottom: #eee 1px solid; }

pre { margin-left: 6em; margin-right: 2em; background: #eee; padding: .3em; }

#date { border: #999 1px solid; border-left-style: dotted; border-top-style: dotted; text-indent: 0; font-size: .8em; background: #eee; width: 34em; }

#foot { margin: 1em; border-top: #ccc 1px solid; border-left: #ccc 1px solid; border-bottom: #888 1px solid; border-right: #888 1px solid; padding: 10px; width: 50%; min-width: 800px; }
#foot p { text-indent: 0; margin: 0; }
#foot img { float: right; }
