/*
Theme Name: wp_portfolio
Theme URI: http://fabianletscher.de
Description: Blog + Portfolio Theme
Version: 1.0
Author: Fabian Letscher;
Author URI: http://fabianletscher.de

Die Icons stammen von famfamfam: http://famfamfam.com/lab/icons/silk/ 
Dieses Stylesheet wurde von Fabian Letscher erstellt   */
* {margin: 0; padding: 0; border: 0;}
body {
background: #ebfcea;
font: 12pt georgia, "times new roman", serif;
color: #616161;
}
.clear {clear: both;}
.hide {display: none;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}

/*-------HEADER-------------------------------------------------*/
#header {
width: 100%;
background: url("images/header.jpg") repeat-x;
height: 188px;
border-bottom: 1px solid #4e8f2a;
position: relative;
}

#header h1 {
background: url("images/logo.jpg") no-repeat left;
text-align: left;
font-size: 1px;
}

#header h1 a {
display: block;
text-indent: -1000px;
height: 149px;
width: 395px;
}

#header #searchform {
position: absolute;
top: 30px;
right: 50px;
}

#header #searchform #searchsubmit {display: none;}

#header #searchform #s {
height: 20px;
line-height: 20px;
font: 12pt helvetica, arial, sans-serif;
width: 180px;
padding: 0 4px;
}

ul#menu {
list-style: none;
right: 0.98%;
position: absolute;
bottom: 0;
}

ul#menu li {
float: left;
height: 50px;
padding: 0 0.1em;
}

ul#menu li.current_page_item {
background: url("images/select.jpg") no-repeat scroll center top;
}

ul#menu li a {
display: block;
font: 14pt arial, sans-serif;
color: #fff;
text-decoration: none;
line-height: 39px;
margin: 12px 0 0 0;
padding: 0 1.5em;
}

/*-------WRAPPER-----------------------------------*/
#wrapper {
margin: 40px auto;
width: 980px;
position: relative;
overflow: hidden;
height: 1%;
}

/*--------INDEX-------------------------------------*/
#wrapper #blogbar {
width: 40%;
float: left;
}

#wrapper #portbar {
width: 55%;
float: right;
}

#wrapper #blogbar h2, #wrapper #portbar h2, #wrapper #blog h2, #wrapper #seite h2 {
font: 20pt helvetica, arial, sans-serif;
color: #26629b;
line-height: 22pt;
border-bottom: 1px dashed #26629b;
margin: 0 0 15px 0;
}

#wrapper #blogbar div.post, #wrapper #portbar div.post, #wrapper #blog div.post, #wrapper #seite div.post {
background: #fff;
border: 1px solid #4e8f2a;
padding: 8px;
position: relative;
margin: 0 0 16px 0;
height: 1%;
}

#wrapper #blogbar div.post h4, #wrapper #blog div.post h3 {
font: 16pt helvetica, arial, sans-serif;
padding: 0 58px 0 0;
}
#wrapper #blogbar div.post h4 a, #wrapper #blog div.post h3 a, #wrapper #blog div.post h3, #wrapper #seite div.post h3 {text-decoration: none; color: #74b054; font: 16pt helvetica, arial, sans-serif;}
#wrapper #blogbar div.post h4 a:hover, #wrapper #blogbar div.post h4 a:focus, #wrapper #blog div.post h3 a:hover, #wrapper #blog div.post h3 a:focus {color: #4b862b;}

#wrapper #blogbar div.post div.date, #wrapper #blog div.post div.date {
height: 35px;
width: 50px;
border: 1px solid #74b054;
background: #fff;
position: absolute;
top: 8px;
right: 8px;
padding: 1px;
overflow: hidden;
}

#wrapper #blogbar div.post div.date span.up, #wrapper #blog div.post div.date span.up {
display: block;
height: 20px;
background: #74b054;
text-align: center;
color: #fff;
font: 13pt verdana, sans-serif;
}

#wrapper #blogbar div.post div.date span.down, #wrapper #blog div.post div.date span.down {
display: block;
height: 15px;
background: #74b054;
text-align: center;
color: #fff;
font: 8pt verdana, sans-serif;
}

#wrapper #blogbar div.post div.meta, #wrapper #blog div.post div.meta {
font: 8pt arial, sans-serif;
padding: 0 58px 0 0;
color: #9abbd6;
margin: 0 0 8px 0;
}
#wrapper #blogbar div.post div.meta a, #wrapper #blog div.post div.meta a {text-decoration: none; color: #9abbd6;}
#wrapper #blogbar div.post div.meta a:hover, #wrapper #blogbar div.post div.meta a:focus, #wrapper #blog div.post div.meta a:hover, #wrapper #blog div.post div.meta a:focus {color: #7ea0c0; }
#wrapper #blogbar div.post div.meta strong, #wrapper #blog div.post div.meta strong {color: #7192af; }

