/*   
Theme Name: helder
Description: A theme custom build for Helder
Author: Thomas Dow
Author URI: http://www.thomasdow.nl/
Version: 0.0.1
Tags: Helder
*/


/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

	
/* =Basics
-------------------------------------------------------------- */

body {
	overflow:auto;
	font-family: Helvetica, Arial, sans;
	}

a {
	color: #925efc;
	text-decoration: none;
}

a:hover {
	color: #000;
}

h1 {
	font-weight: bold;
	font-size:13px;
	text-transform:uppercase;
	margin:0 0 5px 0;
	}

h1 a{
	color: #000;
	}
	
h2 {
	font-weight: bold;
	font-size:13px;
	text-transform:uppercase;
	margin:0 0 5px 0;
	border-top: 1px solid #cfd5c6;
	margin-top:15px;
	margin-bottom:5px;
	padding-top:15px;
	}
	
h4 {
	font-weight: bold;
	font-size:12px;
	text-transform:uppercase;
	border-bottom: 1px solid #cfd5c6;
	margin-bottom:10px;
	margin-top:10px;
	}
	
	
ol li {
	margin: 0 0 20px 0;
	font-style:italic;
	}

#content ul li{
	margin:0; 
	padding:0; 
	list-style-type:none; 
	list-style-position: outside;
	background:url(images/bullet.jpg) 0 5px no-repeat; 
	padding:0 0 5px 20px ;
	display:block;
	overflow:auto;
}

#content ul{
margin:0 0 10px 0px;	
	
}

/* =Structure
-------------------------------------------------------------- */

#wrapper {
	width:880px;
	padding-top:40px;
	margin: auto;
	clear:auto;
	overflow:auto;
}

#col1 {
	float:left;
	width: 160px;
	}
	
#col2 {
	border-top:2px solid #000;
	margin:0 0 0 40px;
	padding-top: 38px;
	float:left;
	width:400px;
	overflow:hidden;
}

#col3 {
	margin:0 0 0 40px;
	border-top:2px solid #000;
	padding-top: 38px;
	float: left;
	width: 240px;
	overflow:hidden;
}	


/* =Box
-------------------------------------------------------------- */

.box {
	width:240px;
	clear:both;
	display:block;
	margin:40px 0 0 0;
	border-top:2px solid #000;
	padding-top: 38px;
	color:#555;
}

.box_bg{
	padding:10px;
	width:220px;
	background-color: #edf3e3;
	font-size:11px;
}

.box ul {
margin: 0 0 0 0!important;
padding: 0 0 0 0!important;
list-style-type: none;
}

.box li {
border-bottom:1px solid #cfd5c6;
padding: 7px 0 7px 0;
list-style-type: none;
margin:0!;
list-style-position: outside; 
}


/* =Logo
-------------------------------------------------------------- */

#logo_helder {
	width:160px;
	height: 40px;
	background-image:url('images/logo_helder.jpg');
	background-repeat:no-repeat;
	}

	
#logo_diamond {
	margin-top:40px;
	width:160px;
	height: 160px;
	background-repeat:no-repeat;
	}

#quote {
	width:240px;
	height:320px;
	background-repeat:no-repeat;
	}

	
/* =Menu
-------------------------------------------------------------- */
	
#menu {
	width:160px;
	height: 120px;
	margin: 40px 0 0 0;
	padding: 38px 0 0 0;
	border-top:2px solid #000;
}	

#m1, #m2, #m3, #m4, #m5, #m1_active, #m2_active, #m3_active, #m4_active, #m5_active { 
	width:160px;
	height: 24px;
	background-image:url('images/menu.jpg');
}

#m1 {
	background-position: 0 0;
}

#m2 {
	background-position: 0px -24px;
}

#m3 {
	background-position: 0px -48px;
}

#m4 {
	background-position: 0px -72px;
}

#m5 {
	background-position: 0px -96px;
}

a:hover #m1 {
	background-position: 160px 0;
}

a:hover #m2 {
	background-position: 160px -24px;
}

a:hover #m3 {
	background-position: 160px -48px;
}

a:hover #m4 {
	background-position: 160px -72px;
}

a:hover #m5 {
	background-position: 160px -96px;
}

#m1_active {
	background-position: 160px 0;
}

#m2_active {
	background-position: 160px -24px;
}

#m3_active {
	background-position: 160px -48px;
}

#m4_active {
	background-position: 160px -72px;
}

#m5_active {
	background-position: 160px -96px;
}


/* =NAW
-------------------------------------------------------------- */
	
#naw {
	width:160px;
	height: 90px;
	background-repeat:no-repeat;
	padding-top: 5px;
	margin: 40px 0 0 0;
	border-top:2px solid #000;
	}

#n1 {
	background-image:url('images/naw.jpg');
	background-position: 0 0;
	width:160px;
	height: 36px;
}

#n2 {
	background-image:url('images/naw.jpg');
	background-position: 0px -36px;
	width:160px;
	height: 36px;
}

#n3 {
	background-image:url('images/naw.jpg');
	background-position: 0px -72px;
	width:160px;
	height: 18px;
}


a:hover #n1 {
	background-position: 160px 0;
}

a:hover #n2 {
	background-position: 160px -36px;
}

a:hover #n3 {
	background-position: 160px -72px;
}
	
	

/* =Content
-------------------------------------------------------------- */

.post {
	margin: 0 0 19px 0;
	padding: 0 0 5px 0;
	border-bottom:1px solid #cfd5c6;
}
.entry-content, .entry-summary {
}

.entry-meta {
	color: #888;
	margin-bottom:5px;
	}


/* =Gallery
-------------------------------------------------------------- */		

.gallery {
	margin: 0 0 20px 0!important;
	}

.gallery img {
	border: 4px solid #cfd5c6!important;
	margin: 0!important;
	}

.gallery img:hover {
	border: 4px solid #bbb!important;
	}

.gallery-row {
	margin: 0 0 5px 0!important;
	}

#gallery-1 .gallery-item {
	margin: 5px 0 0 0!important;
	}

#gallery .gallery-item {
	margin: 5px 0 0 0!important;
	}

/* =Pagenavi
-------------------------------------------------------------- */		


.pages {
	color:#888;
}

.wp-pagenavi {
	clear: both;
	text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: none!important;
	padding: 5px!important;
	margin: 10px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


.nextpostslink  img{
	vertical-align:center;
	margin-top:5px;
	}
	
.previouspostslink  img{
	vertical-align:center;
	margin-top:5px;
	}

/* =Single Post navigation
-------------------------------------------------------------- */		
.nav-previous {
	float:right;
	}

.nav-next {
	float:left;
	}

.arrow_left{
	background:url(images/arrow_left.png) no-repeat center left;
	padding-left:15px;
	display:block;
}

.arrow_right {
	background:url(images/arrow_right.png) no-repeat center right;
	padding-right:15px;
	display:block;
	text-align:right;
}
	
/* =Events
-------------------------------------------------------------- */
	

#event-gmap {
	margin:20px 0 0 0;
	}
	
.event_date {
	background-color:#f9f9f9;
	padding:1px 5px 1px 5px;
	border:1px solid #ddd;
	margin: 0 2px 0 0;
	}	


#dbem-location-map {
	height:320px!important;
	width:400px!important;
}
	

/* =Footer
-------------------------------------------------------------- */


#footer {
	margin: auto;
	clear:both;
	text-align:center;
	color:#cfd5c6;
	margin-bottom:20px;
	overflow:auto;
	}
	
#footer a {
	color: #cfd5c6;
}