/*  
Theme Name: joernstraten
Theme URI: http://www.joernstraten.com/
Author: Joern Straten
Author URI: http://www.joernstraten.com/
*/

/* main structure */

* { 
	margin: 0;
	padding: 0;
	}

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
	/* overflow:hidden; */
}
	
body {
	/* width:781px;*/
	/* width: 832px; */
	/* background-color:#535353; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#background {
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;
}

#topline1 {
	margin: 0;
	padding: 0;
	width: 842px;
	height: 12px;
	background: #7f7f7f;
	top: 0;
	left: 0;
	z-index:4;
	position: absolute;
}

#topline2 {
	background: #7f7f7f;
	width: 120px;
	height: 12px;
	margin: 0;
	padding: 0;
	top: 0;
	left: 1000px;
	z-index:4;
	position: absolute;
}

#scroller {
	position:absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	overflow:auto;
	z-index:2;
} 

#seite{
	width: 832px;
	float: left;
}
 
#header {
	height:554px;
	/* background:url(img/header_js.jpg); */
	}
	
#description {
	/* display:  none; */
	width: 600px;
	height: 500px;
	margin-left: 100px;
	margin-top: 130px;
	background:url(img/title.png) no-repeat;
	}
	
h1 {
	font-size:30px;
	}
	
h1 a {
	color:#ffffff;
	}
	
h1 a:hover {
	text-decoration:underline;
	}
	
#desc {
	display:none;
	}
	
#content {
	/* background-color: #222222; */
	}

.cleaner {
	clear:both;
	}
/* main structure */
	
/* pagelist and search */	
#pagelist {
	font-size:14px;
	/* padding: 90px 65px 0 40px; */
padding: 50px 65px 0 40px;
}
	
#page-list {
	float:left;
	display:  inline;
	}
	
#pagelist ul li {
	display:inline;
	/* border-right:1px solid #FFFFFF; */
	margin:0 10px 0 0;
	padding:0 14px 0 0;
	}
	
#pagelist ul li a {
	color:#FFFFFF;
	}
	
#pagelist ul li a:hover {
	text-decoration:none;
	color:#f5a947;
	}
	
#pagelist ul li.current_page_item a {
	color:#f5a947;
	font-weight:bold;
	}
	
#searchform {
	float:right;
	text-align:right;
	}
	
#searchsubmit {
	font-size:14px;
	color:#f5a947;
	background:none;
	border:none;
	cursor:pointer;
	}
	
#s {
	height:19px;
	width:135px;
	background:url(img/search-bar.png);
	border:none;
	color:#FFFFFF;
	padding:2px 3px 0 3px;
	}
/* pagelist and search */	

/* sidebar */	
#side {
	/* width:195px; */
	width: 396px;
	float:left;
	color:#ffffff;
	font-size:14px;
	margin-left:0px;
	/* background:url(img/sidebar-line.jpg) right no-repeat; */
	padding-right:5px;
	min-height:486px;
	height:auto !important;
  	height:486px;
	}
	
#side li, #side ul {
	list-style-type:none;
	}
	
#side h2 {
	font-weight:bold;
	color:#7f7f7f;
	font-size:16px;
	margin:15px 0 15px 15px;
	}
	
#side ul li ul li {
	margin-left:50px;
	}
	
#side a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	}
	
#side a:hover {
	text-decoration:underline;
	}
	
#side img {
	padding:0;
	border:none;
	}

#horse_img {
	margin-top: 50px;
	margin-left: 182px;
}
/* sidebar */

/* text */


#text {
	/* width:410px; */
	/* width: 461px; */
	/* width: 250px; */
	width: 400px;
	float:right;
	font-size:10pt;
	color:#525252;
	text-align:justify;
	margin: 15px 0 0;
	/* border-top: 3px solid #7f7f7f; */
	padding-top: 0px;
}
	
p {
	padding: 5px 0;
        margin-top: 20px;
	/* background-color: #222222; */
	}

.entries {
/* background-color: #222222; */
          margin-bottom: 20px;
padding-left: 15px;
padding-right: 30px;
margin-top: -40px;
}

img {
	border: 0;
}	

h2 {
	color:#FFFFFF;
	font-size:20px;
	line-height: 1.1em;
	margin-bottom: 20px;
	display: inline;
	}

.post .post-title p {
margin-top:0;
	color:#efefef;
	font-size:18px;
font-weight: light;
	margin-bottom: 20px;
text-align: left;
	}

.post .post-title p a {
margin-top:0;
	color:#efefef;
	font-size:18px;
font-weight: light;
	margin-bottom: 20px;
text-align: left;
margin-left: 10px;
padding-left: 10px;

	}

