/*  
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: url(images/bg_white.jpg) repeat;}
.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 */
.navigation { padding: 0.5em; }
.post, .entry { padding: 2em; }
.post img, .entry img { float: right; margin-left: 10px;  border: 2px solid #D5EEEE; vertical-align: top;}
#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: 20px; }
#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;
}