/* 



	Theme Name: DewieNew



	Theme URL: http://www.dewie.nl/



	Description: Deze template is gemaakt in opdracht van Diif



	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 {







	font-family: Arial, sans-serif;



	font-size: 11px;



	color: #000000;



	margin-top:0px;



	background: url(images/dewie_background.png) repeat-x #D3E0E0;



	}







/*------------------------------*/



/* Global Settings */



/*------------------------------*/







a 		{text-decoration:none;}



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;



	}







.title {



	width: 100%;



	height: 25px;



	background: #208494;



	}



	.title h1 {



		font-weight: normal;



		color:#FFF;



		font-size:11px;



		padding-left: 7px;



		padding-top: 5px;



		margin: 0;



		}



	.title ul, .title li, .title a, .title ul li a {



		font-weight: normal;



		color:#FFF;



		font-size:11px;



		padding-left: 3px;



		padding-top: 2.5px;



		margin: 0;



	}







/*------------------------------*/



/* Header */



/*------------------------------*/





div#header {



	margin:0 auto;



	width:972px;



	color:#000000;



	position: relative;



	height:172px;



	}



	.topSlogan {



		position:relative;



		float:left;



		margin-left:10px;



		margin-top: 14px;



		font-size:9px;



		



		font-weight:bold;



		}



	.topLinks {



		position:relative;



		float:right;



		margin-right: 10px;



		margin-top:14px;



		font-size:9px;



		width:250px;



		text-align:right;



		}



		.topLinks a {



			color: #000000;



			}



		.topLinks a:hover {



			color: #1F8492;



			text-decoration:none;



			}



	.topShadow {



		position: relative;

		width: 972px;

		height:6px;

		background:url(images/dewie_topShadow.png) no-repeat;

		}



	.contentHeader {



		position: relative;



		width:972px;



		top:34px;



		margin-left:0px;



		height:138px;



		background:url(images/shade-content.png);



		}



		.topBackground {



			position:relative;



			margin: 0 auto;



			width: 960px;



			height:138px;



			background:#FFFFFF;



			}



		.hlogo {



			position: absolute;



			width:250px;



			height:92px;



			margin-left: 25px;



			margin-top:18px;



			}



		.topAd {



			width:468px;



			height:60px;



			position:absolute;



			margin-left: 290px;



			margin-top: 11px;



			}



		.search_box {



			width:150px;



			height:30px;



			position:absolute;



			right:39px;



			margin-top:11px;



			vertical-align:top;



			}



		.searchInput {



			width:110px;



			height: 22px;



			background:url(images/searchbox.gif) no-repeat;



			border:none;



			padding: 2px 0 0 5px;



			font-family: Arial, sans-serif;



			font-size: 11px;



			color:#333333;



			}



		button.search {



			background:url(images/zoek.png) 0 0 no-repeat;



			width:40px;



			height:20px;



			border:none;



			cursor:pointer;



			margin-left:10px;



			margin-right:10px;



			}



		.nav {



			margin-left: 290px;



			margin-top: 83px;



			height:30px;



			position:absolute;



			}



		.main-navigation {



			font-size:14px;



			font-family: Arial, sans-serif; 



			font-weight: normal;



			z-index:10;



			}



			.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 2px 0 0;



				border:0;



				}



				



			.main-navigation ul li a {



				position:relative;



				background:url(images/nav_background.png) repeat-x;



				z-index:20;



				float:left;



		



				text-decoration:none;



				



				color:#fff;



				display:block;



				padding:5px 24px 5px 24px;



				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:url(images/nav_background_hover.png) repeat-x;				



				color:#FFF;



				}



			.main-navigation ul li.current a{ 			



				background:url(images/nav_background_hover.png) repeat-x;



				color:#FFF;



				}







/*------------------------------*/



/* Content */



/*------------------------------*/







div#content {



	margin: 0 auto;



	position: relative;



	width:972px;



	min-height:40%;



	background:url(images/shade-content1.png);



	}



	#content:after {	



		content:".";



		height:0;



		display:block;



		clear:both;



		visibility:hidden;



		}







/*------------------------------*/



/* mainContent */



