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


.q {
	font-size: 120%;
	font-weight: bold;
}


#header h1,

#header p,

#content a:link,
a:visited,
a:link { color: #333; border-bottom: none; }
#content a:visited { color: #666; border-bottom: none;  }



#commentlist li div {

background-color: #EAEFDB;

border: 1px solid #C5CE9B; 

}



#commentlist li {

border-top: 2px solid #EAEFDB;

}



a img {
/*vertical-align: -1px; */
border: none;
}




/* --------------------------- OTHER STUFF */



* {
/*
margin: 0;
padding: 0;
*/
list-style: none;
}

body {
text-align: center;
font: normal 80%/1.4 sans-serif;
background: white;
}

#wrapper {
width: 700px;
margin: 0 auto;
text-align: left;
}

div#header {


text-align: center;


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 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;

}

#content a:link,
#content a:visited,
#header a:link, 
#header a:visited {
border-bottom: thin dotted #333;
text-decoration: none;
}

#content a:focus,
#content a:hover,
#content a:active,
#header a:focus, 
#header a:hover,
#header a:active {
background-color: #bbb;
border-bottom: thin dotted #333;
}

#headbox {
/*background: url(boxtop.png) left top no-repeat; */

overflow: auto;
}



#headbox .container {

/*width: 201px; 

float: left;
*/
padding: 12px 16px 5px;

margin-bottom: 5px;

}





.container h2 {

color: black;

border-bottom: 1px dotted black;

font: normal 1.3em/1.5 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 {
border-bottom: thin dotted #333;
}

#content a:focus,
#content a:hover,
#content a:active {
border-bottom: thin dotted #333;
background: #CCCCCC;

color: black;
}



#content {
margin-top: 5px;
/* margin: 6px;

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(macos-bw-titlebar.png) top left no-repeat;


border: 1px solid #000000;
margin: 0px 0px 12px 0px;

padding: 45px 0 12px 12px;


}

#content h2 {
font: bold 2em/1.1 sans-serif;

margin: 0 0 0.3em 0;

}



#content h3 {
font: bold 1.5em/1.1 sans-serif;

margin: 0 0 0.5em 0;

}



#content h4 {

font: bold 1em/1.3 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;
font-size: 75%;
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#spamquestion {
padding: 8px 0 0 17px;
margin: 0 0 -14px 0;
}

div#spamquestion input {
width: 318px;
}



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;

}