/*
Theme Name: ChristianRoellin
Theme URI: http://www.koch-werkstatt.de/2007/03/24/wordpress-theme-simplicity/
Description: Designed by <a href="http://www.grafixon.com">GRAFIXON</a> / <a href="http://www.schattenwerk.ch">SCHATTENWERK</a>
Author: schattenwerk
Author URI: http://www.schattenwerk.ch
Tags: white, simple, fixed width, two columns
Version: 1.0

Notes: Inspired and created for minimalist, content focused blogs or websites. Customize, edit, poke,  prod, and adapt to your own style.

Please leave credit where credit is due so that others may find the source for your site and adapt a suitable version for their own website.

The CSS, XHTML and design is released under the GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #fff;
	font: 11px arial;
	letter-spacing:0.3px;
	padding: 0;
}


blockquote {
	border-left: 1px solid #326ea1;
	color: #555555;
	font-size: 1.00em;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 30px;
}

a {
	color: #888888;
	text-decoration: none;
	outline: none;
}

code {
	background: #f5f5f5;
	border: 1px solid #cccccc;
	color: #555555;
	font: 11px Verdana, Arial, 'Helvetica', sans-serif;
	padding: 10px;
	text-align: left;
}

/*#####################*/
/*### Headlines ###*/
/*#####################*/

h1 a {
	color: #888888;
	font-weight: 100;
	font: 11px arial;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	display: block;
}

h1 {
	color: #888888;
	font-weight: normal;
	font: 11px arial;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
}

h2, h2 a {
	color: #888888;
	font-weight: 100;
	margin: 0;
	padding: 0;
}

h3, h3 a {
	color: #888888;
	font-weight: 100;
	margin: 15px 0 0px 0;
	padding: 0;
}

h4 {
	color: #000;
	font: 11px arial;
	font-weight: bold;
	text-transform:uppercase;
	margin: 0 0 15px 0;
	padding: 0;
}

img {
	border: none;
}

ol, form {
	margin: 0;
	padding: 0;
}

p {
	line-height:15px;
	text-align: left;
	margin:0 0 15px 0;
}

.entry {
	line-height:15px;
	text-align: left;
}

small {
	font-size: 10px;
}

#page {
	background: #fff;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 920px;
}

/*################*/
/*### Header   ###*/
/*################*/

#header {
	overflow: hidden;
	color: #000;
	font-size: 13px;
	height: 142px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}


#header a {
	font-size:11px;
	color: #888888;
}

#header a:hover {
	color: #981705;
}

#blogname {
        padding-top: 49px;
}

#header h2 {
	float: left;
	font: 11px arial;
	margin:0;
	padding: 0px 15px 0 0;
}

#header h2 a { text-decoration:none; }

#header p {
	padding: 13px 0 0 10px;
	margin:0;
	line-height: 1em;
}

/*###################*/
/*### Topmenu ###*/
/*###################*/

#topbar {
	margin: 0 0 0 151px;
	padding: 0;
	text-align: left;
}

ul.topmenu {
	background: transparent;
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul.topmenu li {
	float: left;
}

ul.topmenu li a {
	float: left;
	display: block;
	padding: 0 18px 0 0;
	color: #888888;
}

ul.topmenu li a:hover {
	color: #981705;
	text-decoration: none;
}

/*################*/
/*### Content  ###*/
/*################*/

#content {
	background: none;
	border: none;
	color: #000;
	float: left;
	margin: 0 0 0 150px;
	padding: 0 160px 0 0;
	text-align: left;
	width: 420px;
	border-right:1px solid #cccccc;
	min-height:450px;
}

#content.home
{
	font-weight:bold;
	border-right:none;
	width:600px;
	padding:0;
}

#content.home p
{
	margin:0 0 5px 0;
}

#content a:hover {
	color: #981705;
	background: transparent;
	text-decoration: none;
}

#content img {
	/*float: left;*/
	margin: 3px 0 0 0;
	/*_margin: 3px 5px 5px 0;*/
	border: none;
	padding: 0;
	background-color: transparent;
}

#content.home img {
	/*float: left;*/
	margin: 0;
	/*_margin: 3px 5px 5px 0;*/
	border: none;
	padding: 0;
}

/*
#content a:hover img {
	border: 1px solid #777777;
	background: transparent;
}
*/

#content h1 a:hover {
	color: #981705;
	background: transparent;
	text-decoration: none;
}

#content h2 a:hover {
	color: #981705;
	background: transparent;
	text-decoration: none;
}

#content h3 a {
	text-decoration: none;
}

#content h3 a:hover {
	color: #981705;
	background: transparent;
	text-decoration: none;
}

#content ul {
	list-style-type: circle;
	margin: 0 0 0 25px;
	padding:  0 0 0 0;
}

