body {
	background-image: url(images/bg.jpg);
	margin: 0px;
font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 

	font-size: 14px;
}

div#header {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/coffee.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 110px;
	}
	
div#logo {
	width: 490px;
	height: 70px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
div#logo h1 {
	text-align: center;
	font-size: 1.1em;
	color: #695c44;
	text-transform: uppercase;
	letter-spacing: .1em;
	}
	
div#logo p span a {
	width: 485px;
	height: 64px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/simpletastic.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	}
	
div#logo p span a:hover {
	background-position: 0 -66px;
	}
	
div#footer {
	width: 100%;
	height: 150px;
	background-image:url(http://www.webpepper.org/wp-content/themes/Starkers/images/footer.png);
	background-repeat:no-repeat;
	background-position: center;
	height: 150px;
	clear: both;
	padding-right: 3em;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 1em;
	padding-left: 3em;
	padding-top: 1em;
	text-align: center;
	}
	
div#content {
	width: 960px;
	margin: 0 auto;
}

div#navigation {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	width: 960px;
	padding-left: 0px;
	}
	
	
div#main {
	float: left;
	width: 600px;
}

div.single-post {
	width: 560px;
	-webkit-border-top-left-radius: 1em 1em;
	-webkit-border-top-right-radius: 1em 1em;
	-moz-border-radius-topleft: 1em 1em;
	-moz-border-radius-topright: 1em 1em;
	-webkit-border-bottom-left-radius: 1em 1em;
	-webkit-border-bottom-right-radius: 1em 1em;
	-moz-border-radius-bottomleft: 1em 1em;
	-moz-border-radius-bottomright: 1em 1em;
	padding-top: 1.5em;
	padding-right: 3em;
	padding-bottom: 3em;
	padding-left: 3em;
	background-color: #fff;
	margin-bottom: 20px;
	}	
div#search {
	width: 262px;
	float: right;
	-webkit-border-top-left-radius: 1em 1em;
	-webkit-border-top-right-radius: 1em 1em;
	-moz-border-radius-topleft: 1em 1em;
	-moz-border-radius-topright: 1em 1em;
	-webkit-border-bottom-left-radius: 1em 1em;
	-webkit-border-bottom-right-radius: 1em 1em;
	-moz-border-radius-bottomleft: 1em 1em;
	-moz-border-radius-bottomright: 1em 1em;
	padding-top: 0em;
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	background-color: #fff;
}
div#widget {
	width: 262px;
	float: right;
	-webkit-border-top-left-radius: 1em 1em;
	-webkit-border-top-right-radius: 1em 1em;
	-moz-border-radius-topleft: 1em 1em;
	-moz-border-radius-topright: 1em 1em;
	-webkit-border-bottom-left-radius: 1em 1em;
	-webkit-border-bottom-right-radius: 1em 1em;
	-moz-border-radius-bottomleft: 1em 1em;
	-moz-border-radius-bottomright: 1em 1em;
	padding-top: 0em;
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	background-color: #fff;
	margin-top: 20px;
}






/* TABS TEST **********************************************************/
#tabs {
	float:left;
	width:100%;
	line-height:normal; /*margin between menu and rest of page*/
	overflow:hidden;
	margin-left: 1em;
	margin-top: 3em;
	margin-bottom: 0px;
	}
	
#tabs ul {
	margin:0;
	list-style:none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	margin:0;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 16px;
	}
	
#tabs a span.nav {
	float:left;
	display:block;
	color:#90300C;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-left: 10px;
	-webkit-border-top-left-radius: .5em .5em;
	-webkit-border-top-right-radius: .5em .5em;
	-moz-border-radius-topleft: .5em .5em;
	-moz-border-radius-topright: .5em .5em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #900;
	font-size: 18px;
	margin-top: 5px;
	margin-right: 15px;
	font-weight: bold;
	}	
	
