/*
Theme Name: Accountability Theme
Theme URI: http://joehowarddesign.com
Description: I couldn't think of a good description :)
Version: 2 (WP2.8.4)
Author: Joe Howard
Author URI: http://joehowarddesign.com
Tags: accountability, libby gill, red, bokah, tan, clean, 2 column
*/

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


body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#d8d3ca;
font-size:65%;
font-family:Arial, Helvetica, sans-serif;
color:#111111;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal; 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:#b00602;}
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;}
.left {float:left;}
.d80 {font-size:80%; }



#topbg {height:37px; background:url(style/images/topnavbg.jpg) repeat-x left top; margin:0 auto;}
#contact {float:right; width:200px; }
#topnav {width:960px; margin:0 auto; padding:8px 0 0 0;}
#headerbg {height:179px; background:url(style/images/headerbg.jpg) repeat-x left top; margin:0 auto;}
#headerwrap {margin:0 auto; background:url(style/images/bokahbg.jpg) no-repeat center top;height:179px;}
#headercontent {width:960px; margin:0 auto; height:179px; overflow:hidden;}
#logo {float:left; width: 600px; margin:60px 0 0;}
#tagline {float:left; width:960px;}
#signup {float:right; margin:20px 0 0 0;background: transparent;}
#navbg {height:72px; background:url(style/images/navbg.jpg) repeat-x center top; margin:0 auto;}
#content {width:960px; margin:0 auto;}
#col1 {float:left; width:625px; margin:20px 0;}
#col2 {float:right; width:310px; margin:20px 0;}
#footerbg {height:157px; margin:0 auto; background:url(style/images/footerbg.jpg) repeat-x left top;}
#footerwrap {height:157px; background:url(style/images/footer.jpg) no-repeat center top; margin:0 auto;}
#footer {width:960px; margin:0 auto; height:157px;}
#footernav {font-size:1.144em;height:40px;padding:20px 0 0;}
#footersignup {padding:20px 0 0 0;}




/* navigation */

#nav1 {width:960px; height:40px;	font-size: 1.3em;	text-transform:uppercase;	height: 37px; margin:0px auto 0 auto;}
#nav1 ul.sf-menu {padding:5px 0 0 0;}
#nav1 ul.sf-menu li {	position: relative;	background: url(style/images/menudiv.gif) no-repeat right top;	float: left;	line-height: 37px;	padding: 0 4px 0 3px;	text-align: left;}
#nav1 ul.sf-menu li a {	color: #111111;	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;	border-bottom:1px dotted #111; color:#990000;}


#nav1 img {float:right; margin:15px 0 0 0;}

#footernav ul {list-style:none;}
#footernav ul li {float:left;list-style:none; margin:0 7px 0 5px; }
#footernav li a, #footernav li a:hover {text-decoration:none; font-weight:bolder; text-transform:uppercase;}
#footernav li a {}
#footernav li a:hover {border-bottom:1px dotted #111;}


/* header stuff */
#topnav p {float:left; color:#ccc; text-align:left;}
#topnav img {float:left; margin:0 3px;}

#tagline h2 {color:#fff; font-style:italic; font-size:2.1em;}
#signup img {float:left;margin:40px 0; background: transparent;}

#contact h3 {float:right; margin:0 0 0 20px; font-size:1.644em; color:#fff; font-weight:bolder;}
#contact p {float:left; font-size:1.22em; color:#fff;}
#contact a, #contact a:hover {text-decoration:none; }
#contact a {color:#fff; border-bottom:1px solid #eee;}
#contact a:hover {color:#999; border-bottom:1px solid #fff;}

/* main stuff */

#col1, #col2 {font-size:1.344em; line-height:1.468em;}
.pagetitle {font-size:1.644em;font-weight:bolder;letter-spacing:-0.2pt;margin:0 0 10px 10px;}

.pmar {width:605px; height:20px;}
.com {float:right; width:240px; margin:0px 0 0 10px;}
.com img {float:left; margin:0 5px 0 0;}
.com p {font-size:85%; font-weight:bolder;}

.readmore {margin:5px 0 0 176px; width:390px; background:url(style/images/readmorebg.jpg) no-repeat left top; overflow:hidden;}

