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

#header h1,
#header p,
#content a:link,
#content a:visited,
a:link, 
a:visited {
color: #6b2600;
}

#commentlist li div {
background-color: #f3e7e0;
border: 1px solid #d3ac95; 
}

#commentlist li {
border-top: 2px solid #f3e7e0;
}

.posting {
border-bottom: 6px solid #d3ac95;
}

/* --------------------------- 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: 700px;
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 {
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: white;
text-decoration: none;
border: none;
}

#headbox {
background: url(boxtop.png) left top no-repeat;
overflow: auto;
}

#headbox .container {
width: 201px;
float: left;
padding: 12px 16px;
margin-bottom: -12px;
}


.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.png) left bottom no-repeat;
}

#content a:link,
#content a:visited {
text-decoration: none;
}

#content a:focus,
#content a:hover,
#content a:active {
background: #C5CE9B;
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: 215px;
padding-right: 18px;
padding-bottom: 15px;
}

p.author {
border-top: 1px dotted black;
clear: both;
width: 669px;
margin-bottom: 1.2em;
padding-top: 0.4em;
}



.audiobox {
float: left;
width: 200px;
}

#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: 600px;
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: 667px;
}

div.input {
width: 222px;
float: left;
}

label {
display: block;
font-weight: bold;
margin-bottom: 0.5em;
}

div.input input {
width: 212px;
}

div#message {
width: 320px; 
float: left;
margin-top: 1.2em;
}

div#message textarea {
width: 310px;
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;
}