/*  
Theme Name: 01 Dragee
Theme URI: http://www.h4x3d.com/themes/dragee
Description: <small>Like to chew or just the simplicity of this object? This is a two-column widget-ready theme by <a href="http://www.h4x3d.com">Julian Klewes</a>. If you like three little dragees, change dragee.gif into dragees.gif in the index.php/single.php. 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:56 01.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: 40%; padding: 0; float: left;}
.col0 {width: 40%; padding: 0; float: left; border-right: 1px solid #333; background-color: #E8F3F3; border-left: 1px solid #333; background-color: #E8F3F3; border-bottom: 1px solid #333; background-color: #E8F3F3;}	
.col1 {width: 40%; padding: 0; float: left; border-right: 1px solid #333; background-color: #E8F3F3; border-left: 1px solid #333; background-color: #E8F3F3; border-bottom: 1px solid #333;  background-color: #E8F3F3;}
.CCsilhouette {float: left; clear: left; margin-left: -94px;}
.CCsilhouette span {position: absolute;}
.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: right; clear: right;}
/* needed for other themes  */
.LS1 {width:0px; height:0px;} 
.LS2 {width:0px; height:0px;} 
.LS3 {width:0px; height:0px;} 
.LS4 {width:0px; height:0px;} 
.LS4a {width:0px; height:0px;} 
.LS5 {width:0px; height:0px;} 
.LS6 {width:0px; height:0px;} 
.RS1, .RS2, .RS3, .RS4, .RS5, .RS6 {float: left; clear: left;}
.RS1 {width:55px; height:15px;} 
.RS2 {width:65px; height:15px;} 
.RS3 {width:80px; height:35px;} 
.RS4 {width:95px; height:25px;} 
.RS5 {width:85px; height:15px;} 
.RS6 {width:60px; height:15px;}

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

.themes {padding-right: 68px;}
#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: #7EA8A8;
		border-bottom: 2px solid #D5EEEE;
		text-decoration: none;
	}
	a:hover {
		color: #71B5B8;
		border-bottom: 2px solid #F5FAF2;
		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;
	}
	.date {
	padding-top: 5px;
	font-size: 1.85em;
	width:35px;
	height:36px;
	margin-left: 0.6em;
      	text-align:center;
	position:relative;
	background: url(images/h4.gif)}

       	.month {
	position:absolute;
	bottom:3px;
	left:6px;
	font-size: 11px;
	color: #2f3233;
	text-transform:uppercase; font-weight:bold;
	}
	.month:hover {
	color: #465155;
	}	

	.contentdate h2, .contentdate p {
	padding: 0 0 0 10px;
	}
	.contentdate
	{
	padding: 0.3em 0 0.5em 0;
	background: #c0dee9;
	border-bottom: 1px solid #c8deea;
	}
	.contentdate:hover, .contentdate:visited:hover
	{
	padding: 0.3em 0 0.5em 0;
	background: url(images/contentdatemo_bg1.gif) no-repeat center top;
	background-color: #f4fafe !important;
	border-bottom: 1px solid #F5FAF2;
	}
	.dt {
	height: 16px;
	text-align: center;
	background: url(images/contentdate_bg1.gif) 50% 0px no-repeat;
	color:#f4fafe;
	}
	.dtsidebar {
	height: 16px;
	text-align: center;
	background: url(images/contentdate_bg1s.gif) 50% 0px no-repeat;
	color:#f4fafe;
	}
	.pbg {
	background: #c0dee9 url(images/contentdate_bg.gif) repeat-x center top;
	}
	.pbgsidebar {
	background: #c0dee9 url(images/contentdate_bgs.gif) repeat-x center top;
	}

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