/*  
Theme Name: BKB academie
Theme URI: http://www.bkbacademie.nl
Description: wordpress theme for bkb academie
Author: Marten Timan
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body { 
	font: 11px  Arial; 
	color: #0a0a0a; 
	background: #fff;
	margin: 0; 
	padding:0;
	text-align: left;
    line-height: 14px;
	}	
	
h1, h2, h3, h4, h5, h6, h7 { 
	font-weight: bold; 	
  	color: #0a0a0a; 
	margin: 0; 
	padding: 0;
}	

h1 { font-size: 17px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }
h7 { font-size: 8px; }

#content h1 { line-height: 20px; }

h1.kolom {
    font-size: 30px;
    text-transform: uppercase;
    padding: 10px 0 10px 0;
}

.sidebar_left h1.title {
    text-transform: uppercase;
}

h1 img {
    border:0;
    padding:0;
    margin:0;
}

h5.menu_title {
    float: left;
    padding: 0;
    margin:0;
    font-weight: normal;
    font-size: 11px;
    width:60px;
}

p { 
    clear: both;
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: left;
	} 
    
p.postmetadata {
    clear: both; 
    font-size: 8px;
    padding: 0 0 20px 0;
    color: #7a7a7a;
}    
	
.agenda-entry {
    padding:0 0 10px 0;
    margin:0;
}

/* define different link colors */
a:link, a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #10a6cb;	
	}

a:hover, a:active { 
	text-decoration: none; 
	color: #fff;
    background:  #10a6cb;
	}

/* links for archives */
a.black:link, a.black:visited { 
	text-decoration: none; 
	color: #0a0a0a;	
	}

a.black:hover, a.black:active { 
	text-decoration: none; 
	color: #fff;
	}  
    
/* links for post headers */    
h1 a:link, h1 a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #0a0a0a;	
    line-height: 20px;
	}

h1 a:hover, h1 a:active { 
	text-decoration: none; 
	color: #fff;
	}    

 
#header a:link, #header-top_right-text a:link, #header-top_right-text a:visited { 
	text-decoration: none; 
	color: #0a0a0a;
	}

#header a:hover, #header a:active,
#header-top_right-text a:hover, #header-top_right-text a:active { 
	text-decoration: none; 
	color: #00cccb;
    background: #0a0a0a;
	}    

/* login identical to search-submit */    
#header .login a:link, #header .login a:visited {
    float: right;
    width: 55px;
	height: 17px;
    color: #fff;
    cursor: pointer;
	padding:3px 0 2px 0;
	margin:0;
    font-size: 11px;
    font-weight: normal;
    border: 0;
    text-align: center;
}    
    

#header .login a:hover, #header .login a:active {
    color #fff;
}
   
.post_red a:link, .post_red a:visited,
#profilebox a:link, #profilebox a:visited { 
	text-decoration: none; 
	color: #fff;
	}

.post_red a:hover, .post_red a:active,
#profilebox a:hover, #profilebox a:active { 
	text-decoration: none; 
	color: #00cccb;
    background: #fff;
	}        
    
a img {
    border: 0;
    margin:0;
    padding:0;    
    }    
    
ul {
	list-style: square;
	padding-right: 10px;
	margin: 0;
    line-height:18px;        
}
	
small {
    font-size: 10px;
	margin: 0;
	padding: 0; 
	}

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;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
    z-index:0;
	}
	
#wrap {
	float: left;
    width: 960px;
	padding: 20px;
    background: #fff;
    border: 0;
}

#header {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0;
	text-align: left; 
	width: 1000px; 
	height: 170px;
    background: #fff;
}

#header_img {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0;
	text-align: left; 
	width: 1000px; 
	height: 170px;
}

#header_img ul.post-categories, #header_img ul.post-categories li {
    padding: 0;
    margin:0;
} 

#header_img img  {
    float: left;
    width: 1000px;
    height: 170px;
    padding:0;
    margin:0;
}

#header .menu {
    position: absolute;
    top: 35px;
    padding:0;
    margin:0;
    z-index: 100;
}

.menu ul, .menu .categories ul {
    float: left;
    padding:0;
    display: inline;
    margin:0;
    line-height: 12px;
    float: left;
    list-style: none;
    display: inline;
    font-size: 8.5pt;
}

.menu .categories {
    text-align: left;
    float: left;
    width: 390px;
    display: inline;
    padding: 0;
    margin:0;   
}    
    
.header-left {
    position: absolute;
    top: 75px;
    left: 20px;
    margin: 0;
    padding: 5px 0 0 0;
	/*border-top: 3px solid #0a0a0a;*/
	text-align: left; 
	width:250px;
	height: 92px;
    z-index: 1;
}

