/*
 * Theme Name: JCF Boot Camp
 * Theme URI: http://www.jcfbootcamp.com
 * Author: Sal Lonero
 * Description: New website for JCF Boot Camp
 * Version: 1.0
 * */

/*======================
RESET
========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 12px;
font-family: Verdana, Tahoma, Sans-Serif;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: #323232;
text-align:center !important;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/*======================
HEADINGS
========================*/
h1{ 
	color:#ffffff;
	font-size: 20px;
	position:relative;
	top:8px;
	left:30px;
}

h2{ 
	color:#28903b;
	font-size:18px;
	font-weight:600;
}

h3{
	color:#28903b;
	font-size:16px;
	font-weight:600;
	margin:0 0 5px 0;
 }
	
h4 { 
	color:#7f7f7f;
	font-size:14px;
	font-weight:600;
	margin:0 0 5px 0;
}

h5 { 
	color:#28903b;
	font-size:14px;
	font-weight:600;
	margin:0 0 5px 0;
}

h6{ }
/*======================
LINKS
========================*/
a {
	color:#28903b;
	font-size:14px;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited
{

}

/*======================
PARAGRAPHS
========================*/
p {
	color:#7f7f7f;
	font-size:14px;
	line-height:1.5;
}
/*======================
STRONG/B EM/I
========================*/
strong, b
{
	font-weight:700;
	font-size:14px;
}
em, i {
	font-style:italic;
	font-size:14px;
}
/*======================
UNORDERED LIST
========================*/
ul {
	list-style:disc;
	margin-left:30px;
}
ul li {
}
/*======================
ORDERED LIST
========================*/
ol {
	color:#747474;
	list-style:decimal;
	margin:0px 0px 20px 30px;
}
ol li {
	font-size:14px;
	line-height:1.5;
}
/*======================
DEFINITION LIST
========================*/
dl{ }
dt{ font-weight:700; text-decoration:none; margin-top:10px; font-size:14px; border:0;   }
dd{ margin-left:18px; }
/*======================
MISC
========================*/
blockquote{ }

abbr{ }

acronym{ }

sub{ font-size:10px; line-height:1.5; vertical-align:bottom; }

sup{ font-size:10px; line-height:1.5; vertical-align:top; }

code{ }

small{ font-size:11px }

/*======================
TABLE
========================*/
table
{

}
table th
{

}
table td
{

}

td strong {
	color:#7f7f7f;
}

/*======================
IMAGE
========================*/
img
{

}
/*======================
	HEADER
========================*/
/*
The container div is what sets the width of your content and centers it in the browser.
Each of your main divs will have a container div.
*/
.container {
	margin:0 auto; /* Centers the div */
	width:1026px; /*This is the width of your website */
	text-align:left;
}

/*
Notice that the width of header is set to 100%.
This is so that the background will extend to the edge of the browser.
*/
#header {
	float:left;
	position:relative;
	left:0px !important;
	left:5px;
	margin:0;
	padding:0;
	width: 100%;
	height:240px;
	z-index:2;
}

#topnav {
	float:left;
	position:relative;
	left:0 !important;
	height:32px;
	width:100%;
}

#topnavleft {
	position:relative;
	top:8px;
	float:left;
	height:32px;
	width:200px;
}

#topnavleft li {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	height:10px;
	list-style:none;
	line-height:1;
	color:#bababa;
}

#topnavleft li a {
	color:#bababa;
	text-decoration:none;
}
	
#topnavleft li a:hover {
	text-decoration:underline;
}

#topnavright {
	float:left;
	width:800px;
	height:32px;
	text-align:right;
}

#headerwrapper {
	width:100%;
}

#logobackground {
	float:left;
	position:relative;
	width:100%;
  height:162px;
}

#logo {
	background:url(images/jcf_boot_camp_logo.gif) no-repeat;
	display:block;
	position:relative;
	float:left;
	top:10px;
	left:50px;
	width:142px;
	height:138px;
	padding-right:50px;
}

#headerimage {
	margin:0 auto; /* Centers the div */
	width:1026px; /*This is the width of your website */
	height:196px;
	background:url(images/full_header_image.jpg) no-repeat;
}
	
#navbar {
	background:url(images/navbar_background.gif) no-repeat;
	display:block;
	float:left;
	position:relative;
	height:52px;
	width:1026px;
}

#navbarlinks li {
	float:left;
	display:inline;
	margin:10px 10px 0 0;
	padding:0;
	height:10px;
	list-style:none;
	line-height:1;
	color:#ffffff;
}

#navbarlinks li a {
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
}
	
#navbarlinks li.active a {
	color:#28903b
}

