/*

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: #f1f3e9;

	font: 12px Verdana, Arial, 'Helvetica', sans-serif;

	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: #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;*/

	border-bottom:1px solid #ccc;

	color:#383D44;

	font-weight: 100;

	/*font: 24px Arial, 'Helvetica', Verdana, sans-serif;*/

	font: 20px Arial, 'Helvetica', Verdana, sans-serif;

	margin: 0 0 5px 0;

	padding: 0 0 5px 0;

	text-decoration: none;

	display: block;

}



h1 {

	color: #326ea1;

	font-weight: 100;

	/*font: 24px Arial, 'Helvetica', Verdana, sans-serif;*/

	font: 20px Arial, 'Helvetica', Verdana, sans-serif;

	margin: 0 0 5px 0;

	padding: 0 0 5px 0;

	text-decoration: none;

}



h2, h2 a {

	/*color: #326ea1;*/

	color: #333;

	font-weight: bold;

	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, form {

	margin: 0;

	padding: 0;

}



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: 13px;

	height: 150px;

	margin: 0 auto;

	text-align: left;

	padding: 0 0 0 0;

}



#header a {

	color: #383d44;

}



#header a:hover {

	color: #669933;

}



#blogname {

	padding-top: 60px;

}



#header h2 {

	float: left;

	font: 30px Georgia, 'Times New Roman', Times, serif;

	margin:0;

	padding: 0px 15px 0 0;

	border-right:1px solid #cccccc;

	}



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



#header p {

	padding: 13px 0 0 10px;

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

	color:#666;

	float: left;

	margin: 20px 0px 30px 0px;

	padding: 0 40px 0 0px;

	text-align: left;

	width: 510px;

}



#content .post{

	padding-bottom:20px;

}



#content a:hover {

	color: #669933;

	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:hover {

	color: #669933;

	background: transparent;

	/*background-color: #e3e6d7;*/

	text-decoration: none;

}



#content h2 a:hover {

	color: #669933;

	background: transparent;

	/*background-color: #e3e6d7;*/

	text-decoration: none;

}



#content h3 a {

	text-decoration: none;

}



#content h3 a:hover {

	 color: #669933;

	 background: transparent;

	/* background-color: #e3e6d7;*/

	 text-decoration: none;

}



#content ul {

	list-style-type: circle;

	/*margin: 0 0 0 25px;*/

	margin:0;

	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: #2d5175;

	text-decoration: none;

	background-color: #e3e6d7;

}



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

	position:relative;

}



/*#footer a {

        color: #363636;

        text-decoration: none;

}*/



/*#footer a:hover {

        color: #aa0000;

        text-decoration: none;

}*/



#footer .pageTop {

	background-color:#e6e3d7;

	border-top:1px solid #ccc;

	border-left:1px solid #ccc;

	border-right:1px solid #ccc;

	width:100px;

	padding:5px;

	position:absolute;

	top:-25px;
	
	left:37%;

	z-index:1;

}



/*################*/

/*### Suchfeld ###*/

/*################*/



.s {

	background: transparent;

	border: 1px solid #c7c7c7;

	color: #383d44;

	font: 12px Verdana, Arial, 'Helvetica', sans-serif;

	height: 15px;

	padding-left: 3px;

	vertical-align: middle;

	/*width: 220px;*/

	width:140px;

}



/*################*/

/*#### 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: 0;

	padding: 0;

	border: none;

}



#sidebar li {

	/*border-bottom: 1px solid #cccccc;*/

	margin: 0;

	padding: 0 0 5px 5px;

	display: block;

}



#sidebar li#search-3{

	padding:0 0 10px 0;

}



#sidebar li.linkcat,

#sidebar li.categories,

#sidebar li.pagenav{

	border-bottom: 0px solid #cccccc;

	margin: 0;

	padding: 0;

	display: block;

}



#sidebar ul#twitter{

	padding:0 0 0 5px;

}



#sidebar ul#twitter li{

	display:inline-block;

	float:left;

	margin:0 5px 0 0;

}



#sidebar ul#twitter li img{

	border:1px solid #fff;

}



#sidebar li a {

	/*display: block;*/

	background-color: transparent;

	/*color: #383d44;*/

	color: #326ea1;

	/*padding: 10px 5px 5px 5px;*/

	text-decoration: none;

	border-bottom: 0;

}



#sidebar li a:hover {

	color: #669933;

	background-color: #e3e6d7;

	text-decoration: none;

}



#sidebar h2{

	background: inherit;

	/*color: #326ea1;*/

	color:#BDB76B;

	font: 22px Arial, 'Helvetica', Verdana, sans-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 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0;

}



/* Calender

----------------------------------------------------*/

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 250px;

}



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

}



#wp-calendar a {

	text-decoration: none;

}



#wp-calendar caption {

	/*color:#996;*/

	color:#999;

	font: bold 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;

	margin-bottom:5px;

	letter-spacing:0.2em;

}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	text-align:center;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#wp-calendar #next a:hover, #wp-calendar #prev a:hover{

	background-color:transparent;

}



#wp-calendar a {

	display: block;

}



#wp-calendar tbody a {

	background-color:#E3E4CD;

}



#wp-calendar td {

	/*padding: 3px 0;*/

	text-align: center;

}



/*#wp-calendar td.pad:hover {

	background-color: #fff;

}*//* Doesn't work in IE */



/* カスタムフィールド

----------------------------------------------------*/

.post-meta {

	/*background: #eeeeee;*/

	color: #282828;

	border: 1px solid #cccccc;

	display:block;

	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;

	-webkit-border-radius:10px;

}

.post-meta li {

	list-style:none;

}

.post-meta-key {

	color: #A0522D;

	font-weight: bold; 

	font-size: 110%;

	margin:0 0 0 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;*/

	font-weight: bold;

	text-align: left;

	/*color: #326ea1;*/

	color:#808000;

	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;*/
	background-color:#F1F3E9;

	padding-top: 4px;

	margin:0 0 10px 0s;

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

}

.wp-caption-text{
	/*color:#BDB76B;*/
	color:#A48E46;
	text-align:center;
}


/*################*/

/*#### Twitter ###*/

/*################*/



div#iphone-app a{/*iPhoneApp ICON*/

	display:block;

	position:fixed;

	_position:absolute;

	top:100px;

	width:60px;

	height:151px;

	z-index:8765;

	left:0;

	background-image:url(http://www.smocca.co.jp/all/iphoneapp.gif);

	background-position:left top;

	background-repeat:no-repeat;

	text-indent:-5555px;

	text-decoration:none;

	overflow:hidden;

}