/*
Theme Name: JH
Theme URI: http://joehowarddesign.com.com
Description: Unlock the Hidden Job Market Theme by Joe Howard Design
Version: 2 (WP2.8.4)
Author: Joe Howard
Author URI: http://joehowarddesign.com
Tags: Blue, White, Clean, 2 Column
*/

/* colors used 

blue 0372a9
green 59b313
yellow ffcd03

dark blue 032d46
*/

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


body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(style/images/headerbg.jpg) repeat-x center top;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
color:#111111;
}

h1, h2, h3, h4, h5, h6 {font-weight:bolder; color:#292929;}
h1 {font:normal 1.844em/1.364em;}
h2 {font:normal 1.684em/1.364em;}
h3 {font:normal 1.584em/1.364em;}
h4 {font:normal 1.444em/1.364em;}
h5 {font:normal 1.324em/1.364em;}
h6 {font:normal 1.284em/1.264em;}

p {font:normal 1.244em/1.264em;}
a, a:hover {text-decoration:underline;}
a { color:#0372a9;}
a:hover {color:#111; }
strong {font-weight:bolder;}
em {font-style:italic;}



.grey80 {color:#666666;}
.five {margin:0 5px;}
.clr {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}
.sml {font-size:80%;}
.right {float:right;}
.d80 {font-size:80%; }

#bodywrap {background:url(style/images/headerwlockbg.jpg) no-repeat center top; height:100%;}
#content {width:960px; margin:0 auto;}


/* header stuff */


/* navigation */


#nav1 {width:960px; height:40px;	font-size: 1.3em;	text-transform:uppercase;	height: 37px;}
#nav1 ul.sf-menu li {	position: relative;	background: url(images/nav1-sep.gif) no-repeat right top;	float: left;	line-height: 37px;	padding: 0 1px 0 0;	text-align: center;}
#nav1 ul.sf-menu li a {	color: #ffcd03;	display: block;	position: relative;	float: left;	text-decoration: none;	cursor: pointer;margin:5px 1px;padding:3px 8px;}
#nav1 ul.sf-menu li a:hover {	text-decoration: none;	background: #FEFEFE;	color:#0372a9;}
#nav1 ul.sf-menu li ul.children {border-bottom:1px solid #ccc;	background: #0372a9 url(images/ul_children_bg.gif) repeat-y top right;}
#nav1 ul.sf-menu li ul.children li {	background: url(images/ul_children_li_bg.gif) no-repeat bottom right;}
#nav1 ul.sf-menu li ul.children li a {	color: #ffffff;	text-decoration: none;	display:block;}
#nav1 ul.sf-menu li ul.children li a:hover {	text-decoration: none;	background: none;}
#nav1 ul.sf-menu li ul.children li ul.children {	border: 1px solid #000000;	border-left: none;	background: #272726 url(images/ul_children_ul_children_bg.gif) repeat-y top left;}
#nav1 ul.sf-menu li ul.children li ul.children li {	background: url(images/ul_children_li_bg.gif) no-repeat bottom right;}#nav1 ul.sf-menu li ul.children li ul.children a {	color: #bebebe;	text-decoration: none;}
#nav1 ul.sf-menu li ul.children {	margin:5px 0 0 0;}
#nav1 ul.sf-menu li ul.children ul.children {	margin:-1px 0 0 27px;}


/* layout stuff */

#col1 {float:left; width:590px; margin:40px 20px 0 0; }
#col2 {float:right; width:350px; margin:100px 0 0 0;}

/* home page stuff */

#homelead {}
#homelead h1 {font-size:2.82em; font-weight:bolder;}
#homelead h2 {font-size:2.12em; font-weight:bolder;}
#homelead h3, #homelead h4, #homelead h5, #homelead h6 {font-size:1.544em;}
#homelead p {margin:15px 0; font-size:1.342em; line-height:1.54em;}
#homelead ul, #homelead ol {display:list-item; list-style:none;}
#homelead ol li {display:list-item; list-style:none; background:url(style/images/bluecheck.gif) no-repeat left top; padding:0px 0 0 25px; margin:20px 0 4px 0; font-weight:bolder; font-size:1.544em; color:#032d46;}
#homelead ul li {display:list-item; list-style:none; margin:4px 0 0 25px; font-weight:normal; font-size:1.322em;}
#homelead h1 {}

.hlinks {margin:20px 0 40px 0;}
.hlinks img {margin:0 6px 0 0; float:left;}

.obg {height:37px; width:590px; background:url(style/images/obg.jpg) no-repeat left top; overflow:hidden;}
.bposts {margin:60px 0;}
.bposts ul {}
.bposts ul li {list-style:none; display:list-item; margin:10px 0 10px 0px; clear:both; border-bottom:1px solid #ccc; padding:0 5px; height:60px; overflow:hidden;}
.bposts h3 {font-size:2.844em; float:left; margin:2px 0px 8px 10px; font-weight:lighter; letter-spacing:-.03pt; color:#ffffff}
.bposts ul li h4 {font-size:1.584em; line-height:1.044em; font-weight:bolder; letter-spacing:-.03em; margin:4px 0 5px 0;}
.bposts img {float:left;margin:3px 0 0 5px; }
.bposts ul li img {float:left; margin:0 10px 0 0; padding:3px; border:1px solid #ccc;}
.bposts ul li a, .bposts ul li a:hover {text-decoration:none;}
.bposts ul li a {}
.bposts ul li a:hover {}

.bimg {width:60px; height:50px; float:left;}
.btitle {}
.btitle h4 {}
.btitle p {font-size:1em;}

.bios h3 {font-size:1.644em; color:#757575;}

.biocol {float:left;margin:0 25px 0 0;width:270px;}
.biocol h4 {font-size:1.444em; margin:5px 0;}
.biocol img {float:left; padding:3px; border:1px solid #ccc; margin:0 10px 0 0;}
.biocol p {font-size:1.244em; line-height:1.344em;}

/* misc stuff */

.aboutus, .contactus {width:270px; margin:0 20px 0 0; float:left; overflow:hidden; }
.aboutusimg {width:270px; height:375px; overflow:hidden;}



/* sidebar / widget stuff */

#cover, #download, #newslogos {margin:20px 0;}

.testimonial {width:350px; margin:40px 0 40px 0;}
.testimonial h4 {color:#005e9c; font-weight:bolder; font-size:1.344em; text-transform:uppercase; margin:0 0 4px 20px;}
.quote {background:url(style/images/quotebg.gif) no-repeat center top; margin:0; padding:6px; font-style:italic; font-size:1.244em; line-height:1.344em;}
.quote span {font-size:140%; font-weight:lighter; font-style:italic; margin:4px;font-family:Georgia, "Times New Roman", Times, serif; color:#333333; }


.quotebtm {background:url(style/images/quotebotbg.gif) no-repeat center top; margin:0; padding:0; height:7px;}
.attr {padding:6px 0 0 50px; font-style:italic; font-weight:bolder; background:url(style/images/quotetail.gif) no-repeat top left; font-size:1.244em;}

#download p {margin:5px 0 5px 60px; font-size:1.164em; font-weight:bolder; color:#333333; text-transform:uppercase;}

h3.reviewed {font-size:1.344em;margin:40px 0 4px;}
.slideshow {height:200px;margin:0 0 20px;overflow:hidden;width:350px;}

h3.widget-title {color:#111; font-weight:bolder; font-size:1.344em; text-transform:uppercase; margin:0 0 4px 20px;}

.widget ul {margin:0px 0 15px 20px;}
.widget ul li {background:#f9f9f9 none repeat scroll 0 0;border:1px solid #f2f2f2;font-size:1.244em;margin:5px 0;padding:5px;}
.widget ul li ul {}
.widget ul li ul li {margin:6px 0;}
.widget ul li a {text-decoration:none; font-weight:bolder;}


/* post stuff */

.post {margin:0 0 40px 0; }
.post h1 {font-size:2.82em; font-weight:bolder;}
.post h2 {font-size:2.12em; font-weight:bolder; margin:0 0 20px 0;}
.post h2 a, .post h2 a:hover {text-decoration:none;}
.post h2 a {color:#0372a9;}
.post h2 a:hover {color:#111; border-bottom:1px solid #111;}
.post h3 {font-size:1.9em; font-weight:bolder;}
.post h4 {font-size:1.7em; font-weight:bolder;}
.post h5 {font-size:1.6em;font-weight:normal;}
.post h6 {font-size:1.34em; font-weight:normal;}
.post p {margin:15px 0; font-size:1.342em; line-height:1.54em;}
.post blockquote {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; margin:20px;}

.post ol {margin:10px 0 0 10px;}
.post ol li{list-style:decimal; margin:5px 10px; font-size:1.342em; line-height:1.54em;}
.post ol ol {}
.post li ol li {list-style:lower-alpha;}

.post ul {margin:10px 0 0 10px;}
.post ul li{list-style:disc; margin:5px 10px; font-size:1.342em; line-height:1.54em;}
.post ul ul {}
.post li ul li {list-style:lower-alpha;}

.postTitle {font-size:2.4em; margin:5px 0 20px 0; font-family:Arial, Helvetica, sans-serif; }

/* blog post stuff */

.postBlog {margin:0 0 20px 0; border:2px solid #f7f7f7; background:#fff; padding:10px;}
.postBlog img {float:left; margin:0 20px 10px 0; padding:3px; border:1px solid #111;}
.postByline {margin:2px 0; font-size:.88em;}
.postBlog h1 {font-size:2.82em; font-weight:bolder;}
.postBlog h2 {font-size:2.02em; font-weight:bolder; margin:0;}
.postBlog h2 a, .postBlog h2 a:hover {text-decoration:none;}
.postBlog h2 a {color:#0372a9;}
.postBlog h2 a:hover {color:#111; border-bottom:1px solid #111;}
.postBlog h3 {font-size:1.9em; font-weight:bolder;}
.postBlog h4 {font-size:1.7em; font-weight:bolder;}
.postBlog h5 {font-size:1.6em;font-weight:bolder;}
.postBlog h6 {font-size:1.54em; font-weight:bolder;}
.postBlog p {margin:1px 0 10px 0; font-size:1.342em; line-height:1.54em;}
.postBlog blockquote {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; margin:20px;}

.postBlog ol {margin:10px 0 0 10px;}
.postBlog ol li{list-style:decimal; margin:5px 10px; font-size:1.342em; line-height:1.54em;}
.postBlog ol ol {}
.postBlog li ol li {list-style:lower-alpha;}

.postBlog ul {margin:10px 0 0 10px;}
.postBlog ul li{list-style:disc; margin:5px 10px; font-size:1.342em; line-height:1.54em;}
.postBlog ul ul {}
.postBlog li ul li {list-style:lower-alpha;}

.post-date{float: right;display: inline;margin: 0 0px 0 0;width:48px;height:48px;text-align:center;background:#ffcd03;}
.month {color:#0372a9; font-size:1.48em; font-weight:bolder; letter-spacing:-.3pt; margin:5px 0 0px 0; text-transform:uppercase}
.day {color:#111; font-size:1.84em; font-weight:bolder;}

.blogEx {float:right; width:430px;}
.blogEx a, .blogEx a:hover {padding:3px 8px; text-decoration:none;}
.blogEx a {background:#032d46; color:#fff; border:1px solid #ccc;}
.blogEx a:hover {background:#fff; color:#032d46; border:1px solid #fff;}

/* comment stuff */


.wpcf7-form {margin:20px 0 80px 0;}
.wpcf7-form p {margin:0;}
.wpcf7-form-control-wrap select {width:400px; padding:2px 5px; height:24px; }
.wpcf7-form-control-wrap input {height:14px;padding:2px 5px; margin:2px 0;
width:200px;}
.wpcf7-form-control-wrap .your-message {width:205px;padding:2px 5px;}
.wpcf7-form-control-wrap textarea {width:205px;padding:2px 5px;}



/* footer stuff */


#footerbg {background:#FFFFFF url(style/images/headerbg.jpg) repeat-x center bottom; height:60px; margin:40px 0 0 0;}
#footer {width:960px; margin:0px auto; padding:20px 0 0; color:#fff; font-size:1.2em;}
#footermenu {}
#footermenu ul {}
#footermenu ul li {float:left; display:block; list-style:none; margin:0 8px 0 0;}
#footermenu ul li a, #footermenu ul li a:hover {text-decoration:none; font-size:1.04em; font-weight:bolder;}
#footermenu ul li a {color:#ffcd03;}
#footermenu ul li a:hover {border-bottom:1px solid #ffcd03; color:#fff;}

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

#footer img {float:right; margin:0 0 0 5px;}

.frt {float:right; width:160px;}
.frt img {float:right;}
.frt p {margin:0; padding:0; font-size:80%; text-align:right;}



#toc {}
ol#toc {margin:0 0 0 0;}
ol#toc h5 {font-size:1.2em; margin:10px 0; float:left; color:#0372a9;}
ol#toc li {margin:5px 0 5px 40px; clear:both; float:left;}
ol#toc p {float:right; margin:8px 20px 0 10px; font-size:1.14em;}




/* comment stuff */	

#comments {color:#111111; font-size:1.3em; width:550px; background:#ffffff;   padding:10px 10px 0 10px; margin:80px 0 20px 0px;}
#comments p {color:#111;}
#commentnumber h3 {}
.avatar img {float:left;}
#respond {color:#0372a9; margin:10px; }
#commentform {}
#comment {}
#commentsplace {color:#111111; width:550px; background:#ffffff;  border:10px solid #e2e2e2; margin:80px 0 20px 0;}
#commentsplace p {color:#111;}

ol.commentlist {margin:0;padding:0;}
.commentlist li {list-style:none;margin-bottom:14px;}
.commentlist cite {padding: 14px 8px;display:block;font-style:normal;border-top:1px dotted #181919;color:#eee;}	
.commentlist a:link, .commentlist a:visited {color:#0372a9;}
.commentlist a:hover, .commentlist a:active {color:#ccc;}


/* comments */


.comments-template {	margin: 10px 0 0;	border-top: 1px solid #ccc;	padding: 10px 0 0;}
.comments-template ol{	margin: 0;	padding: 0 0 15px;	list-style: none;}
.comments-template ol li {	margin: 10px 0 0;	line-height: 18px;	padding: 5px 10px;	border-bottom: 1px solid #ccc; font-size:1.24em; line-height:1.38em;}
.comments-template h2, .comments-template h3{	font-family:Arial, Helvetica, sans-serif;	font-size: 1.4em;}
.commentmetadata{	font-size: 1.2em;}
.comments-template p.nocomments{	padding: 0;}
.comments-template input {border:1px solid #333; margin:10px 10px 0 0; padding:2px 5px 0 5px; height:24px; width:290px;}
.comments-template label {font-size:1.24em;}
.comments-template textarea{	font-family:Arial, Helvetica, sans-serif;	font-size: 1.24em; margin:10px 0; padding:3px; line-height:1.24em; width:590px; height:200px; border:1px solid #333;}
#submit input {width:200px; border:2px solid #999;}

.commentmetadata {margin:10px 0; font-size:.9em;}
.comments-template p {margin:8px 0;}

li.alt {background:#cecece;}

/* comments form */

div#replyform {color:#111; margin:10px; font-size:1.2em;}
div#replyform label {font-size:90%;}
div#replyform #author, div#replyform #email, div#replyform #url {height:22px; width:240px; padding:4px 6px; color:#111; background:#ffffff; border:1px dashed #111111;margin:5px 10px 0 0; }

.respondtbox {width:507px; background:#ffffff; border:1px dashed #999999; height:240px; color:#111; padding:8px 10px; margin:10px 0;}
.respondbtn {width:120px; height:30px; color:#fff; background:#59b313; border:1px solid #111111; text-align:center;  font-family:Arial, Helvetica, sans-serif; margin:0 0 20px 0;}


/* media page stuff */

.quotePost {width:580px; margin:0; font-size:1.44em; line-height:1.34em;}
.quotePost span {font-size:125%; font-family:Georgia, "Times New Roman", Times, serif; color:#292929;}
.attrPost {margin:10px 0 40px 0; font-size:1.44em; line-height:1.34em; font-weight:bolder; border-bottom:1px dotted #ccc;}




.buylogo {float:left; width:220px; height:100px; overflow:hidden; margin:0 20px 0 0;}
.buylogo img {padding:3px; border:1px solid #ccc;}
.buyname {float:left;}
.buyname h3 {font-size:2.2em;}
.buylink {font-size:1.644em; margin:10px 0 0 0;}


.media {margin:20px 0; font-size:1.244em; line-height:1.344em; border-bottom:1px dotted #ccc; padding:0 0 10px 0;}

.media h4 {font-size:140%; font-weight:normal; margin:4px 0; color:#111;}
.media h5 {font-size:120%; margin:5px 0; font-weight:bolder; font-style:italic;}


#bonusbreak {width:590px; height:50px; clear:both;}
.bonusPost {margin:5px 0 20px 0; border-bottom:1px dotted #ccc;}
.bonusPost h4 {font-size:1.988em; margin:0 4px 3px 0;}
.bonus_icon {float:left; margin:0 20px 15px 0; width:64px; height:64px;}
.bonusInfo p {font-size:1.44em; margin:5px 0;}