/*  
Theme Name: WashMe
Theme URI: http://wordpress.org/
Description: Grungy theme created by  <a href="http://www.mindloop.be/">Mindloop</a> . Contact me on <a href="mailto:theme@mindloop.be">theme@mindloop.be</a> if you want to have a customized theme created.
Version: 2.0
Author: Andy Mathijs
Author URI: http://www.mindloop.be/

This theme was designed and built by Andy Mathijs,
whose company you will find at http://www.mindloop.be/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

The XHTML is an adapted version of the Kubrick theme

*/

/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}



/*fonts.css*/

body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

div.clear
{
clear:both;
height:0px;
width:0px;
overflow:hidden;
}


body
{
	background-color:#666666;
	/*margin:10px;*/
	background-image:url(images/background.gif);
	background-repeat:repeat-y;
	background-position:center top; 
}

div.navigation
{
	display:block;
	margin-top:10px;
	margin-left:9px;
	/*float:left;*/
}
.navigation a
{
	display:block;
	width:202px;
	height:46px;
	overflow:hidden;
	text-indent:-1000px;
}
.navigation .alignleft a
{
	background-image:url(images/btn_prev.jpg);
	float:left;
	position:relative;
	left:-14px;
}

.navigation .alignright a
{
	background-image:url(images/btn_next.jpg);
	float:left;
	display:inline;
	margin-left:5px;
	clear:right;
	position:relative;
	left:32px;
}

div.navigation a
{
	color:white;
}

/***links****/
#sidebar a, .post a
{
	color:black;
}


#searchsubmit2
{
 display:block;
 margin-top:15px;

}

#s2
{
	margin-top:17px;
	
	padding:3px;
	border:1px solid #9E9E9E;
}

#s
{
	margin-top:10px;
	padding:3px;
	
 border:1px solid #9E9E9E;
}





#page
{
	margin-left:auto;
	margin-right:auto;
	width:797px;
	height:100%;
	position:relative;
	top:-55px;
}

