/*  
Theme Name: De Monotiek
Theme URI: http://www.demonotiek.nl
Description: wordpress weblog theme for De Monotiek
Author: Marten Timan
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body { 
	font: 13px Trebuchet MS, Arial, Verdana; 
	color: #383838; 
	background: #969190 url(images/bg.gif) repeat-x; 
	margin: 0; 
	padding:0;
	text-align: left;
    }
	
h1 { 
	font-weight: normal;
	font-size: 14px; 
	color: #383838; 
	margin: 0; 
	padding: 0 0 10px 0;
    }

.title_white {
    float: right;
    text-transform: uppercase;
	font-weight: normal;
	font-size: 20px; 
	color: #fff; 
	margin: 0; 
	padding: 10px;
    width: 100px;
    text-align: right;
    }
    
.title_orange {
    float: right;
    text-transform: uppercase;
	font-weight: normal;
	font-size: 20px; 
	color: #ff7f00; 
	margin: 0; 
	padding: 0 0 10px 0;
    width: 255px;
    text-align: right;
    }	
    
.title_orange-big {
    float: right;
    text-transform: uppercase;
	font-weight: normal;
	font-size: 20px; 
	color: #ff7f00; 
	margin: 0; 
	padding: 10px;
    width: 255px;
    text-align: right;
    }	    

h2 { 
	font-weight: normal;
	font-size: 14px; 
	color: #383838; 
	margin: 0; 
	padding: 0;
    }

p { 
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: left;
	}
	
a img {
	border: 0;	
	}
	
a:link, a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #bf5f00;
	}

a:hover, a:active { 
	text-decoration: none; 
	color: #ec7a08;
	}
    
.post-orange a:link, .post-orange a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #ffbf00;
	}

.post-orange a:hover, .post-orange a:active { 
	text-decoration: none; 
	color: #ffd865;
	}

h1 a:link, h1 a:visited { 
	font-weight: normal;
	font-size: 14px; 
	color: #af5105; 
	margin: 0; 
	padding: 10px 0 0 0;
	}

h1 a:hover, h1 a:active { 
	text-decoration: none; 
	color: #f2bb8e;
	}
	
ul {
	list-style:none;
	padding: 0;
	margin: 0;
    }	

ol {
    list-style:none;
	padding: 0;
    margin:0;
    }

em, small {
	margin: 0;
	padding: 0; 
	color: #523e2e; 
	}
	
strong {
	color: #523e2e; 
	}

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: 969px; 
    }
 /* end IE 5 hack */ 

#container { 	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 969px; 
	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: 7px 0 0 0; 
	border: 0;
	text-align: left; 
	width: 969px; 
    margin:0;
    z-index: 0;
    background: url("images/logo_glow.gif") no-repeat left top;
	}
    
#header {
	float: right;
	padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 969px; 
	height: 60px;
    }	

#logo {
    float: left;
    background: url("images/logo-mid.gif") no-repeat;  
    width:257px;
    height: 63px;
    padding:0;
    margin:0;
    }    

#wrap {
	float: left;
	width: 969px;
	padding:0;
	margin: 0;   
    background: url("images/vinyl.gif") no-repeat 250px 500px;  
    }

#backtohome {
	position: absolute;
	top: 0;
	left: 0;
	padding:0;
	margin:0;
	border:0;
	background: #000;
	}	
	
#backtohome a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 47px;
	height: 78px;
	padding: 50px 100px 50px 100px;
	margin:0;
	border: 0;
	}		

.content {  
	float: left; 
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 682px; 
	}
		
.post  {
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 255px;
	}
		
.post-orange  {
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 310px;
	}
    
.orange_bottom {
    float: left;
    padding:0;
    margin:0;
    width: 338px;
    height: 26px;
    background: url('images/orange-onder.gif') no-repeat;
    }    

.orange_bottom2 {
    clear: both;
    padding:0;
    margin:0;
    width: 279px;
    height: 26px;
    background: url('images/orange-onder2.gif') no-repeat;
    }    

.orange_bottom3 {
    float: right;
    padding:0;
    margin:0;
    width: 625px;
    height: 26px;
    background: url('images/orange-onder3.gif') no-repeat;
    }        
    
.post-wide  {
	clear: both;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 600px;
	}
	
.post p {
	text-align: left; 
	color: #383838;
	line-height:  17px;
	}

.post_left {
	clear: both;
	padding: 10px; 
	margin: 0;
	text-align: left; 
	width: 255px;
    background: #fff;
    border: 2px solid #ffbf00;
	}	
	
.post_left h1 {
	background: url(images/leaf.gif) no-repeat 0 2px;
	font-weight:bold;
	font-size: 15px;
	color: #a49c69;
	margin:0;
	padding: 0 0 0 18px;
	}	

.post_left li {
	list-style:none;
	padding: 0;
	margin:0;
	}	

.sidebar {
    float: right;
    width: 279px;
    padding:0;
    margin:0;
    }
    
.sidebar_1 {
	float: right;
	width:255px;
	background: #fff;
	padding: 10px;
	margin:0;
    border: 2px solid #ffbf00;
	}	
	    
.sidebar_2 h1 {
	color: #81745a;
	}	
	
.sidebar_2 {
	float: right;
	width:279px;
	padding: 8px 0 0 0;
	margin:0;
	}
    
.leus1 {
    float: left;
    width: 57px;
    padding:0;
    margin:0;
    }	
    
.mid_wrap {
    float: left;
    padding:0;
    margin:0;
    }