.post p a:hover {
margin-top:0;
	text-decoration:underline;
	/* font-size:18px; */
font-weight: light;
	margin-bottom: 20px;
	}
	
.post ul li {
	list-style-type:square;
	padding-top:2px;
	margin-left:20px;
	}
	
.post ol li {
	margin-left:25px;
	padding-top:2px;
	}
	
blockquote {
	margin-top:5px;
	background:url(img/quote.png) left top no-repeat;
	padding:5px 5px 5px 45px;
	}
	
blockquote blockquote {
	background:none;
	}
		
.post {
	margin-bottom:40px;
background: url(img/head.png) left top no-repeat;
overflow: visible;
margin-left: -15px;
margin-right: -35px;
	}
	
.post .pub {
	font-size: 10pt;
	color:#000000;
	padding-top:5px;
	margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 30px;
overflow: visible;
margin-left: 15px;
margin-right: 35px;
font-weight: light;
	}

.date {float:left;
color: #efefef;
display: block;
border-right: 1px solid #efefef;
padding-right: 10px;
margin-bottom: -20px;
padding-bottom: 0px;
}

.date .day {font-size: 20px;
margin-top: -5px;
paddin-left: 3px;
margin-left: 3px;
padding-top: 0px;
margin-bottom: 0px;}

.date .year {font-size: 10px;
margin-top: -5px;
paddin-left: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;}

.post-title {
/* float: right; */
font-weight: light;
}
	
.comm {
	font-size:10pt;
	color:#7f7f7f;
	margin-top:10px;
	}
	
.comm a {
	color:#7f7f7f;
	font-weight:normal;
	}
	
.wp-smiley {
	padding:0;
	border:none;
	}
/* text */

/* headlines and links */	
h2,h3,h4,h5,h6 {
	color:#ffffff;
	text-align:left;
	}
	
h3 {
  	margin-top:5px;
	font-size:14px;
	}
	
p a,a {
	text-decoration:none;
	color:#993300;
	}
	
a:hover {
	border-bottom: 1px solid #7f7f7f;
}

.post h2 a:hover, p a:hover, .comm a:hover {
	border-bottom: none;
}

/* headlines and links */

/* comments */	
h3.comments {
	margin-top:20px;
	margin-bottom:10px;
	font-size:18px;
	}
	
.commentmetadata {
	padding:5px;
	background-color: #2b2b2c;
	color:#FFFFFF;
	}
	
.commentmetadata a {
	color:#FFFFFF;
	}
	
.obsahk {
	padding:5px;
	margin-bottom:15px;
	}
	
.obsahk a {
	font-weight:normal;
	text-decoration:underline;
	}
	
.obsahk a:hover {
	text-decoration:none;
	}
	
ol.commentlist {
	list-style:none;
	margin-left:-25px;
	}
	
ol.commentlist ul, ol.commentlist ol {
	margin-left:25px;
	}
	
textarea#comment {
	margin:1px 0 5px 0;
	border:#993300; 1px solid;
	background-color:#2b2b2c;
        filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	padding:5px;
	color:#FFFFFF;
	}
	
#author, #email, #url {
	border:#6797B8; 2px solid;
	background-color:#2b2b2c;
	padding:2px;
	margin:1px 0;
	color:#FFFFFF;
	}
/* comments */

/* footer */
#footer {
	color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 300px;
	margin: 570px 0 0 168px;
	border-top: 3px solid #7f7f7f;
	padding-top: 80px;
	width: 120px;
	background: url(http://www.joernstraten.com/wp-content/themes/joernstraten/img/thanks.png) no-repeat 0 50px;
	/* clear: both; */
	float: left;
}

#footer p.bookmarks {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left: -5px;
padding-left: 0px;
color:#7f7f7f;
font-size: 12px;
font-weight: bold;
}

#footer ul{
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
	margin:0 5px;
	color:#7f7f7f;
}

#footer #twitter {
width: 130px;}

#footer p.twitter-message {
width: 100px;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
	margin:0 5px;
	color:#7f7f7f;

}
	
#footer-left {
	float:left;
	}
	
#footer-right {
	float:right;
	}
	
/* footer */		

/* other */	
#nav {
	height:20px;
	font-size:8pt;
	}
	
.floatleft {
	float:left;
	margin-right:10px;
	}
	
.floatright {
	float:right;
	margin-left:10px;
	}
	
.alignleft {
	float:left;
	}
	
.alignright {
	float:right;
	}
/* other */	


#drop_arch {
	margin-left: 180px;
	margin-top: 75px;
}

#drop_box {
	width: 190px;
}

#imprint {
	margin-top: 100px;
	margin-left: 0px;
	font-size: 6pt;
}