html { margin: 0; padding: 0; border: none; width: 100%; height: auto; position: absolute; left: 0; top: 0; font-size: 99%;}
body { color: #000; background: #FFF; margin: 0; padding: 0; font-family: Arial, Helv, Sans-Serif; font-size: 101%;}

h1 { background: #030 url("http://images.fromtheswamp.com/swampbg.jpg") repeat-x top center; margin: 0; padding: 0;}
h1 img { margin: 0; padding: 0;}
h2 { color: #030; background: #FFF;}
b.error { color: #F00; font-weight: bolder;}

#topmenu { color: #FFF; background: #000; margin: 0 0 15px; padding: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; font-size: .85em; font-weight: bold; font-family: Tahoma, Arial, Helv, Sans-Serif; display: block;}
#topmenu li { margin: 0; padding: 0; border-left: 1px solid #FFF; border-right: 1px solid #FFF; display: inline;}
#topmenu li a, ul#topmenu li b { margin: 0; padding: 0 10px; text-decoration: none;}
#topmenu li a, #bottom a { color: #CC0; background: transparent;}
#topmenu li a:hover { color: #FFF; background: #663;}
#topmenu li b { color: #FF0; background: #663;}

#bottom { color: #FFF; background: #030 url("http://images.fromtheswamp.com/swampbg.jpg") repeat-x top center; padding: 2px 0 4px; border-top: 1px solid #000; font-size: .75em; font-family: Tahoma, Arial, Helv, Sans-Serif; clear: both; text-align: center;}

#swamp { font-size: .9em; margin: 0 0 20px; padding: 0 1%; float: left; width: 73%;}
#swamp h2 { margin: 0; padding: 0;}
#swamp h2 a { color: #030; text-decoration: none;}
h2#date  { font-size: 1em; float: right;}
h2#issue { font-size: 1em; float: left;}
h2#title { padding: 2px 0 0; border-top: 1px solid #000; font-size: 1.25em; font-weight: bold; clear: both;}
h3#subtitle { padding: 2px 0 0; margin: 0; font-size: 1em; font-weight: bold; clear: both;}

#main h2, #side h2 { margin: 0; padding: 0 0 0 2px; font-size: 1.1em; clear: both;}
#main h2, h2.calendar, td.month { text-align: center;}
#main.admin { text-align: center;}
#main.admin h2 { margin-bottom: 10px;}
#main.admin h3 { margin: 2px 0; font-size: 1em;}
td.month { font-size: 1.3em; font-weight: bold;}
td.month a { color: #363;}
table.calendar { background: #000;}
table.calendar th { color: #FFF; background: #030; text-align: center; width: 14%;}
table.calendar td { color: #000; background: #EEE; width: 14%;}
table.calendar td.empty { background: #CCC;}

ul.question { margin: 0; padding: 0; list-style: none;}
.question li { margin: 12px 12px;}
.question h3 { color: #030; margin: 0 4px 2px; font-size: 1em;}
.question p { color: #000; background: #EEE; margin: 2px 0 0; padding: 3px 6px; border-left: 1px solid #999; border-top: 1px solid #999;}
.question img { float: right; margin: 20px 0 0; border: 6px #FFF solid; border-right: none;}

#main table, #side table { border: none; margin: 0; padding: 0; font-size: .75em; width: 99%;}
#main table.calendar, #main table.calnav { margin-left: .5%;}
#main table.calendar td { height: 60px;}
#main table.calendar td a { text-decoration: none;}
#main table.calendar td span { color: #FFF; background: #030; padding: 2px; margin: 0 0 2px 2px; width: 13px; font-size: .9em; text-align: right; float: right;}
#main table.calendar td span a { color: #FFC;}
#main table.calendar td span a, #main table.calendar td a:hover { text-decoration: underline;}
#side table.calendar { margin-bottom: 15px;}
#side table.calendar td { text-align: right;}
#side table.calendar td.today { background: #FFC; font-weight: bold;}
#side table.calendar td.today a { color: #000; text-decoration: none;}

#side { width: auto; min-width: 24%; max-width: 24%; margin: 0; padding: 0; font-size: .9em; float: right;}
#side .box { background: #EEE; margin: 0 0 15px; padding: 2px 0 4px; border-top: 1px solid #000; border-left: 1px solid #000; list-style: none;}
#side .box li { padding: 2px 5px; font-size: .9em; clear: both;}
#side .box li.amazon { text-align: center;}
#side .box li.amazon img { border: 1px outset #000;}

#side .box#amazon li { text-align: center;}
#side .box#amazon li img { border: 1px outset #000;}

#side .box#scorecard h3 { margin: 2px 0; padding: 0; font-size: 1.05em; text-decoration: underline;}
#side .box#scorecard ul { margin: 0 0 0 1em; padding: 0; list-style: square;}
#side .box#scorecard li li { margin: 0 0 0 2px; padding: 0;}

#side form.box { text-align: center; margin: 0; padding: 4px 0;}
#side form.box input { font-size: .75em;}

#subscribe { margin: 10px auto 0; width: 450px;}
#subscribe label { width: 200px; display: block; text-align: right; float: left; clear: both;}
#subscribe label.input { color: #000; background: #EEE;}
#subscribe p { font-size: .9em;}

.results { font-size: .75em;}
div.results { color: #FFF; background: #363; margin: 0; padding: 1px 1%; font-family: Verdana, Arial, Helv, Sans-Serif; font-weight: bold; border-top: 1px solid #000; border-bottom: 1px solid #000;}
#advsearch { text-align: center; font-size: .8em; margin: 30px 0 12px;}
#noresults { color: #C00; background: transparent; font-size: .8em; font-weight: bold; text-align: center;}
#results { float: right;}
#respage { text-align: center;}
#respage a { color: #FFF; background: transparent;}
#respage a:hover { color: #FF0; background: transparent;}