/*  
Theme Name: Daniel Hoitink Fotografie
Theme URI: http://www.hoitinkfotografie.nl/
Description: Het thema van Daniel Hoitink Fotografie
Version: 1.0

*/

* {
	padding:0; 
	margin:0
}

body {
	background:#000;
	color:#999;
	font:0.8em/180% "Trebuchet MS", Verdana, Arial, sans-serif;
}

#head, #container, #bottom, #footer, #splash{width:945px}
#container, #bottom, #head, #footer, #splash {margin:0 auto}


#container {
	background: #292929;
}

#head {
	position:relative;
	height:250px;
	background: url(images/bg-header.jpg) no-repeat;
}

#splash {
	position:absolute;
	top:50px;
	height: 200px;
}

#splash img {
	position:absolute;
	left:15px;
	top:5px;
}

#logo{
	position:absolute;
	left:50px;
	top:80px;
	z-index:100;
}

#section {
	background: url(images/bg-section.gif) no-repeat;
	height: 25px;
	width: 340px;
	padding-left:25px;
	padding-top:10px;
	position:absolute;
	left:15px;
	bottom:0px;
}

#container-content{
	background: url(images/bg-container-content.jpg) no-repeat;
	width:945px;
	padding-top:30px;
	/*min-height hack*/
	min-height:300px;
	height:auto !important;
	height:300px;
	/*End hack*/
}

#welkom {
	float:left;
	width:525px;
	padding-left:25px;
	padding-right:15px;
}

#headlines {
	float:left;
	width:325px;
	background: url(images/bg-headlines.jpg) no-repeat;
	padding:15px;	
		/*min-height hack*/
	min-height:350px;
	height:auto !important;
	height:350px;	/*End hack*/
}

.headline-divider {
	width:325px;
	border-bottom: 1px dotted #454545;
	float:left;
	clear: both;
	padding-bottom:5px;
	margin-bottom:10px;
}

#headlines h2.posttitle {font-size: 0.8em; line-height: 120%;}
#headlines h2.posttitle span {font-size: 1.1em;}
#headlines p {font-size: .9em; line-height: 140%;}

.articleheader{clear:both;}

p.author, small.commentmetadata {
	text-transform: uppercase;
	color: #666;
	font-size: 0.8em;
	line-height: 1em;
}

.articlecontent {
	float:left;
	margin-bottom:40px;
}

#footer {
	position:relative;
	height:60px;
	font-size:95%;
	background: #292929;
}

#footer img {
	position:absolute;
	left:30px;
	top:15px;
}

p.copyright{
	padding-top:15px;
	text-align:center;
	color:#666;
	font-size: 0.8em;
	text-transform: uppercase;
}


#sidebar {
	width:140px;
	padding-right: 15px;
	padding-left: 40px;
	float:left;
	padding-top: 0px;
	background: url(images/bg-sidebar.jpg) no-repeat 25px top;
	/*min-height hack*/
	min-height:250px;
	height:auto !important;
	height:250px;	/*End hack*/
}


#middlebar {
	float:left;
	width:155px;
	padding-right: 15px;
	padding-left: 15px;
}

#content {
	float:left;
	width:525px;
	padding-left:15px;
	padding-right:25px;
}

#content-portfolio {
	float:left;
	width:725px;
	padding-left:0px;
}

#container-sidebar {
	float:left;
	width:355px;
	padding-left:25px;
}

/*LISTS*/

ul{list-style: none;}
ul, ol{margin-bottom:10px;}
ol{list-style: decimal inside;}

ul#menu-horizontale-navigatie{
	text-transform: uppercase;
	list-style: none;
	margin-bottom:0px;
	margin-right:0px;
	font-weight: bold;
	font-size: 10px;
	position:absolute;
	top:21px;
	right:5px;
}

ul#menu-horizontale-navigatie li{
	margin-left: 0px;
	float:left;
}

