/*
Theme Name: Boite.nl
Theme URI: http://www.boite.nl/
Description: Theme for Boite.nl
Version: 0.4
Author: Boite Witte
Author URI: http://www.boitewitte.nl/
Tags: black, grey, centered, boite

	Boite v0.2

*/

BODY
{
	text-align: center;
	margin: 0px;
	font-family: verdana, arial;
	font-size: 80%;
}

A
{
	color: #000000;
	font-weight: bold;
}

#container
{
	margin: 0px auto;
	margin-bottom: 10px;
	padding-bottom: 30px;
	width: 1020px;
	height: 93%;
	position: relative;
	text-align: left;
	border-bottom: 1px dotted #000000;
}

#header
{
	margin: 0px;
	margin-top: 10px;
	width: 100%;
	border-top: 1px dotted #383838;
	color: #383838;
	border-bottom: 1px solid #383838;
}
	
	#header #top
	{
		width: 100%;
		position: relative;
		border-bottom: 3px solid #383838;
		height: 1.7em;
	}
	
		#top #search
		{
			position: absolute;
			top: 3px;
			right: 0px;
			width: 9.7em;
			padding: 0px;
			padding-bottom: 2px;
		}
		
			#search #search_input
			{
				border: 0px;
				background-color: #383838;
				width: 7.9em;
				margin: 0px;
				color: #dddddd;
				float: left;
				padding: 0px;
				padding-left: 3px;
				padding-bottom: 1px;
				height: 1.2em;
				font-weight: bold;
			}
			
			#search #search_submit
			{
				border: 0px;
				background-color: #383838;
				width: 1em;
				margin: 0px;
				color: #dddddd;
				float: left;
				text-align: center;
				padding: 0px;
				height: 1.3em;
				cursor: pointer;
			}
	
	#header H1
	{
		margin: 0px;
		padding-top: 0.1em;
		font-size: 1.3em;
		font-weight: bolder;
		letter-spacing: 1px;
	}
	
		#header H1 A
		{
			color: #383838;
			text-decoration: none;
		}
	
	#header UL.menu
	{
		list-style: none;
		margin: 0px;
		margin-top: 5px;
		padding: 0px;
	}
	
		#header UL.menu LI
		{
			float: left;
			width: auto;
			padding-right: 10px;
			padding-bottom: 5px;
			font-size: 0.9em;
			font-weight: bold;
		}
		
			#header A
			{
				text-decoration: none;
				color: #383838;
			}
		
