/*  
Theme Name: Art of Branding
Theme URI: http://www.artofbranding.nl
Description: wordpress weblog theme for www.artofbranding.nl
Author: Marten Timan / Atypisch 
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body { 
	font: 12px Trebuchet MS, Sans-serif, Helvetica; 
	color: #424242; 
	margin: 0; 
	padding:0;
	text-align: left;
	}

h1, h2, h3, h4, h5, h6 { 
	font-weight: bold;
	color: #424242; 
	margin: 0; 
	padding: 0 0 10px 0;
}	

h1 { font-size: 16px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

h1.title {
    
    font-size: 27px;
    font-weight: normal;
	color: #424242; 
	margin: 0; 
	padding: 0 0 10px 0;
}

p { 
	margin: 0;
	padding: 10px 0 15px 0;
	text-align: left;
	}
	
a img {
	border: 0;	
	}
	
a:link, a:visited { 
	text-decoration: none; 
	color: #5190cd;
	}

a:hover, a:active { 
	text-decoration: none; 
	color: #91c2f0;
	}    

blockquote {
	padding: 10px 0 10px 30px;
	margin:0;
	}	
	
/* specific divs */
/* styles for IE 5 Mac article: http://www.hicksdesign.co.uk/journal/30/vertical-centering-with-css */
#horizon {
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
}
 
/* following rules are invisible to IE 5 \*/
#horizon {
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	min-width: 1000px; 
}
 /* end IE 5 hack */ 

#container { 	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
    }
	
/* een absolute-positioned container om de andere items (links etc) ook absolute te kunnen positioneren */	
#container_abs { 
	position: absolute;
	top:0px;	
	padding: 0; 
	border: 0;
    z-index:1;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
	}	

#header {
	float: left;
	padding: 40px 0 0 40px; 
	margin: 0;
	border: 0;
	text-align: left; 
	width: 960px; 
	background: #fff;
}

#wrap {
	float: left;
	width: 1000px;
	padding:0;
	margin: 0;
}	

#content {  
	float: left;
	padding: 110px 20px 20px 140px; 
	margin: 0;
    background: #fff;
	text-align: left; 
	width: 425px; 
	}

/* main menu */

#flash {
    position: absolute;
    z-index: 2;
    top: 37px;
    left: 2px;
    width: 230px;
    height: 230px;
    padding:0;
    margin:0;
}

#logo {
    position: absolute;
    z-index: 1;
    top: 40px;
    left: 0px;
    width: 230px;
    height: 230px;
    padding:0;
    margin:0;
    background: url('images/logo.gif') no-repeat;
}

#home, #home-active {
    position: absolute;
    z-index: 2;
    top: 39px;
    left: 66px;
    width: 80px;
    height: 44px;
    padding:0;
    margin:0;
}

#home-active a {
    float: left;
    width: 80px;
    height: 44px;
    padding:0;
    margin:0;
    background: url('images/btn_home.gif') no-repeat;
    background-position: 0 0px;
}

#home a {
    float: left;
    width: 80px;
    height: 44px;
    padding:0;
    margin:0;
    background: url('images/btn_home.gif') no-repeat;
    background-position: 0 -44px;
}

#home a:hover, #home a:active {
   background-position: 0 -88px;
}

#contact, #contact-active  {
    position: absolute;
    z-index: 2;
    top: 54px;
    left: 0px;
    width: 65px;
    height: 116px;
    padding:0;
    margin:0;
}

#contact-active a {
    float: left;
    width: 65px;
    height: 116px;
    padding:0;
    margin:0;
    background: url('images/btn_contact.gif') no-repeat;
    background-position: 0 0px;
}

#contact a {
    float: left;
    width: 65px;
    height: 116px;
    padding:0;
    margin:0;
    background: url('images/btn_contact.gif') no-repeat;
    background-position: 0 -116px;
}

#contact a:hover, #contact a:active {
   background-position: 0 -232px;
}

#werkwijze, #werkwijze-active {
    position: absolute;
    z-index: 2;
    top: 42px;
    left: 149px;
    width: 82px;
    height: 127px;
    padding:0;
    margin:0;
}

#werkwijze-active a {
    float: left;
    width: 82px;
    height: 127px;
    padding:0;
    margin:0;
    background: url('images/btn_werkwijze.gif') no-repeat;
    background-position: 0 0px;
}

#werkwijze a {
    float: left;
    width: 82px;
    height: 127px;
    padding:0;
    margin:0;
    background: url('images/btn_werkwijze.gif') no-repeat;
    background-position: 0 -127px;
}

#werkwijze a:hover, #werkwijze a:active {
   background-position: 0 -254px;
}


#partners, #partners-active {
    position: absolute;
    z-index: 2;
    top: 175px;
    left: 4px;
    width: 98px;
    height: 95px;
    padding:0;
    margin:0;
}

#partners-active a {
    float: left;
    width: 98px;
    height: 95px;
    padding:0;
    margin:0;
    background: url('images/btn_partners.gif') no-repeat;
    background-position: 0 0px;
}

