/*
Theme Name: Quartet Consult
Theme URI: http://www.quartetconsult.nl
Description: 
Author: Zin In Webdesign
Author URI: http://zininwebdesign.nl
version: 1.0
*/


/* basics */

*{margin:0; padding:0;}

body {
	background-color:#eee5ad;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color:#e2007a ;
	scrollbar-shadow-color:#333333;
	scrollbar-arrow-color: #e2007a;
	scrollbar-track-color: #ffffff;
	margin:0px;
	padding:0px;
	background-image:url(images/body-bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	}	
h1 {font-size: 14px; font-weight:bold; margin-bottom:15px;}
h2 {font-size: 16px; margin-top:10px;font-weight:bold;margin-bottom:15px;}
h3 {font-size: 12px; margin-top:10px;font-weight:bold;margin-bottom:15px;}


/* images and misc. */

img{ border: none;}
img a{border:none;}

.alignleft img{ float: left; border: 1px solid #ffffff; padding: 1px; margin:0em}
.alignright img{ float: right; border: 1px solid #ffffff; padding: 1px; margin:3px 0px 3px 10px;}
img.aligncenter{ text-align:center; clear:both;margin-bottom:5px;}

code{
	margin:10px;
	}


/* links */

a{
	color:#ffffff;
	text-decoration:underline;
	border: none;
        
	}

a:hover{text-decoration: underline; border: none;}

/**************** opmaak in blokken****************/

#wrapper{
	height:100%;
	width:960px;
	position: absolute;
	padding:0px;
	margin-bottom:0px;
	text-align:left;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color:#ec8a61;
	scrollbar-shadow-color:#333333;
	scrollbar-arrow-color: #ec8a61;
	scrollbar-track-color: #ffffff;
	}
	
/* header */
#header {
	width:960px;
	height:313px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	}
#fotoq{
	position:absolute;
	right:0px;
	width:484px;
	height:313px;
	background-image:url(images/fotoq/spiegel.jpg);
	background-repeat:no-repeat;
}
body.page-id-3 #fotoq{
	background-image: url(images/fotoq/spiegel.jpg);
	background-repeat:no-repeat;
}
body.page-id-4 #fotoq{
	background-image: url(images/fotoq/druppel.jpg);
	background-repeat:no-repeat;
}
body.page-id-6 #fotoq{
	background-image: url(images/fotoq/wolken.jpg);
	background-repeat:no-repeat;
}	
body.page-id-8 #fotoq{
	background-image: url(images/fotoq/man.jpg);
	background-repeat:no-repeat;
}
body.page-id-9 #fotoq{
	background-image: url(images/fotoq/landschap.jpg);
	background-repeat:no-repeat;
}
body.page-id-11 #fotoq{
	background-image: url(images/fotoq/oud.jpg);
	background-repeat:no-repeat;
}
body.page-id-2 #fotoq{
	background-image: url(images/fotoq/baby.jpg);
	background-repeat:no-repeat;
}
body.page-id-14 #fotoq{
	background-image: url(images/fotoq/skeelers2.jpg);
	background-repeat:no-repeat;
}
body.page-id-15 #fotoq{
	background-image: url(images/fotoq/marian-verhaegh.jpg);
	background-repeat:no-repeat;
}

#header h1{
	}
	
#header h2{
	display:none;
	}

/* content */


#content {
	margin-bottom:20px;
	padding-top:0px;
	line-height:14px;
	width:470px;
	background-image: url(images/hoek-right.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
	}
	
#content a{
	text-decoration: none;
}	
#content p{
text-align:left;
	}
#content img{clear:right;
}	
	


/**************rechterblok met plgins in 5 sidebars************/
	
#block{
	float:left;
	clear:right; 
	width:480px;
	background-image:url(images/left-quart.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#block h2{
font-size:12px;
padding-bottom:3px;
}
#block a{
}
#block a:hover{
}
	
/* sidebars */