/*======================
	MAIN
========================*/
/*
The width is also set to 100% because there is a background image
that we want to go to the edge. 

Notice that height isn't set for #main, this is because it will need to expand
with the content.
*/
#main {
	float:left;
	position:relative;
	width:100%;
	z-index:1;
}

#titlebar {
	background:url(images/topbar_green.gif) no-repeat;
	position:relative;
	float:left;
	margin-top:8px !important;
	margin-top:0px;
	width:1026px;
	height:37px;
}

.wrapper {
	background:url(images/main_background.gif) repeat-y;
	position:relative;
	float:left;
	width:1026px;
}

/*======================
	CONTENT
========================*/

#contentwrapper {
	float:left;
	position:relative;
	left:9px;
	background:url(images/contentwrapper.gif) repeat-y;
	border-left:1px solid #b0b0b0;
	height:100%;
}

#content {
	background:#fff;
	float:left;
	width:672px !important;
	width:662px;
	padding-right:10px !important;
	padding-right:0;
	height:100%;
}

#homecontent {
	background: #323232;
	width:663px; 
	padding:20px 0px 20px 20px;
}

#homecontent h2 {
	margin-bottom:5px;
}

#homecontent p {
	color:#bababa;
	font-size:14px;
	margin-top:10px;
}

#maincontent {
	height:100%;
	width:652px !important;
	width:653px;
	background:#ffffff;
	padding:20px 10px 20px 20px;
	font-size:14px;
	color:#7f7f7f;
}

#maincontent h2 {
	margin: 20px 0 5px 0;
}

#maincontent h2 a {
	font-size:18px;
	color:#28903b;
	text-decoration:none;
}

#maincontent h2 a:hover {
	text-decoration:underline;
}

#maincontent p {
	margin:0px 0px 10px 0px;
}

#maincontent hr {
	margin:20px 0 0 0;
	border:0;
	width: 630px;
	height:1px;
	color:#d1d1d1;
	background-color:#d1d1d1;
}

#maincontent ul {
	color:#7f7f7f;
	margin:10px 0 20px 30px;
	list-style:disc;
	line-height:1.5;
}

#maincontent ul li {
	font-size:14px;
}

.contentblock {
	background:#efefef;
	border:1px solid #d8d8d8;
	padding:10px;
	margin:10px 10px 0 0;
	height:100%;
}

#jcschedule ul {
	line-height:2;
}

#hschedule ul {
	line-height:2;
}

#answers a.name:hover {
	text-decoration:none;	
}

#answers ul {
	margin:20px 0 20px 20px;
}

/* Images
 * -------------------------------------------------------------- */

#content img {
  margin: 0;
  max-width: 640px;
}
#content .attachment img {
  max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
#content .alignright,
#content img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
  margin-bottom: 12px;
}
#content .wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  text-align: center;
  margin-bottom: 20px;
  padding: 4px;
}
#content .wp-caption img {
  margin: 5px 5px 0;                                          
}                                                             
#content .wp-caption p.wp-caption-text {                      
  margin: 5px;                                                
  color: #888;                                                
  font-size: 12px;                                            
}                                                             
#content .wp-smiley {                                         
  margin:0;                                                   
}                                                             
#content .gallery {                                           
  margin: auto;                                               
}                                                             
#content .gallery .gallery-item {                             
  float: left;                                                
  margin-top: 0;                                              
  text-align: center;                                         
  width: 33%;                                                 
}                                                             
#content .gallery img {                                       
  border: 2px solid #cfcfcf;                                  
}                                                             
#content .gallery .gallery-caption {                          
  color: #888;                                                
  font-size: 12px;                                            
  margin: 0 0 12px;                                           
}                                                             
#content .gallery dl {                                        
  margin: 0;                                                  
}                                                             
#content .gallery img {                                       
  border: 10px solid #f1f1f1;                                 
}                                                             
#content .gallery br+br {                                     
  display: none;                                              
}            

/*======================
  CONTACT FORM
========================*/

#gform_submit_button_1  {
	background:url(images/submit_button.gif) no-repeat;
	height:31px;
	width:155px;
	color:#28903b;
	border:0;
	margin-left:30px;
}

.contentblock #gforms_confirmation_message {
	background:#efefef;
	border:0px;
}

/*======================
  JOIN US FORM
========================*/

.formvalue {
	font-size:12px;
	line-height:1;
}	

.instructions {
	margin-top:20px;
}

.instructions p {
	font-size:12px;
	font-weight:700;
}

#gform_fields_1 .gfield_required, #gform_fields_2 .gfield_required, #gform_fields_3 .gfield_required {
	color: #ff0202;
}

