/*
Theme Name: JH
Theme URI: http://joehowarddesign.com.com
Description: wordpress conversion by Joe Howard Design
Version: 2 (WP2.6.2)
Author: Joe Howard
Author URI: http://joehowarddesign.com
Tags: black, white, red, pink, clean, basic
*/

@import "style/css/reset.css";

body {
	margin:0px;
	padding:0px 0px 20px;
	background:url(style/images/bgbg.gif) repeat center top;
	font-family:  sans-serif, Arial, Helvetica, FreeSans;
/* font-size:62.5%; */
font-size:10px;
}



 
/** 
 * ------------------------------------------------------------------
 * @section TYPOGRAPHY
 * ------------------------------------------------------------------
 */
 
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
/* h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.8em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h5 {font-size:2em;margin-bottom:0.75em; color:#990000;}
h6 {font-size:1em;font-weight:bold;}
.testimonial {font-size:1.30em; color:#b22025; padding-top:25px; padding-right:355px; padding-left:215px;} */
h1 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.3em;margin-bottom:0.75em;}
h3 {font-size:1.2em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h5 {font-size:1.5em;margin-bottom:0.75em; color:#990000;}
h6 {font-size:1em;font-weight:bold;} 
.taglinearea {
font-size:120%;
}
.taglinearea h1 {
font-size:1.7em;line-height:1;margin-bottom:0.5em;
}
.taglinearea h2 {
font-size:1.5em;margin-bottom:0.75em;
}
.testimonial {font-size:13px; color:#b22025; padding-top:25px; padding-right:355px; padding-left:215px;} 
.calltoaction {padding-bottom:18px; width:670px; border:#cccccc solid 1px; background: url(http://frequentforeplaymiles.com/wp-content/uploads/wpsc/product_images/thumbnails/bookcover_200.jpg) left no-repeat; background-position: 6px; }
.calltoaction h2 {     
    font-size: 135%; 
    font-weight: bold; 
	background-color:#cccccc;
	line-height:1.6em;
}
.calltoaction .calltoactionbtn { }
.calltoaction p {margin-left:110px; font-size:1.1em; margin-right:5px;}
p, form {margin:0 0 1.5em;padding:0;}
blockquote {margin:1.5em;}
sup, sub {line-height:0;}
address {margin:0 0 1.5em;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {line-height:1.5;}
li ul, li ol {margin:0 2.5em;padding:0;}
ul, ol {margin:0 1.5em 1.5em 3em;padding:0;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dd {margin-left:1.5em;}
caption {margin:0; padding:.5em;}
table {margin:10px 0;}
tr {margin:10px 0;}
td {margin:5px;}

a:link {	color:#990000;}
a:hover {	color:#000000;}


#headertop {height:18px; background:#000;}
#header {height:115px; width:966px; margin:5px auto;} 
#logo {float:left; width:216px; margin:15px 0 0 10px; padding:0;}
/* #excerpt {float:right; width:675px; margin:25px 5px 0 0; text-align:right;}
#excerpt h1, #excerpt h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#fff; letter-spacing:0pt; font-weight:lighter;}
#excerpt h1 {font-size:2.6em; line-height:1.34em; margin:0; padding:0;}
#excerpt h2 {font-size:1.8em; margin:2px 0 0 0;} */
#excerpt {float:right; width:675px; margin:25px 5px 0 0; text-align:right; overflow:hidden;}
#excerpt h1, #excerpt h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#fff; letter-spacing:0pt; font-weight:lighter;}
#excerpt h1 {font-size:1.9em; line-height:1.34em; margin:0; padding:0;}
#excerpt h2 {font-size:1.3em; margin:2px 0 0 0;}
#bodytop {width:966px; margin:0 auto; height:8px; background:url(style/images/bgtop.png) no-repeat center top; padding:0; overflow:hidden;}
#bodybot {width:966px; margin:0 auto; height:8px; background:url(style/images/bgbot.png) no-repeat center bottom; padding:0; border-top:20px solid #fff; overflow:hidden;}
#bodywrapper {width:966px; margin:0 auto;  background:#fff;}
#lowertop {height:60px; overflow:hidden; width:962px; margin:0 auto;}
#logo2 {float:left; width:300px; height:30px;}
#signup {float:right; margin:35px 35px 0 0; text-align:right;}
#signup h3 {text-align:right;}
/* #signupform {float:right; margin:1px 0 0 0; text-align: right; font-size:12px; font-size:1.38em; font-weight:bolder; padding:0; background: url(style/images/formbg.jpg) repeat;}
#signupform h3 {text-align:right; padding:0px; margin-bottom:0px; font-size:1.1em; font-weight:bolder; text-transform:uppercase;}
#signupform label {padding-right:5px;} */
#signupform {float:right; margin:1px 0 0 0; text-align: right; font-size:12px; font-size:1.38em; font-weight:bolder; padding:0; background: url(style/images/formbg.jpg) repeat;}
#signupform h3 {text-align:right; padding:0px; margin-bottom:0px; font-size:1em; font-weight:bolder; text-transform:uppercase;}
#signupform label {padding-right:5px;}
/* #mainnav {height:71px; margin:20px 2px 0 2px; width:962px; background:url(style/images/navbg.png) repeat-x left top; padding:0px 0; } */
#mainnav {height:71px; margin:20px 2px 0 2px; width:962px; background:url(style/images/navbg.png) repeat-x left top; padding:0px 0; font-size:10px; }
#banner {height:218px; margin:0 2px 0 2px; width:962px; background: url(style/images/headbg.jpg) repeat-x; padding:0px 0;} 
#navl {float:left; background:url(style/images/navleft2.png) no-repeat left top; margin:0; padding:0; width:12px; height:90px;}
#navr {float:right; background:url(style/images/navright2.png) no-repeat left top; margin:0; padding:0;width:12px; height:90px;}
#col1 {float:left; width:200px; margin:2px 20px 60px 27px; }
#col2 {float:right; width:680px; margin:20px 27px 60px 0; }

#footer {width:922px; margin:20px auto 0 auto; }
#footer p {font-size:1.2em; font-weight:bolder; margin:5px 0 0 0;}
/* #footernav {height:20px; overflow:hidden; width:902px; background:#990000; border:1px solid #111;margin:10px auto 0 auto; padding:6px 10px 0 10px;} */
#footernav {height:20px; overflow:hidden; width:902px; background:#990000; border:1px solid #111;margin:10px auto 0 auto; padding:6px 10px 0 10px; font-size:10px;}
#footernav p {font-size:10px; }

.clr {clear:both;}
.red {color:#FF0000;}

#excerpt a {color:#FF0000;}
#excerpt a:hover {color:#767676;}

#footernav ul {}
/* #footernav ul li {margin:0 10px 0 0; font-size:1.24em; font-weight:bolder;} */
#footernav ul li {margin:0 10px 0 0; font-size:10px; font-weight:bolder;}
#footernav ul li a, #footernav ul li a:hover {text-decoration:none; font-weight:lighter;}
#footernav ul li a {color:#fff;}
#footernav ul li a:hover {color:#767676;}




#nav1 .current_page_ancestor, #nav1 .current_page_item  {background:url(style/images/currentbg.png) no-repeat center bottom;	color: #401461;}
#nav1 .current_page_parent {background:url(style/images/currentbg.png) no-repeat center bottom;	color: #401461;}


#mainnavigation {height:30px; width:962px; margin:25px 0 0 0; background:#fefefe; }

#nav1 {float:left;font-size:1.2em;height:48px;margin:34px 0 0;width:938px; }
#nav1 ul.sf-menu li {	border-right:1px solid #990000;float:left;line-height:32px;padding:0 5px 0;text-align:center;	}
#nav1 ul.sf-menu li ul {margin:0px 0 0 0;}
#nav1 ul.sf-menu li ul li {	}
#nav1 ul.sf-menu li ul li a,#nav1 ul.sf-menu li ul li a:hover { height:34px; line-height:34px; width:140px; padding:0 10px; text-align:left; color:#fff;}
#nav1 ul.sf-menu li ul li a {background:#990000; }
#nav1 ul.sf-menu li ul li a:hover {background:#111; }
#nav1 ul.sf-menu li a {	color: #ffffff;	display: block;	float: left;	text-decoration: none;	cursor: pointer;	font-weight:bolder;	}
#nav1 ul.sf-menu li a:hover {	text-decoration: none;		color:#111;}

#social {float:right; height:24px;}
#social img {float:right; width:24px; height:24px; margin:0 4px;}

#col1 {font-size:1.2em; line-height:1.34em;}
#col1 ul {margin:0; padding:0;}
#col1 ul li {}
#col1 ul li a {text-decoration:none;}

#col2 {font-size:1.4em; line-height:1.44em;}
#col2 ul {}
#col2 ul li {list-style:disc;}

#col2 .calltoaction {width:670px; border:#cccccc solid 1px; background: url(http://frequentforeplaymiles.com/wp-content/uploads/wpsc/product_images/thumbnails/bookcover_200.jpg) left no-repeat; background-position: 6px; height:160px;}
#col2 .calltoaction h2 {     
    font-size: 135%; 
    font-weight: bold; 
	background-color:#cccccc;
	line-height:1.6em;
	}
#col2 .calltoaction p {margin-left:110px; font-size:1.1em; margin-right:5px;}

#col3 {float:right; font-size:1.2em; line-height:1.34em; width:140px; margin:20px 27px 60px 0; }
#col3 ul {margin:0; padding:0;}
#col3 ul li {}
#col3 ul li a {text-decoration:none;}

#col2small {font-size:1.2em; line-height:1.34em; width:520px; float:right; margin:20px 20px 60px 0;}
#col2small ul {}
#col2small ul li {list-style:disc;}

.widget-title {margin:20px 0 4px 0;}
h2.widget-title {font-size:1.38em; font-weight:bolder; text-transform:uppercase; padding:0 0 4px 0; border-bottom:1px dotted #999;}


h2.post-title {border-bottom:1px solid #CCCCCC;font-size:2em;font-weight:normal;line-height:120%;margin:0;padding:0 0 0.1em;}
h2.post-title a {text-decoration:none;}
.post-info {font-size:90%; color:#000000;}

.pspacer {height:30px; clear:both;}

.widget_tag_cloud {padding:2px 8px 4px 0;}
.widget_tag_cloud a, .widget_tag_cloud a:hover {text-decoration:none;}
.widget_tag_cloud a:hover {color:#767676; }

h2.widget-title a, h2.widget-title a:hover {text-decoration:none;}
.widget_twitter {}
li.twitter-item {margin:5px 0 10px 0;}

#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:#990000; 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:#990000;}
.commentlist a:hover, .commentlist a:active {color:#ccc;}




.alignleft {float:left; margin:0 10px 0px 0;}
.alignright {float:right; margin:0 0 0px 10px;}
.wp-caption-text {padding:4px 5px; background:#cccccc; text-align:left; margin:0 10px 5px 0; color:#990000; font-size: 85%; font-style:italic;}

.asterick {margin:0; float:left;}
.quote {margin:5px 20px 15px 27px; font-weight:bolder; font-style:italic;}
.quoteAuthor { margin:5px 0 0px 10px; font-weight:normal; font-style:normal;}

.colsplit {float:left; width:305px; margin:0 10px 0 0;}

.relbreak {height:25px; clear:both;}


.pinfo {margin:30px 0; font-size:90%;}

#radio {}
#radio img {float:right; margin:0 0 10px 20px;}
#recentradio p {}
#recentradio a, #recentradio a:hover {font-size:180%; font-weight:bolder;}


	.addtoany_share_save_container{margin:16px 0;}
	ul.addtoany_list{
		display:inline;
		list-style-type:none;
		margin:0 !important;
		padding:0 !important;
		text-indent:0 !important;
	}
	ul.addtoany_list li{
		background:none !important;
		border:0;
		display:inline !important;
		line-height:32px;<?php /* For vertical space in the event of wrapping*/ ?>
		list-style-type:none;
		margin:0 !important;
		padding:0 !important;
	}
	ul.addtoany_list li:before{content:"";}
	ul.addtoany_list li a{padding:0 9px;}
	ul.addtoany_list img{
		float:none;
		width:16px;
		height:16px;
		border:0;
		margin:0;
		padding:0;
		vertical-align:middle;
	}
	ul.addtoany_list a img{
		opacity:.6;
		-moz-opacity:.6;
		filter:alpha(opacity=60);
	}
	ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img{
		opacity:1;
		-moz-opacity:1;
		filter:alpha(opacity=100);
	}
	a.addtoany_share_save img{border:0;width:auto;height:auto;}
	
	.widget_recent_entries ul li { 
    padding: 0px 0 3px 13px; 
    border-bottom: 1px dotted #CCCCCC; 
	background: url(images/red_bullet.gif) no-repeat top left; 
	background-position: 3px 4px; 
    color: #000000;
	}
	
	.widget_recent_entries ul li a, .widget_recent_entries ul li a:visited { 
	color:#000000;
	}
	
	.widget_recent_entries ul li a:hover { 
	color:#990000;
	}
	
	h2.widget-title { 
    font-size: 140%; 
    font-weight: bold; 
    border-bottom: 3px solid #990000; 
    padding: 0  0 5px 3px; 
}

.widget_search {
  padding-top: 18px;
}

div.box{
	/* border:solid 1px #c6cfe1;
	background:#dfe4ee; */
	padding:10px;
	color:#333333;
	margin-bottom:20px;
}
div.box h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
div.box p{padding-bottom:14px;}

div.box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
}

div.box label{
	display:block;
	margin-bottom:10px;
	color:#555555;
}

div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
}

.green{
	background:url(style/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

.formbutton {
cursor:pointer;
font-weight:bold;
padding: 0px 0px;
height: 38px;
width: 44px;
background:url(style/images/go.jpg) repeat-x left top;
margin-top:0px;
padding:0px;
border:0px;
}

.widget_search {
	position:relative;
	height:60px;
	width:180px;
}
 
.widget_search #s {

}

.widget_search #searchsubmit {
cursor:pointer;
font-weight:bold;
padding: 0px 0px;
height: 38px;
width: 74px;
background:url(style/images/search.jpg) repeat-x left top;
margin-top:0px;
padding:0px;
padding-bottom:5px;
border:0px;
  color: transparent;
  text-transform: capitalize;
}