/*  
Theme Name: 9ls
Theme URI: http://www.9lsorg/
Description: 9ls.org
Version: 2.00
Author: Nils Kr. Falch 
Author URI: http://www.9ls.org/

*/
@font-face {
    font-family: 'BreeSerifRegular';
    src: url('webfonts/BreeSerif-Regular-webfont.eot');
    src: url('webfonts/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/BreeSerif-Regular-webfont.woff') format('woff'),
         url('webfonts/BreeSerif-Regular-webfont.ttf') format('truetype'),
         url('webfonts/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
	background:#333;

}

body {
	background:#fff;
	/*background:url(http://www.9ls.org/grid.png) #fff 0 0 repeat;*/
	font-family:"lucida grande","lucida sans unicode",helvetica,arial,sans-serif;
	color:#555;
	margin:0;
	padding:15px 0 0;

}

hr {
	display:none;
}


#header {
	margin-left:0px;
	background:url(images/logo.png) 83% 15px no-repeat;
	height:250px;
	min-width:800px;
	font-size:1.2em;
}

#header h1 {
	margin:0;
	font-size:3.5em;
	padding-top:50px;
	line-height:1;
	font-family:"times new roman", serif;
	margin:0 auto;
	max-width:800px;
	letter-spacing:0.21em;
}

#header .description {
	font-size:0.85em;
	letter-spacing:0.05em;
	margin:0;
	padding:0;
	margin:0 auto;
	max-width:800px;
}


#header a, 
#header .description {
	color:#656565;
	text-decoration:none;
}


h1, h2, h3, h4 {
/*	font-family:tahoma, sans-serif;*/
	font-weight:normal;
}

h1 a,h2 a, 
h3 a,h4 a {
	color:#555;
}

h2 a:hover, 
h3 a:hover, h4 a:hover {
	background:#000 !important;	
}

#content {
	padding:2px 0 0;
	margin:3px auto;
	max-width:800px;
}

.navigation {
	padding:20px 0;
	margin-bottom:20px;	
	overflow:hidden;
}

.navigation a {
	background:#000;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:5px 5px;
	
}
.navigation a:hover {
	background:#3ad;
}


.navigation .prev,
.navigation .prev a {
	text-align:left;
	float:left;
}

.navigation .next, 
.navigation .next a {
	float:right;
}

#content .post {
	padding-bottom:20px;
	color:#222;
 	line-height:1.4;
}

#content .post h2 {
 	margin-bottom:0;
	padding-bottom:0;
	line-height:1.1;
  font-family:serif;
  font-weight:bold;
}

#content .post h2 a, 
#content .post h3 a, 
#content .post h2 span {
/*	background:#3ad; */
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:0.02em;
	padding:2px 95px 0 0;
}
#content .post h2 a:hover, 
#content .post h3 a:hover {
	background:#000;
}

#content .post p {
	max-width:700px;
}

#content .post small {
	font-size:0.8em;
	color:#888;
}

#content .entry {
	padding-left:0em;
}
#content h2 + .entry {
	padding-top:15px;
}

#content .entry li {
	list-style-image:url(http://www.9ls.org/blog/Images/dott2.png);
}

#content .post  .postmetadata{
	font-size:0.8em;
	text-align:left;
	color:#888;
	padding:15px 0 1em;
}

#respond label {
	float:left;
	width:10em;
	display:inline;
}
#respond input[type="submit"], #respond textarea  {
}

#content .commentlist {
	margin-left:0;
	padding-left:0;
	list-style:none;
 } /* ol */

#content .comment {
	clear:left;
	margin-left:0;
	padding-left:0;
	overflow:hidden;
 
} /* li */
#content .comment.odd { 
} /* li */
#content .comment.even {
 } /* li */
#content .comment.bypostauthor { } /* li */

  #content .comment-details { 
		float:left;
		width:8em;
		text-align:center;
		border-right:1px dotted #bbb;
	}

	#content .comment .avatar { 
		padding:3px 0;
	}
    #content .comment-author { 
	}
    #content .comment-meta {
		font-size:0.75em;
	 } /* publish date */
	
    #content .comment-meta a {
		color:#555;
	}

    #content .comment-meta a:hover {
		color:#111;
	}

  #content .comment p {
		margin-left:9em;
	 }

/*
#content .commentlist {
	background:#eee;
}

#content .commentlist li {
	background:#fff;
	color:#b9b9b9;
	font-size:3em;
	margin-top:0;
	margin-bottom:0;
	padding-left:10px;
}

#content .commentlist li cite, 
#content .commentlist li p, 
#content .commentlist li small {
	color:#555;
	font-size:14px;
}
*/


#complementary {
	padding-left:20px;
	padding-bottom:30px;
	position:relative;
}

#complementary #search {
margin:0 1%;
width:23%;
}

#complementary #archives,
#complementary #categories, 
#complementary #links, 
#complementary #meta {
float:left;
width:22.8%;
margin:0 1%;
	position:relative;
}
#complementary a {
	text-decoration:none;
}

#complementary a:hover {
	color:#fff;
	text-decoration:underline;
}
#complementary #searchform {
	margin:0;
	padding:0;
}
#searchform #s {
	width:100px;
}

#searchform input {
	border:1px solid #b9b9b9;

}

#complementary h2 {
	font-size:1.1em;
	margin:1em 0 10px;
	padding:0;
	border-bottom:1px solid #b9b9b9;
	letter-spacing:0.05em;
}

#complementary ul {
	margin:0;
	padding:0;
}

#complementary li  {
	font-size:0.9em;
	margin:3px 0;
	padding:0;
	float:left;
	width:49.9%;
}

#complementary ul {
	list-style:none;
}


#footer {
	background:url(images/background3.png) #333 repeat-x;
	color:#ddd;
	margin-top:95px;
	padding-top:1em;
	padding-bottom:1em;
	clear:both;
	min-width:800px;
	position:relative;
}

#logo {
clear:both;
	text-align:center;
	margin-top:-90px;
}

#footer  p {
	clear:both;
	text-align:center;
	font-size:0.9em;
	padding-top:15px;
}

#footer a {
	color:#eee;
}

/* egne */


#content a.ref {
	text-decoration:none;
	border-bottom:1px dashed #666666;
	font-style:italic;
	font-size:0.9em;
}

#content img.screen {
	border:1px solid #777;
}

/*
#content *:target {
	background:#ffffc0;
}
*/

 
#content dt {
	margin-top:1em;
	color:#777;
}
 
#content dt span {
	font-size:0.9em;
	font-weight:500;
}

#content dt span:before {
	content:"- ";
}
#content dd {
	margin:0;
}

#content .image-description img {
	display:block;
}
#content .image-description dt {
	margin:0;
	padding-bottom:0;
}

#content .image-description dd {
	margin:0 0 20px;
	padding:0 0 10px;;

}

#content p code {
	border:1px solid #b9b9b9;
	background:#f0fff0;
	display:block;
	padding:0.5em 1em;

}

#content .screenshot {
	font-weight:700;
	border:1px solid #b9b9b9;
	background:#eee;
	padding:2px;
}	

#content .screenshot img {
	white-space:pre;
	display:block;
	border:1px solid #777;
	margin:1em;	
}

.highlighted cite {
	background:url(http://www.9ls.org/blog/Images/icon.png) 0 70% no-repeat;
	padding-left:20px;

}


#content img {
	border:0 none;
}

#autobahn {
	height:400px;
	overflow:hidden;
}

#content, #header {
	_width:900px;
	_margin:0 auto;
}