#gform_fields_2.gform_fields, #gform_fields_3.gform_fields {
	margin:0;
	padding:0
}

#gform_fields_2 .gsection, #gform_fields_3 .gsection {
	margin-top:30px;
}

#field_2_73, #field_3_73 {
	position:relative;
	float:left;
	width:140px;
}

#field_2_35, #field_3_35 {
	position:relative;
	float:left;
	left:20px;
	width:80px;
}

#input_2_35, #input_3_35 {
	width:50px;
}

#field_2_36, #field_3_36 {
	position:relative;
	float:left;
	left:20px;
	width:200px;
}

#input_2_36, #input_3_36 {
	width:50px;
}

#field_2_37, #field_3_37 {
	clear:both;
}

.add-gf-sections #gforms_confirmation_message {
	background:#ffffff;
	border:0px;
}

#gform_submit_button_2  {
	background:url(images/submit_button.gif) no-repeat;
	height:31px;
	width:155px;
	color:#28903b;
	border:0;
	margin-left:15px;
}

#gform_submit_button_3  {
	background:url(images/submit_button.gif) no-repeat;
	height:31px;
	width:155px;
	color:#28903b;
	border:0;
	margin-left:15px;
}

/*======================
  SIDEBAR
========================*/

#sidebar {
	margin:0;
	padding:0;
	position:relative;
	float:left;
	width:333px;
}

#mailinglist {
	height:118px;
	width:333px;
	overflow:hidden;
}

#follow {
	border:0;
	margin:0;
	padding:0;
	height:111px;
	width:333px;
	overflow:hidden;
}

#flexcard h2 {
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	position:relative;
	top: 5px;
	left: 10px;
}

#flexcardtop {
	background:url(images/jcf_flex_card_top.gif) no-repeat;
	height:32px;
	width:333px;
}

#flexcardmid {
	background:url(images/jcf_flex_card.gif) no-repeat;
	height:180px;
	width:333px;
}

#flexcardback {
	background:url(images/black_honeycomb.gif) repeat-y;
}

#flexcardcontent {
	position:relative;
	left:20px;
	padding-bottom:10px;
	width:290px;
}

#flexcardbottom {
	background:url(images/black_bottom.gif) no-repeat;
	height:8px;
	width:333px;
	overflow:hidden;
}

#gifttop {
	background:url(images/gift_card_top.gif) no-repeat;
	height:43px;
	width:333px;
	overflow:hidden;
}

#gifttop h2 {
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	position:relative;
	top: 10px;
	left: 10px;
}

#giftcardmid {
	background:url(images/gift_card_image.gif) no-repeat;
	height:151px;
	width:333px;
}

#giftcardback {
	background:url(images/green_honeycomb_bg.gif) repeat-y;
}

#giftcardcontent {
	position:relative;
	left:20px;
	padding-bottom:10px;
	width:290px;
}

#giftcardbottom {
	background:url(images/green_border_bottom.gif) no-repeat;
	height:11px;
	width:333px;
	overflow:hidden;
}

#updatetop {
	background:url(images/black_updates_top.gif) no-repeat;
	height:34px;
	width:333px;
}

#updatetop h2 {
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	position:relative;
	top: 7px;
	left: 10px;
}

.updateheading {
	background:url(images/green_interior_bg.gif) no-repeat;
	height:51px;
	width:333px;
}

.updateheading h3 {
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	position:relative;
	top: 8px;
	left: 10px;
}

.updateback {
	background:url(images/black_honeycomb.gif) repeat-y;
}

.updatecontent {
	position:relative;
	top:10px;
	left:20px;
	padding-bottom:15px;
	width:290px;
}

.updatecontent p {
	font-size:12px;
	margin:0 10px 10px 0;
}

.updatecontent strong {
	font-size:12px;
}

#updatebottom {
	background:url(images/black_bottom.gif) no-repeat;
	height:8px;
	width:333px;
	overflow:hidden;
}

#testimonialstop {
	background:url(images/green_side_top.gif) no-repeat;
	height:33px;
	width:333px;
}

#testimonialstop h2 {
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	position:relative;
	top: 10px;
	left: 10px;
}

#testimonialsback {
	background:url(images/green_honeycomb_bg.gif) repeat-y;
}

#testimonialscontent {
	position:relative;
	top:5px;
	left:20px;
	padding-bottom:10px;
	width:290px;
}

#testimonialscontent p {
	font-size:12px;
}

#testimonialsbottom {
	background:url(images/green_border_bottom.gif) no-repeat;
	height:11px;
	width:333px;
	overflow:hidden;
}