#tabs a span#home {
	float:left;
	display:block;
	text-indent: -9999px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 2px;
	padding-left: 25px;
	background-image:url(images/home-hover.png);
	font-weight: bold;
	font-size: 24px;
	margin-top: 5px;
	background-repeat: no-repeat;
	margin-right: 15px;

	}
#tabs a:hover span#home {
	background-image:url(images/home.png);
}
	
#tabs a span.nav {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span.nav {
	color:#C2312C;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #900;
	}

#tabs a:hover {
	color:#fff;
	}
	
div#container-outer {
	background-image: url(images/bg-container.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e8f5f5;
	}
	
.postheader a {
	color: #90300C;
	text-decoration: none;
	font-size: 24px;
	padding: 0px;
}
.single-post .postdetails {
}
.single-post .postdetails {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #91bbca;
	border-bottom-color: #91bbca;
	width: 500px;
}
.postdetails .postdetailtext {
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	font-style: normal;
	color: #666;
	font-size: 14px;
}
.postdetails a .postdetaillink {
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	color: #90300C;
	text-decoration: none;
	font-size: 14px;
}
.postdetails a:hover .postdetaillink {
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	color: #C2312C;
	text-decoration: none;
	font-size: 14px;
}
#content #social {
	width: 200px;
	height: 50px;
	float: right;
	margin-bottom: 0.5em;
	padding-top: 0em;
	padding-right: 3em;
	padding-bottom: 0em;
	padding-left: 4em;
	text-align: center;
}


#social a {
	float:left;
	margin:0;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
#social span {
	float:left;
	display:block;
	color:#2dc0cd;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	font-weight: bold;
	width: 32px;
	padding-top: 16px;
	padding-bottom: 16px;

}
#social li {
	display:inline;
	margin:0;
	padding:0;
}
#social ul {
	margin:0;
	list-style:none;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0px;
}
#rss a span {
	background-image: url(images/rss_32-hover.png);
	background-repeat: no-repeat;
}

#facebook a span {
	background-image: url(images/facebook_32-hover.png);
	background-repeat: no-repeat;
}

#flickr a span {
	background-image: url(images/flickr_32-hover.png);
	background-repeat: no-repeat;
}

#twitter a span {
	background-image: url(images/twitter_32-hover.png);
	background-repeat: no-repeat;
}
#posts .single-post p {
	word-spacing:2px;
	color: #333;
	font-size: 15px;
}
#posts .single-post a {
	text-decoration: none;
}
#posts .single-post a img {
	max-width: 540px;
	padding: 9px;
	border: 1px dashed #91bbca;
	background-image: url(images/bg.jpg);
}
#posts .single-post img {
	max-width: 540px;
	padding: 9px;
	border: 1px dashed #91bbca;
	background-image: url(images/bg.jpg);
}
#posts .single-post img.post-image {
	max-width: 560px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-left: none;
	border-right: none;
	border: 1px solid #91bbca;
	background-image: url(images/bg.jpg);
}
#posts .single-post img.about-peter {
	max-width: 560px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: none;
	background-image: none;
}
h2 {
	color: #3b3a37;
}
h3 {
	color: #3b3a37;
}
h4 {
	color: #3b3a37;
}
h5 {
	color: #3b3a37;
}
#posts .single-post h3 a {
	font-size: 18px;
	color: #3b3a37;
}
#searchform label .search-icon {
	text-indent: -9999px;
	display: block;
	width: 25px;
	height: 26px;
	background: url(images/icon-search.png) no-repeat;
	float: left;
	display: inline;
	margin: 0 -2px 0 0;
	border: 1px solid #c73930;

}
#search #searchform input {
	background: url(images/bg-input.png) repeat-x;
	float: left;
	display: inline;
	border: 1px solid #c73930;
	font-size: 14px;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	z-index: 1;
	line-height: 18px;
	height: 18px;
	width:225px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#search #searchform input.btn {
	background: none;
	border: none;
	padding: 0;
	margin: 1px 0 0 6px;
	height: auto;
	visibility:hidden;
}
#widgets h3 {
	color: #3B3A37;
	text-align: center;
	font-size: 18px;
}
#widgets h4 {
	padding-top:0px;
	padding-bottom:5px;
	margin:0px;
	text-align: center;
}

