/*
Theme Name: hnldesign
Theme URI: http://www.hnldesign.nl/
Description: hnldesign.nl theme
Version: 0.1
Author: Klaas Leussink
Author URI: http://www.hnldesign.nl
Tags: minimal, fixed width, two columns
*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	background: #F1F1F1 url('images/bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;}

A	{
	color: #0059B3;
	text-decoration: none;
	}

h2 A	{
	color: #303030;
	text-decoration: none;
	}

img	{
	border:0;}


/* - CUSTOM CLASSES - */
	
.outer_rim	{ 	/* -- Buitenste rand -- */
	position: relative;
	width: 904px;
	margin: 0 auto;
	margin-bottom: 2em;}
	
			
.bar_top { 	/* -- contact about -- */
	position: relative;
	width: 904px;
	margin: 0;
	height: 35px;
	line-height: 35px;
	text-align: right;
	font-size: 1.6em;
	font-weight: bold;
	color: #b5b7b8;
	letter-spacing: -1px;}
	
	.bar_top ul, .bar_top ul li	{
		position: relative;
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: inline;}
	
		.bar_top ul li	{
			text-align: right;
			margin: 0 0 0 15px;}
	
	.bar_top a	{
		text-decoration: none;
		color: #b5b7b8;}
			
			.bar_top a:hover	{
				color: #ffc600;
				}	
.image	{	/* -- de foto -- */
	position: relative;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 250px;
	text-align: left;
	overflow: hidden;}
	
	.image#foto00	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto00.jpg'); background-position: left center; background-repeat: no-repeat;}
	.image#foto01	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto01.jpg'); background-position: left center; background-repeat: no-repeat;}
	.image#foto02	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto02.jpg'); background-position: left center; background-repeat: no-repeat;}
	.image#foto03	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto03.jpg'); background-position: left center; background-repeat: no-repeat;}
	.image#foto04	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto04.jpg'); background-position: left center; background-repeat: no-repeat;}
	.image#foto05	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto05.jpg'); background-position: left center; background-repeat: no-repeat;}
	.image#foto06	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto06.jpg'); background-position: left center; background-repeat: no-repeat;}
	.image#foto07	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto07.jpg'); background-position: left center; background-repeat: no-repeat;}
	.image#foto08	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto08.jpg'); background-position: left center; background-repeat: no-repeat;}
	.image#foto09	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto09.jpg'); background-position: left center; background-repeat: no-repeat;}
	.image#foto010	{ background: url('http://www.hnldesign.nl/wp-content/themes/hnldesign/images/fotos/foto10.jpg'); background-position: left center; background-repeat: no-repeat;}
		
	
.right_half	{	/* -- rechterhelft -- */
	background-color: #FFFFFF;
	position: relative;
	margin: 0;
	padding: 0 0 15px 0;
	float: right;
	width: 400px;
	text-align: left;
	overflow: hidden;
	border-bottom: 1px solid #E0E0E0;}
	
	.right_half .small	{
		position: relative;
		float: right;
		top: -13px;
		color: #808080;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		-moz-opacity: 0.5;
		opacity: 0.5;}
	
	.right_half h2	{
		font-size: 1.7em;
		font-weight: bold;
		letter-spacing: -1px;
		margin-left: 15px;
		border-bottom: 1px solid #E0E0E0;}
	
	.recent	{
		position: relative;
		text-align: left;}
	
	.recentitem	{
		width: 400px;
		position: relative;
		margin: 0 0 10px 15px;
		padding: 0;
		font-size: 1.1em;
		text-align: left;
		color: #303030;
		background-color: #FFF;
		border-bottom: 1px solid #E0E0E0;
		border-left: 1px solid #ffc600;}
		
		.recentitem #tekst	{
			width: 360px;
			position: relative;
			margin: 10px;
			padding: 0;
			text-align: justify;
			line-height: .9em;
			}
		
			.recentitem #tekst p	{
				margin: 2px 0 2px 0;}
				
		.recentitem .imgtfe	{
			border: 1px solid #E1E1E1;
			margin: 0 5px 2px 0;}
	
	.search	{
		width: 380px;
		margin: 15px 0 20px 15px;
		position: relative;
		text-align: left;
		}
		
		.search input	{
			border: 1px solid #A0A0A0;
			}
		
	.cloud	{
		width: 370px;
		margin: 15px 0 20px 15px;
		position: relative;
		text-align: justify;
		}
		
	.links	{
		width: 380px;
		margin: 15px 0 20px 15px;
		position: relative;
		text-align: left;
		font-size: 1.2em;}
		
		.links ul	{
			list-style-type: none;
			position: relative;
			margin-left:0;
			padding: 0;}
			
			.linkcat {
				font-weight: bold;
				margin-bottom: 10px;}
				
			ul li .xoxo	{
				font-weight: normal;
				margin: 0 0 0 10px;}
		
.top_left	{	/* -- bovenste elementen, links naast foto -- */
	position: relative;
	margin: 0;
	width: 480px;
	height: 136px;
	text-align: left;}
	
	.top_left #menu	{	/* -- bovenste menu, links naast foto -- */
		position: relative;
		font-size: 1.5em;
		font-weight: bold;
		color: #F0F0F0;
		letter-spacing: -1px;
		top: 50px;
		>top: 47px;}
		
		.top_left #menu a	{
			color: #F0F0F0;
			text-decoration: none;
			}
	
			.top_left #menu a:hover	{
				color: #ffc600;
				}
			
		.top_left #menu	ul, .top_left #menu	ul li	{
			position: relative;
			margin: 0;
			padding: 0;
			list-style-type: none;
			display: inline;}
			
			.top_left #menu	ul li	{
				margin: 0 11px 0 0;}

