/*
Theme Name: Christopher Lennertz
Theme URI: http://www.christopherlennertz.com/
Description: This is the official Wordpress theme for Christopher Lennertz
Author: Dan Goldwasser/Warm Butter Design (dsg@warmbutter.com)
Version: 0.1	
Tags:
*/

html, body { height: 100%; margin: 0; padding: 0; }

body {
	padding:0px; margin:0px;
	background-color:#10141c;
	font-family:Tahoma, Geneva, Arial, Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#fff;
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url('/wp-content/themes/lennertz/images/global/superbackground.jpg');
}

#wrapper {
	width:1000px !important;
	margin:0px auto;	padding:0px 0px 0px 0px;
	position:relative;
	z-index:1;
}

#header {
	padding:0px; margin:0px auto;
	height: 90px;
	width:1000px;
	background-position:top center;
	background-repeat:no-repeat;
}

h1, h1 a {
   display: block;
    height: 60px;
    margin: 0;
    padding: 0;
    width: 720px;
}

#header.home h1, #header.home h1 a {
	margin:0px auto;
    height: 140px;
}

h1 a span {display: none;}

#page {
	margin:0px auto; padding:0px;
}


/******  MENU ******/

.menu-main-menu-container {
margin:0px 0px 0px 37px;	
}

ul#menu-main-menu {
margin:0px;
padding:0px;
list-style-type:none;	
}

ul#menu-main-menu li {
margin:0px 20px 0px 0px;
float:left;
}

ul#menu-main-menu li a {
font-size:13px;
color:#c7d3e2;
text-transform:uppercase;
}

ul#menu-main-menu li a:hover {
color:#fff;
}


hr { 
    background-color: #4f6070;
    border: medium none;
    color: #4f6070;
    height: 1px;
    margin: 0 auto 15px;
}

h2 {
    color: #b3c9dd;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 20px;
    margin: 0 0 5px;
	text-transform:uppercase;
	font-weight:bolder;
}


h3 { 
    color: #b3c9dd;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    margin: 0 0 5px;
	text-transform:uppercase;
}

div#post h3 {
	text-transform:none;
	font-size:16px;
}


.meta, .entry-meta {
	color:#7690a4;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: -7px;
}


/***********************************************************************/


ul#upcoming {
    display: block;
    height: 160px;
    list-style-type: none;
    margin: 5px 0 10px 17px;
    padding: 0;
    width: 750px;
}

ul#upcoming li {
    float: left;
    margin: 0 8px;
    width: 325px;
}

ul#upcoming li img {
	float:left;
	border:1px solid #00a2ff;
	width:325px;
}

ul#upcoming div {
    background-color: #455776;
    color: #FFFFFF;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    height: 14px;
    left: 1px;
    padding: 5px;
    position: relative;
    top: -25px;
    width: 315px;

/* Fallback for web browsers that doesn't support RGBa */
background: rgb(69, 87, 118) transparent;
/* RGBa with 0.6 opacity */
background: rgba(69, 87, 118, 0.8);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#455776, endColorstr=#455776);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#455776, endColorstr=#455776)";
}

ul#news {
    margin: 0 0 0 40px;
    padding: 0;
    width: 920px;
}

ul#news li {
    border-bottom: 1px solid #a4bcc7;
    font-size: 15px;
    list-style-type: none;
    margin: 5px 0 10px;
    padding: 5px 0;
    text-align: justify;
}

/***********************************************************************/

#content {
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 15px;
	min-height:280px;
}

p {
    margin: 0px;
    padding: 0 0 10px;
}

#colleft {
    color: #FFFFFF;
    float: left;
    font-family: tahoma;
    font-size: 15px;
    margin: 6px 14px 0 25px;
    padding: 7px 10px;
    width: 678px;
}


#colright {
    float: left;
    margin: 0;
    padding: 0;
    width: 248px;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 15px;
}


#homecolleft {
    color: #FFFFFF;
    float: left;
    font-family: tahoma;
    font-size: 15px;
    margin: 0 20px 0 25px;
    padding: 0 14px;
    text-align: justify;
    width: 570px;
}

#homecolright {
    color: #FFFFFF;
    float: left;
    font-family: tahoma;
    font-size: 15px;
    margin: 0 0 0;
    padding: 0;
    width: 335px;
}


#column {
float:left;
width:325px;
margin:0px; padding:0px;	
}

/********* PROJECTS **********/

#credits { 
 }

ol#album {
    float: left;
    margin: 0 17px 20px 0;
    padding: 0;
    width: 320px;
}

oll#album h3 {
margin:0 0 5px;
padding:0;
}

ol#album li {
    font-size: 12px;
    margin: 0 0 2px 27px;
    padding: 0;
}

#albumwrapper {
margin:10px 0px 0px;
border-top:2px solid #036;	
padding:10px 0px 0px;
 clear: both;
}

#albumleft {
	float:left;
	width:330px;
}

#albumright {
	float:left;
	width:330px;
}

ul#music {
padding:0px; margin:0px 0px 20px;
list-style-type:none;
}

ul#music h3 {
margin:0 0 5px;
padding:0;
}

ul#music li {
	padding:0px; 
	margin:0px 0px 3px 0px;
}

ul#projects {
padding:0px; margin:0px 0px 20px;
list-style-type:none;
}

ul#projects h3 {
margin:0 0 5px;
padding:0;
}

ul#projects li {
	padding:0px; 
	margin:0px 0px 3px 0px;
    color: #787F87;
}


#hr {
width:500px;
height:2px;
display:block;
border-top:	1px solid #50555d;
padding:0px;
margin:20px auto;
}

#contentcol {
padding:0px 30px;
font-size: 15px;
}


ul#reviews {
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
}

ul#reviews li {
    margin: 0 0 15px 0;
    padding: 0;
}

ul#interviews {
    margin: 0 0 20px;
    padding: 0;
}

ul#interviews li {
    margin: 0 0 0 18px;
    padding: 0;
}

#post {
    border-bottom: 1px solid #efefef;
    display: inline-block;
    font-size: 15px;
    margin: 0 0 10px 0;
    padding: 0 0 10px;
}


.small { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; }

.moreinfo { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; }


/***********************************************************************/

.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


ul#sidebar {
    list-style-type: none;
    margin: 0;
    padding: 10px;
}

ul#sidebar li {
	margin:0px 0px 20px;	
}

ul#sidebar li ul {
    list-style-type:disc;
    margin: 0px 0px 20px;
	padding:0px;
}

ul#sidebar li ul li {
    font-size: 13px;
    margin: 0 0 0 15px;
}

form#searchform label {
font-size:11px;	
}
form#searchform input {
font-size:11px;
background-color:#102433;
border:1px solid #414f71;
color:#ccc;	
}


/***********************************************************************/


img.topleft, img.alignleft {float: left; margin: 0px 10px 10px 0px;}
img.midleft {float: left; margin: 10px 10px 10px 0px;}
img.bottomleft {float: left; margin: 10px 10px 0px 0px;}

img.topright, img.alignright {float: right;	margin: 0px 0px 20px 20px;}
img.midright {float: right;	margin: 10px 0px 10px 10px;}
img.bottomright {float: right;	margin: 10px 0px 0px 10px;}

/***********************************************************************/


a { color: #a7b3cc; text-decoration:none; }
a:hover { color: #73819e; text-decoration:none; }


#footer {
margin: 10px 0 10px 40px;
padding:0px 0px 10px;
text-align:left;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color: #55637e;
}

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

#footer a { color: #7988a8; }
#footer a:hover {color: #9ba5b9; }

#footer p.tag { font-size:9px; }