/*
Theme Name: Bellstorf 2.0
Theme URI: http://www.bellstorf.com
Description: Theme developed for my website.
Version: 2.0
Author:	Arne Bellstorf
Author URI: http://www.bellstorf.com/
*/

body { 
background: #FFF; 
color: #333333; 
font-family:"Courier New", Courier, Monospace;
font-size:11px;
font-style:inherit;
line-height:15px;
text-align: left; }

* { padding: 0; margin: 0; }


/*---:[ global elements ]:---*/

a { color: #333333;  text-decoration: underline; }

a:visited { color: #333333;  text-decoration: underline; }

a:hover { color: #333333; text-decoration: none; }

a img  { text-decoration: none; border: none; }

.entry p { margin: 0 0 10px 0; padding: 0 0 0 4px; }

.head { width:606px; padding: 0px 0 5px 4px; color: #333333; float: left; margin: 0 0 9px 0; }

.bottom { width:606px; padding: 0px 0 0px 4px; color: #333333; float: left; margin: 0 0 0px 0; }

blockquote { padding: 5px 10px 0 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; }

blockquote p { margin-bottom: 7px; }
	
code { color: #090; font-family: "Courier New", Courier, monospace; }

pre { width: 584px; margin-bottom: 15px; font-size: 1.2em; float: left; }

* html pre { font-size: 1.0em; overflow: hidden; }


/*---:[ headlines ]:---*/

h1 { font-weight: normal;  }

#header h1 { text-align: left; }
	
h1 a, h1 a:visited, h1 a:hover  { text-decoration: none; }
	
h2 { 
display: block; 
font-weight: normal; 
font-size:11px;
font-style:inherit;
line-height:15px;
}

.post h2 { color: #333333; text-transform: uppercase; padding: 0px 0 0px 4px; }
	
.post h2 a { color: #333333; text-decoration: none; }
		
.post h2 a:visited { color: #333333; text-decoration: none; }
		
.post h2 a:hover { color: #333333; text-decoration: none; }
	
#sidebar h2 { display: inline; font-weight: normal; padding: 0 4px 4px 4px; text-transform: uppercase; border-bottom: 1px solid #999999; }

h3 { font-weight: normal; }

h4 { float: left; clear: left; font-weight: normal; padding: 4px; line-height: normal; text-transform: uppercase; border-bottom: 1px solid #999999; }

.post h4 { margin-bottom: 8px; margin-top: 8px; }
	
.post h4 a { color: #444; text-decoration: none; }
		
.post h4 a:visited { color: #444; text-decoration: none; }
		
.post h4 a:hover { color: #000; text-decoration: none; }


/*---:[ core layout elements ]:---*/

#container { width: 900px; margin: 0px; text-align: left; }

#page { width: 900px; float: left; margin: 27px 0 0 40px; }

#header { width: 900px; height: 108px; margin: 0px; float: left; }
			
#content_box { width: 900px; text-align: left; float: left; margin: 15px 0 0 0; }
		
#content { width: 610px; padding: 0 0 10px 0; overflow: visible; float: left;}
			
* html #content { overflow: hidden; }
			
#sidebar { float: right; width: 260px; margin: 0 0 0 0px ; }
			
* html #sidebar { overflow: hidden; }
			
#footer {  margin-left: 120px;  text-transform: uppercase; float: left; clear: both; }
		

/*---:[ header styles ]:---*/

#pic { width: 640px; height: 58px; float: left; margin: 0px; clear: both; font-size: 10px; text-indent:-9999px; }

#pic ul { list-style: none; margin:0px 0px 0px 0px; padding:0px; width: 640px; }

#pic li { float: left; height:58px; margin:0px; padding:0px; }
		
#pic li a, #pic li a:visited { float:left; margin:0px; padding: 0px; height:58px; }
		
#pic li a:hover { background-position:0px -58px; }

#pic li #selected { background-position:0px -58px; }

#pic li .home { background-image:url(images/home.jpg); width: 245px; }
#pic li .about { background-image:url(images/about.jpg); width: 149px; }
#pic li .contact { background-image:url(images/contact.jpg); width: 155px; }


#nav { width: 640px; height: 50px; float: left; margin: 0px; font-size: 10px; text-indent:-9999px; }

#nav ul { list-style: none; margin:0px 0px 0px 0px; padding:0px; }

#nav li { float: left; height:50px; margin:0px; padding:0px; display:inline; }
		
#nav li a, #nav li a:visited { display:block; float:left; margin:0px; padding: 0px; height:50px; }
		
#nav li a:hover { background-position:0px -50px; }

#nav li #selected { background-position:0px -50px; }

#nav li .comics { background-image:url(images/comics.jpg); width: 144px; }
#nav li .illu { background-image:url(images/illu.jpg); width: 246px; }
#nav li .publications { background-image:url(images/publications.jpg); width: 227px; }


#nav_right { width: 260px; float: right; height: 50px; margin: 0px; }

#headbottom { margin-top:16px; }


/*---:[ content styles ]:---*/
.head ul { margin: 0px; padding: 0px; list-style-type: none; display: inline; float:left;}
	
.head li { padding: 0px; }

.title { margin-bottom: 10px; margin-top: 10px; display: inline; font-weight: normal; padding: 4px; text-transform: uppercase; border-bottom: 1px solid #999999; }

.post { width: 610px; margin:0px 0px 35px 0px; padding:0px; color: #333333; float: left; border-bottom: 1px solid #fff; }

.post01 { width: 290px; margin: 0px 0px 20px 0px; padding: 0; color: #333333; float: left; }
.post02 { width: 290px; margin: 0px 0px 20px 0px; padding: 0; color: #333333; float: right; }

.entry ul, .entry ol { margin: 0 0 12px 0; padding: 0px 0 0px 4px; }
	
.entry ul { list-style-type: none; }
	
.entry li { padding: 3px 0; border-bottom: 1px dotted #999999; }
		
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; }
	
	.entry dl { margin-bottom: 15px; }
			
	.entry dt { font-weight: bold; color: #000; }
	
	.entry dd { margin: 0 0 0 20px; font-style: italic; }

	.entry img { padding: 0px; margin: 0px; background: #fff; border: 0px }

	.entry img a, .entry img a:visited, .entry img a:hover { border: none; }
	
	.post_meta { width: 584px; padding: 0px 0px; line-height: normal; float: left; }
	
	
p.title { margin-bottom: 10px;  display: inline; font-weight: normal; padding: 4px; text-transform: uppercase; border-bottom: 1px solid #999999; }

p.tagged { float: left; display: inline; clear: both; font-weight: normal; padding: 4px; border-top: 1px solid #999999; }

p.tagged a, p.tagged a:visited { color: #999999; text-decoration: none; }

p.tagged a:hover { color: #333333; text-decoration: none; }
	
.navigation { margin: 0 0 20px 0; padding-left: 4px; float: left; display: block; }

* html .navigation { line-height: normal; }

.navigation a, .navigation a:visited { color: #333; text-decoration: none; }

.navigation a:hover { color: #333; text-decoration: none; }
	
.previous { float: left; text-transform: uppercase; padding-left: 33px; padding-right: 8px; margin-bottom: 0; background: url('images/icon_previous.gif') 0 50% no-repeat; float: left; }
	
.next { float: left; text-transform: uppercase; padding-right: 33px; margin-bottom: 0; background: url('images/icon_next.gif') 100% 50% no-repeat;  }


/*---:[ sidebar styles ]:---*/

#sidebar ul { list-style: none; float: left; clear:left; display:block; padding-bottom: 20px;}

	#sidebar ul li { margin-bottom: 0px; float: left; clear:left; display:block; }

		.sidebar_section { width: 170px; padding: 10px 0 7px 0; float: left;  }
		
			.sidebar_section p { padding: 0px; margin-bottom: 10px; }
			
			.sidebar_section p.center { text-align: center; }
			
			.sidebar_section img.off { border: none; }

			#sidebar ul li ul, #sidebar ul li ol { width: 150px; padding-left: 4px; margin-bottom: 12px; }
			
				#sidebar ul li ul li, #sidebar ul li ol li { width: 160px; padding: 0px 0px 3px 0; margin-bottom: 0; }
				
					.quick_date { padding-left: 10px; color: #999; }
	
/*---:[
#sidebar li a, #sidebar li a:visited { text-decoration: none; }

#sidebar li a:hover { text-decoration: none; }
]:---*/

/*---:[ footer styles ]:---*/

#footer p { text-align: left; line-height: normal; padding-bottom: 20px; }

#footer a, #footer a:visited { color: #222; text-decoration: none; }

#footer a:hover { color: #222; text-decoration: none; }


/*---:[ pagebar styles ]:---*/

.pagebar { 
color: #333333; 
font-family:"Courier New";
font-size:11px;
font-style:inherit;
line-height:15px;
text-align: left;
margin: 0px; 
}

.pagebar a, .pageList .this-page 
	{
		padding: 0px; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 0px; 
		text-decoration: none;
	}

.pagebar .break 
	{
			padding: 0px; 
			text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 0px; 
		font-weight: bold;
	}

.pagebar a:hover 
	{
		text-decoration: underline;
	}