#partners h2 {
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	position:relative;
	top: 10px;
	left: 10px;
}

#partnerstop {
	background:url(images/black_side_top.gif) no-repeat;
	height:39px;
	width:333px;
}

#partnersback {
	background:url(images/black_honeycomb.gif) repeat-y;
}

#partnerscontent {
	position:relative;
	left:20px;
	padding-bottom:10px;
	width:290px;
}

#partnerscontent ul {
	position:relative;
	top:10px;
	left:-15px;
	line-height:1.5;
	padding-bottom:10px;
}

#partnersbottom {
	background:url(images/black_bottom.gif) no-repeat;
	height:8px;
	width:333px;
	overflow:hidden;
}

.sidebarspacer {
	background:url(images/sidebar_spacer.gif) no-repeat;
	height:5px;
	width:333px;
}

/*======================
	PAGE NAVIGATION
========================*/

.wp-pagenavi {
	margin-top:50px;
}

.wp-pagenavi .pages {
	color:#7f7f7f;
	font-size:12px;
}

.wp-pagenavi a, .wp-pagenavi span {
	font-size:12px;
}
	
/*======================
	BLOG CONTENT
========================*/

.entry-testimonial {
	margin-bottom:30px;
}

h1.entry-title {
	color:#28903b;
	font-size:28px;
	position:relative;
	top:0;
	left:0;
	margin-top: 10px;
	margin-bottom:10px;
}

#maincontent h2.entry-title a {
	color:#28903b;
	font-size:24px;
	font-weight:500;
	position:relative;
	top:0;
	left:0;
	margin-bottom:10px;
}

.entry-summary {
	margin-bottom:50px;
}

.entry-content {
	margin-right:20px;
}

/*======================
	BLOG SIDEBAR
========================*/

#sidebar-blog {
	margin-left:50px;
	margin-right:10px !important;
	margin-right:0;
	padding:20px 0px 40px 30px;
	background:url("images/black_honeycomb.gif") repeat-y;
	border-bottom:7px solid #1c1c1c;
}

#sidebar-blog h3 {
	color:#7f7f7f;
}

#sidebar-blog ul, #sidebar-blog ul ol {
  margin: 10px 0px 0 0;
  padding: 0;
  }

#sidebar-blog ul li.widget-container {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 30px;
  }

#sidebar-blog ul li ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;
	padding-bottom:10px;
	border-bottom:1px dotted #333;
	width:200px;
  }

#twitter_update_list {
	width:200px;
	color:#7f7f7f;
}

#twitter_update_list a {
	font-size:12px;
}

/*======================
	POST META DATA
========================*/

#maincontent .datecomment { background: url(images/clock.gif) no-repeat left; padding: 0 0 0 15px; font-size:10px; font-style:normal; text-transform:uppercase;color:#111; margin-bottom:20px;}
#maincontent .datecomment a { color:#28903b; text-decoration:none; }
#maincontent .datecomment a:hover {  text-decoration:underline; }

#maincontent .thetags { background: url(images/tag.gif) no-repeat left; padding: 0 0 0 15px; font-size:10px; font-style:normal; text-transform:uppercase;color:#111; margin-bottom:20px;}
#maincontent .thetags a { color:#28903b; text-decoration:none; }
#maincontent .thetags a:hover {  text-decoration:underline; }

#maincontent .postedin { background: url(images/drop_box.gif) no-repeat left; padding: 0 0 0 15px; margin: 0 0 0 20px;font-size:10px; font-style:normal; color:#111; margin-bottom:20px;}
#maincontent .postedin a { font-size:10px; font-style:normal; color:#28903b; text-decoration:none; }
.postedin a:hover { font-style:normal; text-decoration:underline;}

#maincontent .postauthor { padding: 0 0 0 15px; margin: 0 0 0 5px;font-size:10px; font-style:normal; color:#111; margin-bottom:20px;}
#maincontent span.comments { font-size:11px; font-style:normal; font-weight:normal; color:#111; padding:2px 6px 2px 20px; }
#maincontent span.comments a { font-size:10px; color:#28903b; background: url(images/comment.gif) no-repeat left;padding: 0 0 0 15px;}                         
#maincontent span.comments a:hover { text-decoration:underline; }

/*======================
	COMMENTS
========================*/

.comments {
  font-size:24px;
  margin:0;
  margin-top:45px;
}

#content ol.commentlist {
  margin:20px 0 0;
  clear:both;
  overflow:hidden;
  list-style:none;
}

#content ol.commentlist li {
    margin:10px 0;
    line-height:18px;
    padding:10px;
  }

#contents ol.commentlist li .comment-author {
}