#wrapper #blogbar div.post span.more, #wrapper #blog div.post span.more {
display: block;
text-align: right;
font: 10pt arial, sans-serif;
font-weight: bold;
}
#wrapper #blogbar div.post span.more a, #wrapper #blog div.post span.more a {
text-decoration: none;
color: #74b054;
}

#wrapper #blogbar div.post span.more a:hover, #wrapper #blog div.post span.more a:hover, #wrapper #blogbar div.post span.more a:focus, #wrapper #blog div.post span.more a:focus {
color: #4b862b;
}


#wrapper #portbar div.post h3 {
font: 16pt helvetica, arial, sans-serif; 
color: #26629b; 
line-height: 20pt; 
border-bottom: 1px dotted; 
text-indent: 10px;
margin: 0 0 8px 0;
}

#wrapper #portbar div.post p{
line-height: 1.4em;
padding: 0 0 0 10px;
margin: 0 0 5px 0;
}

#wrapper #portbar div.post h4 {
font: 14pt helvetica, arial, sans-serif;
color: #74b054;
margin: 8px 0 5px 0;
text-indent: 10px;
}

#wrapper #portbar div.post p a.screen{
text-align: center;
border: 0;
display: block;
}
#wrapper #portbar div.post p a.screen img {border: 0; padding: 0;}


#wrapper hr.footer {
border-bottom: 1px dashed #26629b;
margin: 8px 0;
}

#wrapper #footer {
height: 1%;
overflow: hidden;
}

#wrapper #footer p.left a {
text-decoration: none;
color: #26629b;
}

#wrapper #footer p.right a {
text-decoration: none;
color: #666;
font: 10pt helvetica, arial, sans-serif;
}

#wrapper #footer p.left a:hover, #wrapper #footer p.left a:focus {color: #7ea0c0;}
#wrapper #footer p.right a:hover, #wrapper #footer p.right a:focus {color: #ccc;}

/*------BLOG--------------------------------*/
#wrapper #blog {
margin: 0 300px 0 0;
}

#wrapper #sidebar {
float: right;
width: 250px;
}

#wrapper #sidebar h3{
font: 16pt helvetica, arial, sans-serif; 
color: #26629b; 
line-height: 20pt; 
border-bottom: 1px dashed; 
margin: 0 0 8px 0;
}

#wrapper #sidebar ul {
list-style: none;
}
#wrapper #sidebar ul li{
margin: 0 0 16px 0;
}

#wrapper #sidebar ul li ul { margin: 0 0 8px 0;}
#wrapper #sidebar ul li ul li{margin: 0;}

#wrapper #sidebar ul li ul li a {
display: block;
font: 12pt georgia, "times new roman", serif;
color:#616161;
border-bottom: 1px dotted #616161;
line-height: 1.2em;
text-decoration: none;
padding: 0 0 0 3px;
}

#wrapper #sidebar ul li ul li a:hover {
background: #95d174;
color: #fff;
border-bottom: 1px solid #000;
}

#wrapper #sidebar ul li a {
font: 12pt georgia, "times new roman", serif;
color: #616161;
text-decoration: none;
margin: 2px 4px; 
}

#wrapper #sidebar ul li a:hover, #wrapper #sidebar ul li a:focus {
color: #000;
}

#wrapper #sidebar ul li ul.meta {
font: 10pt helvetica, arial, sans-serif;
}

#wrapper #sidebar ul li ul.meta li a {
display: inline;
font: 10pt helvetica, aria, sans-serif;
margin: 0;
padding: 0;
}

#wrapper #sidebar ul li ul.meta li a:hover, #wrapper #sidebar ul li ul.meta li a:focus {
background: none;
color: #000;
}

/*---------Kommentare------------------------*/
ol.commentlist {margin: 0 0 16px 0;}

ol.commentlist li {
border-left: 8px solid #4e8f2a;
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
border-right: 1px solid #000;
margin: 16px 0 0 0;
list-style: none;
padding: 4px 8px 4px 8px;
background: #fff;
position: relative;
overflow: hidden;
}

ol.commentlist li img {
position: absolute;
top: 4px;
left: 8px;
border: 2px solid #4e8f2a;
}

ol.commentlist li cite {
font: 14pt helvetica, arial, sans-serif;
color: #666;
display: block;
margin: 0 150px 0 42px;
line-height: 34px;
}

ol.commentlist li cite a {
color: #666;
text-decoration: none;
border-bottom: 2px solid #26629b;
}

ol.commentlist li cite a:hover, ol.commentlist li cite a:focus {
border-bottom: 2px solid #666;
color: #ccc;
}

ol.commentlist li cite:first-letter {text-transform: uppercase;}

ol.commentlist li small.commentmetadata {
display: block;
position: absolute;
top: 4px;
right: 4px;
}

