/*  
Theme Name: JoshBlog
Description: A 2 Columns, Widget Ready theme for JoshBlog.<br> Design by WordPressCreations.
Author: WordPressCreations.
*/
* {
	margin: 0;
	padding: 0;
	outline: none;
}
img {
	border: none;
}
a, a:visited {
	text-decoration: none;
}
ul {
	list-style: none outside;
}
body {
	text-align: center;
	background: url('images/josh_22.jpg') repeat center top;
	font: normal 12px/18px verdana, arial, helvetica, sans-serif;
	color: #747474;
	padding: 0 0 50px;
}
#wrap {
	width: 796px;
	margin: 0 auto;
	overflow: hidden;
	background: url('images/josh_25.png') repeat-y center top;
}
* html #wrap {
	background: url('images/josh_25.jpg') repeat-y center top;
}
#header {
	width: 780px;
	overflow: hidden;
	height: 221px;
	margin: 0 auto;
	color: #000;
	text-align: left;
	background: url('images/josh_02.jpg') no-repeat left top;
}
h1 {
	clear: both;
	height: 187px;
	line-height: 65px;
	text-align: center;
	font-size: 20px;
	overflow: hidden;
}
h1 a, h1 a:visited {
	display: block;
	color: #000;
	font: normal 30px/68px verdana, arial;
	position: relative;
	width: 100%;
}
h1 a span {
	display: block;
	width: 780px;
	height: 187px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	cursor: hand;
	background: url('images/josh_02.jpg') no-repeat left bottom;
}
#des {
	font: normal 12px/22px verdana, arial, helvetica, sans-serif;
}
#header ul {
	float: right;
	display: inline;
	height: 34px;
	overflow: hidden;
	padding: 0 1px 0 0;
	font: normal 14px/34px tahoma, verdana, arial, helvetica, sans-serif;
}
#header ul li {
	float: left;
	display: inline;
	background: url('images/josh_03.jpg') no-repeat left top;
	padding: 0 0 0 1px;
}
#header ul li a {
	color: #246FB0;
	float: left;
	height: 34px;
	padding: 0 20px;
}
#header ul li a:hover {
	color: #003F80;
	background: url('images/josh_03.png') repeat-x left top;
}
#searchform {
	float: right;
	width: 204px;
}
#searchform label {
	clear: both;
	font: bold 10px/24px verdana;
	display: block;
	margin: 0 0 3px;
	text-transform: uppercase;
	color: #345886;
}
input#sfr {
	float: left;
	padding: 4px 3px;
	height: 20px;
	width: 151px;
	border: none;
	background: transparent;
	font: normal 10px tahoma;
	background: url('images/josh_06.jpg') no-repeat left top;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	width: 145px;
}
@media all and (min-width: 0px) {
	body #searchform input#sfr { width: 151px; }
	body #searchform input#sfr[id^="sfr"] { width: 145px; }
}
input#ss {
	float: right;
	margin: 0 8px 0 0;
	display: inline;
}
.extra {
	clear: both;
	font-size: 0;
	line-height: 0;
	width: 100%;
	overflow: hidden;
}

/* main content */
#main {
	float: left;
}
#content {
	width: 550px;
	text-align: left;
	overflow: hidden;
}
.apost {
	width: 490px;
	overflow: hidden;
	margin: 30px 10px 30px 40px;
	color: #747474;
}
.postarchive h2,
.postarchive h3,
.apost h2 {
	overflow: hidden;
	font: bold 18px/18px Tahoma;
	color: #2871B2;
	margin-bottom: 10px;
	width: 490px;
	padding-bottom: 8px;
	border-bottom: 3px solid #D8D8D8;
}
.postarchive h2 span,
.postarchive h3 span,
.apost h2 span {
	
}
.postarchive h2 a,
.postarchive h3 a,
.apost h2 a {
	color: #2871B2;
	display: block;
}
.apost h2 a:hover {
	color: #4891D2;
}
.apost span.pauth {
	float: left;
	font: bold 11px/16px Tahoma;
	color: #2871B2;
}
.apost span.pauth span {
	float: left;
	width: 72px;
	margin: 0 10px 0 28px;
	text-align: center;
	font: normal 18px/36px Tahoma;
	color: #2871B2;
}
.apost span.pauth a {
	display: inline;
}
.apost span.ptime {
	float: right;
	font: bold 11px/36px Tahoma;
	text-transform: uppercase;
	text-decoration: underline;
	margin-right: 30px;
}
.apost span.ptime a {
	display: block;
	text-decoration: underline;
	padding: 0 0 0 22px;
}
.apost span.pauth,
.apost span.pauth a,
.apost span.ptime,
.apost span.ptime a {
	color: #2871B2;
}
.apost p,
.apost blockquote {
	color: #747474;
	padding: 5px 0;
	font: normal 11px/18px tahoma;
	text-align: justify;
}
.apost blockquote {
	padding: 10px 40px;
	color: #555;
}
.apost ol,
.apost ul {
	padding: 5px 30px 5px 50px;
	font: normal 11px/18px tahoma;
}
.apost ol {
	list-style: decimal outside;
	margin: 0 0 0 18px;
}
.apost ol a,
.apost ul a {
	font: normal 11px/18px verdana;
	color: #555;
}
.apost ol a:hover,
.apost ul a:hover {
	color: #222;
}
.apost ul li {
	padding: 0 0 0 15px;
	background: url('images/josh_34.jpg') no-repeat left;
}
.innerw {
	clear: both;
	overflow: hidden;
}
.pfoot {
	font: bold 9px verdana;
	color: #345886;
	padding: 0 0 0 360px;
	background: url('images/josh_21.jpg') no-repeat left;
}
.pfl,
.pfr {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/josh_32.jpg') no-repeat left;
}
.pfr {
	background: url('images/josh_33.jpg') no-repeat left;
}
.pfoot a,
.pfoot a:visited {
	color: #345886;
	font-weight: bold;
}
.pfoot a:hover {
	color: #446896;
}
.postarchive {
	clear: both;
	font-size: 11px;
	margin: 10px 0 0 40px;
	width: 100%;
}
.postarchive a {
	color: #2C2C2C;
}
.postarchive a:hover {
	color: #5C5C5C;
}
.postarchive ul, .postarchive ol, .postarchive p, .postarchive blockquote {
	margin: 5px 30px;
}
#srel,
.postarchive #linklist,
.apost .subh,
.postarchive .atitle {
	font: bold 18px/34px tahoma;
	color: #2C2C2C;
	margin: 0;
}
#srel a,
.postarchive #linklist a,
.apost .subh a,
.postarchive .atitle a {
	color: #747474;
}
#srel a:hover,
.postarchive #linklist a:hover,
.apost .subh a:hover,
.postarchive .atitle a:hover {
	color: #949494;
}
p.nopost {
	font: normal 11px/18px tahoma;
	margin: 10px 0;
}
p.nopost a {
	color: #2C2C2C;
}
p.nopost a:hover {
	color: #5C5C5C;
}
.lead {
	clear: both;
	overflow: hidden;
	font: normal 11px tahoma;
	color: #2C2C2C;
	text-align: left;
	padding: 0 20px;
	margin: 10px 0 10px 30px;
}
.lead a {
	color: #2C2C2C;
}
.lead a:hover {
	color: #5C5C5C;
}
.lead .ppre {
	float: left;
}
.lead .ppre a {
	
}
.lead .pnex {
	float: right;
}
.lead .pnex a {
	
}

