/*
	Theme Name: Klare Zaken
	Theme URI: http://www.klarezaken.nl/
	Description: Very marketable Wordpress theme
	Version: 1.0
	Author: Jasper Frumau
	Author URI: http://wwww.doede.net
*/

/************************************************
 *	Main structure															*
 ************************************************/

body {
  	margin:0px;
  	padding:0px;
  	text-align:center;
  	font-size:1em;
  	font-family:Verdana, Helvetica, Arial, sans-serif;
	color: #474E44;
}

#wrapper {
	background-image: url(images/background-image.jpg);
	background-repeat:no-repeat;
	background-color:#FFE8E8;
	height:auto;
	min-width:inherit; /*900px before */
	margin:auto;
	display:block;
	padding:0;
	width:1000px; /* 100% before */
	}
	
#maincol {
  width:80%;
  /*border-right:thin dashed #FF00FF;
  background:#FFFFFF; */
  padding-left:30px;
  margin:100px 0px 30px 50px;
  float:left;
}



#maincol .col {
	padding-bottom: 0.5em;
	padding-left:2.5em;
	padding-right:8.5em;
	line-height:1.6em;
}

#maincol-large .col {
	padding-bottom: 0.5em;
	padding-left:2.5em;
	padding-right:0em;
	line-height:1.6em;
}

/*************************
Sidebar
****************************/
#navcol {
	padding:0px 0px 0px 20px;
	width:27%; /* 20% before*/
	/*background:#FFFFFF; commented out because of transparency addition*/
	min-height:470px;
	margin:30px 0px 0 0;
	padding-right:20px;
	float:right;
  	font-size:1em;
	display:none;
}

#navcol h2 {color:#1a75cf;}
div#navcol li {list-style-type:none;}

#navcol a {color:#808080; font-size:1em;}

#container{	
	 width:100%;
	 text-align:left;
	 margin-left: auto;
	 display:block;
	 min-height:500px; /*IE6 will ignore this*/
	 height:auto !important;
	 height:500px;
	 margin-right: auto;
	 padding-bottom:0;
}

#bgimg {width:100%; height:100%; z-index:-1; position:absolute; background-color:white}

#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/********************************
Footer
**********************************/
#footer{
	color:#808080;
	background: #FFFFFF;
	clear:both;
	text-align:center;
	margin-left: auto;
	display:block;
	margin-top:30px;
  	margin-right: auto;
  	font-size: 0.9em;
	width:1000px; /* added */
  	margin-bottom:0;
	height:60px;
  	padding-bottom:0;
	padding-top:10px;
}

.footer-box {padding-left:10%; float:left;}
.footer-box-1 {float:left; padding-left:3%;}

#footer p{margin:0px; padding:10px;}
#footer a{
	color: #808080;
}
a{
	color: #808080;
	text-decoration: none;
}

/**********************************************
Comments
**********************************************/
p.comments_link a {color:#808080;}

p.comments_link a:hover {text-decoration:none;color:#808080;}
a:hover {
	text-decoration:underline;
}
/************************************************
 *	Header																			*
 ************************************************/
#header {
	padding: 0px;	
	margin-top: 0.3em;
	padding-top:1em;	
	padding-bottom:1em;
	margin-bottom:0px;
	background: #FFFFFF;
	text-align:left;
	padding-right:0;
	height:150px;
}

#header h1{
	padding:0px 0px 20px 40px;
	margin: 0px;
	margin-bottom:0.3em;
	font-size: 1.2em;
	letter-spacing:0.2em;
}
#header h1 a {
	color:#5B7B57;
}
#header h1 a:hover {
	text-decoration:none;
	color: #bb4444;
	
}
#header img {
	border:none;
}
#subtitle {
	margin-bottom:0.3em;
	font-size: 0.8em;
	padding-left:10px;
	text-transform:uppercase;
	color:#A37B45;
}

#header ul, #header li {
display:inline;
list-style-image:none;
list-style-type:none;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 7%; /* menu item left padding */
}

ul#pageslist{padding-left:0;}

#header ul {width:100%;}
#title-search {width:100%; float:left;}
#title {float:left; width:250px;}


/************************************************
 *	Content																			*
 ************************************************/
h1, h2, h3, h4 {
	font-family:Verdana, Helvetica, Arial, sans-serif;
}
h2 {
	font-size: 1.1em;
	margin-bottom:0.5em;
}
h2.entrydate{
	margin-bottom:0.3em;
	margin-top:10px;
	font-size: 1.4em;
	font-weight:normal;
	color:#86942A;
}
.entrymeta{
	font-weight:bold;
	color:#99A879;
}

/****************************
Post header
*****************************/
h3.entrytitle a{
	color: #1a75cf;
	font-size:16px;
}

/******************************/

h3.entrytitle{
	margin-top:0px;
	margin-bottom:0.1em;
	font-size: 1.8em;
}

.entrybody p {
	margin-top:0.8em;
	margin-bottom:1.6em;
	color:#808080;
	font-size:0.8em;
}
.entry{
	padding-bottom: 2em;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}
/************************************************
 *	Navigation
 ************************************************/
ul {
 margin:0 0 1em 0;
 padding-left:0px;
 list-style-type:none;
}

#navigation  ul#pageslist li.page_item a {color:#9900ab; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; display:none;}
#navigation ul#pageslist li.page_item a:hover {text-decoration:underline;}
#navigation {float:left; width:100%;}