#posts .single-post h2 a {
	color: #3b3a37;
}
#content #footer a {
	color: #3B3A37;
	text-decoration: none;
	font-size: 14px;
}
#footer span {
	color: #3B3A37;
	font-size: 12px;
}

/* TEST ********************************************************************************/
.postheaderbox .comments {
	float: right;
	width: 40px;
	height: 40px;
	background-color: #c73930;
	padding: 5px;
	-webkit-border-top-left-radius: .5em .5em;
	-webkit-border-top-right-radius: .5em .5em;
	-moz-border-radius-topright: .5em .5em;
	-webkit-border-bottom-left-radius: .5em .5em;
	-webkit-border-bottom-right-radius: .5em .5em;
	-moz-border-radius-bottomleft: .5em .5em;
	-moz-border-radius-bottomright: .5em .5em;
	border: 1px solid #a50d12;
	font-size: 36px;
	color: #F7F4E5;
	text-align: center;
}
.postheaderbox .comments a {
	color: #F7F4E5;
	text-decoration: none;
}
.postheaderbox .comments a {
	color: #F7F4E5;
	text-decoration: none;
}
#container-outer #content #widgets #widget ul li {
	display: block;
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #91bbca;
}
#container-outer #content #widgets #widget ul {
	padding-right: 0px;
	padding-left: 0px;
}
#container-outer #content #widgets #widget ul li a {
	color: #90300c;
	text-decoration: none;
}
#widgets #widget a img {
	border: 1px solid #91bbca;
}
#widgets #widget a:hover img {
	border: 1px solid #90300c;
}
#widgets #widget img {
	border: 1px solid #91bbca;
	max-width: 260px;
	margin-bottom:10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#widgets #widget a img.right125ad {
	margin-left: 5px;
}
#posts .single-post #respond #commentform input#url {
	background: url(images/bg-input.png) repeat-x;
	display: inline;
	border: 1px solid #609799;
	font-size: 14px;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	z-index: 1;
	line-height: 18px;
	height: 18px;
	width:225px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#posts .single-post #respond #commentform input#author {
	background: url(images/bg-input.png) repeat-x;
	display: inline;
	border: 1px solid #609799;
	font-size: 14px;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	z-index: 1;
	line-height: 18px;
	height: 18px;
	width:225px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}#posts .single-post #respond #commentform input#email {
	background: url(images/bg-input.png) repeat-x;
	display: inline;
	border: 1px solid #609799;
	font-size: 14px;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	z-index: 1;
	line-height: 18px;
	height: 18px;
	width:225px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#respond #commentform .comment-form-comment #comment {
	background: url(images/bg-input.png) repeat-x;
	display: inline;
	border: 1px solid #609799;
	width:500px;
	background-color:#FFF;
	font-size: 14px;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	z-index: 1;
	line-height: 18px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#posts .single-post #respond {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #91bbca;
	margin-top: 0px;
}
#container-outer #content #main #posts {
	min-height:1500px;
}
#container-outer #content #main #posts .single-post p a {
	color: #90300C;
	text-decoration: none;
}
#container-outer #content #main #posts .single-post p a:hover {
	color: #C73930;
	text-decoration: none;
}
#posts .single-post .postdetails a {
	color: #90300C;
	text-decoration: none;
}
#posts .single-post .postdetails a:hover {
	color: #C73930;
	text-decoration: none;
}

#posts .single-post #respond #commentform label {
	display: block;
}
#posts .single-post #comments ol li {
	list-style-type: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #91bbca;
}
#posts .single-post #comments ol {
	padding: 0px;
}
#container-outer #content #main #posts .single-post #comments ol li img {
	padding: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}
