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

*/



body{
	font-size: 100%;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	background: #f4f4f4;
	line-height: 1em;
	padding: 0;
	margin: 0;
	padding-bottom: 40px;
	color: #2f2f2f;
}

#header .head, #nav ul, #wrapper, #headcontent, #footer{
	width: 880px;
	margin: 0px auto;
}



#header, #nav, #wrapper, #headcontent, #footer{
	padding: 0px 20px;
}

a{
	color: #900;
	text-decoration: none;
	font-family: 
}

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

a:visited{
	color: #060;
	text-decoration: none;
}

#header{
	
	height: 110px;
	background-color: #000;
	background-position: center top;	
}

#kari{
	
	height: 110px;
	background-color: #000;
	background-image: url(images/topbar110.png);
	background-repeat: no-repeat;
	background-position: center top;	
}

#header a#title{
	width: 220px;
	height: 67px;
	float: left;
	text-indent: -9999px;
	display: block;
	background: transparent url(images/logo.png) top left no-repeat;
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top: 1.3em;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: transparent;
}


#header a#applink{
	float: right;
	width: 140px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	background: transparent url(images/App_Store_badge_46.png) top left no-repeat;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: transparent;
}

#menubar{
	background-color: #414141;
}

#menubar{
	background-color: #3B7302;
}

#menu{
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #3B7302;
}

#menu a#japan{
	float: right;
	width: 21px;
	height:16px;
	display: block;
	text-indent: -9999px;
	margin-top: 7px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: transparent;
	background-image: url(images/japan.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: transparent;
}

#menu a#usa{
	float: right;
	width: 21px;
	height:16px;
	display: block;
	text-indent: -9999px;
	margin-top: 7px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: transparent;
	background-image: url(images/usa.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: transparent;
}


#menu a#german{
	float: right;
	width: 23px;
	height:16px;
	display: block;
	text-indent: -9999px;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: transparent;
	background-image: url(images/germany.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: transparent;
}

#menu a#twitter{
	float: right;
	width: 69px;
	height:16px;
	display: block;
	text-indent: -9999px;
	margin-top: 7px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: transparent;
	background-image: url(images/twitter_s.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: transparent;
}

#contentmargin{
	clear: both;
	height: 20px;
}

#headcontent{
	clear: both;
	font-size: 0.75em;
	text-shadow: 0px 1px 1px #fff;
}

#headcontent h3 a:hover {
         color: #55A603;
         background: transparent;
         text-decoration: none;
}

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






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

#content {
	background: #f4f4f4;
        border: none;
	color: #282828;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 240px;
	padding-left:  0px;
	width: 640px;
	font-size: 0.75em;
	text-shadow: 0px 1px 1px #fff;
	
}


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

#content img {
	float: left;
	margin: 3px 10px 5px 0;
        _margin: 3px 5px 5px 0;
	border: 1px solid #cccccc;
        padding: 5px;
        background-color: transparent;
}

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

#content h1 a {
	color: #3B7302;
	background: transparent;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 0.9em;
}


#content h1 a:hover {
	color: #55A603;
	background: transparent;
	text-decoration: none;
font-size: 0.9em;
	line-height: 0.9em;
}

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

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

#headcontent h3, #headcontent h4{
	margin: 0 0 1.5em 0;
	color: #7d1b00;
}

#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;
	
	vertical-align: middle;
	width: 600px;
	clear: left;
	font-size: 0.75em;
	text-shadow: 0px 1px 1px #fff;
}

.commentbody {
        background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	
	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: #2d5175;
        text-decoration: none;
}

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

.commentlink {
	
}

.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;
    
	padding-left: 5px;
	vertical-align: middle;

}

#url {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
     
	height: 16px;
	padding-left: 5px;
	vertical-align: middle;
}

#submit {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
     
	margin: 0;
	padding: 0 10px;

}

textarea {
        overflow:auto;
}

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

#footer{
	height: 3.5em;
	text-shadow: 0px 1px 1px #fff;
	clear: both;
	font-size: 0.6em;
	text-align: left;
	padding-top: 20px;
	position: inherit;
}

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

.s {
	background: #f4f4f4;
	border: 0px solid #c7c7c7;
	color: #383d44;
	text-shadow: 0px 1px 1px #fff;
	height: 18px;
	padding-top: 3px;
	padding-bottom: 0px;
	vertical-align: middle;
	width: 200px;
	margin-bottom: 7px;
	margin-left: -1px;
}

/*################*/
/*#### SIDEBAR ###*/
/*################*/
#wrapper .column{
	float: left;
}
#wrapper #sidecol{
	width: 200px;
}


#sidebar {
	width: 200px;
	background: #f4f4f4;
	height: 255px;
	bottom: 20px;
	padding-top: 0px;
	padding-left: 0px;
	clip: rect(auto,auto,auto,auto);
	clear:both;
	font-size: 0.75em;
	text-shadow: 0px 1px 1px #fff;
}

.sidelist {
        background: #f4f4f4;
		
        }

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

#sidebar li {
        border-bottom: 1px 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: block;
	background-color: transparent;
	color: #383d44;
	text-decoration: none;
	border-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	}

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

#sidebar h2{
        background: inherit;
        color: #326ea1;
        
        
        padding-top: 5px;
	padding-bottom: 5px;
        margin: 0;
}



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

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


.date {
	background: transparent;
	color: #363636;
	
	margin: 0;
	padding: 0;
}

.postmetadata {
        background: transparent;
        
        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;
        
        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;
        
        
        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 {
	
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


.jqueryslidemenu{
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	background: #3B7302;
	width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	background: #3B7302; /*background of tabs (default state)*/
	color: white;
	padding: 8px 10px;
	color: #2d2b2b;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #55A603;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #55A603;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}