/*------------------------------*/	







	.main-content {



		width: 595px;



		float: left;



		margin-left: 30px;



		position: relative;



		margin-bottom:20px;



		}



		.containerBorder {



			width:595px;



			position:relative;



			height:385px;



			border-bottom: 1px #D3E0E0 solid;



			margin-bottom:20px;



		}	



		.containerGallery {



			width: 595px;



			height:360px;



			border: 1px #D3E0E0 solid;



			}



		.gallery {



			width: 593px;



			height:358px;



			}



		.articleContainer {



			width: 595px;



			position: relative;



			}



		.articleTitle {



			font-size: 25px;



			color: #208494;



		}



		.breadcrumb {



			font-size: 11px;



			color:#CCCCCC;



		}



		.breadcrumb a, breadcrumb a:hover {



			color:#CCCCCC;



		}



		.alignleft {



			position:relative;



			float:left;



			margin-top: 8px;



			margin-bottom: 8px;



		}



		.alignright {



			position:relative;



			float:right;



			margin-top: 8px;



			margin-bottom: 8px;



		}



		.recent-articles { 



			float: left;



			width:468px;



			margin: 0;



		}



		.recent-articles h1 {



			font-size: 11px;



			color: #2C4345;



			margin: 0;



			font-weight:bold;



		}		



		.recent-articles h1 a {



			font-size: 16px;



			color: #2C4345;



			margin: 0;



			font-weight:bold;



			margin-top:30px;



		}



		.recent-articles a {



			color:#1F8492;



			font-weight:bold;



		}



		.recent-articles_footer {



			width:100%



			height: 20px;



			border-top: 1px #208494 dotted;



			border-bottom: 1px #208494 dotted;



			font-size: 11px;



			margin-bottom:10px;



		}



		.subright {



			float:right;



			width:120px;



		}



		.sub-navigation {



			float:right;



			width: 120px;



			background:#D3E0E0;



			position:relative;



			margin-bottom:10px;



			}



			



			.sub-navigation ul {



			margin-left:7px;



			margin-top: 7px;



			margin-bottom: 7px;



		}



		.sub-navigation a {



			color: #2C4345;



		}



		.Smallad {



			width: 120px;



			height: 90px;



			margin-bottom: 10px;



			float:right;



			position: relative;



		}



		.SmallGooglead {



			width: 120px;



			height: 240px;



			margin-bottom: 10px;



			float:right;



			position: relative;



		}



/*------------------------------*/



/* Sidebar */



/*------------------------------*/			



	.sidebar {



		float: right;



		width: 300px;



		position: relative;



		right:30px;



		margin-bottom: 20px;



		background:#FFF;



		}

	.sidebarButtons a, .sidebarButtons a:hover {
		text-decoration:none;
	}

	.sidebarOther {



		float: right;



		width: 300px;



		position: relative;



		right:30px;



		margin-bottom: 20px;



		margin-top: 41px;



		background:#FFF;



		}



		



		.themesTop {



			width: 300px;



			height: 185px;



			position:relative;



			}



		.themesBottom {



			width:300px;



			height: 200px;



			position:relative;



			border-bottom: 1px #D3E0E0 solid;



			margin-bottom:20px;



			}







		.themeBox_left {



			position:relative;



			width:145px;



			height:175px;



			background:url(images/dewie_themes.gif);



			float:left;



			}



		.themeBox_right { 



			position:relative;



			width:145px;



			height:175px;



			background:url(images/dewie_themes.gif);



			float:right;



		}



		.themeBoxContent {



			position:relative;



			margin: 0 auto;



			width:130px;



			padding: 7px 0 0 0;



		}



		.themeBoxContent h2 {



			font-weight: normal;



			font-size:18px;



			margin: 0;



			color:#FFF;



		}



		.themeBoxContent  {



			color: #CCC;



		}







	.bookmarks {



		width: 300px;



		position:relative;



		}



	.bookmarks li {



		border-left: 1px #D3E0E0 solid;



		border-right: 1px #D3E0E0 solid;



		border-bottom: 1px #D3E0E0 solid;



		padding: 5px 5px 5px 7px;



	}



	.bookmarks a {



			color:#1F8492;



			font-weight:bold;



	}



	.biggerAd {



		margin-top: 15px;



		width: 300px;



		height: 250px;



		position: relative;



	}



		



			



/*------------------------------*/



/* Footer */



/*------------------------------*/



div#footer {



	margin:0 auto;



	width:972px;



	position:relative;



	background: url(images/dewie_bottomShadow.png);



	height:80px;



	}



	



.bottom-navigation {



	font-size:11px;



	margin-left: 31px;



	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;



	



		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;



		}







/*------------------------------*/



/* comments */



/*------------------------------*/







.entry {



	background: #D3E0E0;



}



.entryMain {



width: 468px;



}



/*------------------------------*/



/* SearchResults */



/*------------------------------*/







.searchResults {



		position:relative;



		width: 100%;



		margin-top: 35px;



}







.result {



		position:relative;



		width: 100%;



		margin-bottom: 20px;



}