/*

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: justify;

}



body {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #888888;
    padding: 0;
	margin:0;
	background-image:url(http://www.mindflint.com/images/page-bg.gif);
	background-repeat: repeat-x;

}





blockquote {

	border-left: 1px solid #9dcc4b;

        color: #555555;

        font-size: 1.00em;

        padding-left: 10px;

        padding-right: 10px;

	margin: 0 30px;

}



a {

	color: #9dcc4b;

	text-decoration: none;

}

a:hover {
	color: #9dcc4b;
	text-decoration: underline;
}



code {  background: #f5f5f5;

        border: 1px solid #cccccc;

	color: #555555;

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

        padding: 10px;

	text-align: left;

}



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

/*### Headlines ###*/

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



h1 a {

	color: #9dcc4b;

    font-weight: bold;

	font: 24px Arial, Helvetica, sans-serif;

    margin: 0 0 0 0;

	padding: 0 0 0 0;

	text-decoration: none;

    display: block;

}



h1 {

	color: #000000;

    font-weight: bold;

	font: 24px Arial, Helvetica, sans-serif;

    margin: 0 0 0 0;

	padding: 0 0 0 0;

	text-decoration: none;

}



h2, h2 a {

	color: #000000;
	
	font-size:18px;

    font-weight: bold;

	margin-top: 0;

	padding-top: 0;

}



h3, h3 a {

	color: #000000;

    font-weight: bold;

	margin: 15px 0 0px 0;

	padding: 0;

}



h4 {    

	color: #000000;

	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.4em;

	margin-top:0;

}



.entry {

	line-height: 1.3em;

	text-align: justify;

}



small {

	font-size: 10px;

}



#page {

	background: transparent;

    margin: 0 auto;

	padding: 0;

	text-align: left;

	width: 980px;

}



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

/*### Header   ###*/

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



#header {
	float:left;
	width:980px;
	height:79px;
}

#logo {
	float:left;
	margin-top:27px;
	height:25px;
	width:235px;
}

#navbar {
	float:right;
	margin-top:35px;
	height:15px;
	width:625px;
	font-weight:bold;
	font-size:13px;
	text-align:right;
}

#navbar ul {
	margin:0;
	padding:0;
}

#navbar li {
	display:inline;
	padding-left:40px;
	list-style:none outside none;
}

#navbar li .navon {
	color:#9dcc4b;
}
	
#navbar a {
	color:#d2d2d2;
}

#navbar a:hover {
	color:#9dcc4b;
	text-decoration:none;
}

#navbar .active a{
	color:#9dcc4b !important;
	text-decoration:none;
}



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

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

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



#hometitle {

	background:#FFFFFF;

    border: none;

	float: left;

	padding: 30px 30px 0 30px;

    text-align: left;

	width: 550px;

}



#content {

	background:#FFFFFF;

    border: none;

	color: #282828;

	float: left;

    text-align: left;

	width: 625px;
	
	border-right:5px solid #ebebeb;
	
	padding-right:55px;
	
	margin-bottom:30px;
	
	min-height:510px;

}





#content a:hover {

        color: #9dcc4b;

        background: transparent;

        text-decoration: underline;

}



#content img {

        border: 5px solid #ebebeb;

        background: transparent;

}



#content a:hover img {

        border: 5px solid #d1d1d1;

        background: transparent;

}


#content h1 a {

        color: #9dcc4b;

        background: transparent;

        text-decoration: none;
		
		font-weight:bold;

}



#content h1 a:hover {

        color: #000000;

        background: transparent;

        text-decoration: none;
		
		font-weight:bold;

}



#content h2 a:hover {

        color: #9dcc4b;

        background: transparent;

        text-decoration: none;

}



#content h3 a {

        text-decoration: none;

}



#content h3 a:hover {

         color: #9dcc4b;

         background: transparent;

         text-decoration: none;

}



#content ul {

         list-style-type: circle;

         margin: 0 0 20px 25px;

         padding:  0 0 0 0;

}



#content ul li {

         line-height: 1.5em;

         margin: 0;

         padding: 5px;

}


		#content .post .thumb img {

			float: left;

			width: 110px; height: 110px;
			
			margin:4px 15px 15px 0;

		}




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

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

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



#comment {

    background: #fafafa;

	border: 1px solid #cccccc;

	color: #444444;
	
    font: 12px Arial, Helvetica, sans-serif;

	padding: 5px;

	vertical-align: middle;

	width: 510px;



}

.commentheadline {

    background:#FFFFFF;
	margin-bottom:4px;
	padding-bottom:6px;
	color:#787878;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	border-bottom: 1px solid #ebebeb;

}



.commentbody {

    background: #FFFFFF;

	border: 5px solid #ebebeb;

	color: #444444;

	font-size: 13px;

	margin: 0 0 10px 0;

	padding: 15px 15px 5px 15px;

	position: relative;

}



.commentbody a {

	color: #9dcc4b;

        text-decoration: none;

}

.commentbody a:hover {

	color: #9dcc4b;

    text-decoration: underline;

}



.commentbody p {

	line-height: 1.2em;

}



.commentlink {

	font-size: 13px;

}



.commentlist {

	list-style: none;
	
	float:left;
	
	width:100%;

}



.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 Arial, Helvetica, sans-serif;

	padding: 5px;

	vertical-align: middle;



}



#url {

	background: #fafafa;

	border: 1px solid #cccccc;

	color: #444444;

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

	padding: 5px;

	vertical-align: middle;

}



#submit {

	background: #9dcc4b;

	border: 1px solid #9dcc4b;

	color: #FFFFFF;

    font: 12px Arial, Helvetica, sans-serif;
	
	font-weight:bold;

	margin: 0;

	padding: 3px 10px;



}