#content ol.commentlist li .comment-author a {
        text-decoration:none;                                 
      } 
                                                      
#content ol.commentlist li .comment-author .fn {       
   color:#000;                                           
      }
                                                       
#content ol.commentlist li .comment-author .avatar{    
        float:right;                                          
        border:1px solid #dddddd;                             
        background:#ededed;                                   
        padding:3px;                                          
      } 
                                                      
#content ol.commentlist li .comment-meta{                
      font-size:10px;                                         
    }                                                         

#content ol.commentlist li .comment-meta a {           
        color:#a7a7a7;                                        
        text-decoration:none;                                 
      }  
                                                     
#content ol.commentlist li p {                           
      line-height:22px;                                       
      margin-top:5px;                                         
    }                                                         

#content ol.commentlist li .reply{ 
        background:#5D5D5D;
        color:#fff;
        text-decoration:none;
        padding:5px 10px;
      }

#content ol.commentlist li .reply a:hover{
        background:#000;
        color:#fff;
      }

#content ol.commentlist li.odd {
      border:1px solid #D1D1D1;
      background:#EEEEEE;
    }

#content ol.commentlist li.even {
      border:1px solid #e5e5e5;
      background:#fff;
    }

#content #comment-form {
  margin-top:20px;
}

#content #comment-form #respond {

  }

#content #comment-form #respond h3 {
      font-size:24px;
    }

#content #comment-form #respond #commentform {
      margin:0;
    }

#content #comment-form #respond #commentform label{
        margin-left:0px;
				color:#7f7f7f;
        display:inline;
      }

#content #comment-form #respond #commentform label small {
          font-size:10px;
          color:#a0a0a0;
        }

#content #comment-form #respond #commentform textarea,#comment-form #respond #commentform input {
        margin-bottom:10px;
        padding:5px;
        margin:0 10px 10px 0;
 				background:#ffffff;                                   
				resize:none;
      }                                                       

#content #comment-form #respond #commentform input{    
        width:400px;                                          
      }                                                       

#content #comment-form #respond #commentform textarea{ 
        width:560px;                                          
      }                                                       

#content #comment-form #respond #commentform input#commentSubmit {   
        padding:5px;                                          
				height:31px;
				width:155px;
				background:url("images/submit_button.gif") no-repeat;
				border:0;
      }                                                       
                                    
/*======================
	FOOTER
========================*/
/*
This adds the site bottom and makes it expand to the edge of the screen
like we did with #header and #main
*/

#footer {
	position:relative;
	left:0px;
	width:100%;
}

#footerlogowrapper {
	background:#ffffff;
	position:relative;
	float:left;
	left:9px;
	width:1005px;
	height:64px; 
	border-left:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
}

#footerlogo {
	float:left;
	position:relative;
	left:430px;
	background:url(images/footer_logo.gif) no-repeat;
	width:125px;
	height:119px;
	top:0px !important;
	top:56px;
	z-index:1;
}

#footermain {
	background:#323232;
	float:left;
	position:relative;
	left:9px;
	width:1007px;
	height:155px;
	font-size:12px;
	color:#bababa;
	z-index:0 !important;
	z-index:-1;
}

#footertop {
	background:#323232;
	height:74px;
}

#footernav {
	float:left;
	position:relative;
	padding:0;
	width:100%;
	height:18px;
	text-align:center;
}

#footernav li {
	position:relative;
	padding:0px 5px 0px 5px;
	color:#7f7f7f;
	display:inline;
	list-style:none;
}

#footernav li a {
	font-size:14px;
	color:#bababa;
	text-decoration:none;
}

#footernav li a:hover { 
	text-decoration:underline;
}

#footertext {
	float:left;
	position:relative;
	top:20px;
	width:100%;
	text-align:center;
}

#footertext p {
	font-size:12px;
}

#footertext a {
	font-size:12px;
	color:#bababa;
	text-decoration:none;
}

#footertext a:hover {
	text-decoration:underline;
}


/*==========================
 * BUTTONS AND IMAGES
==========================*/

.joinnowbutton {
	margin-top:10px;
	background:url("images/join_now_button.gif");
	display:block;
	text-indent:-9999px;
	height:38px;
	width:185px;
}

.joinnowbuttondark {
	margin-top:10px;
	background:url("images/join_now_button_dark.gif");
	display:block;
	text-indent:-9999px;
	height:38px;
	width:185px;
}

/*==========================
 * IMAGE GALLERY
==========================*/

#gallerycontents { margin-bottom:25px;}

.clear {clear:both;}

/*========================
 * STORE
=======================*/

.backtostore {
  position:relative;
	top:15px;
}