.header-mid {
    position: absolute;
    top: 75px;
    left: 300px;
    margin: 0;
    padding: 5px 0 0 0;
	/*border-top: 3px solid #0a0a0a;*/
	text-align: left; 
	width:390px;
	height: 92px;
    z-index: 1;
}


.header-right {
    position: absolute;
    top: 75px;
    left: 720px;
    margin: 0;
    padding: 5px 0 0 0;
	/*border-top: 3px solid #0a0a0a;*/
	text-align: left; 
	width:260px;
	height: 92px;
    z-index: 1;
}
    
/* navigatie boven - pages */
.page_item, .cat-item {
    float:left;	
	padding: 0 12px 0 0;
	margin: 0;
	border: 0;	
	text-align: left;
    list-style: none;
    background: url('images/menu_separator.gif') no-repeat right;
    display: inline;
    line-height: 14px;
    height: 14px;
    color: #0a0a0a;
    font-size: 8.5pt;
    font-family: Arial;
    text-transform: uppercase;
    
}

.page_item a:link, .page_item a:visited,
.cat_item a:link, .cat_item a:visited,
#header .menu a:link, #header .menu a:visited {	
	float:left;	
	margin:0;
    padding: 0 3px 0 3px;
    border:0;
    width: auto;
	color: #0a0a0a;
    text-decoration: none;   
    font-weight: bolder;
}

.page_item a, .cat-item a {
	float:left;	
	color: #0a0a0a;  
	margin:0;
	padding: 0 3px 0 3px;
}

.page_item a:hover, #header .menu a:hover, #header .current_page_item a, #header .current_page_item a:visited, #header .cat-item a:hover, #header .current-cat a,  #header .current-cat a:visited  {
    color: #00cccb;
    background: #0a0a0a;
}

.cat_list ul {
    float: right;
    width: 330px;
}

#backtohome {
	position: absolute;
	top: 9px;
    left:20px;
	padding:0;
	margin:0;
	border:0;
    width: 166px;
    height: 64px;
    z-index: 101;
	}	
	
#backtohome a:link, #backtohome a:visited, #backtohome a:hover, #backtohome a:active {
	float: left;
    width: 166px;
    height: 64px;
    border:0;
    padding:0;
    margin:0;   
    background: url('images/backtohome.gif') no-repeat;
    }
	
#content {  
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 960px;
	}
	
.post  {
	float: left;
	padding: 0 0 5px 0; 
	margin: 0;
	text-align: left; 
    width: 100%;
	}

.post_sidebar  {
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
    width: 100%;
	}
    
.post_red {
    float: left;
	padding: 10px; 
	margin: 0;
	text-align: left; 
    }    
    
.sidebar_left .post_red { width: 230px; }    
.sidebar .post_red { width: 240px; }  

.sidebar_left .post_red .size-medium { max-width: 230px;}

.post img {
    padding: 8px;
    max-width: 390px;
    }    
	
.post p {
	text-align: left; 
    padding: 8px 0 0 0;
	}
    
.post ul {
    padding: 5px 10px 5px 15px;
	text-align: left; 
    line-height:12px;
	}  
   

/* sidebar alumni exapndable */    
.expandable, .profiles {
    float: left; 
    width: 261px;
    padding:0;
    margin:0;
}    

.profiles li {
    float: left; 
    width: 87px;
    padding:0;
    margin:0;
    height: 172px;
}

/* the awppost read more  link */

.awppost_link {
    float: left;
    width: auto;
}
    
.separator {
    clear: both;
    width: 100%;
    height: 0;
    padding:5px 0 0 0;
    margin:0;
    border:0;
    border-bottom:3px solid #0a0a0a;
    }   
    
.space {
    float: left;
    width: 100%;
    padding:0;
    margin:0;
    border:0;
    height: 10px;
    }    
                    
/* define sidebars and main divs*/    
	
.sidebar_left {
	float: left;
	width:250px;
	padding: 0 30px 0 0;
	margin:0;   
	}

.sidebar {
	float: right;
	width:261px;
	padding: 0;
	margin:0;   
	}    

.mid_wrap {  
	float: left;
	padding: 0; 
	margin: 0;
	border: 0;
	width: 680px; 
	}
	
.blogentries {  
	float: left;
	padding: 0 29px 0 0; 
	margin: 0;
	border: 0;
	width: 390px;
	} 

.blogentries a img {  
	border: 0;
    padding: 0 0 0 0;
	} 
    
/*
WIDGET CSS
*/	
	

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

.widget {
	float: left;
	width:250px;
    padding: 10px 0 10px 0;
	margin: 0;
	background: #fff;
    }	
    
.widget ul {
	padding: 10px 0 10px 14px;
	margin:0;
    line-height: 14px;
	}