.readmore a, .readmore a:hover {padding:3px 6px; text-decoration:none; text-transform:uppercase; font-weight:bolder; font-size:95%;}
.readmore a {color:#fff;}
.readmore a:hover {color:#999;}


.post { margin:5px;}
.post h1 a, .post h1 a: hover {font 1.844em/1.364em; font-weight: bold;}
.post h2 a, .post h2 a:hover {font-weight:bolder; letter-spacing:.02pt;}
.post h2 {font-size:1.424em; font-weight:normal;}
.post h3 {margin:30px 0 5px 0; border-bottom:1px dotted #999; width:583px; font-size:1.444em; font-weight:bolder;}
.post h4 {font-weight:bolder; font-size:1.344em; margin:5px; }
.post h5 {font-weight:bolder;}
.post h3 a, .post h3 a:hover {text-decoration:none; font-weight:bolder; letter-spacing:.02pt;}
.post .left {margin:0 10px 0 0;}
.post p {margin:20px 0;}

.post ul {margin:10px 0 0 20px;}
.post ul li {list-style:disc;}

.post ul {margin:10px 0 0 10px;}
.post ul li {margin:5px 30px; list-style:disc; }
.post ul ul {}
.post li ul li {}

.post ol {margin:10px 0 0 20px;}
.post ol li {list-style:decimal; margin:5px 10px; }
.post ol ul {}
.post li ol li {list-style:lower-alpha;}

.postint {padding:10px;background:#fff; width:583px; border:1px solid #c5c5c5;}

.left img {padding:3px; border:1px solid #c5c5c5;}
.pimg {float:left; margin:5px 10px 0 0px;width:170px; overflow:hidden;}
.pimg img {padding:3px; border:1px solid #c5c5c5; }
.pcontent {float:right; width:403px; } 


.postmeta {margin:20px 0 10px 0; font-size:80%; clear:both;}



/* sidebar stuff */

.sbtop {width:310px; height:48px; background:url(style/images/sbbg.png) no-repeat left top; margin:30px 0 5px 0; }
h3.widget-title {color:#fff; text-transform:uppercase; font-size:1.244em; font-weight:bolder; padding:10px 15px 0 10px;}
.widget ul {margin:0 0 0 10px;}


#topsearch {margin:0px 0px 0 0; padding:0;width:310px; height:auto;}
#topsearch #s {margin:6px 0 0 10px; padding:6px 10px 5px 25px; width:185px; height:auto;border:0;background:url(style/images/searchbg.gif) no-repeat center left;float:left;font-size:0.92em; color:#191919;}
#topsearch #topsearchsubmit {float:right;margin:6px 10px 0 10px;}

/* footer stuff */

#footersignup h5 {font-size:1.844em; font-weight:normal; font-style:italic; float:left; margin:0 10px 0 0; color:#fff;}
#footersignup img {float:right;}




.postint hr {margin:20px 0;}

h2.resources  {font-size:1.644em; font-weight:bolder; margin:0 0 20px 0; color:#111;}
h3.resources  {font-size:1.444em; font-weight:bolder; margin:4px 0 20px 4px; color:#292929;}




.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {  	background: url(style/images/tab_b.png) repeat-x 0 0;	height: 42px;	position: relative;    top: 0;    z-index: 999;}
.tab ul.login {	display: block;	position: relative;  	float: right;  	clear: right;  	height: 42px;	width: auto;  	font-weight: bold;	line-height: 42px;	margin: 0;	right: 150px;  	color: white;  	font-size: 80%;	text-align: center;}
.tab ul.login li.left {  	background: url(style/images/tab_l.png) no-repeat left 0;  	height: 42px;	width: 30px;	padding: 0;	margin: 0;  	display: block;	float: left;}
.tab ul.login li.right {  	background: url(style/images/tab_r.png) no-repeat left 0;  	height: 42px;	width: 30px;	padding: 0;	margin: 0;  	display: block;	float: left;}
.tab ul.login li { 	text-align: left;  	padding: 0 6px;	display: block;	float: left;	height: 42px;  	background: url(style/images/tab_m.png) repeat-x 0 0;}
.tab ul.login li a {	color: #15ADFF;}
.tab ul.login li a:hover {	color: #fff;}
.tab .sep {color:#414141}

.tab a.open, .tab a.close {cursor:pointer;display:block;height:26px;left:170px;line-height:20px !important;padding-left:30px !important;position:relative;top:40px;width:140px;}

.tab a.open {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(style/images/loginbtn_blue.png) no-repeat scroll left 0;}
.tab a.close {background: url(style/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background:transparent url(style/images/loginbtn_blue.png) no-repeat scroll left 0;}
.tab a:hover.close {}

/* sliding panel */
#toppanel {    position: absolute;   /*Panel will overlap  content */    /*position: relative;*/   /*Panel will "push" the content down */    top: 0;    width: 100%;    z-index: 999;    text-align: center;    margin-left: auto;    margin-right: auto;}
#panel {	width: 100%;	height: 270px;	color: #999999;	background: #272727;	overflow: hidden;	position: relative;	z-index: 3;	display: none; font-size:1.2em;}
#panel h1 {	font-size: 1.6em;	padding: 5px 0 10px;	margin: 0;	color: white;}
#panel h2{	font-size: 1.2em;	padding: 10px 0 5px;	margin: 0;	color: white;}
#panel p {	margin: 5px 0;	padding: 0;}
#panel a {	text-decoration: none;	color: #15ADFF;}
#panel a:hover {	color: #fff;}
#panel a-lost-pwd {	display: block;	float: left;}
#panel .content {	width: 960px;	margin: 0 auto;	padding-top: 15px;	text-align: left;	font-size: 0.85em;}
#panel .content .left {	width: 280px;	float: left;	padding: 0 15px;	border-left: 1px solid #333;}
#panel .content .right {	border-right: 1px solid #333;}
#panel .content form {	margin: 0 0 10px 0;}
#panel .content label {	float: left;	padding-top: 8px;	clear: both;	width: 280px;	display: block;}
#panel .content input.field {	border: 1px #1A1A1A solid;	background: #414141;	margin-right: 5px;	margin-top: 4px;	width: 200px;	color: white;	height: 16px;}
#panel .content input:focus.field {	background: #545454;}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {	display: block;	float: left;	clear: left;	height: 24px;	text-align: center;	cursor: pointer;	border: none;	font-weight: bold;	margin: 10px 0;}
#panel .content input.bt_login {	width: 74px;	color: #fff; background: transparent url(style/images/bt_login.png) no-repeat 0 0;}
#panel .content input.bt_register {	width: 94px;	color: #fff; background: transparent url(style/images/bt_register.png) no-repeat 0 0;}
#panel .lost-pwd {	display: block;	float:left;	clear: right;	padding: 15px 5px 0;	font-size: 0.95em;	text-decoration: underline;}



/* comment stuff */
.comments-template {margin:20px 10px; background: #FFFFFF; padding: 10px;}

.comments-template ol {}
.comments-template ol li {margin:10px 0; border-bottom:1px dotted #fff;}

.commentmetadata {margin:3px 0 5px 0;}

#commentform {margin:20px 0 0 0;}
#commentform p {margin:5px 0;}
#commentform label {margin:3px 0 0 5px;}
#commentform input {/*height:20px; */padding:3px 6px;}




.alignleft {margin:0 10px 10px 0;}
.alignright {margin:0 0 10px 10px;}

.buynow p {margin:5px 0 8px 0;}


/* overriding styles */

#sforum .sfforumtable th {background:#111111 none repeat scroll 0 0;border:1px solid #000000;color:#FFFFFF;font-size:85%;font-weight:bold;text-align:center;}

.ec3_schedule dbody {width:583px;}


#tabL {width:12px; height:50px; float:left; background:url(style/images/redcl.gif) no-repeat left top;}
#greet {width:585px; height:50px; float:left; background:url(style/images/leadbgbg.gif) repeat-x left top;}
#tabR {width:12px; height:50px; float:left; background:url(style/images/redcr.gif) no-repeat left top;}
#greet h2 {color:#FFFFFF;font-size:1em;font-weight:bolder;margin:7px 0 0 5px;text-transform:uppercase;}
#reg {float:right; width:170px; margin:6px 0 0 0;}
#leadpost {width:585px; background:#fff; margin:0 12px;}
#leadint {padding:10px;}


#wp-calendar tr {margin:1px 0; font-size:85%;}

.bonusbreak {width:615px; height:20px; clear:both;}
.bonusPost {margin:5px 0 20px 0; border-bottom:1px dotted #ccc;}
.bonusPost h4 {font-size:1.288em; margin:0 4px 3px 0;}
.bonus_icon {float:left; margin:0 20px 15px 0; width:64px; height:64px;}
.bonusInfo p {font-size:1.244em; margin:5px 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;}

.readmore p {margin:0; padding:0;}

.booktestimonial {width: 310px; float: right;}
.booktestimonial img {float:left; margin:0 10px 2px 0;}
.booktestimonialtext {float:right; margin:0 0 10px 0; width:140px;}


/* slider */

.leadtext {float:right; width:200px;}
.leadpimg {float:left; width:200px;}
.wrapper img {float:right; margin:0 0 5px 5px;}
.wrapper h2 {clear:both;color:#990000;font-size:2.2em;font-weight:bolder;letter-spacing:-0.2pt;margin:0 0 20px;width:543px;}
.rm {margin:4px 0;}
.rm a, .rm a:hover {text-decoration:none; padding:4px 8px;}
.rm a {background:#990000; color:#fff;}
.rm a:hover {background:#111;}


a:focus { outline:none }
		
		img { border: 0 }
	
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			position: relative;
			width: 573px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 493px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 493px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */			padding: 3px;		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */			margin: auto;			display:none;		}			
		.stripNavL, .stripNavR { /* The left and right arrows */			position: absolute;			top: 65px;			text-indent: -9000em;		}		
		.stripNavL a, .stripNavR a {			display: block;			height: 40px;			width: 40px;		}		
		.stripNavL {			left: 0;		}		
		.stripNavR {			right: 0;		}
				.stripNavL {			background: url("http://www.myaccountabilityclub.com/wp-content/themes/acc/style/images/arrow-left.gif") no-repeat center;		}		
		.stripNavR {			background: url("http://www.myaccountabilityclub.com/wp-content/themes/acc/style/images/arrow-right.gif") no-repeat center;		}