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

#header h1{
color: #ffffff;	
	
}

#header p,
a:link, 
a:visited {
color: #ffffff;
}

#content a:link,
#content a:visited {
	color: #000;	
}



#content a:focus,
#content a:hover,
#content a:active {
background: #0097D7;
color: white;
}

#commentlist li div {
background-color: white;
border: 1px solid #0097D7; 
}

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

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

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

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

body {
text-align: center;
font: normal 70%/1.4 verdana, arial, sans-serif;
background: white;
}


div#logo{
	width: 800px;
	margin: 0px auto 0px auto;
	text-align: left;
	background : White;
}


#wrapper {
	width: 700px;
	margin: 12px auto;
	text-align: left;
	background : White;
	border : thick solid #0097D7;
}


div#header {
	position: relative;
	background-color :#0097D7;
	margin: 20px 20px 20px 20px;
	padding: 12px 0 0 0;
}

#header h1 {
font: normal 2em/1 "Trebuchet MS", verdana, arial, sans-serif;
padding: 0 16px 0.3em 16px;

}

h1 a:focus,
h1 a:hover,
h1 a:active {
color: black;
}

#header h2 {
	color : White;
	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;
	padding-bottom : 12px;
}



#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: black;
text-decoration: none;
border: none;
}


div#trenner{
	background-color :#0097D7;
	height : 6px;
	overflow : hidden;
}

#headbox {
background-color :#0097D7;
margin: 20px 20px 20px  20px ;
overflow: auto;
color : White;
}

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

}


.container h2 {
color : White;
border-bottom: 1px dotted white;
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;
}

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

#content {

	padding: 22px 0 0 0 ;

}

#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 #0097D7;
}

.posting {
	clear: both;
	overflow: auto;
	padding: 12px 22px 12px 24px;
}

#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: 206px;
padding-right: 18px;
padding-bottom: 15px;
}

p.author {

clear: both;
width: 630px;
margin-bottom: 1.2em;
padding-top: 0.4em;
}



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

#content dd {
padding: 0 0 0 12px;
}
#content dt {
font-weight: bold;
}

#prevnext {
text-align: center;
padding: 1em 16px 2em 0;
}

#prevnext p {
margin: 0;
padding: 0;
font-weight: bold;
}


div#logobar{
	margin : 6px;
}

div#footer {
	margin: 6px auto auto;
	text-align: center;
	padding-top: 12px;
background-color :#0097D7;
	color : White;
	width : 800px;
	top : 30px;
}

#footer p {
	padding: 0 8px 8px 0;
}

/* --------------------------- COMMENTING STUFF */

h2#commentheadline {
margin-top: 30px;
}

#commentlist h4 {
margin: 5px 0 7px 0;
}

ol#commentlist {
list-style: none;
}

ol#commentlist li {
width: 580px;
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: 580px;
}

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

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

div.input input {
width: 180px;
}

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

div#message textarea {
width: 300px;
height: 120px;
}

div#file {
width: 300px;
float: right;
margin-top: 1.2em;
}

div#file input {
width: 300px;
}

div#buttons {
width: 300px;
float: right;
margin-top: 35px;
overflow: hidden;
}

div#buttons input {
width: 160px;
float: left;
}