/*   

Theme Name: eudora.dk

Theme URI: eudora.dk

Description:web log of jato-unit recordings

Author: Johan Nielsen

Author URI:http://www.cee3.me

Version: 6.0

Tags: gray, minimal, conservative

*/





										/*reset*/



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,

p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,

dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,

sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,

label,legend,table,caption,tbody,tfoot,thead,tr,th,td {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent;

}



body {

	line-height:1;

}



ol,ul {

	list-style:none;

}



blockquote,q {

	quotes:none;

}



blockquote:before,blockquote:after,q:before,q:after {

	content:'';

	content:none;

}



:focus {

	outline:0

}



ins {

	text-decoration:none;

}



del {

	text-decoration:line-through;

}



table {

	border-collapse:collapse;

	border-spacing:0;

}





										/*basic*/



body { 

	margin: 0; 

	padding: 0; 

	background: #333333 url("img/bg.jpg");

      font-family: Arial, Helvetica, sans-serif; 

      font-size:12px; 

	color:#fff; 

}



a img { 

	border: none; 

}



a, a:visited { 

	color: #fff; 

	text-decoration: none; 

	outline: none; 

}



a:hover { 

	color:#fff; 

	text-decoration:underline; 

}



p { 

	margin:0 0 1em 0; 

	padding:0; 

	line-height:200%; 

}



ul { 

	list-style-type:none; 

	margin:0 0 1em 0; 

	padding:0; 

	line-height:0%; 

}



ul li { 

	margin:0; 

	padding:0; 

	line-height:normal; 

}



ol { 

	margin:0 0 1em 23px; 

	padding:0; 

}



* html ol { 

	margin:0 0 1em 23px; 

	padding:0; 

}



ol li { 

	padding:0 0 5px 0; 

}



form,table,input,textarea,dl,dt,dd { 

	margin:0; 

	padding:0; 

}



table { 

	border-collapse:collapse; 

	width:100%; 

	border:0; 

}



blockquote { 

	margin:0 0 1em 0; 

	padding:35px 20px 0 20px; 

	border:1px solid #ccc; 

	background:#fafafa url(img/quote1.gif) no-repeat 10px 10px; 

}



blockquote p { 

	margin:0 0 5px 0; 

}



.quote_bottom {

	height: 30px; 

	background: #fafafa url(img/quote2.gif) no-repeat right; 

	margin-right: -10px; 

}



pre { 

	border:1px solid #ccc; 

	background:#fafafa; 

	padding:10px 20px; 

	margin:0 0 1em 0; 

	overflow:auto; 

}



object { 

	display:block; 

	margin:0 auto; 

	border:1px solid #000; 

	padding:10px; 

	background:#222; 

}



.alignright { 

	float:right; 

}



.alignleft { 

	float:left; 

}



.aligncenter { 

	display:block; 

	margin-left:auto; 

	margin-right:auto; 

}



.centered { 

	display: block; 

	margin-left:auto; 

	margin-right:auto; 

}



.clear { 

	clear:both; 

}



										/*layout*/



#wrapper { 

	width:930px; 

	margin: 0 auto;

	border: 12px solid #999999;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	margin-top: 20px;



 

}



#header { 

	background: #2e2e2e url('img/logo.gif') no-repeat top left; 
clear: both;
	}



#content { 

	background: #2e2e2e;



}



#main {

	width: 600px;
	

}



.post {

min-height: 200px;
padding: 10px;

}





h2 {

	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;

	font-size:18px; 

	color:#fff;

}



.date {

	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;

	font-size: 25px;

	padding-top: 10px;

}

.number-of-comments {

	background: #666;

	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;

	font-size: 10px;

	padding-top: 10px;
        padding-left: 5px;

}





.entry {

padding-bottom: 10px;

background: #888;

}







										/*header*/



#header_top { 

	height: 125px; 

}





#header_menu { 

	float:right; 

	display:inline; 

	margin:20px 0 0 0; 

	height:52px; 

      padding-right: 10px;

	padding-top: 25px;

}



#nav{

background:#222;

font-size:1.1em;



}

#nav, #nav ul {

list-style: none;

line-height: 1;

}

#nav a, #nav a:hover {

display: block;

text-decoration: none;

border:none;

}

#nav li {

float: left;

list-style:none;

border-right:1px solid #a9a9a9;

}

#nav a, #nav a:visited {

display:block;

font-weight:bold;

color: #f5f5f4;

padding:6px 12px;

}

#nav a:hover, #nav a:active, .current_page_item a, #home .on {

background:#000;

text-decoration:none

}

#nav li ul {

position: absolute;

left: -999em;

height: auto;

width: 174px;

border-bottom: 1px solid #a9a9a9;

}

#nav li li {

width: 172px;

border-top: 1px solid #a9a9a9;

border-right: 1px solid #a9a9a9;

border-left: 1px solid #a9a9a9;

background: #777;

}

#nav li li a, #nav li li a:visited {

font-weight:normal;

font-size:0.9em;

color:#FFF;

}

#nav li li a:hover, #nav li li a:active {

background:#000;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;

}

a.main:hover {

background:none;

}



#load {

	display: none;

	position: absolute;

	right: 10px;

	top: 10px;

	background: url("img/ajax-loader.gif");

	width: 43px;

	height: 11px;

	text-indent: -9999em;
z-index: 100;

}



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */



#footer { 

	background: #2e2e2e; 

	height: 50px;

}



fieldset.search {

	border: none;

	width: 220px;

	float: right;

	background: #222;

}

.search input, .search button {

	border: none;

	float: left;

}

.search input.box {

	color: #fff;

	font-size: 2.2em;

	width: 190px;

	height: 30px;

	background: #616161;

}

.search input.box:focus {

	background: #616161;

	outline: none;

}

.btn {

	width: 30px;

	height: 30px;

	cursor: pointer;

	text-indent: -9999px;

	background: #fbc900 url("img/search.png") no-repeat top left;

	float: right;

}

.search button.btn:hover {

	background: #fbc900;

}



#sidebar {

	width: 220px;

	padding: 10px;

	min-height: 300px;

	float: right;

	}

#sidebar ul {

	background: #777;

}



#sidebar li {

	list-style-type: none;

	}



#oneliner {

width: 300px;

margin: 0 auto;

font-family: sans-serif; 

font-size: 16px; 
}