#content
{
	color: #000000;
	width: 1020px;
	margin-top: 15px;
}
	
	#content #submenu
	{
		border-bottom: 1px dotted #000000;
	}
	
	#content UL.submenu
	{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
		#content UL.submenu LI
		{
			float: left;
			width: auto;
			padding-right: 10px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 0.9em;
			font-weight: bold;
		}
	
	#content #images_container
	{
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #000000;
		width: 100%;
	}
	
	#content #text
	{
		font-size: 0.8em;
		text-align: justify;
		margin-top: 10px;
		width: 100%;
		display: inline-block;
	}
	
	#content #text H3
	{
		font-size: 1.1em;
		text-transform: uppercase;
		color: #000000;
		font-weight: bolder;
		margin: 0px;
		margin-bottom: 5px;
		width: auto;
	}
	
	#content #text P.intro
	{
		font-weight: bold;
	}
	
		.post
		{
			position: relative;
			width: 330px;
			margin: 5px;
			float: left;
		}
		
			.post .content
			{
				float: left;
				width: 100%;
			}
				
				.post .content .entry
				{
					width: 330px;
					position: relative;
					display: inline-block;
					text-decoration: none;
				}
				
				.post .content .entry .image
				{
					width: 100%;
					height: 200px;
					position: relative;
					background-position: center center;
					display: block;
				}
				
					.post H3
					{
						
						background-color: #383838;
						padding: 1px 5px 3px 10px;
						color: #FFFFFF;
						text-decoration: none;
					}
					
					.post .image H3
					{
						position: absolute;
						left: 0px;
						top: 2px;
						width: auto;
						background-color: #383838;
						padding: 1px 5px 3px 10px;
						text-decoration: none;
						color: #FFFFFF!important;
					}
					
					.entry H3 A
					{
						text-decoration: none;
						color: #FFFFFF!important;
					}
					
				.content .entry .date
				{
					float: right;
					width: 30px;
					height: 30px;
					background-color: #383838;
					color: #FFFFFF;
					text-align: center;
					margin: 3px;
				}
				
				.single .entry .date
				{
					font-size: 0.8em;	
				}
				
				.post .entry .date
				{
					position: absolute;
					right: 0px;
					top:0px;
					width: 30px;
					height: 30px;
				}
				
				.post .entry .textContainer
				{
					margin-top: 30px;
				}
				
					.content .entry .date .day, .single .entry .date .day
					{
						font-size: 1.3em;
					}
					
					.content .entry .date .maand, .single .entry .date .month
					{
						font-size: 0.9em;
					}
			
		#content #image
		{
			position: relative;
			width: 100%;
			height: 350px;
			background-position: center center;
			border-bottom: 2px solid #383838;
		}
			
			#content #image H2
			{
				position: absolute;
				bottom: 0px;
				left: 0px;
				background-color: #383838;
				color: #FFFFFF;
				font-size: 1.8em;
				font-weight: normal;
				padding: 2px 5px 4px 20px;
			}
			
		
		.single
		{
			width: 1020px;
			text-align: center;
		}
			
			.single .image
			{
				width: 100%;
				height: 350px;
				margin: 0px auto;
			}
			
			.single .content
			{
				width: 700px;
				text-align: center;
				float: left;
			}
			
				.single .content .entry
				{
					margin: auto;
					text-align: left;
				}
				
				.single .entry .catType
				{
					width: 80px;
					float: left;
					display: block;
				}
				
				.single .entry .tags
				{
					margin: 20px 0px 3px 0px;	
					padding: 1px 0px;
					border-top: 1px solid #383838;
				}
			
				.single .entry .category
				{
					background-color: #383838;
					color: #FFFFFF;
					text-align: left;
					padding: 2px 5px;
					width: auto;
					margin: 2px 0px;
				}
			
					.single .entry .category A
					{
						color: #FFF;
						text-decoration: none;
					}
		
		.sidebar
		{
			float: left;
			width: 300px;
			padding-left: 20px;
			
		}
			
			.sidebar H2
			{
				background-color: #383838; 
				color: #ffffff; 
				font-size: 1.3em; 
				font-weight: normal; 
				text-align: left; 
				padding: 3px;	
			}
			
			.sidebar UL
			{
				list-style: none;
				float: left;
				text-align: left;
				margin: 0px;
				padding: 0px;
				width: 100%;
			}
			
				.sidebar UL LI
				{
					margin: 0px;
					margin-bottom: 10px;
					width: 100%;
				}
				
				.sidebar UL.related LI
				{
					height: 200px;
					background-position: 50% 50%;
					width: 100%;
					display: block;
				}
				
					.sidebar UL.related LI A
					{
						width: 100%;
						height: 100%;
						display: inline-block;
						position: relative;
						text-decoration: none;
						color: #FFFFFF;
						overflow: hidden;
					}
					
						.sidebar UL.related LI A H3
						{
							position: absolute;
							top: 150px;
							width: auto;
							padding: 2px 5px 2px 10px;
							background-color: #383838;
							font-weight: normal;
						}
					
					
					.sidebar A
					{
						color: #383838;
					}
			
		
#subCategories UL
{	
	margin: 0;
	padding: 0
}
	
	#subCategories UL li
	{	
		float: left;
		list-style: none;
		font: 12px Tahoma, Arial
	}

	#subCategories UL LI UL
	{	
		display: block;
		background: #FFF;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap
	}

	#subCategories UL LI A:hover
	{	
		background: #1A4473
	}
		
		#subCategories UL li ul
		{	
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;
		}
		
		#subCategories UL li ul li
		{	
			float: none;
			display: inline
		}
		
		#subCategories UL li ul li a
		{	width: auto;
			background: #9F1B1B}
		
		#subCategories UL li ul li a:hover
		{	background: #7F1616}
		
	
	#footer
	{
		padding: 5px 10px;
		margin-top: 40px;
		border-top: 1px solid #383838;
		border-bottom: 1px solid #383838;
		color: #383838;
		font-size: 0.8em;
		font-weight: bold;
		text-align: center;
	}
	
		#footer .centered
		{
			text-align: left;
			margin: 0px auto;
			width: 960px;
			padding: 0px 5px;
		}
		
		#footer A
		{
			text-decoration: none;	
		}
		
		#footer UL
		{
			margin: 0px;
			padding: 0px;
			list-style: none;
			float: right;
		}
			
			#footer UL LI
			{
				margin: 0px 10px;
				padding: 0px;
				float: left;
			}
				
				#footer UL LI A
				{
					font-weight: normal;
				}