/*
Theme Name: SimpleSans
Theme URI: http://www.koch-werkstatt.de/2007/03/24/wordpress-theme-simplicity/
Description: Designed by Andreas Sansano based on Theme SimplicityBright by <a href="http://www.koch-werkstatt.de" title="Kochwerkstatt">Karsten Kuhnen</a>.
Author: Andreas Sansano
Author URI: http://www.vengo.ch
Tags: white, simple, fixed width, two columns
Version: 1

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: #ffffff;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
}


blockquote {
	border-left: 1px solid #326ea1;
        color: #555555;
        font-size: 1.00em;
        padding-left: 10px;
        padding-right: 10px;
	margin: 0 30px;
}

a {
	color: #326ea1;
	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: #326ea1;
        font-weight: 100;
	font: 20px Georgia, 'Times New Roman', Times, serif;
        margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
        display: block;
}

h1 {
	color: #326ea1;
        font-weight: 100;
	font: 20px Georgia, 'Times New Roman', Times, serif;
        margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
}

h2, h2 a {
    font: 30px Georgia, 'Times New Roman', Times, serif;
	color: #326ea1;
    font-weight: 100;
	margin: 0;
	padding: 0;
}

h3, h3 a {
	color: #326ea1;
        font-weight: 100;
	margin: 15px 0 0px 0;
	padding: 0;
}

h4 {    color: #326ea1;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

img {
	border: none;
        }

ol, ul, form {
	margin: 0;
	padding: 0;
}

li {
       margin: 20px;
}

ol{
        list-style-type:upper-roman;
}

p {
	line-height: 1.7em;
	text-align: justify;
}

.entry {
	line-height: 1.3em;
	text-align: justify;
}

small {
	font-size: 10px;
}

#page {
	background: transparent;
        margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 810px;
}

/*################*/
/*### Header   ###*/
/*################*/

#header {
        background: transparent;
        overflow: hidden;
        color: #383d44;
	font-size: 11px;
        height: 150px;
	margin: 0 auto;
        text-align: left;
	padding: 0 150px 0 0;
}

#header a {
	color: #383d44;
}

#header a:hover {
        color: #FF8000;
}

#blogname {
        padding-top: 60px;
        width:700px
}

#header h2 {
        float: left;
        font: 30px Georgia, 'Times New Roman', Times, serif;
	margin: 0px 15px 0 0;
	padding: 0px 15px 0 0;
	border-right:1px solid #cccccc;
	}

#header h2 a { text-decoration:none; }

#header p {
        padding: 0;
	margin:0px 30px 0px 30px;
	line-height: 1em;
	
}

/*###################*/
/*### Topmenu ###*/
/*###################*/

#top {
          background: #cbd6de;
          height: 90px;
          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 0px 30px 0px;

	padding: 0 40px 0 0px;
        text-align: left;
	width: 510px;
}



#content a:hover {
        color: #FF8000;
        background: transparent;
        text-decoration: none;
}

#content img {
	float: left;
	margin: 0px 20px 10px 0;
        _margin: 0px 10px 10px 0;
	border: 0px;
        padding: 5px;
        background-color: transparent;
}

#content a:hover img {
        border: 1px solid #777777;
        background: transparent;
}

#content h1 {
        margin: 0 0 20px 0;
}

#content h1 a:hover {
        color: #FF8000;
        background: transparent;
        text-decoration: none;
}

#content h2 a:hover {
        color: #FF8000;
        background: transparent;
        text-decoration: none;
}

#content h3 a {
        text-decoration: none;
}

#content h3 a:hover {
        color: #FF8000;
        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: #FF8000;
        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 {
        font: 10px Verdana, Arial, 'Helvetica', sans-serif;
        background: #ffffff;
        height: 50px;
        clear: both;
	color: #363636;
        margin: 0;
	padding: 10px 0px 0px 0px;
        text-align: left;
        overflow:hidden;
}

#footer div {
	background: transparent;
        margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 810px;
}

#footer a {
        color: #363636;
        text-decoration: none;
}

#footer a:hover {
        color: #FF8000;
        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: 250px;
        text-align: left;
        float: left;
        margin: 20px 0px 30px 0px;
        padding: 0;
        line-height: 1.6em;
        color: #383d44;
        }

.sidelist {
        background: transparent;
        margin: 0 0 20px 0;
        padding: 0;
        }

#sidebar ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0;
	border: none;
}

#sidebar li {
        border-bottom: 0px solid #cccccc;
	margin: 0;
        padding: 0;
        display: block;
	}

#sidebar li.linkcat,
#sidebar li.categories,
#sidebar li.pagenav





{
        border-bottom: 0px solid #cccccc;
	margin: 0;
        padding: 0;
        display: block;
	}

#sidebar li a {
        display: inline;
        background-color: transparent;
        color: #383d44;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
        border-bottom: 0;
	}

#sidebar li a:hover {

        color: #FF8000;
        text-decoration: none;
	}

#sidebar h2{
        background: inherit;
        color: #326ea1;
		font: 20px Georgia, 'Times New Roman', Times, serif;
        font-weight: 100;
        padding: 3px 0px 3px 0px;
        margin: 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 Georgia, 'Times New Roman', Times, serif;
	margin: 0;
	padding: 0;
}

.postmetadata {
	font: 11px Georgia, 'Times New Roman', Times, serif;
        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;
}