/***Stuff for the header**/
#header
{
	background-image:url(images/header.jpg);
	height:219px;
	width:797px;
	overflow:hidden;
	position:relative;
	top:55px;
}

	
	#header h1 a
	{
		
		color:white;
		text-decoration:none;
		font-size:288%;
		position:relative;
		left:350px;
		top:50px;
		text-align:right;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	#header div.description
	{
		position:relative;
		top:50px;
		left:150px;
		color:white;
		text-align:right;
		width:500px;
	}
	

/***Stuff for the post**/

	
	
	#page #commentblock
	{
		width:452px;
		
		
	}
	
	.post-date
	{
		height:72px;
		width:69px;
		background-image:url(images/date.jpg);
		background-repeat:no-repeat;
		position:relative;
		top:58px;
		left:407px;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	.post-date span.day
	{
		display:block;
		font-size:197%;
		padding-top:5px;
		
		
	}
	
	.post-date span.month,.post-date span.year
	{
		display:block;
		font-size:77%
		
	}
	
	.page .post-top , .search .post-top
	{
		margin-top:72px; /*the pages have no .post-date so we'll compensate this here*/
		
	}
	
		
	.post-top
	{
		height:22px;
		width:452px;
		background-image:url(images/post-top.jpg);
		background-repeat:no-repeat;
		
	}
	
	.post-bottom
	{
		height:22px;
		width:452px;
		background-image:url(images/post-bottom.jpg);
		background-repeat:no-repeat;
	}
	
	.post
	{
		width:412px;
		padding:20px;
		background-image:url(images/post-bg.jpg);
		background-repeat:repeat-y;
	}
	
	
	.post .entry
	{
		padding:10px;
		
	}
	
	.post .entry img
	{
		float:left;
		border:2px solid #CCCCCC;
		margin-right:5px;
		margin-top:5px;
		margin-bottom:0px;
	}
	
	.post p
	{
		line-height:150%;
		margin-bottom:15px;
		
	}
	
	.post .entry strong, b
	{
		font-weight:bold;
		color:
	}
	
	.post .entry em
	{
		font-style:italic;
	}
	
	.post .entry ol
	{
	list-style:decimal;
	list-style-position:inside;
	margin-top:5px;
	}
	
	.post .entry ol li
	{
		padding-bottom:5px;
	}
	
	.post .entry ul
	{
		list-style:disc;
		list-style-position:inside;
		margin-top:5px;
	}
	
	.post .entry blockquote
	{
		
		background-image:url(images/quote.gif);
		background-repeat:no-repeat;
		padding-left:65px;
		color:#525251;
	}
	
	.post .entry blockquote blockquote
	{
		padding:10px 65px ;
	}


	.post h2 a, .page .post h2 , .archive .post h3 a, .search .post h3 a  
	{
	color:#666633;
	font-size:152%;
	display:block;
	padding-bottom:40px;
	padding-right:40px;
	background-image:url(images/post-line.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration:none;
	position:relative;
	top:-15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	.post h2 a:hover, .archive .post h3 a:hover, .search .post h3 a:hover
	{
	text-decoration:underline;
	}
	
	.post h2.search
	{
		display:none;
	}
	
	.post h1
	{
		color:#666633;
		font-size:152%;
		display:block;
		position:relative;
	top:-15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	
	

	
	
	.post p.postmetadata
	{
		display:block;
		clear:both;
		background-color:#C3C1B3;
		color:black;
		
		width:374px;
		padding:13px;
				
		text-align:center;
		position:relative;
		top:5px;
		
	}
	
	
	/***stuff for the sidebar***/
	 #page #content , #page #commentblock
	{
		float:left;
		display:inline;/*IE double margins fix*/
	}
	
	#page #sidebar
	{
		width:258px;
		float:right;
		clear:right;
		display:inline;
		background-image:url(images/sidebar.jpg);
		background-repeat:repeat-y;
	}
	
	#page #sidebar ul
	{
		padding: 10px 20px 10px 20px;
	}
	
	#page #sidebar ul ul
	{
		padding: 10px 20px 0px 20px;
	}
	
	#page #sidebar ul li
	{
		padding-bottom:7px;
	}
	
	#page #sidebar ul li h2
	{
		color:#666633;
		font-size:152%;
		/*padding-bottom:20px;
		background-image:url(images/line-side.gif);*/
		background-position:bottom left;
		background-repeat:no-repeat;
		text-decoration:none;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin-top:15px;
	}
	
	#page #sidebar ul li h2.search
	{
		margin-top:0px;
	}
	
	#page #sidebar ul li input
	{
	display:block;
	margin-bottom:5px;
	}
	
	#page #sidebar ul .pagenav h2
	{
		margin-top:0px;
	}
	
	/*a subpage*/
	#page #sidebar ul .pagenav .page_item .page_item
	{
		/*color:red;
		background-image:url(images/sub.gif);
		background-repeat:no-repeat;
		padding-left:11px;
		background-position:top left;*/
	}
	
	#page #sidebar-top
	{
		width:258px;
		height:35px;
		float:right;
		display:inline;
		clear:right;
		margin-top:73px;
		background-image:url(images/side-top.jpg);
		background-repeat:no-repeat;
	}
	
	#page #sidebar-bottom
	{
		width:258px;
		height:16px;
		float:right;
		display:inline;
		clear:right;
		background-image:url(images/sidebar-bottom.jpg);
		background-repeat:no-repeat;
	}
	
	/***comment header***/
	h3#comments, h3#respond
	{
	color:#666633;
	font-size:152%;
	display:block;
	background-color:black;/*paint drips might decrease the readability*/
	padding-bottom:10px;
	padding-top:30px;
	
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	/***comments***/
	
	 .comm-top
	{
		display:block;
		background-image:url(images/post-dark-top.jpg);
		height:22px;
	}
	
	 .comm-middle
	{
		display:block;
		background-image:url(images/post-dark-bg.jpg);
		padding:20px;
		color:white;
	}
	
	.commentlist li .comm-middle span.says
	{
		color:#666633;
		font-size:122%;
		position:relative;
		top:-10px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	.commentlist li .comm-middle b, .commentlist li .comm-middle strong
	{
		font-weight:bold;
	}
	
	.commentlist li .comm-middle i, .commentlist li .comm-middle em
	{
		font-style:italic;
	}
	
	/*Links posted in a comment*/
	.comm-middle  a
	{
		color:#CCCCCC;
	}
	
	.commentlist li .comm-middle p
	{
		line-height:150%;
	}
	
	.commentlist li .comm-middle span.says a
	{
		color:#666633;
		text-decoration:none;
	}
	
	.commentlist li .comm-middle span.says a:hover
	{
		text-decoration:underline;
	}
	
	
	.commentmetadata
	{
		display:block;
		position:relative;
		top:-7px;
			
	}
	
	.commentlist li .comm-middle .commentmetadata a
	{
		color:#666666;
	}
	
	.commentlist li .comm-middle em.waiting
	{
		display:block;
		font-style:italic;
	}
	
	.comm-bottom
	{
		display:block;
		background-image:url(images/post-dark-bottom.jpg);
		height:14px;
		background-repeat:no-repeat;
	}
	
	/***the comment box***/
	.commentform-top
	{
		display:block;
		background-image:url(images/post-dark-top.jpg);
		height:22px;
	}
	
	form#commentform
	{
		display:block;
		background-image:url(images/post-dark-bg.jpg);
		padding:20px;
		color:white;
	}
	
		#commentform input, #commentform textarea
		{
			margin-bottom:5px;
			border:1px solid black;
			padding:3px;
		}
		
		#commentform #searchsubmit2
		{
		border:none;
		}
		
		#commentform label
		{
		position:relative;
		top:-5px;
		}
		#commentform p.logininfo
		{
			padding-bottom:10px;
		}
		#commentform a
		{
			color:#666666;
		}
	
	.commentform-bottom
	{
		display:block;
		background-image:url(images/post-dark-bottom.jpg);
		height:14px;
		background-repeat:no-repeat;
	}
	
	/***Stuff for the footer****/
	#footer
	{
		clear:both;
		display:block;
		color:white;
		width:730px;
		margin-left:auto;
		margin-right:auto;
		padding-left:110px;
		height:110px;
		background-image:url(images/footer.gif);
		font-size:10px;
		color:black;
		position:relative;
		top:30px;
		background-repeat:no-repeat;
		background-position:top right;
		
		
	}
	
	#footer a
	{
		color:black;
	}
	
	#footer p.first
	{
		padding-top:84px;
	}
	
	#footer p
	{
		float:right;
		clear:both;
		padding-right:80px;
		}
		
	#footer p.second
	{
		
		padding-right:100px;
		}
		
		
	p.editpage a
	{
		color:white;
	}