#left {
	position:relative;
	width: 160px;
	float:left;
	margin: 40px 0px 5px 30px;
	padding: 0;
	padding-top:12px;
	}
#left h2{margin-top:30px;
	margin-bottom:10px;
	color:#33346e;
	}
#left a{color:#33346e;	
}
	
#right{
	position:relative;
	width: 200px;
    float:right;
	margin: 10px 20px 5px 0px;
	padding: 0;
	padding-top:12px;
        }

/* right sidebar */

#right p {margin:0; padding: 0 6px 0 10px;
}
#right h2{display:none;
}

#right li{
margin-top:4px;
padding-bottom:5px;
display: block;
}
#right img{
margin-right:5px;
margin-top:0px;
}
	
.post,.archivetitle{
	margin: 10px 10px;
	line-height: 16pt;
	}
	
.post h2{
	font-size: 16px;
	}

#content h2 {
	font-size: 18px;
	margin: 25px 5px 10px 0px;
	line-height:25px;
	font-weight:normal;
}
#content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	margin-top : 5px;
	margin-bottom : 5px;
	margin-right : 5px;
}


blockquote{
font-size:12px;
font-weight:bold;
border-left:6px solid #e2007a;
padding:10px;
text-align:center;
}	
		
.post h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	margin-top : 2px;
	margin-bottom : 5px;
	margin-right : 5px;
	}	
.post h2{
font-size:30px;
}	
.post h2 a{
	text-decoration: none;
	}
.post h2 a:hover{
	text-decoration: none;
	}	
.post h3{
	font-size: 11px;
	font-weight: bold;
	margin:10px 0px;
	}
.post h4{
	font-size: 11px;
	font-weight: bold;
	margin:15px 0px 5px 0px;
	}	
	
.post p{margin-bottom:10px;
	margin-right:20px;
	}

.post a{
	border: none;
	font-weight:bold;
}

.post ul {margin:15px;}

.post li {}

.entry p{line-height:17px;
         }

.postmetadata{
	padding:0;
	margin:0;
	line-height:15px;
	}
p.postmetadata a{
	text-decoration:none;
	font-size:10px;
	}	
.archivetitle h2{
	font-size: 17px;
	font-weight: bold;
}	

.navigation {
	margin: 0px 0 0px 0;
	padding:2px;
	}
	

.pagetitle {}




/* comments */

#commentssection{
	padding: 2px 12px;
	margin: 0;
	}
	
#commentssection h3{
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	}

#commentform{
}
	
#commentform p{
	color:#fff;
	}
	
#commentform a{color: #fff; text-decoration: underline; border-bottom: 1px dotted #ffffff;line-height: 14pt;}
	
#commentform h3{
	font-size: 10px;
	font-weight: bold;

	}
	
#commentbox{
	width:375px;
	margin:5px 5px 5px 0;
	}

#author, #email, #url, #commentbox, #submit{
	margin:5px 5px 5px 0;
	border: none; 
	padding: 3px;
	border: 1px dotted #ffffff;
	}
#submit{
	border: none; 
	padding: 10px;
	border: 1px dotted #ffffff;
	}	

ol.commentlist {list-style-type: none;}

ol.commentlist li {
	margin:10px 0px;
	padding:0px 0px 0px 10px;
	/*overflow: hidden;*/
	}

ol.commentlist li.alt {color:#fff;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}
ol.commentlist a {color:#ffffff}

.commentlist cite {
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
	padding: 7px;   
    display:block; 
	}
	
cite a{color: #ffffff; text-decoration: none; border-bottom: 1px dotted #ffffff;}

/* search */

#searchform { float: left; width: 140px; margin-right: 0px; margin-left:15px;}
#searchform form { float: right; margin: .5em 0 0 0; padding: 0 0 0; }
#searchform #submit { display: none; }


#searchform input#s{
	padding: 2px;
	margin: 1px;
	border: 1px solid #ffffff;
	width:75px;
	background-color: #ccc;
	}

input#submit{
	font-size: 12px;
	padding: 5px;
	margin: 0px;
	border: 1px solid #ffffff;
	background-color: #ec8a61;
	color: #ffffff;
	}
	
p.wp-caption-text{font-size:10px;
font-style:italic;
margin:2px;
}	


#content form{
width:175px;
}
#content fieldset{
border:0px;
}