/* sidebars */
#sidebar-one {
	float: right;
	width: 209px;
	margin: 10px 18px 0 0;
	display: inline;
	text-align: left;
	font: normal 11px/18px tahoma;
}
#sidebar-one h2 {
	clear: both;
	color: #345886;
	font: bold 10px/24px verdana;
	height: 24px;
	padding: 10px 0 0 5px;
	border-bottom: 3px solid #97B6D4;
	text-transform: uppercase;
	background: url('images/') no-repeat left top;
}
#sidebar-one ul {
	padding: 0 0 10px;
	background: url('images/') no-repeat center bottom;
}
#sidebar-one ul li {
	padding: 5px 10px;
	border-bottom: 1px solid #D8D8D8;
}
#sidebar-one ul li a {
	padding: 0 0 0 15px;
	color: #434343;
	background: url('images/josh_13.jpg') no-repeat left;
}
#sidebar-one ul li a:hover {
	color: #636363;
	background: url('images/josh_13.jpg') no-repeat left;
}
#sidebar-one ul li ul {
	padding: 0;
	margin: 5px 0 10px 22px;
}
#sidebar-one a {
	color: #434343;
} 
#sidebar-one a:hover {
	color: #5C5C5C;
}
.none {
	display: none;
}



/* comment */
#cmw {
	padding: 0 35px 0 55px;
	text-align: center;
	font: normal 11px/18px tahoma;
}
#cmbox {
	clear: both;
	text-align: left;
}
#cmbox  a {
	color: #747474;
}
#cmbox  a:hover {
	color: #949494;
}
.nocomments {
	font-size: 11px;
}
#commentform {
	padding: 10px 0;
}
#commentform input,
#commentform textarea {
	padding: 2px 3px;
	color: #747474;
}
#author,
#email,
#url,
#comment {
	width: 221px;
	height: 24px;
	display: block;
	border: solid #C3C3C3;
	border-width: 2px 1px 1px;
	font-family: tahoma;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 218px;
	height: auto;
}
#commentform textarea#comment {
	width: 300px;
	min-height: 158px;
}
* html #commentform textarea#comment {
	height: 152px;
}
#commentform input#submit {
	border: none;
	padding: 0;
}
#commentform label {
	font-size: 11px;
	color: #747474;
}
#commentform p {
	padding-bottom: 10px;
}
.commentlist {
	list-style: none outside;
}
.commentlist li {
	border-bottom: 1px dotted #555;
	margin: 0 0 15px;
}
.commentlist li p {
	padding: 8px 0 10px;
	clear: both;
	font-size: 11px;
	text-align: justify;
	text-indent: 5px;
}
.commentlist li em {
	font-size: 11px;
}
span.cauth {
	float: left;
	font-size: 11px;
}
span.cauth a {
	font-size: 11px;
}
span.cauth em {
	font-size: 10px;
}
span.cdate {
	float: right;
	font-size: 11px;
}
h3#respond,
h3#comments {
	font-size: 11px;
	color: #646464;
	padding: 5px 0 10px;
}

/* footer */
#footer {
	clear: both;
	width: 796px;
	margin: 0 auto;
	height: 120px;
	background: url('images/josh_31.png') no-repeat right top;
}
* html #footer {
	background: url('images/josh_31.jpg') no-repeat right top;
}
#footer div {
	width: 100%;
	height: 100%;
	background: url('images/josh_28.png') no-repeat left top;
}
* html #footer div {
	background: url('images/josh_28.jpg') no-repeat left top;
}
#footer div div {
	width: 778px;
	margin: 0 auto;
	background: url('images/josh_29.png') repeat-x center top;
}
* html #footer div div {
	background: url('images/josh_29.jpg') repeat-x center top;
}