/*
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: #333;
	font: 14px Arial, Georgia, '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: #00ff33;
	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;
}

.wrapper {
	margin: 0 auto;
	width: 1000px;
}

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

h1 a {
	color: #00ff33;
	font-weight: 100;
	font: 26px Arial, 'Helvetica', Verdana, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	display: block;
}

h1 {
	color: #00ff33;
	font-weight: 100;
	font: 26px Arial, 'Helvetica', Verdana, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
}

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

h3, h3 a {
	color: #00ff33;
	font-weight: 100;
	margin: 15px 0 0px 0;
	padding: 0;
}

h4 {    
	color: #00ff33;
	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: left;
}

.entry {
	line-height: 1.3em;
	text-align: left;
}

small {
	font-size: 10px;
}

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

.post-time {
	color: #00ff33;
	font-size: 12px;
	line-height: 1em;
	font-style: italic;
	font-family: 'Trebuchet MS', Arial, Serif;
}

.post-time a:hover {
	color: #00ff33;
}

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

#header {
	background: transparent;
	overflow: hidden;
	color: #fff;
	font-size: 13px;
	margin: 0 auto;
	text-align: left;
}

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

#top {
	background: #333;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

#top h1.logo {
	background: url('http://whippsindustries.com/wp-content/themes/simplicitybright/images/logo.png') left no-repeat;
	height: 126px;
	width: 500px;
}

#top h1.logo a {
	width: 500px;
	height: 126px;
	display: block;
}

#top h1.logo a span {
	display: none;
}

#topbar { 
	height: 40px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #333;
}

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

ul.topmenu li {
	float: left;
}

ul.topmenu li a {
	float: left;
	display: block;
	padding: 10px 30px 10px 0px;
	color: #fff;
}

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

ul.topmenu li.current_page_item a {
	color: #00ff33;
}

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

#content {
	background: transparent;
	border: none;
	color: #fff;
	float: left;
	margin: 20px 0px 10px 0px;
	padding: 0 40px 0 0px;
	text-align: left;
	width: 710px;
}


#content a:hover {
	color: #00ff33;
	background: transparent;
	text-decoration: underline;
}

#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: #00ff33;
    background: transparent;
    text-decoration: none;
}

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

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

#content h3 a:hover {
	color: #00ff33;
	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: #2d5175;
	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: #333;
	height: 50px;
	clear: both;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 10px 0 100px 0;
	text-align: center;
	overflow: hidden;
}

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

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

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

.s {
	background: ffffff;
	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: 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: #ffffff;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	border-bottom: 0;
}

#sidebar li a:hover {
	color: #00ff33;
	background-color: transparent;
	text-decoration: none;
}

#sidebar h2{
	background: inherit;
	color: #00ff33;
	font: 24px 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;
}

.postmetadata {
	background: transparent;
	font-style: italic;
	color: #fff;
	line-height: 1.5em;
	margin: 15px 0 30px 0;
	padding:3px 3px 3px 0px;
	text-align: left;
	clear:both;
}

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

.postmetadata2 {
	background: #999999;
	color: #282828;
	border: 1px solid #383d44;
	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: #000000;
	text-decoration: none;
}

.commentheader {
	background: inherit;
	font-size: 18px;
	font-weight: lighter;
	text-align: left;
	color: #00ff33;
	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: #000000;
	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;
}