/*
Theme Name: SimplicityBright
Theme URI: http://www.koch-werkstatt.de/2007/03/24/wordpress-theme-simplicity/
Description: Designed by <a href="http://www.koch-werkstatt.de" title="Kochwerkstatt">Karsten Kuhnen</a>.
Author: Karsten Kuhnen
Author URI: http://www.koch-werkstatt.de
Tags: white, simple, fixed width, two columns
Version: 0.3

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: url(images/background.jpg) no-repeat center top;
	color:#333333;
	font:100% Helvetica, Arial, sans-serif;
	margin:0;
	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: #F04E231;
	text-decoration: none;
    outline: none;
}

code {  background: #f5f5f5;
        border: 1px solid #cccccc;
	color: #555555;
        font: 11px;
        padding: 10px;
	text-align: left;
}

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

h1 a, h1 {
	color: #333333;
	font-size: 40px;
    margin: 0 0 10px 0;
	padding: 0;
	text-decoration: none;
	font-weight:bold;
}


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

h3, h3 a {
	color: #333333;
	font-size:20px;
	margin: 15px 0 0px 0;
	padding: 0;
}

h4 { 
	color: #333333;
	font: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

img {
	border: none;
        }

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

p {
	line-height: 20px; color:#333333; font-size:13px;
}

.entry {
	line-height: 15px;
	margin:0 0 10px 0;
}

small {
	font-size: 10px;
}

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

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

#header {
        background: transparent;
        overflow: hidden;
        color: #383d44;
		font-size: 45px;
        height: 340px;
		margin: 0 auto 50px auto;
        text-align: left;
		padding: 0;
}

#header a {
	color: #ABD331;
}

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

#headerContent {margin:0 auto; width:900px; padding:0;}

#jealous {margin:30px 0 0 0; padding:0 0 0 15px; float:left; width:200px;}

#nav {
	margin:0 0 0 500px;
	padding:50px 0 0 0;
	
}

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

#nav li {
	display: inline;
	padding: 0 8px;
	font-size: 12px;
}
#nav  a  {
	text-decoration:none;
	color: #000000;
}

#nav  a:hover  {
	color: #F04E23;
}

#blogname { padding:30px 300px 0 20px; }

#header h2 {
        font: 80px Georgia, 'Times New Roman', Times, serif;
		line-height:100px;
		margin:0;
		padding: 10px 15px 0 0;
	}

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

#header p {
	color:#FFFFFF;
    padding: 20px 0 0 0;
	margin:0;
	line-height: 1em;
}

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

#top {
          background: #4b4e52;
          border-bottom: 1px solid #dd4003;
          height: 34px;
          margin: 0 auto;
          width:100%;
          text-align: center;
          overflow: hidden;
}

#topbar { height: 34px;
          width: 810px;
          margin: 0 auto;
          padding: 0;
          text-align: center;
}

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

ul.topmenu li {
	float: left;
}

ul.topmenu li a {
	float: left;
	display: block;
        height: 34px;
	padding: 9px 20px 0 0px;
	color: #cbcbcb;
}

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

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

#content {
	background: transparent;
    border: none;
	color: #282828;
	float: left;
	margin: 20px 50px 30px 0px;
	padding: 0 20px 0 20px;
    text-align: left;
	width: 550px;
}


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

#content img {
	margin: 0 0 10px 0;
    padding: 0;
    background-color: transparent;
}

#content a:hover img {
        background: transparent;
}

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

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

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

#content h3 a:hover {
         color: #FF3300;
         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: #0099FF;
        text-decoration: none;
}
.commentbody a:hover {
	color: #FF0066;
	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 {
        background: #e6e3d7;
        border-top: 1px solid #cccccc;
        height: 50px;
        clear: both;
	color: #363636;
        margin: 20px 0 0 0;
	padding: 10px 0 100px 0;
        text-align: center;
        overflow:hidden;
}

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

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

#footer ul {
	margin: 0;
	padding: 0;
}
#footer li {
	display: inline;
	padding: 0 10px 0 0;
	list-style-type: none;
	font-size: .7em;
}

#footerWrapper {
	width:910px;
	margin:0 auto;
	text-align:left;
}


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

.s {
	background: #FFFFFF;
    border: 1px solid #CCCCCC;
	color: #383d44;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 15px;
	padding: 3px;
	vertical-align: middle;
	width:180px;
	margin:0 0 10px 0;
}

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

#sidebar {
        width: 220px;
        text-align: left;
        float: left;
        margin: 20px 0px 30px 0px;
        padding: 10px;
        line-height: 1.2em;
        color: #333333;
		background:#e3e6d7;
        }

.sidelist {
        background: transparent;
        margin: 0 0 10px 0;
        padding: 0;
        }

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

#sidebar li {
		margin: 0;
		padding: 5px 10px;
        display: block;
		font-size:12px;
}

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

{
        border-bottom: 0px solid #cccccc;
		margin: 0;
        padding: 0;
        display: block;
	}

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

#sidebar li a:hover {
        color: #333333;
		background-color: #e3e6d7;
        text-decoration: none;
	}

#sidebar h2{
        background: #FFF;
        color: #669933;
        font: 20px Arial, 'Helvetica', Verdana, sans-serif;
        font-weight: 100;
        padding: 5px;
        margin: 0;
}

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

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

#content .alignright {
	float: right;
	margin: 0 0 0 20px;
}


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

.postmetadata {
	background: #EEEEEE;
	font-style: italic;
	color: #FF3300;
	line-height: 1.5em;
	margin: 20px 0 70px 0;
	border-top:1px dotted #CCCCCC;
	padding:10px;
	text-align: left;
	clear:both;
}

.postmetadata a {background: transparent; color: #333333; 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: #FF3300;
        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;
}



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

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 20px;
	border:none;
}

.sidePadding {
}

.tweetmeme_button {
	padding: 20px 0 ;
}
.facebook_btn a {
	border:1px solid #0066FF;
	background:#046fb4;
	color:#FFF;
	padding:3px;
	font-size:10px;
	width:100px;
}
.fbimg {
	padding:3px;
	background:#046fb4;
}
.fltLft {
	float:left;
}