.mid_wrap_oranje {
    width: 334px;
    float: left;
    padding:0;
    margin:0;
    }
    
.mid {  
	float: left;
	background: #bf5f00;
	padding: 10px; 
	margin: 0;
	border: 0;
	width: 314px; 
    border-left: 2px solid #ffbf00;
    border-right: 2px solid #ffbf00;
    border-bottom: 2px solid #ffbf00;
	}

.mid-big {  
	float: right;
	background: #fff;
	padding: 10px; 
	margin: 0;
	border: 0;
	width: 601px; 
    border-left: 2px solid #ffbf00;
    border-right: 2px solid #ffbf00;
    border-bottom: 2px solid #ffbf00;
	}    

.mid_bg {  
	float: left;
	background: url(images/logo-onder.gif) no-repeat;
	padding: 0; 
	margin: 0;
	border: 0;
	width: 395px;
    height: 73px;
	}

.mid_bg-big {  
	float: left;
	background: url(images/logo-onder-big.gif) no-repeat;
	padding: 0; 
	margin: 0;
	border: 0;
	width: 682px;
    height: 73px;
	}   

.footer {
	float: left;
	width:969px;
	height: 100px;
	padding:0;
	margin:0;
	}	

/*
WIDGET CSS
*/	
	
.sidebar_1 h1 {
	font-weight: normal;
	font-size: 12px; 
	color: #81745a;
	}

.sidebar_1 ul, .sidebar_2 ul {
	padding: 0;
	margin:0;
	}
	
.sidebar_1 li, .sidebar_2 li {
	list-style: none;
	padding: 0 0 0 10px;
	margin: 0;
	}
    
#menu_wrap {
	float: left;
	padding: 0 0 7px 0; 
	margin: 0;
	text-align: left; 
	width: 279px;
    border: 0;
    }
    
#menu {
	float: left;
    padding: 0px; 
	margin: 0;
	text-align: left; 
	width: 275px;
    background: #fff url('images/bg_menu_line.gif') no-repeat bottom;
    border-top: 2px solid #ffbf00;
    border-left: 2px solid #ffbf00;
    border-right: 2px solid #ffbf00;    
    border-bottom: 1px solid #ffbf00;
	}	
		
#menu ul, #menu li {
	float: left;
	padding:0;
	margin:0;
	display: block;
	}	
	
#menu li {
	float: left;
	display: block;
	padding:0;
	margin:0;
	}		
			
/* navigatie boven - pages */
.page_item {
    float:left;	
	width: 255px;
	padding: 10px;
	margin: 0;
	border: 0;	
	text-align: left;
    text-transform: uppercase;
    } 

.page_item a, .page_item a:visited {	
	float:left;	
	color: #fff; 
	text-decoration: none;
    }

.page_item a {
	float:left;	
	width: 255px;
	height: 15px;
	margin: 0;
    background: #383838;
	padding: 10px;
    border-bottom: 1px solid #ffbf00;
    }

.page_item a:hover, .current_page_item a, .current_page_item a:visited  {
	float:left;	
	width: 255px;
	height: 15px;
	margin: 0;
    border-bottom: 1px solid #ffbf00;
	padding: 10px;
	color: #fff;
    background: #7f7f7f;
    }

.widget_wrap {
	clear: both;
	padding: 0 0 7px 0; 
	margin: 0;
	text-align: left; 
	width: 279px;
    background: transparent;
    border: 0;
	}	

.widget {
	clear: both;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 275px;
    background: #fff;
    border: 2px solid #ffbf00;
	}	    

h1.widget_top {
	clear: both;
	width:255px;
	height: 22px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
	background: #ffbf00;
	padding: 7px 10px 0 10px;
	margin:0;
	}
/*
.widget_bottom {
	float: left;
	width:243px;
	height: 8px;
	padding:0;
	margin:0;
	}
 */

.widget ul {
	padding: 0 0 10px 0;
	margin:0;
	}

.widget p {
	padding: 10px;
	margin:0;
	}    

/* search */

#search {
    float: right;
    margin: 0;
    padding:8px 0 0 0;	
    color: #fff;
	width: 414px;
	height: 35px;
	text-align: left;
	}	

#search_wrap {
    float: left;
    background: #fff;
    border: 2px solid #ffbf00;
    padding: 10px;
    margin:0;
    width: 390px;
	height: 25px;
}
	
#search_field input {
	float: left;
    height: 20px;
	width: 298px;
	padding: 2px;
	margin: 0;
	color: #523e2e;
	border: 0;
	background: #ffbf00;
	}

#search_button {
	float: right;
	width:85px;
	height: 24px;
	padding: 0;
	margin:0;
	}
    
/* und noch einmal fur IE 6.0 ... */
	
#search_button {		
	width: 85px;
	height: 24px;
	margin:0;
	padding:0;
    }
	
#search_button input {		
	width: 85px;
	height: 24px;
	padding:0 0 2px 0;
	margin:0;
	border:0;
    background:#383838;
    color: #fff;
    }

#search_button input:hover {
	background:#7f7f7f;
	width: 85px;
	height: 24px;
	margin: 0;
	padding:0 0 2px 0;
    cursor: pointer;
    }

/* align images  */

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

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

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

.alignright {
    float: right;
    }

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


/* start forms */

select {
	width: 100px;
	}

.content input {
	padding: 2px;
	border: 1px solid #383838;
	}
    
.content textarea {
	width: 300px;
	padding: 2px;
	height:125px;
	border: 1px solid #383838;
	}
	
/* einde forms */