/*
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:#000;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.8px;
    line-height: 18px;
}

* { padding: 0; margin: 0; }


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

a { color: #000;  text-decoration: underline; }
a:visited { color: #000;  text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
a img  { text-decoration: none; border: none; }

.bottom { width:580px; padding: 0px; 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; }

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; }
h1 a, h1 a:visited, h1 a:hover { text-decoration: none; }
	
h2 { display: block; font-weight: normal; font-size:11px; font-style:inherit; letter-spacing:2px}
h3 { font-weight: normal; }
h4 { float: left; clear: left; font-weight: normal; padding: 4px; line-height: normal; text-transform: uppercase; border-bottom: 1px solid #000; }

.post h2 { color: #000; text-transform: uppercase; padding: 0px; }
.post h2 a { color: #000; text-decoration: none; }
.post h2 a:visited { color: #000; text-decoration: none; }
.post h2 a:hover { color: #000; text-decoration: none; }

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


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

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

#page { width: 900px; }

#header { width: 900px; margin: 0 0 20px 0px; text-align: center; }
			
#content_box { width: 900px; text-align: left; float: left; margin: 0px 0 0 0; }
		
#content { width: 580px; padding: 40px 0 0 0; overflow: visible; float: left;}
			
* html #content { overflow: hidden; }
			
#sidebar { float: left; width: 260px; margin: 40px 60px 0 0; padding: 0 0 60px 0;clear:left;}
			
* html #sidebar { overflow: hidden; }
			
#footer {  margin-left: 120px;  text-transform: uppercase; float: left; clear: both; }
		

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

.home { }

#header h1 { text-align: left; }

#header ul { list-style: none; margin:0px; padding:0px; }
#header li { float: left; margin:0px; padding:0px; display:block; clear:left; text-decoration: none;}
#header li a, #header li a:visited { display:block; float:left; margin:0px; padding: 0px; text-decoration: underline}
#header li a:hover { background-position:0px -50px;  text-decoration: none;}
#header li #selected { background-position:0px -50px; }


#pic { width: 640px; height: 58px; float: left; margin: 0px; }
#nav { margin: 0px;}
#nav_left { width: 260px; float: left; margin: 0px; }
#nav_right { width: 260px; float: right; margin: 0px; }


/*---:[ content styles ]:---*/

.head ul { margin: 0px; padding: 0px; list-style-type: none; display: inline; float:left;}
.head li { padding: 0px; }
.head { width:580px; padding: 0px; float: left; margin: 0 0 9px 0; }

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

.post { width: 580px; margin:0px 0px 35px 0px; padding:0px; float: left; }
.post01 { width: 260px; margin: 0px 0px 20px 0px; padding: 0; float: left; }
.post02 { width: 260px; margin: 0px 0px 20px 0px; padding: 0; float: right; }

.normal { font-weight: normal;}

#front_image { padding: 0px; margin: 0 0 20px 0; text-decoration: none; border: none; width:260px; }

.entry_front { margin: 0 0 70px 0; padding: 0px; text-align: center;}
.entry_front p { margin: 0px 0 10px 0; padding: 10px 0 0 0; display:inline; }
.entry_front img { padding: 0; margin: 0px; border: 0px }
.entry { margin: 0 0 0px 0; padding: 0px; }
.entry p { margin: 0 0 10px 0; padding: 0px;}
.entry ul, .entry ol { margin: 0 0 20px 0; padding: 0px 0 0 0; list-style-type: none; }
.entry li { padding: 0; margin-top: 0px; }
.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: 0 0 10px 0; margin: 0px; width: 580px; border: 0px }
.entry img a, .entry img a:visited, .entry img a:hover { border: none; }
.post_meta { width: 580px; padding: 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 #000; }

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

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

p.tagged a:hover { color: #000; 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: #000; 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 h2 { font-weight: normal; text-transform: uppercase; letter-spacing:2px}

#sidebar ul { list-style: none; float: left; clear:left; display:block; margin-bottom: 5px; width:260px;}
#sidebar ul li { float: left; clear:left; display:block; }
#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; }

#ul { margin: 0; padding: 0px; clear:left; display:block;}

#sidebar p { margin: 0; padding: 0px; clear:left;}


.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; }
				
.quick_date { padding-left: 10px; color: #000; }
	
/*---:[
#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: #000; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: none; }

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

.pagebar { 
color: #000; 
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;
	}