/*  

Theme Name: 03 Mandarin

Theme URI: http://www.h4x3d.com/themes/mandarin

Description: <small>Not an orange, but a mandarin. Includes design love. This is a two-column widget-ready theme by <a href="http://www.h4x3d.com">Julian Klewes</a>. Released under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">these Creative Commons</a> terms of use. Keep wordpress sponsorlink FREE!</small>

Version: 1.0

Author: Julian Klewes

Author URI: http://www.h4x3d.com

Created: 14:39 03.07.2007 (press F5 in notepad to enter the date, yay!)

*/





* {margin: 0; padding: 0;}

body { 	font: normal 11px/14px arial, sans-serif;

	color: #515151;

	background: url(images/bg.jpg) repeat;

}

p {padding:.625em 0; text-align: justify; line-height: 20px;}

#overall {width: 100%; margin: 0 auto;}

.col {width: 300px; padding: 0; float: left;}

.col0 { max-width: 500px; width: 40%; padding: 0; float: left; border-right: 1px solid #333; background-color: #FFD69A; border-left: 1px solid #333; background-color: #FFD69A; border-bottom: 1px solid #333; background-color: #FFD69A;}	

.col1 {width: 40%; padding: 0; float: left; border-right: 1px solid #333; background-color: #FFD69A; border-left: 1px solid #333; background-color: #FFD69A; border-bottom: 1px solid #333;  background-color: #FFD69A;}

.CCsilhouette {float: left; clear: left; margin-left: -94px; z-index: 1;}

.CCsilhouette span {position: absolute; z-index: 1;}

.preImageBuffer {height: 9em; width: 1px;}

 

#leftCol { margin: 0 2px 0 3.4em;

	   background: #ffffff;

	   border-left: 1px solid #000000;

	   border-right: 1px solid #000000;

	   border-bottom: 1px solid #000000;

	   }

.spaceme { padding: 0 10px 0 10px; }

.spacemetop { padding: 5px 10px 0 10px; background-color: white; }



#rightCol {margin: 0 0.2em 3.4em 0.2em;}

#leftCol .preImageBuffer {float: right;}

#rightCol .preImageBuffer {float: left;}



.LS1, .LS2, .LS3, .LS4, .LS5, .LS6, .LS4a {float: left; clear: left;}

/* needed for other themes  */

/* zombie the LS 

.LS1 {width:0px; height:20px;} 

.LS2 {width:0px; height:20px;} 

.LS3 {width:0px; height:30px;} 

.LS4 {width:0px; height:30px;} 

.LS4a {width:0px; height:30px;} 

.LS5 {width:0px; height:10px;} 

.LS6 {width:0px; height:10px;} 

*/

.RS1, .RS2, .RS3, .RS4, .RS5, .RS6 {float: left; clear: left;}

.RS1 {width:40px; height:15px; z-index: 1;} 

.RS2 {width:45px; height:15px;} 

.RS3 {width:40px; height:35px;} 

.RS4 {width:45px; height:25px;} 

.RS5 {width:40px; height:15px;} 

.RS6 {width:40px; height:15px;}



#home { text-align: left; margin: 0.3em 0 1.4em 0.2em;}

#home a { color: black; }



.themes {padding-right: 5px;}

#hi a, #hi a:link, #hi a:hover {

		border: 0px;

}



