/*  
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-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 verdana,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;}

p {font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; line-height: 1.7em;}

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

#menu a {
  position: absolute;
  height: 26px;
  top: 160px; 
  text-decoration: none;
  }

#menu a i {visibility: hidden;}

a#blog {left:26px; width:40px;}
a#book {left: 88px; width:90px;}
a#author {left: 200px; width: 92px;}
a#contact {left: 312px; width:61px;}

/***links****/
.post a
{ 
	color:#676275; text-decoration: underline;}
}
.post a:hover {text-decoration: none;}


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

/***Stuff for the header**/
#header
{
	background-image:url(images/header.jpg);
	height:199px;
	width:797px;
	overflow:hidden;
        background-repeat: no-repeat;
        padding-top: 10px;
	position:relative;
	top:15px;
}

	
	#header h1 a
	{
		display: none;
		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
	{       display: none;
		position:relative;
		top:50px;
		left:150px;
		color:white;
		text-align:right;
		width:500px;
	}
	

/***Stuff for the post**/

	
	
	#page #commentblock
	{
		width:502px;
		
		
	}
	
	.post-date
	{
		width:100px; 
                padding-top: 10px;
		background:none;
                position: relative;
		text-align:right;
                top: 60px;
                left: 380px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	.post-date span.day
	{
		font-size:110%;
		padding-top:5px;
		
		
	}
	
	.post-date span.month,.post-date span.year
	{
                font-size:77%	
	}
	
	.page .post-top , .search .post-top
	{
		margin-top:27px; /*the pages have no .post-date so we'll compensate this here*/
		
	}
	
		
	.post-top
	{
		height:30px;
		width:502px;
		background-image:url(images/post-top.jpg); 
		background-repeat:no-repeat;
		
	}
	
	.post-bottom
	{
		height:30px;
		width:502px;
		background-image:url(images/post-bottom.jpg);
		background-repeat:no-repeat;
	}
	
	.post
	{
		width:462px;
		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 ;
	}

#single {border-bottom: 1px solid #48321f;}

	.post h2 a, .page .post h2 , .archive .post h3 a, .search .post h3 a  
	{
	color:#48321f;
	font-size:152%;
	display:block;
	padding-bottom:8px;
	padding-right:50px;
        border-bottom: 1px solid #48321f;
	background:none;
	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 h2 {width: 415px;}

	
	
	.post p.postmetadata
	{
		display:block;
		clear:both;
		color:black;
		font-family: Georgia, Times New Roman, serif;
		width:434px;
		padding:13px;
				
		text-align:center;
		position:relative;
		top:5px;
		
	}

a.postmetadata {text-decoration: underline;}
.postmetadata a:hover {text-decoration: none;}
	
	
	/***stuff for the sidebar***/
	 #page #content , #page #commentblock
	{
		float:left;
		display:inline;/*IE double margins fix*/
	}
#sidebar a {color: white; text-decoration: none; font: 12px Arial, sans-serif;}
#sidebar a:hover {text-decoration: underline;}	


.textwidget {padding-top:15px; color: white; font:12px Arial, sans-serif; padding-bottom: 20px; padding-left: 20px;}

	#page #sidebar
	{
		width:258px;
		float:right;
		clear:right;
		display:inline;
		background: none;
                padding: 25px 0 0 0;
	}
	
	#page #sidebar ul
	{
		padding: 0px 10px 10px 20px;
	}
	
	#page #sidebar ul ul
	{
		padding: 10px 20px 20px 20px;
	}
	
	#page #sidebar ul li
	{
		padding-bottom:7px;
	}
	
	#page #sidebar ul li h2
	{
		color:white;
		font-size:140%;
		background-image:none;
		text-decoration:none;
		font-family:Georgia, "Times New Roman", Times, serif;
                border-bottom: 1px solid #e9e4cb;
	}
	
	#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:0px;
		float:right;
		display:inline;
		clear:right;
		margin-top:73px;
		background: none;;
		background-repeat:no-repeat;
	}
	
	#page #sidebar-bottom
	{
		width:258px;
		height:0px;
		float:right;
		display:inline;
		clear:right;
		background: none;
		background-repeat:no-repeat;
	}
	
	/***comment header***/
	h3#comments, h3#respond
	{
	color:#48321f;
	font-size:152%;
	display:block;
	background-position:bottom left;
	background-image:url(images/post-bg.jpg);
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
 
        h3#respond
        {
        padding-top: 10px;
        padding-bottom: 5px; padding-left: 20px;}
 
        h3#comments {	padding-bottom:25px;
        padding-left: 20px;	}
	
	/***comments***/
	
	 .comm-top
	{
		display:block;
		background-image:none;
		height:15px;
	}
	
	 .comm-middle
	{
		display:block;
		background-image:url(images/post-bg.jpg);
		background-repeat:repeat-y;
		padding:0px 20px 30px 20px;
		color:black; 
                width:460px;

	}

	.commentlist li .comm-middle span.says
	{
		color: #48321f;
		font-size:120%;
                font-style: italic;
		position:relative;
                padding-left:8px; padding-top: 40px;
		font-family:Georgia, "Times New Roman", Times, serif;
                font-weight: bold;
	}
	
	.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:black;
	}
	
	.commentlist li, 
	{
		line-height:150%;
                border-width: 0px 0px 0px 0px; 
                border-style: dotted;
                border-color: #48321f;
	}
.comm-middle p {padding: 10px 20px 0px 20px;}
	
	.commentlist li .comm-middle span.says a
	{
		color:#48321f; padding-top: 30px;
		text-decoration:none; font-style:italic;
	}
	
	.commentlist li .comm-middle span.says a:hover
	{
		text-decoration:underline;
	}
	
	
	.commentmetadata
	{
		display:block;
		position:relative;
                padding-left: 8px;
                font-weight: bold
	}
	
	.commentlist li .comm-middle .commentmetadata a
	{
		color:#48321f; text-decoration: none;
	}
	
	.commentlist li .comm-middle em.waiting
	{
		display:block;
		font-style:italic;
	}
	
	.comm-bottom
	{
		display:block;
		background-image:none;
		height:0px;
		background-repeat:no-repeat;
	}
	
	/***the comment box***/
	.commentform-top
	{
		display:block;
		background-image:none;
		height:0px;
	}
	
	form#commentform
	{
		display:block;
		background-image:url(images/post-bg.jpg);
		background-repeat:repeat-y;
		padding:20px;
		color:black;
	}
	
		#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; color: #48321f;
		}
		#commentform a
		{
			color:#48321f;
		}
	
	.commentform-bottom
	{
		height:30px;
                width:502px;
                background-image:url(images/post-bottom.jpg);
		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;;
		font-size:11px;
		color:white;
	        line-height:1.2em;
		
	}
	
	#footer a
	{
		color:white;
	}
	
	#footer p.first
	{
		padding-top:30px;
	}
	
	#footer p
	{
		text-align:center;
                line-height: 1.4em;
		clear:both;
		}
		
		
	p.editpage a
	{
		color:white;
	}