/* 
	Theme Name: CleantechGrowth
	Theme URL: http://www.cleantechgrowth.org/
	Description: Deze template is gemaakt in opdracht van Leading the Transition
	Author: Denian Wielhouwer
	Version: 1.0
	Tags: two columns, fixed width

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

	Changelog:
		v0.1 - 01.01.09
		Compatible with WP 2.7

*/



/*------------------------------*/
/* General */
/*------------------------------*/



html, body {
	height:100%;
	}


body {
	background:#FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	}

/*------------------------------*/
/* Global Settings */
/*------------------------------*/


a 		{text-decoration:none; color:#009EE0;}
a:hover {text-decoration:underline;}
ul { margin:0; padding:0; list-style:none;}
ol { margin: 0 0 0px 0;	padding : 0; list-style : none;	}
li { margin: 0 0 1px 0;	padding: 0 0 0 0px; }
img { border:0; }
span.pipe{padding:0 2px;}
span.small{ font-size:9px; font-weight:bold; padding-left:10px;}
.com { font-size: 11px; font-weight:bold; color: #2C4345;}
form { margin:0; padding:0; }

.clear {
	clear:both;
	width:100%;
	visibility:hidden;
	position:relative;
	}



/*------------------------------*/
/* Header */
/*------------------------------*/

div#topTaskbar {
	position:absolute;
	width: 100%;
	top:0px;
	height:40px;
	background: url(images/clean_headerTaskbar.png) repeat-x;
	left: 0px;
	}
	div#topTaskbar-content {
		position: relative;
		margin:0 auto;
		width:1000px;
		height:33px;
		}
		div#topSlogan {
			position: relative;
			float: left;
			height:26px;
			border-left: 1px solid #999999;
			border-right: 1px solid #999999;
			padding-left:5px;
			padding-top:7px;
			padding-right:5px;
			font-size:11px;
			font-weight:normal;
			}
		div#topLatestpost {
			position: relative;
			float: left;
			height: 32px;
			font-size:11px;
			font-weight: normal;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 3px;
			width: 630px;
			text-align:center;
			}
		div#topRss {
			width: 40px;
			position:relative;
			float:right;
			height:26px;
			border-left: 1px solid #999999;
			border-right: 1px solid #999999;
			padding-left:5px;
			padding-top:7px;
			padding-right:5px;
			color:#000000;
			text-align:center;
			}
			div#topRss a {
				color:#000000;
				}			

div#header {
	margin:0 auto;
	width:962px;
	color:#000000;
	position: relative;

	}
	div#headerLogo {
		height:60px;
		margin-top:55px;
		width: 962px;
		}
		div#hlogo {
			position:relative;
			width: 446px;
			height: 60px;
			float:left;
			}
		div#headerAd {
			position:relative;
			width: 468px;
			height: 60px;
			float: right;
			margin-right:5px;
			}
	div#headerNavigation {
		margin-top:10px;
		width:962px;
		height: 32px;
		position:relative;
		background: url(images/menu_bar.png) no-repeat;
		}
		.main {
			width: 800px;
			height: 32px;
			position:absolute;
			margin:0;
			}
		.main-navigation {
			font-size:13px;
			font-family: Arial, sans-serif; 
			font-weight: bold;
			z-index:10;
			padding-left:6px;
			padding-top:2px;
			}
		.main-navigation:after {
			content:".";
			height:0;
			display:block;
			clear:both;
			visibility:hidden;
			}
		.main-navigation ul {
			float:left;
			margin:0;
			list-style:none outside;
			}	 
			
		.main-navigation ul li {
			float:left;
			margin:0;
			padding:0;
			border:0;
			}
		.main-navigation ul li a {
			position:relative;
			z-index:20;
			float:left;
			color:#FFF;
			text-decoration:none;
			-moz-opacity:0.99;zoom:1;
			}
		.main-navigation ul li a {
			float:left;
			display:block;
			padding:5px 5px 5px 5px;
			margin-right:1px;
			text-align:center;
			}	
		.main-navigation ul li a:hover,
		.main-navigation ul li a:focus,
		.main-navigation ul li.opened a {
			background:#FFF;					
			color:#000;
			}
		.main-navigation ul li.current a{ 			
			background-color:#FFF;
			color:#000;
			}

	div#searchBar {
			width:160px;
			height:30px;
			position:absolute;
			margin-left:750px;
			margin-top:6px;
			}
		.searchInput {
			width:124px;
			height: 23px;
			background:url(images/searchbox.gif) no-repeat;
			border:none;
			padding: 2px 0 0 5px;
			font-family: Arial, sans-serif;
			font-size: 11px;
			color:#333333;
			}
		.searchTXT {
			padding-top:2px;
			padding-right:5px;
			color:#FFFFFF;
			}
		button.search {
			background:url(images/searchbutton.png) 0 0 no-repeat;
			width:22px;
			height:20px;
			border:none;
			cursor:pointer;
			}

/*------------------------------*/
/* Content*/
/*------------------------------*/

div#content {
	margin: 0 auto;
	position: relative;
	width:960px;
	min-height:40%;
	}

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

	
#contentTitle {
	position:relative;
	margin-top: 10px;
	width:100%;
	margin-bottom:10px;
	}
	#Title {
		font-size: 24px;
		color: #009EE0;
		font-weight: bold;
		position:relative;
		margin: 0;
		padding: 0;
		}
	.breadcrumb {
		position: relative;
		padding: 0;
		}	
		