.small { font-size: 90%; border-bottom: 1px solid #809ea0; }



u { text-decoration: none; border-bottom: 1px solid #D5EEEE; }



/* wordpress */











.post, .entry {

	line-height: 22px;

	text-align: justify;

}





.post a img, .entry a img {

	float: none;

	margin: 0px;

	border: 2px solid #515151;

	vertical-align: top;

}









.navigation { padding: 0.5em; }

.post, .entry { padding: 2em; }



#searchform #submit, input[type="submit"] {margin-left: 2em; background: url(images/search_bg.gif) no-repeat;border: none;width: 28px;height: 20px;font: 1px Arial, Helvetica, sans-serif;color: #fff;vertical-align: top;cursor: pointer;}

#searchform #submit:hover, input[type="submit"]:hover { background: url(images/search_bg_hover.gif) no-repeat; }

ol { margin-left: 2em; }



	a, a:link, a:visited, a:active {

		color: #fd5002;

		border-bottom: 2px solid #efe9e6;

		text-decoration: none;

}

	a:hover {

		color: #ef5008;

		border-bottom: 2px solid #F5A255 ;

		text-decoration: none;

}



	img {

		border: 0;

}



	.h1, h1 {

		display: inline;

		font-size: 16px;

		font-weight: bold;

		color: #515151;

		text-decoration: none;

	}



	.h2, h2 {

		display: inline;

		font-size: 16px;

		line-height: 16px;

		font-weight: bold;

		color: #515151;

		text-decoration: none;

	}	



	.contentdate h2, .contentdate p {

	padding: 0 0 0 10px;

	}

	.contentdate

	{

	vertical-align: top;

	color: #daa38a;

	padding: 0.3em 0 0.5em 0;

	background: url(images/man_bg.jpg) repeat-x left center;

	border-bottom: 1px solid #daa38a;

	}

	.contentdate:hover, .contentdate:visited:hover

	{

	color: #c7a494;

	padding: 0.3em 0 0.5em 0;

	background: url(images/man_bg_mo.jpg) repeat-x left center;

	border-bottom: 1px solid white;

	}

	.contentdate a, .contentdate a:link {

	color: #e7e6e5;

	}

	.dt {

	height: 19px;

	text-align: center;

	background: url(images/divide.png) 50% 0px no-repeat;

	color:#f4fafe;

	}

	.dtsidebar {

	height: 19px;

	text-align: center;

	/* zombie class */

	}

	.pbg {

	/* give me a zombie and I give a clown */

	}

	.pbgsidebar {

	/* give me a zombie and I give a clown */

	}



#wp-calendar caption { padding-left: 3px; font: normal 0.9em Arial, Helvetica, Sans-Serif;text-align: left;}

#wp-calendar th { font-size: 10px; width: 26px; height: 20px; background: url(images/wpcal.gif) no-repeat; text-transform: capitalize; vertical-align: top;cursor: pointer;}

#wp-calendar #next a {float: right; padding-right: 0;text-align: right;}

#wp-calendar #prev a {float: right; padding-right: 5px;text-align: left;} 

#wp-calendar td {font-size: 10px; vertical-align: top; padding: 1px 0 3px 0;text-align: center; width: 26px; height: 20px; background: url(images/wpcal.gif) no-repeat; }

#wp-calendar td.pad:hover { cursor: pointer; width: 26px; height: 20px; background: url(images/wpcal-no.gif) no-repeat; }

#wp-calendar td:hover { cursor: pointer; text-decoration: none; border: 0; width: 26px; height: 20px; background: url(images/wpcal_hover.gif) no-repeat; }

#wp-calendar a:link { display: block; cursor: help; font: bold 1.1em Arial, Helvetica, Sans-Serif; color: #1f3d48; text-decoration: none; }



/* sidebar related */

#widget {float:left;background: transparent;width: 100%;margin: 0 20px 0 0;

padding: 20px 0 20px 0;}

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

#widget li {list-style: none;margin: 0;padding: 0;}

#widget ul li {margin: 0;padding: 5px 0 0 0;}

#widget ul li a {color: #515151;text-decoration: none;}

#widget ul li a:hover {color: #333;text-decoration: none; border-bottom: 1px solid #c1c1c1;}

#widget td {vertical-align: top; }



#widget strong { padding-left: 0px; }

#Recent { background: url(images/posts.gif) no-repeat top left; }

#Blogroll { background: url(images/links.gif) no-repeat top left; }

#Categories { background: url(images/categories.gif) no-repeat top left; }

#Archives { background: url(images/archives.gif) no-repeat top left; }

#okay { background: url(images/okay.gif) no-repeat top left; }

#alert { background: url(images/alert.gif) no-repeat top left; }

#okay span { padding-left: 20px; }



.round {

	position: relative;

	width: 100%;

	margin: 0;

	padding: 0;

	background: #FFF;

	z-index:0;

}

.top-leftc, .bottom-leftc, .top-rightc, .bottom-rightc {

	position: absolute;

	overflow: hidden;

	height: 20px;

	width: 20px;

	background: #ffd69a;

	z-index:0;

}

.top-lefti, .bottom-lefti, .top-righti, .bottom-righti {

	position: relative;

	color: #FFF;

	font: 150px/40px Arial;

	z-index:0;

}

.top-leftc { top:0; left:0; z-index:0;}

.top-rightc { top:0; right:0; z-index:0;}

.top-lefti { left:-8px; z-index:0;}

.top-righti { left:-25px; z-index:0; }

.bottom-leftc { bottom:0; left:0;  z-index:0;}

.bottom-rightc { bottom: 0; right:0; z-index:0;}

.bottom-lefti { left:-8px; top:-17px; z-index:0; }

.bottom-righti { left:-25px; top:-17px; z-index:0;}

.box {position: relative; padding: 20px 30px 15px; z-index:0; }



/* taken from my CORPORATE FK theme */

div#pages {

	margin: 5px;

}



div#pages ul {

	padding: 0px;

	white-space: nowrap;

	list-style-type: none;

}

div#pages ul li {



}

div#pages ul li a {

	border-bottom: 1px dotted white;

	display: block;

	text-align: right;

        padding-right: 10px;

	font-size:10px;

	padding:5px;

}

div#pages ul li a:hover {

	color: #e7e6e5;

	border-bottom: 1px solid;

        background: url(images/man_bg_mo.jpg) repeat-x left center;

}

/* taken and adapted from freshy them, he is the godfather of dates */



.date { 

	color:#e7e6e5;

	float:right;

	line-height:2.1em;

	margin:0 0 0 20px;

	padding-left:5px;

	padding-right: 15px;

	border-right:1px dotted #daa38a;

	font-size:.8em;

	text-align:center;

	position:relative;

	right:0;

}



.date_day {

	display:block;

	font-size:2.367em;

	text-align:right;

}



.date_month {

	display:block;

	font-size:2.367em;

	text-align:right;

	font-weight:bold;

}



.date_year {

	display:block;

	font-size: 10px;

	line-height:.9em;

}