.widget li {
	padding: 0;
	margin:0;
	}    
    
.textwidget {
    padding: 10px 0 0 0;
	margin: 0;
}    

h1.title_widgets {
    text-transform: uppercase;
}

.rsswidget {
    border: 0;
    background: transparent;
    padding:0;
    margin: 0;
}

.rsswidget img {
    display: none;
}

#profilebox {
    float: left;
    width: 85px;
    height: 170px;
    padding:0;
    margin:0;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    font-size: 11px;
}

#profilebox img, .profile_img img {
    width: 85px;
    height: 85px;
}

.profilebox_text {
    float: left;
    width: 75px;
    height: 75px;
    padding:5px 5px 5px 5px;
    margin:0;
    border: 0;
}

#authorpic {
    float: left;
    padding: 0 14px 8px 0;
    margin:0;
}

/* added div wp-tags for tagcloud */

.wp-tags {
    text-align: center;
}


/* search */

#header-top_right {
    position: absolute;
    top: 0;
    left: 500px;
    width:480px;
	height: 50px;
	padding:10px;
	margin:0;
    text-align: right;
    z-index:104;
    font-size: 10px;
}

#header-top_right-text {
    position: absolute;
    top: 0;
    left: 0;
    width:244px;
	height: 50px;
	padding:10px;
	margin:0;
    text-align: right;
    z-index:2;
}

#search_field {
    position: absolute;
    top: 0;
    left: 255px;
    width:215px;
	height: 50px;
	padding:10px;
	margin:0;
    z-index:103;
	}
	
#search_field input {
    float: left;
    height: 16px;
	padding: 1px;
	margin: 0;
	width: 154px;
    color: #4a4a4a;
	border: 1px solid #0a0a0a;
	background: #fff;
	}
    
#search_field .search_submit {
    float: right;
    width: 55px;
	height: 20px;
    color: #fff;
    cursor: pointer;
	padding:0 0 2px 0;
	margin:0;
    font-size: 10px;
    font-weight: normal;
    border: 0;
}

.navigation {
    float: left;
    width: 390px;
    padding:10px 0 10px 0;
    margin:0;
}

#footer {
    clear: both;
    width: 950px;
    text-align: center;
    padding: 20px;
}

/* align images  */


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

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

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

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

.alignright {
float: right;
}

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


/* start forms */
}

#comment {
	width: 360px;
	padding: 2px;
	height:200px;
	border: 1px solid #523e2e;
}
		
/* einde forms */

textarea {
    border: 1px solid #4a4a4a;
    padding:3px;
    margin:0;
    width: 240px;
}

input {
    border: 1px solid #4a4a4a;
    padding:3px;
    margin:0;
}

.menu input {
    margin:0;
    padding:0;
    float: left;
}

.submit {
    clear: both;
	height: 23px;
    background: #4a4a4a;
    color: #fff;
    cursor: pointer;
	padding:0 5px 2px 5px;
	margin:0;
    font-weight: normal;
	border:1px solid #4a4a4a;
    line-height: 17px;
}

.submit:hover {
    background: #6e6e6e;
    color: #fff;
	border:1px solid #4a4a4a;
}

.text_input {
    background: transparent;
    padding:0;
    margin:0;
    clear: both;
    cursor: pointer;
    border:0;
    line-height: 17px;
    color: #10a6cb;
    font-size: 10px;
    height: auto;
    width: auto;
    text-align: left;
}

.text_input:hover, .text_input:active{
    background: #10a6cb;
    color: #fff;
}

.post_sidebar form {
    float: left;
    width: 240px;
    padding:5px 0 0 0;
    margin:0;
    border:0;
    height: 14px;
    text-align: left;
}

.form-item {
    float: left;
    padding: 0 12px 0 0;
    background: url('images/menu_separator.gif') no-repeat right;
    margin:0;
    width: auto;
}

.menu_input {
    background: transparent;
    padding:0;
    margin:0;
    font-weight: bolder;
    float: left;
    cursor: pointer;
    border:0;
    line-height: 14px;
    height: 14px;
    color: #0a0a0a;
    font-size: 8.5pt;
    font-family: Arial;
    text-align: left;
    width: auto;
}

.menu_input:hover, .menu_input:active, .menu_input .current {
    color: #00cccb;
    background: #0a0a0a;
}

/* sidebar form for participation etc */

.post_red .ddfmwrap {
    float: left;
    width: 230px;
    padding:5px 0 0 0;
    margin:0;
    border:0;
    text-align: left;
}

.post_red .ddfm {
    float: left;
    width: 230px;
    padding:0;
    margin:0;
}

.post_red .ddfm .submit {
    float: right;
    padding: 0 4px 4px 4px;
    margin:0;
    background: transparent;
    border:0;    
}