small{color:#c0c0c0;
}
#content hr{background:#CCCCCC;
height:1px;
color:#cccccc;
}
#metadata a{
text-decoration:none;
font-weight:normal;
}

#metadata{line-height:15px;
}
li.recentcomments{margin:5px;
}
/*suckerfish menu********************************************/
#suckerfishnav {
		font-size:13px;
		text-align:right;
		}
#suckerfishnav, #suckerfishnav ul {
		float:left;
		list-style:none;
		line-height:14px;
		padding:0;
		margin:0;
		margin-left:0px;
	}

#suckerfishnav a {
		display:block;
		text-decoration:none;
		width:195px;
		padding:1px;
		}

#suckerfishnav li {
		float:left;
		display:inline;
		margin-bottom:0px;
}
#suckerfishnav ul{
		position:absolute;
		left:-999em;
		height:auto;	
		width:190px;
		font-weight:normal;
		line-height:1;	
		border:0;
		}
#suckerfishnav ul ul{
		}

#suckerfishnav li li {	
		font-weight:bold;font-family:verdana,sans-serif;
		margin-bottom:3px;
		display:block;
		}

#suckerfishnav li li a {
		padding:1px 10px ;
		width:112px;
		}

#suckerfishnav li ul ul {
		}
#suckerfishnav li li:hover {
		display:block;
		}
#suckerfishnav li ul li:hover a, 
#suckerfishnav li ul li li:hover a, 
#suckerfishnav li ul li li li:hover a, 
#suckerfishnav li ul li li li:hover a  {
		}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
		}
#suckerfishnav li:hover li a, 
#suckerfishnav li li:hover li a, 
#suckerfishnav li li li:hover li a, 
#suckerfishnav li li li li:hover li a {
		border-right:none;
		}
#suckerfishnav li:hover ul ul, 
#suckerfishnav li:hover ul ul ul, 
#suckerfishnav li:hover ul ul ul ul, 
#suckerfishnav li.sfhover ul ul,
#suckerfishnav li.sfhover ul ul ul, 
#suckerfishnav li.sfhover ul ul ul ul  {
		margin-left:300px;
		display:block;
		}
#suckerfishnav li:hover ul, 
#suckerfishnav li li:hover ul, 
#suckerfishnav li li li:hover ul, 
#suckerfishnav li li li li:hover ul, 
#suckerfishnav li.sfhover ul, 
#suckerfishnav li li.sfhover ul, 
#suckerfishnav li li li.sfhover ul, 
#suckerfishnav li li li li.sfhover ul  {
		left:167px;
		margin-top:-22px;
		}
#suckerfishnav li:hover, 
#suckerfishnav li.sfhover {
		}

/*suckerfish active-menu*********************************/

#suckerfishnav li.current_page_item a{
	font-weight:bold;
}
#suckerfishnav li.current_page_item a:hover{
	font-weight:bold;
	 	}
/*hoofdmenu item dat parent van een current submenuitem is:*/
#suckerfishnav li.current_page a{
        	font-weight:bold;
		/*border-right:15px solid #5c864d;*/
}
#suckerfishnav li.current_page a:hover{
			font-weight:bold;
		/*border-right:15px solid #5c864d;*/
}

/*current submenuitem*/
#suckerfishnav ul li.current_page_item a{
	font-weight:bold;
		
}
#suckerfishnav li li.current_page_item a:hover{
			font-weight:bold;
		/*border-right:0px solid #000;*/
		
}

#suckerfishnav ul li.current_page a{
			font-weight:bold;
		}
#suckerfishnav ul li.current_page a:hover{
			font-weight:bold;
		}