/*
Theme Name:  Theme
Theme URI: http://joehowarddesign.com
Description: Super cool custom Wordpress theme
Version: 3.0
Author: Joe Howard
Author URI: http://joehowarddesign.com
Tags: desc
*/

@import "css/reset.css";
@import "css/960.css";


body { font-family:Arial, Helvetica, sans-serif; font-size:69.5%; margin:0px;	padding:0px;	color: #111;	background:#fff url(images/bgbg.png) repeat center top;	text-align:left; }
h1, h2, h3, h4, h5 {	font-weight:lighter; color:#181818; margin:5px 0 10px 0;}
h1 { font-size: 2em;	}
h2 { font-size: 1.8em;	}
h3 { font-size: 1.6em;}
h4 { font-size: 1.4em;}
h5 { font-size: 1.3em;}
p {margin:0;	}
ul {list-style-type:none;	margin:0;	padding:0;}
li {margin:0px;	list-style-type:none;	padding:0px;}
hr {color:#e7e7e7;	border:1px solid #e7e7e7;}
a img { border: none;}
a { color: #a80d12; text-decoration: underline;}
a:hover { text-decoration: none; color: #fa272f; }
strong {font-weight:bolder;}
em {font-style:italic;}
blockquote { padding:10px 10px 20px 120px; font-style:italic; color:#414141; background:url(images/blockquote.png) no-repeat 60px 15px; font-size:110%;}

.clr {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}

.imgrt {float:right; margin:10px; border:1px solid #111;}
.imglft {float:left; margin:10px; border:1px solid #111;}

.right {float:right;}
.left {float:left;}


.alignleft {float:left; margin:0 10px 10px 0;}
.alignright {float:right; margin:0 0 10px 10px;}

.picframe {margin:10px 0 0 5px;}

.logo {margin:0px 0;}

/* typography */

.leadtext {font-size:1.42em;}
.post, .altpost, .main {font-size:1.3em; line-height:1.36em;}
#mainnav {font-size:1.34em; font-weight:bolder;}
.sidebar {font-size:1.1em; line-height:1.34em;}
.copyright {font-size:1.14em;}
#footernav, .testimonial, .sidebarbio {font-size:1.22em;}



/* main divs */

.headwrap {background:#fff;height:120px; margin:0; padding:0;}

.navwrap {height:54px; background:#fff url(images/navbg.png) repeat-x left top;}
.ds {height:6px; background:url(images/ds.png) repeat-x left top;}
.ds2 {height:6px; background:url(images/ds2.png) repeat-x left top;z-index:900; position:relative;}
.leadwrap {background:#8e020f url(images/midhomebg.jpg) no-repeat center top; margin:0 auto; height:480px;}
.pagewrap {background:#8e020f url(images/midhomebg.jpg) no-repeat center top; margin:0 auto; height:60px;}
	.pagetitle h2, .pagetitle h1 {color:#fff; text-shadow:0px 1px 1px #111; font-size:2.1em; margin:14px 0 0 10px;}
	
.leadtext {color:#fff; text-shadow:0px 1px 1px #111; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; margin:10px 10px 0 10px;}
	.leadtext h1, .leadtext h4, .leadtext h5 {color:#fff; }
		.leadtext h1 {line-height:1em; margin:20px 0 15px 0;}
		.leadtext h4 {font-size:1em; margin:15px 0 5px 10px; color:#ccc;}
		.leadtext h5 {margin:15px 20px 0px 30px; color:#fff60c; font-size:1.1em; font-style:italic; }
	.leadtext a {color:#fff; text-decoration:none; border-bottom:1px solid #999;}
.leadimg {margin:20px 0 0 0;}
.cta {clear:both; float:left; margin:30px 0 0 0;}
	.cta img {float:left;}
	.cta h4 {float:left;margin:0 0 10px 5px;}
	.cta a {color:#fff; border-bottom:1px solid #999;}
	
.signup {float:right;font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; margin:9px 0 0 0;}
	.signup h3 {color:#9f0411; text-shadow:0px 1px 2px #ddd; font-size:1.8em;}
	.signup h3 span {font-size:170%; padding:8px 0 0 0;}

.formfieldbox {width:222px; height:32px; background:url(images/signupfieldbg.png) no-repeat left top; overflow:hidden; margin:0px; float:left;}
.formfieldbox input {background:none; border:none; color:#111; font-size:1.4em; height:30px; width:200px; margin:1px 0 4px 8px; color:#333; text-align:left;}
.submitbutton {width:114px; height:34px; margin:0 auto; float:right;}


.content, .container_16 .content {background:#fff; padding:10px 20px; margin-top:-6px; z-index:3;}

.indexcontent {height:600px;}

.sidebar { float:right; margin-right:0; margin-top:20px;}

.footer {padding:10px 20px; background:#a80d12; color:#fff;}
	.footer p {padding:15px 10px;}
		.footer a {color:#ccc;}

.notesimg img {float:right; margin:0; padding:0;}

/* post and listing stuff */
.post {margin:0 0 40px 10px; padding:0; clear:both;}
.post p, .altpost p {margin:10px 0 15px 0;}
.post h1, .post h2, .post h3, .post h4, .post h5 {margin:5px 0;}
.post h1 {}
.post h2, .post h1 {color:#111;font-family: 'Droid Sans', arial, serif;letter-spacing:-0.3pt; line-height:1.2em;}
.post h1 {font-size:2.4em;}
.post h2 {font-size:1.6em;font-weight:bolder;letter-spacing:-0.4pt;border-bottom:1px solid #dedede;text-shadow:0 1px 2px #fff;}
.post h3 {border-bottom:1px dotted #CCCCCC;clear:both;color:#111111;font-size:1.3em;line-height:1.2em;padding:25px 0 15px;}
.post h3 a, .post h3 a:hover {font-weight:bold; text-decoration: underline;}
.post h4 {color:#111;}
.post h5 {color:#111;}
.post ul, .altpost ul {margin:10px 20px;}
.post ul li, .altpost ul li {display:list-item; margin:4px 0; list-style:disc; }
.post ol, .altpost ol {margin:10px 20px;}
.post ol li, .altpost ol li {display:list-item; margin:4px 0; list-style:decimal; }

.post h2 a, .post h3 a {text-decoration: underline;}


.altpost {clear:both; padding:30px 0 0 0; margin:0 0 0 0;}
.altpost h2, .altpost h3, .altpost h4, .altpost h5 {font-weight:bolder;}

.altpost h2 {letter-spacing:-.5pt;}
.altpost h3 {letter-spacing:-.5pt;}
.altpost h4 {border-bottom:1px dotted #CCCCCC;clear:both;color:#111111;font-size:1.3em;line-height:1.2em;padding:25px 0 15px;}
.altpost .noteshome h5 {clear:both;color:#971a0f;font-size:1.4em; font-style:italic;line-height:1.2em;padding:25px 0 10px; float:left;}


.postthumb {float:left; margin:0 10px 0 0;}

.postmeta {margin:5px 0 30px 0; font-size:80%; padding:2px 4px; border-bottom:1px solid #fff;}
.postmeta p {border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;padding:8px 0;}
.postmeta a {color:#666; text-decoration:none;}
.postmeta a:hover {color:#a80d12; text-decoration:underline;}

.post-desc h2 a, .post-desc h2 a:hover {text-decoration:none; font-weight:bolder; font-size:1em;}
.post-desc h2 a {}

.postedon {font-size:85%; margin:4px 0 8px 0; color:#999;}
.postedon a {color:#999;}

.wp-caption {background:#fff; color:#999; font-size:90%;font-style:italic;}



.noteshome {border-bottom:1px dotted #CCCCCC;}

/* widget and sidebar stuff */

h3.widget-title {border-bottom:3px solid #990000;font-size:140%;font-weight:bold;padding:0 0 5px 3px;}

ul.xoxo {margin:0 0 20px 0;}
ul.xoxo li {margin:0 0 20px 0;}

ul.xoxo ul li {border-bottom:1px dotted #CCCCCC;color:#000000;padding:4px;margin:0;}

.testimonial {-webkit-box-shadow: 0px 3px 3px #d3d3d3;-moz-box-shadow: 0px 3px 3px #d3d3d3;box-shadow: 0px 3px 3px #d3d3d3;-webkit-border-radius: 5px;		-moz-border-radius: 5px; background:#efede5; border:2px solid #fff; padding:10px 8px; font-style:italic;}
.bumper_ten {height:10px;}

.testi_name {margin:10px 5px 5px 5px; border-left:3px double #fff; padding-left:5px;font-style:normal; }

.widget_tag_cloud a, .widget_tag_cloud a:hover {text-decoration:none; padding:4px 1px;}
.widget_tag_cloud a {color:#666;}
.widget_tag_cloud a:hover {background:#a80d12; color:#fff;v}

.sidebarbio {font-size:1.1em;margin:0 0 20px;}
.sbimg {float:left; margin:0 4px 0 0;}

.grid_5 .testimonial {margin:30px 0 0 0;}

/***** Nav Menu ********************/

#mainnav {color: #87000b;	margin: 0 auto 0;	padding: 0;	}
#mainnav .wrap {	background: url(images/nav.png);		height: 45px;	margin: 0 auto 0;	}	
#mainnav ul {	float: left;	list-style: none;	margin: 0;	padding:10px 0 0 0;	}	
#mainnav li {	float: left;	list-style: none;	margin: 0;	padding: 0;	}	
#mainnav li a {	color: #87000b;	display: block;	 margin: 0;	padding: 9px 8px 12px 8px;	text-decoration: none;	text-shadow: #fff 1px 1px;	position: relative;	background: url(images/navline.png) no-repeat right;	}
#mainnav li a:hover, #mainnav li a:active {	background: url(images/navhov.png) top;	color: #333333;	text-shadow: #fff 0px 0px;	}
#mainnav li a.sf-with-ul {	padding-right: 20px;	}		
#mainnav li a .sf-sub-indicator {	background: url(images/arrow-down.png);	display: block;	width: 10px;	height: 10px;	text-indent: -9999px;	overflow: hidden;	position: absolute;	top: 19px;	right: 5px;	}	
#mainnav li a:hover .sf-sub-indicator {	background: url(images/arrow-down-hover.png);	}	
#mainnav li li a, #mainnav li li a:link, #mainnav li li a:visited {	background: #F4F4F4;	color: #333333;	width: 138px; 	margin: 0;	padding: 6px 10px 6px 10px;	border-bottom: 1px dotted #CCCCCC;	text-shadow: #FFFFFF 1px 1px;	text-transform: none;	position: relative;	}	
#mainnav li li a:hover, #mainnav li li a:active {	background: #FFFFFF;	color: #333333;	}
#mainnav li li a .sf-sub-indicator, #mainnav li li a:hover .sf-sub-indicator {	background: url(images/arrow-right.png);	top: 10px;	}	
#mainnav li ul {	z-index: 9999;	position: absolute;	left: -999em;	height: auto;	width: 160px;	margin: -5px 0 0 0;	padding: 0;	}
#mainnav li ul a { 	width: 140px;	}
#mainnav li ul a:hover, #mainnav li ul a:active { 	}
#mainnav li ul ul {	margin: -33px 0 0 158px;	}
#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li.sfHover ul ul, #mainnav li.sfHover ul ul ul {	left: -999em;	}
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li.sfHover ul, #mainnav li li.sfHover ul, #mainnav li li li.sfHover ul {	left: auto;	}
#mainnav li:hover, #mainnav li.sfHover { 	position: static;	}
	
	
#footernav {color: #fff;	margin: 0 auto 0;	padding: 0;	border-top:1px dotted #999; width:960px;}
#footernav .wrap {	background: url(images/nav.png);	width: 960px;	height: 45px;	margin: 0 auto 0;	-moz-border-radius-topleft: 10px;	-moz-border-radius-topright: 10px;	-khtml-border-radius: 10px;	-webkit-border-top-left-radius: 10px;	-webkit-border-top-right-radius: 10px;	-webkit-border-bottom-left-radius: 0;	-webkit-border-bottom-right-radius: 0;	}	
#footernav ul {	width: 800px;	float: left;	list-style: none;	margin: 0;	padding:10px 0 0 0;	}	
#footernav li {	float: left;	list-style: none;	margin: 0;	padding: 0;	}	
#footernav li a {	color: #fff;	display: block;	 margin: 0;	padding: 4px 10px 12px 10px;	text-decoration: none;	text-shadow: #111 1px 1px;	position: relative;	background: url(images/navline.png) no-repeat right;	}
#footernav li a:hover, #footernav li a:active {	background: url(images/navhov.png) top;	color: #ccc;	text-shadow: #111 0px 1px;	}
#footernav li a.sf-with-ul {	padding-right: 20px;	}		
#footernav li a .sf-sub-indicator {	background: url(images/arrow-down.png);	display: block;	width: 10px;	height: 10px;	text-indent: -9999px;	overflow: hidden;	position: absolute;	top: 19px;	right: 5px;	}	
#footernav li a:hover .sf-sub-indicator {	background: url(images/arrow-down-hover.png);	}	
#footernav li li a, #footernav li li a:link, #footernav li li a:visited {	background: #F4F4F4;	color: #333333;	width: 138px; 	margin: 0;	padding: 6px 10px 6px 10px;	border-bottom: 1px dotted #CCCCCC;	text-shadow: #FFFFFF 1px 1px;	text-transform: none;	position: relative;	}	
#footernav li li a:hover, #footernav li li a:active {	background: #FFFFFF;	color: #333333;	}
#footernav li li a .sf-sub-indicator, #footernav li li a:hover .sf-sub-indicator {	background: url(images/arrow-right.png);	top: 10px;	}		

	
.social {float:right; margin:18px 0 0 0;}
.social img {float:right; margin:0 5px;}

.footersocial {float:right; padding:12px 0 0 0;}
.footersocial img {float:right; margin:0 5px;}



/* slider stuff */
	
	#page-wrap 									{ margin:0px auto 0 auto; position: relative; min-height: 100px;}

/*
	SLIDER
*/
.slider-wrap								{ width:600px; position: absolute; top: 0px; left: 0px;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 0px 0 0px; }
.stripViewer {height:100px;overflow:hidden;position:relative;width:640px;}
.stripViewer .panelContainer				{ height:120px;left: 0; top: 0; overflow:hidden;
position:relative;}
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 640px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }




.wrapper {margin:0px 0 0 0px;color:#fff;font-size:1.4em;text-shadow:0px 1px 2px #111;}
.wrapper h1 {font-size:1.8em; color:#fff;}
.wrapper ul li {list-style:none;margin:15px 0 5px;line-height:1.1em; padding:5px 0 0 30px;background:url(images/bulletast.png) no-repeat top left;}





#comment {width:100%;}

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:46px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

ol.usercommentlist { list-style:none; margin:0; padding:0; }
ol.usercommentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.usercommentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.usercommentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.usercommentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.usercommentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.usercommentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.usercommentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.usercommentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.usercommentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.usercommentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.usercommentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.usercommentlist li div.reply { color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:46px; }
ol.usercommentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.usercommentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.usercommentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.usercommentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.usercommentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.usercommentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.usercommentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.usercommentlist ul.children li.odd { background:#fff; }
ol.usercommentlist ul.children li.even { background:#f6f6f6; }
ol.usercommentlist li.pingback div.vcard { padding:0 170px 0 0; }




div#register-form {	width: 400px;	overflow: hidden;	height: 230px;	position: relative;	background: #f9f9f9 url(images/secure.png) no-repeat 260px 40px;	font-family: Helvetica Neue, Helvetica, Arial !important;}
div#register-form input[type="text"] {	display: block;	border: 1px solid #ccc;	margin: 5px 20px;	padding: 9px 4px;	-moz-border-radius: 4px;	-webkit-border-radius:4px;	width: 200px;	font-family: Helvetica Neue, Helvetica, Arial !important;}
div#register-form input[type="text"]:hover {	border-color: #b1b1b1;}
div#register-form input[type="text"]:focus {	-moz-box-shadow: 0 0 3px #ccc;	-webkit-box-shadow: 0 0 3px #ccc;}
div#register-form input[type="submit"]#register {	background: url(images/register.jpg) no-repeat;	border: 0;	clear: both;	cursor: pointer;	height: 31px;	overflow: hidden;	position: relative;	left:295px;	text-indent: -9999px;	top:42px;	width:92px;}
div#register-form input[type="submit"]#register:hover {	background-position: 0 -32px;}
div#register-form span {	display: block;	margin-bottom: 22px;}
div#register-form div.title {margin-left:15px}
div#register-form div.title h1,
div#register-form div.title span {text-shadow:1px 1px 0px #fff}
div#register-form div.title h1 {	margin:7px 0;}

p.statement {	position:absolute;	bottom:-2px;	left:10px;	font-size:.9em;	color:#6d6d6d;	text-shadow:1px 1px 0px #fff;}

.cf {margin:5px 0 0 0; height:20px; width:480px; background:#fefefe; border:1px solid #ccc; color:#111; padding:10px;}
.tf { margin:5px 0 0 0; height:160px; width:480px; background:#fefefe; border:1px solid #ccc; color:#111; padding:10px;}