/*
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}