ul#menu-horizontale-navigatie li a {
	display:block;
	height:30px;
	float:left;
	line-height:30px;	
	padding-left:10px;
	margin-right:5px;
	color:#eee;
	cursor:pointer;
	text-decoration:none;
	background: url(images/bg-mainnav-left.png) no-repeat top left;
}

ul#menu-horizontale-navigatie li a:hover {color: #cc0;}

ul#menu-horizontale-navigatie li a span {
	display:block;
	padding-right:10px;
	background: url(images/bg-mainnav-right.png) no-repeat top right;
}

ul#menu-horizontale-navigatie li.current_page_item a,
ul#menu-horizontale-navigatie li.current-page-ancestor a {
	color: #cc0;
	background: url(images/bg-mainnav-left.png) no-repeat bottom left;
}

ul#menu-horizontale-navigatie li.current_page_item a span,
ul#menu-horizontale-navigatie li.current-page-ancestor a span {
	background: url(images/bg-mainnav-right.png) no-repeat bottom right;
}


ul.submenu, ul.webfeed {
	font: .8em "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom:15px;
}

ul.submenu li {
	display:block;	
}

ul.submenu li a{
	display:block;
	width:133px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #363636;
	padding-left:12px;
	background: url(images/blt-arrow.png) no-repeat left 8px;
	text-decoration:none;
}

ul.webfeed li {
	background: url(images/feed-icon-16x16.png) no-repeat left top;
	padding-left: 20px;
}

ul.newslist li{
	background: url(images/blt-newslist.gif) no-repeat left 6px;
	padding-left:15px;
}

/*HEADERS*/

h1,h1 a,h2,h2 a,h3,h3 a {color:#cc0; font-weight: normal;text-decoration:none;}

h1{
	font-size:1.6em;
	margin-bottom: 15px;
}

h2 {
	font-size:1.4em;
	margin-bottom:10px;
	font-weight: bold;
}


h2.posttitle, h2.posttitle a {
	color:#cc0;
	font-size: 1.05em;
}

h2.posttitle span {
	font-size: 0.9em;
	text-transform: uppercase;
	color: #666;
}

h2.listheader {
	color:#cc0;
	padding-top:20px;
	margin-bottom:10px;
	font: bold 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

h3 {
	color:#666;
	font-size:.9em;
	padding-bottom:15px;
	text-transform: uppercase;
}

h3.archive {
	color:#ccc;
	font-size:0.9em;
	margin-bottom:30px;
	text-transform: uppercase;
}

h3.section {
	color:#cc0;
	font-size:.95em;
	padding-top:3px;
	padding-bottom:0px;
	text-transform: uppercase;
}

h3.sidebar {padding-bottom:0px;}

p{margin-bottom:10px}

#sidebar p {
	font-size: .85em;
	line-height: 1.4em;
}

/*LINKS*/

a, a:hover {text-decoration:underline}
a img {border:none;}
a {color:#999;}
a.pdf{
	background: url(images/icn-pdf.gif) no-repeat;
	padding-left: 20px;
}

#footer a{color:#333; text-decoration:none;}

p.copyright a{color:#666;text-decoration:none;}
div#tagcloud a {text-decoration:none;}
div#tagcloud a:hover {text-decoration:underline;}

p.author a {text-decoration:none;}
p.author a:hover {text-decoration:underline;}


/*IMAGES*/

img.right-border,img.left-border,img.border {
	background:#292929;
	border:1px solid #3f3f3f;
	padding:4px
}

img.right-border,img.right {
	float:right;
	margin:5px 0 5px 15px
}

img.left-border,img.left {
	float:left;
	margin:5px 15px 5px 0
}

.item{
	margin-bottom: 30px;
	clear: both;
}

.edit{
	font-size: .85em;
	text-transform: uppercase;
	color: #666666;
}

textarea{width:99%;}

div.navigation {
margin-top:30px;
}