/*
Theme Name: polyCODER 2008
Theme URI: http://www.polycoder.de
Description: polyCODER Edition 2008 - simple redux version.
Version: 1.0
Author: Stefan Seifarth
Author URI: http://www.polycoder.de
Tags: simple, fixed width, two columns, widgets

	polyCODER Custom Design 2008
	
	This theme was designed and built by Stefan Seifarth,
	whose blog you will find at http://www.polycoder.de

*/


@charset "UTF-8";
/* CSS Document */

* {
	font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
}

body {
	margin:0;
	padding:0;
	font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
}

/* logo */
body > h1 {
	position:fixed;
	top:0;
	left:0;
	width:150px;
	margin:0;
	padding:0;
}

body > h1 a {
	display:block;
	width:150px;
	height:130px;
	background:transparent url(_img/logo-polycoder.gif) no-repeat top left;
}

body > h1 a span {
	display:none;
}


/* main container */
div.mainContainer {
	width:775px;
	margin:0 0 0 150px;
}


/* main content */
div.mainContainer > ol.content {
	width:570px;
	background:#efefef;
	border-top:3px solid #09f;
	margin:0 210px 0 0;
	padding:0;
}


div.mainContainer > ol.content > li {
	margin:0;
	padding:30px 20px 30px 20px;
	list-style-type:none;
	border-bottom:1px solid #e1e1e1;
	font-size:12px;
	line-height:20px;
	color:#666;
}


div.mainContainer > ol.content > li.page_head {
	background:#666;
	padding:10px 20px 10px 20px;
}

div.mainContainer > ol.content > li.page_head h1 {
	margin:0 0 0px 0;
	padding:0;
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	color:#fff;
}


div.mainContainer > ol.content > li a {
	color:#dc9644;
}


div.mainContainer > ol.content > li h2 {
	margin:0 0 0px 0;
	padding:0;
	font-size:18px;
	font-weight:normal;
	line-height:22px;
}

div.mainContainer > ol.content > li h2 a {
	text-decoration:none;
	color:#666;
}

div.mainContainer > ol.content > li h3 {
	margin:0 0 15px 0;
	padding:0;
	font-size:11px;
	color:#9e9e9e;
	font-weight:normal;
}

div.mainContainer > ol.content > li p.more {
	margin:0;
	padding:0;
}


div.mainContainer > ol.content > li blockquote {
	font-style:italic;
	background:#fff;
	margin-left:0;
	margin-right:0;
	padding:10px;
}


div.mainContainer > ol.content > li.footer {
	border:none;
	background:#fff;
	padding:0;
	margin: 0 0 20px 0;
	font-size:11px;
	color:#999;
}


div.mainContainer > ol.content > li pre, 
div.mainContainer > ol.content > li code {
	display:block;
	margin:auto -19px auto -19px;
	padding:3px 19px 3px 19px;
	background:#fff;
	font-family:Monaco, Courier New, Courier, monospace;
	font-size:10px;
	line-height:16px;
	overflow-x:auto;
}

div.mainContainer > ol.content > li code {
display:inline;
margin:0;
padding:0;
}


div.mainContainer > ol.content > li table {
width:100%;
border-spacing:1px;
empty-cells:show;
}

div.mainContainer > ol.content > li table th {
background:#666;
color:#fff;
font-weight:bold;
font-size:10px;
text-align:left;
padding:2px;
}

div.mainContainer > ol.content > li table tr td {
vertical-align:top;
padding:2px;
}

div.mainContainer > ol.content > li table tr.odd td {
background:#e1e1e1;
}

/* sidebar */
div.mainContainer > div.sidebar {
	width:200px;
	margin:0 0 0 3px;
	border-top:3px solid #ffbe71;
	float:right;
}

div.mainContainer > div.sidebar h3 {
	font-size:11px;
	font-weight:bold;
	color:#000;
    margin:15px 0 3px 15px;
	padding:0;
}

div.mainContainer > div.sidebar .navlist {
	margin:0;
	padding:5px 0 5px 0;
	font-size:11px;
}

div.mainContainer > div.sidebar .navlist li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:11px;
}

div.mainContainer > div.sidebar .navlist li a {
	display:block;
	color:#666;
	padding:3px 5px 3px 15px;
	background:transparent;
	text-decoration:none;
}

div.mainContainer > div.sidebar .navlist li a:hover {
	background:#fff;
}

div.mainContainer > div.sidebar .navlist li > ul {
margin:0;
padding:0;
}

div.mainContainer > div.sidebar .navlist li > ul > li > a {
padding:3px 5px 3px 25px;
}

/* color sheme */
.about {
	background:#e5f5ff;
}

.categories {
	background:#fff8f1;
}

.archive {
	background:#eaf9eb;

}

.blogroll {
	background:#f2e6fb;

}

/* search form */
.search {
	background:#efefef;
}

div.mainContainer > div.sidebar .search > li {
	padding:3px 5px 3px 15px;
}

div.mainContainer > div.sidebar .search > li form {
	margin:0;
	padding:0;
}
div.mainContainer > div.sidebar .search > li form #s {
	padding:3px;
	width:120px;
	border:1px solid #999;
}

div.mainContainer > div.sidebar .search > li form #searchsubmit {
	border:none;
	padding:3px;
	background:#09f;
	font-size:11px;
	color:#fff;
}

/* comments */

div.mainContainer > ol.content > li.commentContainer {
	background:#fff;
	/*color:#000;*/
}


div.mainContainer > ol.content > li.commentContainer ol {
	margin:15px -20px 0 0;
	padding:0;
}

div.mainContainer > ol.content > li.commentContainer ol li {
	margin:0 0 15px 0;
	padding:0;
	font-size:11px;
}


div.mainContainer > ol.content > li.commentContainer ol li p.author {
	margin:0;
	padding-left:10px;
	border-bottom:1px solid #e1e1e1;
	background:#efefef;
	color:#666;
	font-size:11px;
}

div.mainContainer > ol.content > li.commentContainer ol li blockquote {
	background:#eaf9eb;
	margin:auto 0 auto 0;
	padding: 3px;
}

div.mainContainer > ol.content > li.commentForm {
	background:#666;
	color:#fff;
}

div.mainContainer > ol.content > li.commentForm code {
	background:#666;
}


div.mainContainer > ol.content > li.commentForm form {
	margin-bottom:-20px;
}

div.mainContainer > ol.content > li.commentForm input, 
div.mainContainer > ol.content > li.commentForm textarea {
	font-size:11px;
	color:#000;
	border:none;
	padding:2px;
}

div.mainContainer > ol.content > li.commentForm textarea {
	width:100%;
}

div.mainContainer > ol.content > li.commentForm input#submit {
	padding:5px 30px 5px 30px;
	background:#09f;
	font-size:14px;
	color:#fff;
}



/* helper */
.thinclearer {
	clear:both;
	margin:0;
	padding:0;
	height:1px;
	font-size:0.1%;
}