#container-outer #content #main #posts .single-post #comments ol li .comment-body p .wp-smiley {
	clear: none;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-image: none;
	margin: 0px;
}
#container-outer #content #main #posts .single-post #comments ol li .comment-body {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #DBE5DA;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px dashed #91bbca;
}
#container-outer #content #main #posts .single-post #comments ol li a {
	color: #90300C;
	text-decoration: none;
}
#container-outer #content #main #posts .single-post #comments ol li a:hover {
	color: #C73930;
	text-decoration: none;
}
#container-outer #content #main #posts .single-post #comments ol li cite {
	font-size: 24px;
}
#container-outer #content #main #posts .single-post #comments ol li .says {
	visibility: hidden;
}
#container-outer #content #main #posts .single-post #comments ol li .comment-author.vcard {
	margin-top: 5px;
}
#container-outer #content #main #posts .single-post #comments {
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #91bbca;
}
#container-outer #content #main #posts .single-post .postedin {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 500px;
	margin-bottom: 10px;

}
#container-outer #content #main #posts .single-post .postedin {
	color: #666;
}
#container-outer #content #main #posts .single-post .postedin a {
	color: #90300C;
	
	text-decoration: none;
}
#container-outer #content #main #posts .single-post .postedin a:hover {
	
	color: #C73930;
	text-decoration: none;
}
#container-outer #content #main #posts .single-post .continue-reading {
	height: 20px;
	width: 170px;
	padding: 7px;
	background-color: #DBE5DA;
	-webkit-border-top-left-radius: .5em .5em;
	-webkit-border-top-right-radius: .5em .5em;
	-moz-border-radius-topleft: .5em .5em;
	-webkit-border-bottom-left-radius: .5em .5em;
	-webkit-border-bottom-right-radius: .5em .5em;
	-moz-border-radius-bottomleft: .5em .5em;
	-moz-border-radius-bottomright: .5em .5em;
	border: 1px solid #91bbca;
	text-align: center;
	font-size: 18px;
}
#container-outer #content #main #posts .single-post .continue-reading a {
	color: #90300C;
	text-decoration: none;
}
#container-outer #content #main #posts .single-post .continue-outer {
	height: 32px;
	margin-bottom: 20px;
}


#posts .single-post #contactForm #contactName {
	background: url(images/bg-input.png) repeat-x;
	display: inline;
	border: 1px solid #609799;
	font-size: 14px;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	z-index: 1;
	line-height: 18px;
	height: 18px;
	width:225px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#posts .single-post #contactForm #email {
	background: url(images/bg-input.png) repeat-x;
	display: inline;
	border: 1px solid #609799;
	font-size: 12px;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	color: #705e4b;
	z-index: 1;
	line-height: 18px;
	height: 18px;
	width:225px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#posts .single-post #contactForm #topic {
	background: url(images/bg-input.png) repeat-x;
	display: inline;
	border: 1px solid #609799;
	font-size: 14px;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif; 
	z-index: 1;
	line-height: 18px;
	height: 18px;
	width:225px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#posts .single-post #contactForm #commentsText {
	background: url(images/bg-input.png) repeat-x;
	display: inline;
	border: 1px solid #609799;
	width:500px;
	background-color:#FFF;
	font-size: 12px;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, Arial, sans-serif;
	color: #705e4b;
	z-index: 1;
	line-height: 18px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#posts .single-post #contactForm #contacterror {
	color:#f7f4e5;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #a50d12;
	background-color:#c73930;
	-webkit-border-top-left-radius: .5em .5em;
	-webkit-border-top-right-radius: .5em .5em;
	-moz-border-radius-topleft: .5em .5em;
	-moz-border-radius-topright: .5em .5em;
	-webkit-border-bottom-left-radius: .5em .5em;
	-webkit-border-bottom-right-radius: .5em .5em;
	-moz-border-radius-bottomleft: .5em .5em;
	-moz-border-radius-bottomright: .5em .5em;
}
#posts .single-post #getincontact {
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #91bbca;
}