.main-content {
		width: 468px;
		position: relative;
		float: left;
		margin-bottom:20px;
		}
	
.containerBorder {
		width:468px;
		position:relative;
		height:325px;
		border-bottom: 1px #009EE0 solid;
		margin-bottom:20px;
		}	
		.containerGallery {
			width: 468px;
			height:300px;
			border: 1px #009EE0 solid;
			}
		.gallery {
			width: 466px;
			height:298px;
			}

		.recent-articles { 
			width:468px;
			margin: 0;
			}
		.recent-articles-page {
			
		width: 468px;
		position: relative;
		float: left;
		background:#F5F5F5;
		margin-bottom:20px;
		}
	
		.recent-articles h1 {
			font-size: 11px;
			color: #009EE0;
			margin: 0;
			font-weight:bold;
			}		
		.recent-articles h1 a {
			font-size: 16px;
			color: #009EE0;
			margin: 0;
			font-weight:bold;
			margin-top:30px;
			}
		.recent-articles a {
			color:#009EE0;
			font-weight:bold;
			}
		.recent-articles_footer {
			width:100%
			height: 20px;
			border-top: 1px #009EE0 dotted;
			border-bottom: 1px #009EE0 dotted;
			font-size: 11px;
			margin-bottom:10px;
			text-align:left;
			}


div#sideContent {
	position:relative;
	width: 336px;
	float: left;
	margin-left:9px;
	}
	.sideTitle {
		width:100%;
		background:url(images/title_background.gif) repeat-x;
		height:26px;
	}
	.category a {
		color:#FFF;
	}
		
	.sideTitle h1 {
		padding-left: 6px;
		padding-top: 5px;
		color:#FFF;
		font-size:11px;
		font-weight:normal;
		margin:0;
	}
	.sideContainer {
		position: relative;
		width:100%;
		border-bottom: 1px #009EE0 solid;
		margin-bottom:15px;
		padding-bottom:15px;
		}

		.sideContainer:after {	
			content:".";
			height:0;
			display:block;
			clear:both;
			visibility:hidden;
			}
				
	.sideCategories {
		width: 160px;
		border: 1px #009EE0 solid;
		float: left;
		}
		.sideCategories ul a, .sideCategories ul a:hover {
			padding: 5px 5px 5px 5px;
			color: #009EE0;
		}
	.sideArchive {
		width: 160px;
		border: 1px #009EE0 solid;
		float: right;
		}
		.sideArchive ul a, .sideArchive ul a:hover {
			padding: 5px 5px 5px 5px;
			color: #009EE0;
		}
		
	.sideArticles {
		width:336px;
		border: 1px #009EE0 solid;
		}
	.sideArticles ul a, .sideArticles ul a:hover {
			padding: 5px 5px 5px 5px;
			color: #009EE0;
	}
	
	.sideLatestComments {
		width:336px;
		border: 1px #009EE0 solid;
	}
	
	.sideLatestComments ul a, .sideLatestComments ul a:hover {
			padding: 5px 5px 5px 5px;
			color: #009EE0;
	}	
		

div#otherContent {
	width:120px;
	position:relative;
	float:right;
	}
	

.alignleft {
	position:relative;
	float:left;
	margin-top: 8px;
	margin-bottom: 8px;
	}
.alignright {
	position:relative;
	float:right;
	margin-top: 8px;
	margin-bottom: 8px;
	}
	
/*------------------------------*/
/* Footer*/
/*------------------------------*/	

div#tagCloud {
	margin: 0 auto;
	position: relative;
	width:962px;
	height:85px;
	background:url(images/cloud.png) no-repeat;
	padding-left:5px;
	}
	div#tagCloud h1 {
		margin: 0;
		padding: 5px 0 5px 5px;
		font-size:12px;
		font-weight:bold;
		color: #009EE0;
	}
	div#tagCloud a, div#tagCloud a:hover {
		color: #009EE0;
		padding: 0px 5px 10px 5px;
	}

div#footer {
	margin: 0 auto;
	position:relative;
	width: 960px;
	margin-top:10px;
	margin-bottom:10px;
	border-top: #009EE0 1px solid;
}

.bottom-navigation {
	font-size:11px;
	padding-top:3px;
	}

	.bottom-navigation:after {
		content:".";
		height:0;
		display:block;
		clear:both;
		visibility:hidden;
		}

	.bottom-navigation ul {
		float:left;
		margin:0;
		list-style:none outside;
		}	 
	.bottom-navigation ul li {
		float:left;
		margin:0;
		padding:0;
		border:0;
		padding:5px 5px 5px 5px;
		color:#666;
		}
	.bottom-navigation ul li a {
		position:relative;
		z-index:20;
		float:left;
		text-decoration:none;
		-moz-opacity:0.99;zoom:1;
		color:#66CC00;
		}
	.bottom-navigation ul li a {
		float:left;
		display:block;
		margin-right:1px;
		text-align:center;
		color: #666666;
		font-weight:normal;
		}	
	.bottom-navigation ul li a:hover,
	.bottom-navigation ul li a:focus,
	.bottom-navigation ul li.opened a {
		color: #666666;
		text-decoration:underline;
		}
	.bottom-navigation ul li.current a{ 			
		color:#666666;
	}
	
	.searchResults {
		position:relative;
		width: 100%;
		margin-top: 35px;
}

.result {
		position:relative;
		width: 100%;
		margin-bottom: 20px;
}