/* --------------------------- COLOR STUFF */

#header h1, #header p, #content a:link, #content a:visited,a:link, a:visited { color: #212950; }
#commentlist li div { background-color: #EAEFDB;border: 1px solid #C5CE9B; }
#commentlist li { border-top: 2px solid #4C79BA; }
.posting { border-bottom: 2px solid #004365; }
a img {  vertical-align: -1px; border: none;  }


/* --------------------------- OTHER STUFF */
* { margin: 0; padding: 0; list-style: none; }
body { text-align: center; font: normal 70%/1.4 verdana, arial, sans-serif; background: white; }
#wrapper { width: 600px; margin: 0 auto; text-align: left;  }
div#header { position: relative; /*background: url(boxtop.png) left top no-repeat;*/ margin: 6px 0 6px 0;padding: 12px 0 0 0; }
#header h1 { font: normal 3em/1 "Trebuchet MS", verdana, arial, sans-serif;padding: 0 16px 0.3em 16px;/*background: url(boxbottom.png) left bottom no-repeat;*/ }
h1 a:focus,h1 a:hover,h1 a:active { color: black; }
#header p { padding:10px 20px; /*font-style: italic;position: absolute;right: 16px;top: 2em;*/ }

a:link, a:visited { text-decoration: none;border: none; }
a:focus, a:hover, a:active {  color: #4C79BA;text-decoration: none;border: none; }

#headbox { width:380px; background: url(boxtop.jpg) left top no-repeat;overflow: auto; }
#headbox .container { width: 340px;float: left;padding: 12px 16px;margin-bottom: -12px; }
#headbox #last_posts_container { float: left;padding: 12px 16px;margin-bottom: -12px; }
#headbox #last_posts_container span { color: #777777;/*background: #FFF09D;*/ }
.container h2 { color: black;border-bottom: 1px dotted black;font: normal 1.3em/1.5 "Trebuchet MS", verdana, arial, sans-serif;letter-spacing: 0.1em;text-transform: uppercase;margin: 0 0 0.5em 0; }
#headbox #boxbottom { clear: both;border: none;height: 12px;background: url(boxbottom.jpg) left bottom no-repeat; }

#content a:link, #content a:visited { text-decoration: none; }
#content a:focus, #content a:hover, #content a:active { background: #FFF09D;color: black; }
#content { margin: 6px 0;padding: 12px 0 0 0;/*background: url(contenttop.png) top left no-repeat;*/ }
#content ul, ol { margin-left: 22px; }
#content ul li { list-style: square; }
#content ol li { list-style: decimal; }

blockquote { margin: 0 0 0.5em 10px;padding: 0 0 0 10px;border-left: 1px solid #999; }

.posting { clear: both;overflow: auto;/*background: url(contentmiddle.png) top left repeat-y;*/padding: 12px 0 12px 16px; }

#content h2 { font: bold 2em/1.1 "Trebuchet MS", verdana, arial, sans-serif;margin: 0 0 0.3em 0; }
#content h3 { font: bold 1.5em/1.1 "Trebuchet MS", verdana, arial, sans-serif;margin: 0 0 0.5em 0; }
#content h4 { font: bold 1em/1.3 verdana, arial, sans-serif, sans-serif; }

p { padding-bottom: .75em; }

.box { /*float: left;*/ width: 320px; padding-right: 18px;padding-bottom: 15px; }

p.author { border-top: 1px dotted black;/*clear: both;width: 570px;*/margin-bottom: 1.2em;padding-top: 0.4em; }
.audiobox { /*float: left;*/width: 200px; padding-left:30px; }
#content dd { padding: 0 0 0 12px; }
#content dt { font-weight: bold; }
#prevnext { /*background: url(contentbottom.png) left bottom no-repeat;*/text-align: center;padding: 1em 16px 2em 0; }
#prevnext p { margin: 0;padding: 0;font-weight: bold; }
#footer { background: url(boxtop.png) left top no-repeat;text-align: center;padding-top: 12px;margin-top: 6px; }
#footer p { background: url(boxbottom.png) left bottom no-repeat;padding: 0 0 12px 0; }


/* --------------------------- COMMENTING STUFF */
h2#commentheadline { margin-top: 30px; }
#commentlist h4 { margin: 5px 0 7px 0; }
ol#commentlist { list-style: none; }
ol#commentlist li { width: 500px;overflow: hidden;margin: 0 0 1.5em 0;list-style: none; }
#commentlist li div { float: left;width: 150px;padding: 6px;margin-right: 10px; }
form { border-top: 1px dotted black;padding-top: 1.2em;margin-top: 1.2em;width: 500px; }
div.input { width: 222px;float: left; }
label { display: block;font-weight: bold;margin-bottom: 0.5em; }
div.input input { width: 212px; }
div#spamquestion {  padding: 8px 0 0 17px; margin: 0 0 -14px 0; }
div#spamquestion input {  width: 318px;  }
div#message { width: 500px;float: left;margin-top: 1.2em; }
div#message textarea { width: 500px;height: 120px; }
div#file { width: 330px;float: right;margin-top: 1.2em; }
div#file input { width: 320px; }
div#buttons { width: 330px;float: right;margin-top: 35px;overflow: hidden; }
div#buttons input { width: 160px;float: left; }