#partners a {
    float: left;
    width: 98px;
    height: 95px;
    padding:0;
    margin:0;
    background: url('images/btn_partners.gif') no-repeat;
    background-position: 0 -95px;
}

#partners a:hover, #partners a:active {
   background-position: 0 -190px;
}


#cases, #cases-active {
    position: absolute;
    z-index: 2;
    top: 225px;
    left: 108px;
    width: 72px;
    height: 45px;
    padding:0;
    margin:0;
}


#cases-active a {
    float: left;
    width: 72px;
    height: 45px;
    padding:0;
    margin:0;
    background: url('images/btn_cases.gif') no-repeat;
    background-position: 0 0px;
}


#cases a {
    float: left;
    width: 72px;
    height: 45px;
    padding:0;
    margin:0;
    background: url('images/btn_cases.gif') no-repeat;
    background-position: 0 -45px;
}

#cases a:hover, #cases a:active {
   background-position: 0 -90px;
}


#info, #info-active {
    position: absolute;
    z-index: 2;
    top: 171px;
    left: 182px;
    width: 44px;
    height: 62px;
    padding:0;
    margin:0;
}

#info-active a {
    float: left;
    width: 44px;
    height: 62px;
    padding:0;
    margin:0;
    background: url('images/btn_info.gif') no-repeat;
    background-position: 0 0px;
}


#info a {
    float: left;
    width: 44px;
    height: 62px;
    padding:0;
    margin:0;
    background: url('images/btn_info.gif') no-repeat;
    background-position: 0 -62px;
}

#info a:hover, #info a:active {
   background-position: 0 -124px;
}


.post {
	clear: both;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 425px;
	}

.post_sidebar {
	clear: both;
	padding: 40px 15px 15px 35px; 
	margin: 0;
	text-align: center; 
	width: 150px;
	}
    
    
.post p {
	text-align: left; 
    padding: 0 0 15px 0;
	line-height:  17px;
	}	
.commentlist p {
    width: 385px;    
    }
    
.post ul {
    padding: 0 0 10px 15px;
	}

.post ul li {
	list-style-type: disc;
    padding: 0 ;
	}    
    
.post ol {
    padding: 0 0 10px 20px;
	}    
    
.post ol li {
	list-style-type: decimal;
    padding: 0;
	}      
     
.post img {
    padding: 0 8px 0 8px;
}    

.mid {  
	float: left;
	padding: 0; 
	margin: 0;
	border: 0;
	width: 460px; 
	}

.sidebar {
	float: left;
	padding:250px 0 0 0;
	margin:0;
    width: 230px;
    }
    
.sidebar_right {
	float: right;
	padding:0;
	margin:0;
    width: 76px;
    height: 670px;
    background: url('images/aob_right.gif') no-repeat;
    }    

	
.footer {
	float: left;
	width:994px;
	padding:0;
	margin:0;
	}	
	
/* navigatie boven - pages */
.submenu {
    float: left;
    padding:0 0 30px 0;
    margin:0 0 0 0 ;
    width: 425px;
}

.page_item {
    float:left;	
	padding: 0;
	margin: 0;
	border-right: 1px solid #5191cd;
	text-align: left;   
    line-height: 12px;
}

.post .submenu ul, .post .submenu li {
    list-style: none;
    padding:0;
    margin:0;
}

.post .submenu ul {
    margin:0 0 0 -5px;
}

.page_item a, .page_item a:visited {	
	float:left;	
	margin: 0;
    font-size: 12px; 
	padding: 0 5px 0 5px;
	color: #5191cd; 
	text-decoration: none;
}

.page_item a {
	float:left;	
	margin: 0;
	padding: 0 5px 0 5px;
}

.page_item a:hover {
	float:left;	
	margin: 0;
    padding: 0 5px 0 5px;
    color: #91c2f0;
}

.current_page_item a, .current_page_item a:visited  {
	float:left;	
	margin: 0;
    padding: 0 5px 0 5px;	
    color: #000;
}

/* align images  */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 0 0 0 8px;
margin: 0;
}

img.alignleft {
padding: 0 8px 0 0;
margin: 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
/* End align Images */


/* start forms */

select {
	padding: 2px;
	border: 1px solid #dededf;
	}

label {
    float: left;
    width: 150px;   
    height: 40px;
    }    
    
input {
    float: left;
    width: 175px;
    padding: 2px;
	border: 1px solid #dededf;
    margin: 0 0 5px 0;
    }
    
    
p.fieldwrap, form p {
    float: left;
    width: 460px;
    padding:0;  
   
    }    
    
.fieldwrap img {
    float: right;    
    }    
    
#content textarea {
	width: 460px;
	padding: 2px;
	height:125px;
	border: 1px solid #dededf;
    float: left;
	}

#submit {
    width: 100px;    
    float: left;
    }    
	
/* einde forms */