/*  
Theme Name: D32 Theme
Theme URI: http://www.december32.de/
Description: Customized
Version: 1.0
Author: Torsten Bergler		
Author URI: http://www.nomoresleep.net/
*/


@import "reset.css";
/* Begin Typography & Colors */

html, body, div, p, h1, h2, h3, h4, ul, ol, span, table, td, form, li, input, button, textarea {
	color: #707070;

	font-size: 11px;
        font-family: Tahoma, helvetica, Verdana,  arial, geneva, sans-serif;;



	line-height: 1.5em;
        
}

body {
	background-color: #eeeeee;
	padding: 0px 30px;
	text-align: center;
}

red {
font-size: 8px;
        font-family:  Georgia, "Times New Roman", Times, serif;

}

red2 {
font-size: 7px;
        font-family:  arial, Tahomam, geneva, sans-serif;;

}


strong {

	font-weight: bold;
}

#page {
	margin: 0px auto 0px auto;
	text-align:left;
	width: 800px;
}

a {
	color: #333333;
        	text-decoration: none;
}


/* HEADER */

#headerlefttop, #headerrighttop {
        border-bottom: 2px solid #2e3647;
	float: left;
	margin: 0px;
	padding:  0px;
	padding-left: 10px;
	width: 190px;
        height: 0px;
}

#headerrighttop {
	margin-left: 10px;
	padding-left: 0px;
	width: 590px;
}


#headerleft, #headerright {
	border-bottom: 1px dotted #2e3647;
	float: left;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-left: 10px;
	width: 190px;
}

#headerright {
	margin-left: 10px;
	padding-left: 0px;
	width: 590px;
}

#intro {


        font-size: 10px;
        font-family:  Georgia, "Times New Roman", Times, serif;
	background-color: #ffffff;
	padding: 10px 10px 40px 10px;
	text-transform: uppercase;
	width: 780px;
	margin-bottom: 0px;
        border-bottom: 10px solid #eeeeee;
}

#intro a {
	background-color: #555555;
	color: #eeeeee;
	padding: 1px;
	text-decoration: none;
}



#intro a:hover, #intro a:active {
color: #000000;	
background-color: #b9f7ed;

}

#intro a#offline {
text-decoration:line-through;
}

#intro a#offline {
text-decoration:line-through;
}


#intro a#blog {
	color: #000000;background-color: #b9f7ed;
}

.contentleft, .contentright {
	background-color: #eeeeee;
       	float: left;
	height: 15px;
        border-bottom: 1px dotted #000000;
	line-height: 15px;
 	margin-bottom: 2px;
	text-transform: uppercase;
	width: 200px;
}

.contentleft strong {
	padding-left: 10px;
}

.contentleft a {
	display: block;
	padding-left: 10px;
	height: 15px;
	width: 190px;
}

.contentleft a:hover, .contentleft a:active {
color: #ffffff;	
background-color: #333333;
}

.contentright {

	margin-left: 10px;
	width: 590px;
}

.footer {
	background-color: #eeeeee;
	color: #7d7d7d;
	margin-top: 10px;
	padding-right: 10px;
	text-transform: none;
	text-align: right;
	width: 800px;
}

.footer a {
	color: #333333;
}

.contentright#footer {
	padding: 0px;
	padding-right: 10px;
	text-align: right;
	width: 590px;
}

.contentright#footer {
	padding-right: 10px;
	text-align: right;
}

.workleft, .workright {
	background-color: #ffffff;
	color: #7d7d7d;
	float: left;
        margin-top: 10px;
	min-height: 0px;
	height:auto;
	margin: 10px 0px;
	padding: 0px 10px 15px 10px;
	width: 180px;
}

.workright {

	margin-left: 10px;
	min-height: 110px;
	height:auto;
	padding: 15px;
	width: 560px;
}

.workleft {
	padding-top: 15px;
}


* html .workleft { height:315px; } /* nur fŸr IE 5.5 - 6.x */
html + body .workleft { height:315px; } /* nur vom IE 5.0 */

* html .workright { height:200px; } /* nur fŸr IE 5.5 - 6.x */
html + body .workright { height:300px; } /* nur vom IE 5.0 */

.workleft h3 {
	margin-top: 15px;
	color: #2e3647;
	text-transform: uppercase;
}

.workright img {
	border: 0px solid #aaaaaa;
	float: left;
	margin-right: 0px;
	margin-bottom: 3px;

}

.workleft a, .workright a {
	color: #2e3647;
}

.workleft a:hover, .workleft a:active, .workright a:hover, .workright a:active {
	color: #000000;	
        background-color: #b9f7ed;
}
.workright#blog{
	height: auto;
	padding: 15px 15px 0px 15px;
}
.workright#blog img{
	float: none;

	margin-bottom: 3px;
}
.workright#blog p{
	margin: 0px 0px 1em 0px;
}
.workright#blog #respond{
	border-top: 1px solid #2e3647;
	margin: 1em 0px 0px 0px;
	padding: 1em 0px 1em 0px;
}
.clear {
	clear: both;
	font-size: 0px;

}



#player1, #player2, #player3 {text-align: center;}

.left { float: left; margin-right: 8px; }
.right: { float: right; margin-left: 8px; }