/* 
Theme Name: 	Nachtvissers.nl
Theme URI: 		http://www.nachtvissers.nl
Description: 	Het WordPress thema voor onze nieuwe site: Nachtvissers.nl
Version: 		0.5
Author: 		Stefan Vervoort

---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- 
	-- 
	--
---------------------------------------------------------------------------------------

/* ------------------------------------------------------------------------------------
BASICS						 */

	html{					font-size:100%;	min-height:101%;}
	body{					font-size:62.5%; color:#666; background:#fff;}
		
	a{					text-decoration:none; color:#000;	}
	a:hover	{				}
	a:active{				}
	a:visited{				}

	img.left {				float:left; margin:0 10px 10px 0; }
	img.right{				float:right; margin:0 0 10px 10px;}
	.left {					float:left!important; }
	.right{					float:right!important; }
	
	.clear{					clear:both; }
	
	img.left{				margin:0 1em 1em 0; }
	img.right{				margin:0 0 1em 1em; }
	
	.padding{				padding:10px; }
	#content p{				margin:1.1em 0; }
	

/* ------------------------------------------------------------------------------------
NAVIGATION MENU				 */

	#navigation {		padding:0;	margin:0; list-style:none; line-height:1; float:right;	}
	#navigation ul{					margin:20px 20px 35px 0; float:right;} 
	#navigation ul li{			display:inline; }
	#navigation ul li a{			color:#fff; font-size:1.1em; text-decoration:none;}
	#navigation a {						display:block; padding:5px 10px; text-decoration:none;	}
	#navigation a:hover{				padding:5px 10px;  background:#4d87af;}
	#navigation li{						padding:0; margin:0; float:left; width:auto;}
	#navigation li ul li{				padding:1px 0px;}
	#navigation li ul li a{				padding:5px 10px; width:110px; }
	#navigation li ul { 				margin:0; position:absolute; padding-top:1px; width:130px; left:-999em; background:#4d87af; }
	
	#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {	left: -999em;	}
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, 
	#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto;	}


/* ------------------------------------------------------------------------------------
STRUCTURE					 */

	#wrapper{				overflow:hidden; font-size:1.7em; width:800px!important; margin:0 auto; }
	#header{				text-align:center; padding:30px 0;}
	#footer{				clear:both; margin-top:15px; padding:15px; border-top:1px solid #2C678F; color:#888; font-size:0.9em; }
	#description{			padding:10px 0; border:solid #000; border-width:1px 0; color:#000; font-size:1.4em; margin-bottom:40px;}
	#content{				}
	#right{					}
	#left{					}

	
/* ------------------------------------------------------------------------------------
CUSTOM						 */

	
	#logo ul{				 }
	#logo ul li{			display:inline; }
	#logo ul li a{			padding:5px 10px; color:#fff; font-size:1.1em; text-decoration:none;}
	#logo ul li a:hover{	padding:5px 10px; background:#4d87af; }

	div.item{				float:left; width:250px; margin-right:20px; }
	div.last{				margin-right:0!important; }
	div.item ul{			width:250px!important;  padding:0; margin:0 0 20px 0; list-style:none;}	
	div.item ul li{			width:250px!important; margin:0;}
	div.item ul li a{		display:block;  padding:2px 0;  }
	div.item ul li a:hover{	background:#fae8ff; }
	
	div.content{float:left; clear:both; }
	div.content h2{			color:#9300bd; font-size:1.3em; margin-bottom:5px; font-weight:normal;}