textarea {

        overflow:auto;

}



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

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

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

#footer { 
	float:left;
	width:100%;
	padding-bottom:40px;
	padding-top:25px;
	font-size:12px;
	color:#c6c6c6;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	margin:0;
	background:#f8f8f8;
}

	#footer .content {
		display:block;
		margin:0 auto;
		position:relative;
		width:980px;
	}
	
	#footer .left {
		float:left;
		width:500px;
	}
	
	#footer .right {
		float:right;
		width:200px;
		text-align:right;
	}

	#footer a {
		color:#807f7f;
		text-decoration:none;
	}
	
	#footer a:hover {
		color:#c6c6c6;
		text-decoration:none;
	}
	
	#footer img {
		margin-left:3px;
	}	
	




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

/*### Suchfeld ###*/

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



.s {
	background: transparent;
    border-top: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	color: #383d44;
    font: 14px Arial, Helvetica, sans-serif;
	height: 20px;
	padding-left: 3px;
	vertical-align: middle;
	color:#9c9c9c;
	width: 180px;
	margin: 0 0 4px 0;
}

input.signupbutton {
	margin-left:5px;
	font-size:11px;
	font-weight:500;
	height:22px;
	border: 1px solid #9dcc4b;
	padding:3px;
	color:#FFFFFF;
	background:#9dcc4b;
	cursor:pointer;
}

input.emailsignupbutton {
	margin:5px 0 0 0;
	font-size:11px;
	font-weight:500;
	height:22px;
	border: 1px solid #9dcc4b;
	padding:3px;
	color:#FFFFFF;
	background:#9dcc4b;
	cursor:pointer;
}



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

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

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



#sidebar {

    float:left;
	width:250px;
	margin-bottom:40px;
	line-height: 1.6em;
}



#sidebar .sidelist {

    background: transparent;

    margin: 0 0 20px 0;

    padding: 0 10px 25px 30px;
	
	border-bottom:5px solid #ebebeb;
	
	float:left;
	
	width:90%;

}

	#sidebar .sidelist img {

		float:left;
		
		width:15px;
		
		height:15px;
		
		padding:0 6px 0 0;
		
		margin-top:7px;

}


#sidebar .sidelist ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}



#sidebar .sidelist li {

    border-bottom: 1px solid #ebebeb;

	margin: 0;

    padding: 0;

    display: block;

}


#sidebar .twitter {

    background: transparent;

    margin: 0 0 20px 0;

    padding: 0 0 25px 30px;
	
	float:left;

}


#sidebar li.linkcat,

#sidebar li.categories,

#sidebar li.pagenav



{

        border-bottom: 0px solid #ebebeb;

	margin: 0;

        padding: 0;

        display: block;

	}



#sidebar .sidelist li a {

        display: block;

        background-color: transparent;

        color: #383d44;

	padding: 3px;

	text-decoration: none;

        border-bottom: 0;

	}



#sidebar .sidelist li a:hover {

        color: #9dcc4b;

	background-color: #f6f6f6;

        text-decoration: none;

	}


.response {
	margin:10px 0 10px 0 !important;
	padding: 7px;
	font-weight: normal;
	float: left; 
	background: #f7f7f7;
	color: #656565; 
	border:1px solid #d7d7d7;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
}


#sidebar h2{

        background: inherit;

        color: #000000;

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

        font-weight: bold;

        padding: 3px 0px 3px 0px;

        margin: 0 0 5px 0;

}



#wrapper {

	width:980px;

	float: left;

	margin: 0;

	padding: 205px 0 0 0;
	
	background:url(http://www.mindflint.com/images/blog-header.gif);
	
	background-position:top;
	
	background-repeat:no-repeat;

}



.alignleft {

	float: left;

	margin: 4px 20px 15px 0;

    background-color: transparent;

}



.navleft {

	float: left;

    background-color: transparent;

}



.navright {

	float: right;

    background-color: transparent;

}





.date {

	background: transparent;

	color: #363636;

	font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0;

}



.postmetadata {
	float:left;
	background: transparent;
	color: #999999;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:9px;
	line-height: 1.5em;
	margin: 5px 0 25px 4px;
	padding:3px 3px 3px 3px;
	text-align: left;
}

.postauthor {
	float:left;
	color: #999999;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:9px;
	line-height: 1.5em;
	margin: 3px 0 10px 10px;
	text-align: left;
}



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



.postmetadata2 {

        color: #282828;

        border-top: 1px solid #cccccc;

        font-size: 11px;

        line-height: 1.3em;

	letter-spacing: 0em;

	margin: 0 0 20px 0;

	padding-top: 5px;

	text-align: left;

        clear:both;


}

.fblike {
	border:none; 
	overflow:hidden; 
	width:625px; 
	height:24px;
	padding:4px;
	margin-bottom:20px;
	border:1px solid #e6e6e6;
	background:#F6F6F6;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}


/* different postmetadata style for single.php */



.alt {
	color:#666666;
	font-size:12px;
	line-height: 1.3em;
	padding-top: 5px;
}



.alt a {

	background: inherit;

	color: #9dcc4b;

        text-decoration: none;

}

.alt a:hover {

	color: #9dcc4b;

    text-decoration: underline;

}



.commentheader {

        float:left;
		
		width:100%;
		
		background: inherit;

        font-size: 18px;

        font-weight: bold;

        text-align: left;

        color: #000000;

        padding-top: 5px;
		
		border-top:4px solid #ebebeb;
		
		margin-top:30px;

}



.clear {clear:both;}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;
	
	margin:4px 20px 15px 0;

}



.alignright {

	float: right;
	
	margin:4px 0 15px 20px;

}



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

}