/* 
	Theme Name: gb_design
	Theme URL: http://www.gemeentebelangenleidschendamvoorburg.nl/
	Author: Hans Peter Klazinga
	Version: 0.5
	Tags: three columns, fixed width, white, blue, sidebar widgets
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
	v0.5 - 14-12-09
	First Release gb_design
*/


body {
	background: #ffffff;
	font-family: Georgia,'Times New Roman',Tahoma;
	color: #202020;
	font-size: 12px;
	margin: 0px auto;
	padding: 0px;
	}

/************************************************
*	Hyperlinks									*
************************************************/

a {
	color: #664f13;
	text-decoration: underline;
	}
	
a:hover {
	color: #333;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
p	{
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
}
blockquote				{ border-left: 2px solid #CCC; color: #666; margin: 5px 0 20px; padding: 5px 10px 1px; font-style: normal; }
code					{ background: #EAEAEA; color: #333; font-family: Consolas,Monaco,Courier,monospace; font-size: 11px; margin: 1px 0; padding: 1px 3px; }
pre code				{ background: #322E2C; border: 1px solid #635957; color: #FFF; display: block; overflow: scroll; padding: 1.5em 1.75em; }

input[type=text], input[type=password], textarea	{ background: url(../images/form.jpg) repeat-x top #FFF; border: 1px solid #CCC; padding: 3px; }
input[type=submit], #wp-email-submit    { }
input[type=submit]:hover, #wp-email-submit:hover    { }	
/************************************************
*	Header  									*
************************************************/

#header {
	position:relative;
	width: 960px;
	height: 120px;
	margin: 0px auto;
	}

	#h_logo	{
	position:absolute;
	top: 0;
	left: 0;
	width: 500px;
	height:100%;
	}
	
		#h_logo .logo	{
			float:left;
			width:110px;
			height:110px;
			margin-top:5px;
			
		}
		
		#h_logo .name	{
			float:left;
			width:390px;
			height:110px;
			margin-top:5px;
		}
		
		#h_logo .name h1 {
			color: #161616;
			font-size: 36px;
			font-weight: normal;
			margin: 20px 0px 0px 20px;
			padding: 0;
}
		
		#h_logo .name p	{
			color: #3b3b3b;
			font-size: 18px;
			margin: 0px 0px 0px 20px;
			padding: 0;
}

	#h_feed	{
		position:absolute;
		top: 90px;
		right: 0;
		width: 460px;
		height:20px;
	}
		#h_feed a	{
		display:block;
		height:100%;
		float:right;
		text-decoration:none;
		text-transform: uppercase;
		}
		
		#h_feed img	{
		vertical-align:middle;
		margin:0 5px;
		}

/************************************************
*	Navigation  									*
************************************************/
#h_carousel	{
	display:none;
}

#subheader {
	position:relative;
	width: 960px;
	height: 30px;
	margin: 0px auto;
	z-index: 101;
	}

	#h_mainnav {
		position:absolute;
		width:100%;
		margin: 0px;
		padding: 0px;
		background: #F0BB2D;
		z-index: 102;
		}
		
	#nav {
		margin: 0px;
		padding: 0px;
		list-style: none;
		}
				
		#nav ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			}
		
		#nav a {
			color: #FFFFFF;
			display: block;
		    font-weight: bold;
		    margin: 0px 20px 0px 0px;
			padding: 8px 10px 7px 10px;
			font-size: 14px;
}
			
		#nav a:hover {
			background: #FAEFB6 ;
			color: #000;
			text-decoration: none;
			}
		
		#nav li {
			float: left;
			margin: 0px;
			padding: 0px;
			}
			
		#nav li li {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 140px;
			
			}
			
		#nav li li a, 
		#nav li li a:link, 
		#nav li li a:visited {
			background: #8f6f19;
			color: #FFFFFF;
			width: 140px;
			float: none;
			margin: 0px;
			padding: 6px 10px 5px 10px;
			border-bottom: 1px solid #FFFFFF;
			border-left: 1px solid #FFFFFF;
			border-right: 1px solid #FFFFFF;
			}
			
		#nav li li a:hover, 
		#nav li li a:active {
			background: #634C12;
			color: #FFFFFF;
			}
		
		#nav li ul {
			position: absolute;
			width: 10em;
			left: -999em;
			}
		
		#nav li:hover ul {
			left: auto;
			display: block;
			}
			
		#nav li:hover ul, #nav li.sfhover ul {
			left: auto;
			}



#wrapper {
	position:relative;
	top: 10px;
	border-bottom:2px solid #e8e8e8;
	border-top:2px solid #e8e8e8;
	background: #f8f8f8;
	margin: 0px auto;
	padding: 0px;
	z-index:0;
	}

	#h_content {
		position:relative;
		width: 960px;
		margin: 0px auto;
		padding: 0px;
		}
	
	#h_content p {
		padding: 0px 0px 10px 0px;
		margin: 0px;
		line-height: 20px;
		}
		
	#h_content h1 {
		color: #161616;
		font-size: 24px;
		font-weight: normal;
		margin: 0px;
		padding: 0px 0px 5px 0px;
		}
		
	#h_content h1 a  {
		color: #161616;
		text-decoration: none;
		}
	
	#h_content h1 a:hover {
		color: #333;
		text-decoration: none;
		}
		
	#h_content h3 {
		color: #161616;
		font-size: 24px;
		font-weight: normal;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		}
		
	#h_content h4 {
		font-size: 12px;
		font-weight: bold;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 5px 0px;
		}
		
	#h_content img.wp-smiley {
		float: none;
		border: none;
		padding: 0px;
		margin: 0px;
		}
	
	#h_content img.wp-wink {
		float: none;
		border: none;
		padding: 0px;
		margin: 0px;
		}
	
