/*  
Theme Name: JanHelleman2
Theme URI: http://janhelleman.nl/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Jan Helleman
Author URI: http://janhelleman.nl/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/

body
{

	padding: 0px;
	margin: 0px;
	background-color: #b4e81b;
	text-align: center;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 0.9em;

}

a:link, a:visited
{

	color: #b4e81b;
	text-decoration: none;
	font-weight: bold;

}

a:hover
{

	color: #fda80f;
	text-decoration: underline;

}

a:active
{

	color: #fda80f;
	text-decoration: none;

}

.authorimage
{

	width: 60px;
	height: 60px;
	background-image: url('http://www.janhelleman.nl/images/8.gif');
	float: left;
	margin-right: 5px;
	border: 1px black solid;
}

.clear 
{

	clear:both;
	height:1px;
	overflow:hidden;

}

.holderside
{

	width: 111px;
	background-repeat: repeat-y;

}

#holderleft
{

	background-image: url('http://www.janhelleman.nl/images/layout_01.jpg');

}

#holderright
{

	background-image: url('http://www.janhelleman.nl/images/layout_05.jpg');

}

.bannera
{

	width: 400px;
	height: 200px;
	float: left;
	z-index: 100;

	
}

.bannerb
{

	width: 257px;
	height: 200px;
	float: right;
	z-index: 100;
	padding-right: 10px;

}

.bannerholder
{

	width: 800px;
	height: 200px;
	border: 1px black solid;
	border-top: 0;
	/*background-image: url('http://www.janhelleman.nl/images/shuffle/logo1.jpg');*/
	background-repeat: no-repeat;

}

#bannerholda
{

	background-image: url("http://www.janhelleman.nl/images/shuffle/logo1.jpg");

}

#bannerholda, #bannerholdb
{

	position: absolute;
	width: 800px;
	height: 200px;
	overflow: hidden;
	
}

.banneroverlay1
{
	width: 244px;
	height: 33px;
	background-color: #FFFFFF;
	position: absolute;
	opacity: .57;
	filter: alpha(opacity=57);
	z-index: 100;
	
}

.banneroverlay2
{

	position: absolute;
	width: 244px;
	height: 33px;
/*	background-image: url('http://www.janhelleman.nl/images/janhelleman.gif');*/
	background-repeat: no-repeat;
	background-position: 5px 5px;
	color: #b4e81b;
	font-weight: bold;
	font-size: 24px;
	font-variant: small-caps;
	letter-spacing: 5px;
	text-align: center;
	z-index: 101;
		
}

.banneroverlay3
{

	position: absolute;
	height: 182px;
	width: 247px;
	background-color: #FFFFFF;
	opacity: .57;
	filter: alpha(opacity=57);
	z-index: 102;
	float: right;
	margin: 10px;


}

.banneroverlay4
{

	position: absolute;
	height: 180px;
	width: 245px;
	text-align: right;
	z-index: 103;
	border: 1px black solid;
	float: right;
	margin: 10px;
	
	
}




/* banner overlay*/

.banneroverlay4 ul 
{
	
	margin: 0;
	padding: 0; 
	padding-top: 5px;
	list-style-type: none; 
	list-style-image: none; 
	
}

.banneroverlay4 li 
{
	display: inline;
	margin: 0;
	padding: 0; 
	
}

.banneroverlay4 ul li a
{

	display: block;
	text-decoration:none;  
	padding: 0px 20px 0px 15px;
	margin: 0;
	color: #fda80f;
	font-weight	: bolder;
	font-size: 25px;
	
}

.banneroverlay4 ul li a:hover , .banneroverlay4 .current-cat a, .banneroverlay4 li.current_page_item a
{

	color: #ffffff;
	background-color: #b4e81b;
	
}

/*einde */


.content
{
	
	float: left;
	background-color: #FFFFFF;
	border-left: 1px black solid;
	border-right: 1px black solid;
	vertical-align: top;

}

.sidebar
{

	width: 245px;
	background-color: #fda80f;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
	border-right: 1px black solid;	
	vertical-align: top;
	float: right;
	text-align: justify;
	margin: 0 10px 15px 15px;
	padding: 0 0 0px 0;
	padding-top: 20px;
	
}

div#container
{

	margin-left: auto; 
	margin-right: auto;
	width: 1024px;
	text-align: left;

}


/* ul lijsten in de sidebar */


.sidebar ul
{

	margin: 0;
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	padding-bottom: 10px;

}

.sidebar li
{

	padding-left: 10px;
	padding-right: 10px;

	
}

.sidebar ul li a 
{
	
	text-decoration:none;  
	color: #FFFFFF;
	font-weight	: bold;
	
}

.sidebar ul li a:hover 
{

	color: #000000;
	
}

.sidebar h3
{

	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;

}

/* post css */

.post
{

	padding: 10px;
	background-color: #efefef;
	margin: 10px;

}

.navhold
{

	padding: 10px;
	background-color: #efefef;
	margin: 10px;

}

.post h3 a 
{
	
	text-decoration:none;  
	color: #fda80f;
	font-weight	: bold;
	
}

.post h3 a:hover 
{

	color: black;
	
}

.post h3
{

	font-size: 20px;
	padding: 0;
	margin: 0;

}

.post small
{

	font-size: 0.6em;
	padding: 0;
	margin: 0;
	vertical-align: top;

}

.post #left
{

	float: left;

}

.post #right
{

	float: right;
	font-weight: bold;
	
}

.left
{

	float: left;

}

.right
{

	float: right;
	font-weight: bold;

}

.post .entry
{

	padding-top: 10px;
	padding-bottom: 0;

}

small a
{

	text-decoration: none;
	color: #000000;

}

small a:hover
{

	text-decoration: none;
	color: #fda80f;

}

.postmetadata
{

	padding: 0;
	margin: 0;

}

#left a
{

	text-decoration: none;
	color: #000000;
	font-weight: bold;

}

#left a:hover
{

	color: #b4e81b;
	text-decoration: underline;

}

.postmetadata a
{

	text-decoration: none;
	color: #b4e81b;
	font-weight: bold;

}

.postmetadata a:hover
{
	text-decoration: underline;
	color: #000000;
}

.commentsleft
{

	float: left;
	font-weight:bold;

}

.commentsright
{

	float: right;

}

.comments
{

	border-top: 1px black solid;


}

.left
{

	float: left;


}

.right
{

	float:right;

}