.left_half	{	/* -- bovenste menu, links naast foto -- */
	position: relative;
	margin: 0;
	padding: 15px 0 0 0;
	width: 480px;
	}
	
	.blogitem	{
		background: #FFF url('images/hoekkie.png');
		background-position: right top;
		background-repeat: no-repeat;
		position: relative;
		margin: 0 0 25px 0;
		width: 480px;
		font-size: 1.1em;
		text-align: left;
		float: left;
		color: #303030;
		padding: 0 0 0 0;
		border-left: 1px solid #E0E0E0;}

	.blog {
		background: #fffffd url('images/bg_blog.png');
		background-position: right top;
		background-repeat: no-repeat;
		border: 0;}
		
		.blogitem #footer	{
			padding: 0;
			margin: 0;
			height: 20px;
			width: 480px;
			background: #FFF url('images/bg_item.png');
			background-position: right top;
			background-repeat: repeat-x;}

		.blog #footer {
			background: #f4f4f0 url('images/bg_item_blog.png');
			background-position: right top;
			background-repeat: no-repeat;
			padding: 0;
			margin: 0;
			height: 20px;
			width: 480px;}
		
		.blogitem #date	{
			position: relative;
			float: right;}
			
		.blogitem #tekst	{
			width: 450px;
			position: relative;
			margin: 10px 0 0 10px;
			padding: 0;
			>padding: 2px; 0 0 0;
			text-align: justify;
			line-height: 1.2em;
			}
		
			.blogitem #tekst h2	{
				font-size: 1.7em;
				font-weight: bold;
				letter-spacing: -1px;
				margin-bottom: 5px;
				}
				
			.blogitem.wp-caption-text	{
				margin: 5px;}	

.postmetadata	{
	float: left;
	font-size: .9em;}
				
.commentstatus	{
	float: right;
	font-size: .9em;}	


.postmetadata_single {
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	padding: 10px 5px 10px 5px;
	color: #777;
	background-color: #FBFBFB;}

.blog .postmetadata_single {
	border-top: 1px solid #e4edfb;
	border-bottom: 1px solid #e4edfb;
	padding: 10px 5px 10px 5px;
	color: #777;
	background-color: #FBFBFB;}

#respond	{
	width: 450px;
	position: relative;
	margin: 10px 0 10px 10px;}
	
	#respond h3	{
		font-size: 1.4em;
		font-weight: bold;
		letter-spacing: -1px;}
		
.alignleft	{
	text-align: center;
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
	background-color: #F0F0F0;}
	
	.alignleft img	{
		margin: 3px 0 0 0;
		border: 0;
		}
		
.alignright	{
	text-align: center;
	padding: 0;
	margin: 0 0 10px 10px ;
	float: right;
	background-color: #F0F0F0;}
	
	.alignright img	{
		margin: 3px 0 0 0;
		border: 0;
		}

.navigation	{
	font-size: 1.2em;
	}
	
	.navigation .alignleft	{
		}
	
	.navigation .alignright	{
		}
	
		
.footer	{
	width: 900px;
	color: #808080;
	margin: 10px auto;
	text-align: left;
	}