/*
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   */
* {
border:0;
margin:0;
padding:0;
}

body {
background:#ebfcea;
font:12pt georgia, "times new roman", serif;
color:#616161;
}

.clear {
clear:both;
}

.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 #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;
padding:0 1.5em;
}

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

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

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

#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 div.date,#wrapper #blog div.post div.date {
height:35px;
width:50px;
border:1px solid #74b054;
background:#fff;
position:absolute;
top:8px;
right:8px;
overflow:hidden;
padding:1px;
}

#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;
color:#9abbd6;
margin:0 0 8px;
padding:0 58px 0 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 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:700;
}

#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;
}

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

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

#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.right a {
text-decoration:none;
color:#666;
font:10pt helvetica, arial, sans-serif;
}

#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;
}

#wrapper #sidebar ul {
list-style:none;
}

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

#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 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;
}

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

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;
line-height:34px;
margin:0 150px 0 42px;
}

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;
background:url("images/comment.png") no-repeat left center;
padding:0 0 0 18px;
}

a#cancel-comment-reply-link {
background:url("images/cross.png") no-repeat left center;
}

/*-------------Eingabefeld--------------*/
div#respond {
overflow:hidden;
}

div#respond form p input {
border:2px solid #ccc;
width:200px;
margin:0;
padding:2px;
}

div#respond form p textarea {
border:2px solid #ccc;
width:417px;
height:140px;
padding:2px;
}

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:700;
display:block;
}

div#respond form p label small {
font:smaller helvetica, arial;
font-weight:400;
}

div#respond form p input#submit {
float:right;
background:#fff;
margin:4px 0 0;
}

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.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:visited {
color:#26629B;
}

div.post a.extern {
background:url("images/extern.png") no-repeat right 4px;
padding:0 15px 0 0;
}

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

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

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

div.post form dl,dl.labels {
font-size:100%;
margin:0.5em 0 0;
}

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;
}

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;
}

.hide,#header #searchform #searchsubmit {
display:none;
}

#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,#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,div.post a:hover,div.post a:focus {
color:#4b862b;
}

#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,#wrapper #footer p.left a:hover,#wrapper #footer p.left a:focus {
color:#7ea0c0;
}

#wrapper #blogbar div.post span.more a,#wrapper #blog div.post span.more a,div.post a {
text-decoration:none;
color:#74b054;
}

#wrapper #footer p.left a,table#list_category tbody tr td a {
text-decoration:none;
color:#26629b;
}

#wrapper #sidebar ul li,ol.commentlist {
margin:0 0 16px;
}

#wrapper #sidebar ul li a:hover,#wrapper #sidebar ul li a:focus,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;
}

div#respond form p input:hover,div#respond form p input:focus,div#respond form p textarea:hover,div#respond form p textarea:focus {
border:2px solid #26629b;
}