/************************************************
*	Content 					     		    * 
************************************************/
	
#content {
	float: left;
	width: 520px;
	padding-bottom: 10px;
}
	
#content ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#content ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#content ul {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#content ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
.date {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px dotted #999999;
	}
	
.postmeta {
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
	border-top: 1px dotted #999999;
	}
	
blockquote {
	font-style: italic;
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	border-left: 2px solid #4A7EB8;
	}
	
#content blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}
	
/************************************************
*	Images  					     		    * 
************************************************/

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.wp-caption {
	margin: 0px;
	padding: 0px;
	}
	
.wp-caption img {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	line-height: 12px;
	}
	
.textwidget	{
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
	
/************************************************
*	Left Sidebar 					     	    * 
************************************************/

#sidebar_small {
	float: left;
	width: 200px;
	padding: 10px 0px 20px 0px;
	line-height: 20px;
	background: #fff;
	margin: 0px 0px 0px 10px;
}
	
#sidebar_small h2 {
	background: #e6e6e6;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
	}
	
#sidebar_small p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#sidebar_small ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
#sidebar_small ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#sidebar_small ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar_small ul li li {
	background: #FFFFFF url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}
	
#sidebar_small ul li ul li {
	background: #FFFFFF url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}
	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#sidebar_big {
	float: right;
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
	line-height: 20px;
	background: #fff;

	}
	
#sidebar_big h2 {
	background: #e6e6e6;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
	}

#sidebar_big p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#sidebar_big ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
#sidebar_big ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#sidebar_big ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar_big ul li li {
	background: #FFFFFF url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}
	
#sidebar_big ul li ul li {
	background: #FFFFFF url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}
	
/************************************************
*	Footer Background							*
************************************************/

#h_footer {
	position:relative;
	background: #161616;
	height: 30px;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 960px;
	height: 30px;
	color: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
	}
	
#footer p {
	color: #FFFFFF;
	font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
	margin: 0px;	
	padding: 0px;
	}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
.footerleft {
	width: 700px;
	float: left;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	}
	
.footerright {
	width: 250px;
	float: right;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	text-align: right;
	}
	
/************************************************
*	Search Form									*
************************************************/

		
#h_search {
	position:absolute;
	top:45px;
	right:0px;
	width:200px;
	_width:190px;
}

#searchform {
	display:block;
}
#s {
	padding:9px 7px;
	height:12px;
	width:160px;
	font-size:11px;
	border:0;outline:0;
	background: #e4e4e4;
	color: #666;
	font-weight:bold;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	float:left;
	}
	#s:focus {background: #dcdcdc;}

#searchsubmit {background: #cdcdcd;color:#666;border:0;outline:0;font-weight:bold;padding:3px;font-size:10px;width:27px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-right-radius:4px;position:absolute;top:0;right:0;height:30px;}
	#searchsubmit:hover {cursor:pointer;background: #bcbcbc;}

.firefox #searchsubmit {padding-top:2px;}
.webkit #searchsubmit {padding-top:3px;}
.webkit.mac #searchsubmit {padding:3px;}
.firefox.mac #searchsubmit {padding-top:3px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#searchsubmit {padding:4px; margin-left: -8px;}
}	
	
/************************************************
*	Comments									*
************************************************/
.module-title	{ 
	line-height: 1em; 
	color: #333; 
	font-size: 12px; 
	font-weight: bold; 
	padding: 7px 10px; 
	background: url(../images/feed-title-white.jpg) repeat-x top #e6e6e6; 
	border: 1px solid #CCC; display: block;
	margin: 0 10px 0 0;
}

.nocomments				{ 
	background: url(./images/content-bg.jpg) repeat-x #FFF; 
	border: solid #CCC; 
	border-width: 0 1px 1px; 
	padding: 15px 10px; 
	margin: 0 10px 20px 0; }

#commentsform			{ 
	background: url(../images/content-bg.jpg) repeat-x; border: solid #CCC; border-width: 0 1px 1px; margin: 0 10px 10px 0; padding: 10px 15px; overflow: hidden; }
#commentsform textarea	{ width: 98%; height: 100px; padding: 5px; }
	
#commentblock {
	width: 500px;
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	}
	
.commentleft {
	width: 150px;
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.commentright {
	width: 300px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#commentblock ol {
	margin: 0px 5px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#commentblock ol li {
	margin: 0px;
	padding: 0px;
	list-style-type: upper-roman;
}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo {
	clear: both;
	}

	
	#aktt_tweet_form p	{
	width:150px;
}