ol.commentlist li small.commentmetadata a {
font: 8pt arial, sans-serif;
text-decoration: none;
color: #616161;
}
ol.commentlist li div.reply {
text-align: right;
}

ol.commentlist li div.reply a, a#cancel-comment-reply-link {
text-decoration: none;
color: #616161;
font: 10pt arial, sans-serif;
padding: 0 0 0 18px;
background: url("images/comment.png") no-repeat left center;
}
a#cancel-comment-reply-link {background: url("images/cross.png") no-repeat left center;}

ol.commentlist li div.reply a:hover, ol.commentlist li div.reply a:focus, ol.commentlist li small.commentmetadata a:hover, ol.commentlist li small.commentmetadata a:focus, a#cancel-comment-reply-link:hover, a#cancel-comment-reply-link:focus {color: #000;}

/*-------------Eingabefeld--------------*/
div#respond {overflow: hidden;}
div#respond form p input {margin: 0; padding: 2px; border: 2px solid #ccc; width: 200px;}
div#respond form p textarea {padding: 2px; border: 2px solid #ccc; width: 417px; height: 140px;}
div#respond form p input:hover, div#respond form p input:focus {border: 2px solid #26629b;}
div#respond form p textarea:hover, div#respond form p textarea:focus {border: 2px solid #26629b;}
div#respond form div#insert_left {float: left; width: 250px;}
div#respond form div#insert_right{float: right; width: 425px;}
div#respond form p {text-align: left;}
div#respond form p label {font-weight: bold; display: block;}
div#respond form p label small {font: smaller helvetica, arial; font-weight: normal;}
div#respond form p input#submit {float: right; margin: 4px 0 0 0; background: #fff;}
div#respond form p input#submit:hover, div#respond form p input#submit:focus  {color: #26629b;}

/*-------------Archiv--------------------*/
table#list_category {
border: 1px solid #ccc;
border-spacing: 0;
table-layout: fixed;
}

table#list_category thead tr th, table#list_category tbody tr td{
border-right: 1px dotted #ccc;
padding: 2px 4px;
}
table#list_category thead tr th.kommentare, table#list_category tbody tr td.kommentare, table#list_category tbody tr.second td {border-right: 0;}
table#list_category tbody tr.first td {border-bottom: 1px dotted #ccc;}
table#list_category tbody tr.second td, table#list_category thead tr th {border-bottom: 1px solid #666;}
table#list_category thead tr th.kommentare {
width: 20px;
text-indent: -200px;
overflow: hidden;
background: url("images/comment.png") no-repeat center center;
}
table#list_category thead tr th {
font: 12pt helvetica, arial, sans-serif;
}
table#list_category tbody tr td a {
text-decoration: none;
color: #26629b;
}
table#list_category tbody tr td.tags a {font: 10pt georgia, times new roman, serif;} 
table#list_category tbody td a:hover, table#list_category tbody td a:focus {
color: #666;
}

table#list_category thead tr th.datum { width: 175px; }
table#list_category tbody tr.second td {
font: 10pt arial;
padding: 2px 4px 2px 30px;
}

/*-----SCHRIFT POST------------------------------*/
div.post h4 {font: 14pt helvetica, arial, sans-serif; color: #666;}
div.post p {line-height: 1.5em; margin: 8px 0;}

div.post a {text-decoration: none; color: #74b054;}
div.post a:hover, div.post a:focus {color: #4b862b;}
div.post a:visited {color: #26629B;}
div.post a.extern {padding: 0 15px 0 0; background: url("images/extern.png") no-repeat right 4px;}

div.post blockquote {font-style: italic; margin: 4px 0; padding: 0 0 0 50px; background: url("images/quote.png") no-repeat left top; min-height: 50px;}

div.post ul, div.post ol {margin: 2px 0 0 32px;}

div.post img, div.post a img {padding: 2px; border: 2px solid #4b862b; }

div.post form dl, dl.labels {
		margin:0em;
		font-size:100%;
		margin-top:0.5em
	}
	
div.post form dt, dl.labels dt {
		float:left;
		width:7em;
		margin-bottom:0.8em;
		color:#555;
		text-align:right;
		font-weight:400;
		position:relative /*IEWin hack*/
	}
	
div.post form dd, dl.labels dd {
		margin-left:7.5em;
		margin-bottom:0.8em;
		font-size:100%;
		font-style:normal;
		text-align:left;
		padding-left:0.5em
	}
	
div.post form dd.submit, dl.labels dd.submit  {
		margin-top:2em
	}
	
div.post .error_msg {
		font-weight:700;
		color:#C33;
	}
	
div.post .pxs_css_spamcheck {
		display: none !important;
	}
div.post input, div.post textarea {border: 1px solid #000; width: 299px;}
div.post small {font: 0.7em arial, sans-serif;}

div.post pre {border: 1px dotted #ccc; margin: 0 0 0 16px;}
div.post pre code {font: 10pt "Courier New", monospace;}