/*
 * Theme Name: BOC neu
 */

body {	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 21px;
	}


#page { margin: 0px 10% 0px 10%; }
	
a { text-decoration: none; color: #681; }
a:hover { text-decoration: none; color: #35a; }

#header { margin-bottom: 1em; }		
#left_header { float:left; }
#left_header h1 { letter-spacing:0.1em; font-size: 2em; margin-bottom: 0em;}
#left_header h1 a { color: #35a; }
#left_header .description { letter-spacing:0.2em; font-weight: bold; font-size: 1em; color: #999; margin: 0em 0em 0.5em 0em;}

#right_header { float: right; margin-top: 2em;}

#timeline { clear:both; border-top: solid 1px #ddd; width: 100%; height: 40px; position: relative; }
#timeline .month { height: 8px; width: 1px; background-color:#ddd; position: absolute; }
#timeline .year { height: 12px; width: 1px; background-color:#ddd; position: absolute; }

#timeline .event_wrapper { 
	position: absolute;
}
#timeline .event_wrapper .event_tick {
	height: 15px;
	width: 1px; 
	background-color:#681;
	position: relative;
	left: 0;
}
#timeline .event_wrapper .event_content { 
	display:none; 
	width: 1000px; 
	position:absolute; 
	top: 24px; 
	text-align:center; 
	left:-500px; 
	color: #999; 
	font-size: 0.9em;
}
#timeline .event_wrapper .mouse_catcher {
	z-index: 1;
	width: 10px;
	height: 15px;
	position: absolute;
	left: -5px;
	top: 0px;
	background-color: transparent;
}

     	
#sidebar { float: right; width: 29%; }
#sidebar #about { margin: 0em 0em 1em 1em; font-size: 1em; }
#sidebar ul { list-style-type: none; margin:0em 0em 0em 1em; padding: 0em; }
#sidebar h2 { color: #999; font-size: 1em; margin: 0em; padding: 0em 0em 0.3em 0em; border-bottom: 1px solid #ddd; }
#sidebar ul li { margin: 0em 0em 2em 0em;}
#sidebar ul li ul { margin: 0em;}
#sidebar ul li ul li { font-size: 1em; margin: 0em; }
#sidebar ul li ul li a { font-size: 1em; margin: 0em; padding: 0.3em 0em 0.3em 1em; border-bottom:1px solid #ddd; display: block;}
#sidebar ul li ul li a:hover { background-color: #eee;} 

#content { clear: both; float:left; width: 70%; border-right: 1px solid #ddd; margin-top:0em; }
#content .post { border-bottom: 1px solid #ddd; margin: 0em 2em 1em 0em;}
#content h2 { font-size: 1.2em; margin: 0em 0em 0em 0em; }
#content .postmetadata { font-size: 0.9em; color: #999; }
#content pre { border: 1px solid #ddd; padding: 1em; background-color: #f8f8f8;  font-size: 0.9em; color: #999;}
#content #respond { margin-right: 2em; }
#content textarea { width: 100%;}

.navigation { height: 3em; margin: 0.3em 2em 0em 0em; font-size: 0.8em; }
.navigation .alignleft { float: left;}
.navigation .alignright { float: right;}

#footer { clear:both; margin-top: 1em; font-size: 0.8em; text-align: center; }