#content ul li {
	line-height: 1.5em;
	margin: 0;
	padding: 5px;
}

/*############################*/
/*#### Comments #### */
/*############################*/

#comment {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font-size: 13px;
	padding-left: 2px;
	vertical-align: middle;
	width: 510px;

}

.commentbody {
        background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	position: relative;
        -moz-border-radius: 10px;
}

.commentbody a {
	color: #aa0000;
        text-decoration: none;
}
.commentbody a:hover {
	color: #981705;
        text-decoration: none;
}

.commentbody p {
	line-height: 1.2em;
}

.commentlink {
	font-size: 13px;
}

.commentlist {
	list-style: none;
}

.gravatar {
	background-color: inherit !important;
	padding: 4px !important;
	border: 1px solid #eaeaea !important;
}

* html .gravatar {
	position: relative;
}

#email, #author {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
        font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	padding-left: 5px;
	vertical-align: middle;

}

#url {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 16px;
	padding-left: 5px;
	vertical-align: middle;
}

#submit {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	margin: 0;
	padding: 0 10px;

}

textarea {
        overflow:auto;
}

/*################*/
/*#### Footer ####*/
/*################*/

#footer {
height: 20px;
clear: both;
margin: 0 0 0 0;
padding: 10px 0 0 0;
text-align: center;
overflow:hidden;
}

#footer a {
        color: #363636;
        text-decoration: none;
}

#footer a:hover {
        color: #981705;
        text-decoration: none;
}

/*################*/
/*### Suchfeld ###*/
/*################*/

.s {
	background: transparent;
        border: 0px solid #c7c7c7;
	color: #383d44;
        font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 15px;
	padding-left: 3px;
	vertical-align: middle;
	width: 220px;
}

/*################*/
/*#### SIDEBAR ###*/
/*################*/

#sidebar {
	width: 160px;
	text-align: left;
	float: left;
	margin: 0 0 0 19px;
	padding: 0;
	line-height:15px;
	color: #000;
}
	
.sidelist {
	background: transparent;
	margin: 0 0 20px 0;
	padding: 0;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
	display: block;
	}

/*
#sidebar ul li ul li ul li{
	margin: 0 0 0 0px;
	}
*/

#sidebar li.linkcat,
#sidebar li.categories,
#sidebar li.pagenav

{
	margin: 0;
	padding: 0;
	display: block;
	}

#sidebar li a {
	display: block;
	background-color: transparent;
	color: #888888;
	padding: 0;
	text-decoration: none;
	border-bottom: 0;
	text-transform:uppercase;
	}

#sidebar ul li ul li ul li a{
	margin: 0 0 0 10px;
	text-transform:none;
	}


#sidebar li a.lowercase {
	text-transform:lowercase;
	}

#sidebar li a:hover {
	color: #981705;
	text-decoration: none;
	}

#sidebar h2{
	background: inherit;
	color: #000;
	font: 11px arial;
	font-weight: 100;
	padding: 0;
	margin: 0 0 15px 0;
}

#wrapper {
	float: left;
	margin: 0;
	padding: 0;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}


.date {
	background: transparent;
	color: #363636;
	font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.postmetadata {
        background: transparent;
        font-style: italic;
        color: #363636;
        line-height: 1.5em;
	margin: 15px 0 70px 0;
	padding:3px 3px 3px 3px;
	text-align: right;
        clear:both;
}

.postmetadata a {background: transparent; color: #363636; text-decoration: none;}

.postmetadata2 {
        background: #eeeeee;
        color: #282828;
        border: 1px solid #cccccc;
        font-size: 11px;
        line-height: 1.3em;
	letter-spacing: 0em;
	margin: 0 0 20px 0;
	padding: 5px;
	text-align: left;
        clear:both;
        -moz-border-radius: 10px;
}

/* different postmetadata style for single.php */

.alt {
	line-height: 1.3em;
	padding: 10px;
}

.alt a {
	background: inherit;
	color: #aa0000;
        text-decoration: none;
}

.commentheader {
        background: inherit;
        font-size: 18px;
        font-weight: lighter;
        text-align: left;
        color: #326ea1;
        padding: 0;
        line-height: 1.5em;
}

.clear {clear:both;}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.grau
{
	color:#888888;
}

#sidebar .sidelist ul li.current_page_item a, #sidebar .sidelist ul li.current_page_parent a {
	color: #981705;
}

#sidebar .sidelist ul li.current_page_item ul li a {
	color: #888888;
}

#sidebar .sidelist ul li.current_page_item ul li a:hover {
	color: #981705;
}

#topbar ul.topmenu li.current_page_item a {
	color: #981705;
}

th
{
   padding-bottom: 4pt;
}

td
{
   vertical-align: top;
}

img.invisible
{
	display:none;
}