/*  
Theme Name: 02 Glass full of water.
Theme URI: http://www.h4x3d.com/themes/water
Description: <small>This is a two-column widget-ready theme by <a href="http://www.h4x3d.com">Julian Klewes</a>. Add a Google Adsense banner inside the glass! Choose between a glass getting filled, or an already filled one. See style.css for more. 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.1
Author: Julian Klewes
Author URI: http://www.h4x3d.com
Created: 14:43 02.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: 45%; padding: 0; float: left; border-right: 1px solid #333; background-color: #d9e2ea; border-left: 1px solid #333; background-color: #d9e2ea; border-bottom: 1px solid #333; background-color: #d9e2ea;}	
.col1 {width: 40%; padding: 0; float: left; border-right: 1px solid #333; background-color: #d9e2ea; border-left: 1px solid #333; background-color: #d9e2ea; border-bottom: 1px solid #333;  background-color: #d9e2ea;}
.CCsilhouette {float: left; clear: left; margin-left: -94px;}

/*** if you want to have the picture of a glass already filled, change the glass_water_getting_filled.png into 
glass_water.png ***/

.CCsilhouette span {position: absolute; width: 172px; height: 400px; background: url(images/glass_water.png) no-repeat;}

#inside { /*pseudo atm */ }
#google { padding: 60px 10px 30px 20px;}

.preImageBuffer {height: 100px; 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:90px; height:50px;} 
.LS2 {width:90px; height:50px;} 
.LS3 {width:90px; height:50px;} 
.LS4 {width:90px; height:10px;} 
.LS4a {width:90px; height:10px;} 
.LS5 {width:90px; height:10px;} 
.LS6 {width:90px; height:10px;} 
.RS1, .RS2, .RS3, .RS4, .RS5, .RS6 {float: left; clear: left;}
.RS1 {width:80px; height:55px;} 
.RS2 {width:80px; height:55px;} 
.RS3 {width:80px; height:155px;} 
.RS4 {width:80px; height:105px;} 
.RS5 {width:80px; height:15px;} 
.RS6 {width:80px; 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: black;
		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;
	}
	.cat {
	color: #3fc0f5; }
	
	.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 a:link, .contentdate a:visited 
	{ color: white; }
	.contentdate a:hover { color: #ADD8C5; }
	
	.contentdate
	{
	padding: 0.3em 0 0.5em 0;
	background: #36B0E2;
	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: #2a393f !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: #36B0E2 url(images/contentdate_bg.gif) repeat-x center top;
	}
	.pbgsidebar {
	background: #36B0E2 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; 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: black; border: 0px; 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: 8px; }
#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; }

/*list style*/
.cats ul {
padding-left: 0px;
marging-left: 0px;
overflow:hidden;
margin:0;
background: #36B0E2 url(images/nose.gif) no-repeat bottom center;
}

.cats li {
line-height:20px;
color: white;
display:block;
width:135px;
float:left;
margin:0px;
padding-bottom:5px;
margin-left:0px;
}
	
.cats li a {
color: white;
display:block;
padding-left:15px;
}

.cats li a {
overflow:hidden;
height:18px;
}
	
.cats li a:hover {
display:block;
background-color: #D9E2EA;
color:#1f3d48;
}