/************************************************
 *	Comments													*
 ************************************************/
h2#comments{
	text-align:center;
	border-top:1px solid #9ba1aa;
	background:#E2ECD5;
	padding:0.7em;
	border-bottom:1px solid #9ba1aa;
	margin-bottom:1em;
	margin-top:8em;
}
ol#commentlist {
	margin-top:0px;
	padding: 0.5em;
	margin-left: 0px;
	color: #9b9b9b;
	list-style-type: none;
	font-size:0.9em;
}
#commentlist li  p{
	padding: 0px;
	margin: 0px;
}
.commentname {
	float: left;
	margin: 0;
	padding: 0 0 0.2em 0;
}
.commentinfo{
	width: 20em;
	float: right;
	text-align: right;
}
.commenttext {
	clear: both;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 3em;
	border-top: 1px solid #ebebeb;
	line-height:1.2em;
	color: #5b5b5b;
}
#commentsformheader{
	padding-left:1.5em;
	font-size: 1.4em;
}
#commentsform{
	margin-top:0;
	text-align:center;
	border:1px solid #ddd;
	background:#ecefdf;
	padding:0em 1em;
}
#commentsform form{
	text-align:left;
	margin:0px;
}
#commentsform p{
	margin:0.5em;
}
#commentsform form textarea{
	width:100%;
}
/************************************************
 *	Extra																				*
 ************************************************/
code{
	font-family: 'lucida console', 'Courier New', monospace;
	font-size: 0.8em;
	display:block;
	padding:0.5em;
	background-color: #E5EaE4;
	border: 1px solid #d2d8d1;
}

/***********************************************
* Search
 ************************************************/
input[type="text"], textarea {
	padding:0.4em 0.5em;
	border: 1px inset #CCCFBC;
	color: #656F5C;
	width:350px;
}

#search-box {float:right; width:400px; margin-right:30px; display:none;}


blockquote {
	border-left: 3px solid #686868;
	color: #888;
	padding-left: 0.8em;
	margin-left: 2.5em;
}
a img {
	border:none;
}
.imgborder img{
	border: 1px solid #87a284;
	background:#CCCFBC;
	padding:0.3em;
}
.imgborder{
	text-align: center;
}

/********************************************************************
Home Transparente Boxen inclusief transparentie voor andere pagina's
*********************************************************************/

#homepage-box-container {width:70%; padding:0px 0px 0px 50px;float:left;}
#box-row-1 {float:left;width:280px;}
#box-row-2 {float:right;width:280px;}
#box-1, #box-2, #box-3, #box-4 {
			position:relative;
			border:thin #CCCCCC;
			width:200px; /*200 before */
			padding:5px;
			height:90px;
			margin:30px;
			font-size:0.9em;
		}

#box-2, #box-4 {margin-top:100px;}

.overlay {
		position: absolute;
	    top: 0; /* These positions makes sure that the overlay */
	    bottom: 0;  /* will cover the entire parent */
		left: 0;
	    width: 100%;
		height:100%;
		background: #FFFFFF;
		opacity: 0.65;
/*	   -moz-opacity: 0.65;  older Gecko-based browsers */

}

.content {position:relative;}

li.widget_text {list-style-type:none; list-style-position:inside;}
li.widget_text h2 {list-style-position:inside;}


#homepage-box-container h2 {color:#9900ab; padding:0; margin:0; text-align:left;}
#homepage-box-container ul, #homepage-box-container li {list-style-position:inside; list-style-type:none;}
#container {color:#808080;}

/************************************
Slogan homepage
**************************************/

#home-slogan {width:10%; float:right; color:#FFFFFF; margin-top:23px; margin-right:50px; font-size:1.1em;}

/***********************************
Main Column for homepage
************************************/
#maincol-large{
  width:85%;
  padding-left:60px;
  margin-left:3%;;
  float:left;
}


/**********************************************
Pay off Box rechtboven op blog pagina
********************************************/

#payoff {
		float:right;
		width:180px;		
		color:#FFFFFF;
		width:20%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.1em;
}

/*******************************************
Pages transparency and size
*********************************************/

#page-container {
				width:100%;
				padding:0px 50px 70px 50px;
				float:left;
				}
				
#page-content {float:left; width:80%;}

div#page-content div#trans-box div.content div.entry div.entrybody p {padding-left:30px;}
div#page-content div#trans-box div.content div.entry h2.entrydate {padding-left:30px;}

#trans-box		{
				position:relative;
				width:80%;
				padding:10px;}
				
/*********************************
End Page transparency
*********************************/
				
/******************************************
Page sidebar with slogan
******************************************/				
#sidebar-page {float:left; width:15%; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;}

/**********************************
End Page sidebar
************************************/

				
/************************************************
Blog and Blog transparency
*************************************************/
#blog-container {
				width:100%;
				padding:0px 50px 70px 80px;
				float:left;
				min-width:inherit; /*900px before */
				}


#blog-content {float:left; width:60%;}

#trans-box-blog {
				position:relative;
				width:85%;
				padding:50px;}
				
				
/**************************************************
Sidebar transparency
**************************************************/

#trans-box-sidebar {
				position:relative;
				width:65%;
				padding:10px 30px 10px 20px;
				}