/*
Wordpress Layout NAME: QBA
DESCRIPTION: Custom Layout for QBA by DaddyDesign.com
VERSION: 1
AUTHOR: Daddy Design
AUTHOR URI: http://www.daddydesign.com/
*/

/* General Settings */
*{ margin: 0; padding: 0; }

html, body { height:100%; }

img { border: 0; }

body{
background: url('images/bg.png')  repeat-x top center #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-variant: normal;
color: #000;
}

p { font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px; line-height:17px; }

a{ color: #000; text-decoration: none; }
a:hover{ color: #fdb825; text-decoration: none; }
a{ outline: none; }

/* Container */
#container{ 
width: 980px;
min-height:100%;
margin: 0 auto -220px auto;
position: relative;
padding: 0 10px;
}

#clear_footer {
height: 220px;
clear: both;
}

/* Header */
#header{ 
width: 980px;
height: 300px; 
float: left; 
background: url('images/bg.png') repeat-x top center;
}

#logo{ 
width: 341px; 
height: 137px;
float: left;
background: url(images/qba-logo.png) no-repeat left;
text-indent: -9000px;
margin: 25px 0 10px 0;
}
#logo a{ display: block; width: 260px; height: 165px; }

#banner{ width: 720px; height: 200px; float: left; position: relative; }

#menu{ 
width: 1080px; 
height: 50px;
float: left;
}

/* Search */
.search {
width: 240px;
height: 29px;
float: right;
background: url(images/search_bg.png) no-repeat center;
margin: 8px 0 0 0;
padding: 5px 15px 0 15px;
}
.search .search_field {
width: 205px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #b7900f;
border: 0;
background: none;
padding: 4px 0 0 0;
}
.search .search_button {
width: 24px;
height: 24px;
float: right;
outline: none;
}

/* Content */
#content{ width: 980px; float: left; }
.divided{ background: url(images/content_bg.png) repeat-y top 60px; margin: 0 0 40px 0; }
#content_left{ width: 700px; float: left; }
#content_right{ width: 300px; float: right; }

.typeface-js{ font-family: Good Times; font-weight: normal; }

.section{ width: 100%; float: left; padding: 0 0 60px 0; overflow: hidden; }
#section_intro{ padding: 0 0 20px 0; }
h1.title{ 
font-size: 19px; 
border-bottom: 3px solid #fdb825;
padding: 0 0 2px 0;
margin: 0 0 10px 0;
}
h1.main_title{ font-size: 48px; }
h1.sub_title{ font-size: 26px; margin: 0 0 5px 0; }

.section ul{ width: 100%; float: left; list-style: none; }
.section ul li{
width: 100%; 
float: left; 
padding: 0 0 10px 0; 
margin: 0 0 10px 0;
border-bottom: 1px solid #dddddd;
}

/* Home */
/* Slideshow */
#slideshow{
width: 980px;
float: left;
overflow: hidden;
margin: 0 0 20px 0;
}

#slide_wrapper{
width: 980px;
height: 350px;
float: left;
overflow: hidden;
background: #000;
}

#mySlides{
width: 980px;
height: 350px;
float: left;
overflow: hidden;
padding: 0;
margin: 0;
}
.slide{ width: 980px; height: 350px; float: left; position: relative; }
.slide_content{ width: 300px; position: absolute; bottom: 40px; left: 40px; color: #fff; }
.slide_content h2{ font-size: 28px; color: #fdb825; }
.slide_content p{ margin: 0 0 20px 0; }

#slideshow_controls{ 
width: 980px;
height: 25px; 
float: left; 
background: url(images/slideshow_controls_bg.png) repeat-x top center #fbd040;
}
#myController{ width: 980px; float: left; }
#myController span{
width:23px;
height:19px;
float: left;
cursor:pointer;
font-size:11px;
font-weight: bold;
text-align:center;
padding: 6px 2px 0 2px;
color: #b7900f;
z-index: 1;
position: relative;
background: url(images/slideshow_controls_def.png) no-repeat top right;
}
#myController span:hover{ background: url(images/slideshow_controls_hover.png) no-repeat top right; }
#jFlowSlide{ float: left; }
#myController span.jFlowSelected { background: url(images/slideshow_controls_hover.png) no-repeat top right; }

.jFlowPrev, .jFlowNext{
width:23px;
height:19px;
float: left;
cursor:pointer;
font-size:11px;
font-weight: bold;
text-align:center;
padding: 6px 2px 0 2px;
color: #b7900f;
z-index: 1;
position: relative;
background: url(images/slideshow_controls_def.png) no-repeat top right;
}
.jFlowPrev:hover, .jFlowNext:hover{ background: url(images/slideshow_controls_hover.png) no-repeat top right; }
/* END Slideshow */

/* Home Ad Block */
#home_ad_block{ width: 100%; float: left; padding: 0 0 20px 0; }
#home_ad_block ul{ width: 100%; float: left; list-style: none; }
#home_ad_block ul li{ width: 230px; float: left; padding: 0 20px 0 0; }
#home_ad_block ul li.last{ padding: 0; }
#home_ad_block ul li a{ width: 230px; height: 120px; display: block; background-color: #000; }

/* Home Intro and Featured Video */
#home_intro{ padding: 40px 0 60px 0; }
#home_intro h1.title{ font-size: 40px; margin: 0 0 15px 0; }

#home_intro_content{ width: 590px; float: left; }
#intro{ width: 575px; height: 283px; float: left; overflow: auto; padding: 0 15px 0 0; margin: 0 0 25px 0; }
a.whynfatraining{

width:320px;

height:138px;

float: left; 

background-image:url(http://nationalfootballacademies.com/wp-content/uploads/2012/01/TrainingButton.png);



}

a.whynfacamps{

width:320px;

height:138px;

float: left; 

background-image:url(http://nationalfootballacademies.com/wp-content/uploads/2012/01/CampButton.png);

margin-left:10px;

margin-right:10px;



}

a.whynfadvds{

width:320px;

height:138px;

float: left; 

background-image:url(http://nationalfootballacademies.com/wp-content/uploads/2012/01/DVDbutton.png);



}


a.intro_button{ 
width: 188px; 
height: 24px; 
float: left; 
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #b7900f;
background: url(images/intro_button_bg.png) no-repeat top center;
padding: 10px 0 0 0;
text-align: center;
}
a.intro_button_middle{ margin: 0 10px; } 
/* Shadowbox Title */
#sb-title-inner{ font-size: 14px !important; font-weight: bold !important; }
/* END Shadowbox Title */

#featured_video{ width: 350px; float: right; }
.featured_video{ width: 350px; float: left; }
.featured_video_info{ width: 350px; float: left; padding: 10px 0 0 0; }
.featured_video_info span{ display: block; font-size: 11px; }
.featured_video_info span.featured_video_title{ display: block; font-size: 15px; font-weight: bold; line-height: 17px; margin: 0 0 3px 0; }
.featured_video_info a{ font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0 0 0 2px; }

/* 3 Home Sections Side by Side */
.row{ width: 100%; float: left; }
#featured_camps, #watch_list, #featured_staff{ width: 300px; float: left; }
#watch_list{ padding: 0 40px 60px 40px; }
#watch_list ul li a{ font-weight: bold; }

/* GET-2-0 Blog Feed */
#blog_feed h1.title{ margin: 0 0 15px 0; }
#blog_feed ul li{ 
padding: 0 0 15px 0; 
margin: 0 0 15px 0;
}
#blog_feed ul li h2{ font-size: 16px; margin: 0 0 2px 0; }
a.blog_feed_link{ float: right; font-size: 12px; font-weight: bold; text-transform: uppercase; }

/* Home Ad */
#home_ad{ width: 300px; height: 200px; float: left; margin: 0 0 30px 0; background: #000; }


/* Home Advert */
#home_advert{ width: 100%; height: 90px; float: left; margin: 0 0 30px 0; background: #ffffff; }


/* Upper Ad */
#upper_ad{ width: 100%; height: 59px; float: left; margin: 0 0 30px 0; background: #ffffff; }

/* Stay Updated Sidebar */
#stay_updated_sidebar h1.title{ margin: 0 0 8px 0; }

#stay_updated_sidebar ul{ width: 100%; float: left; list-style: none; }
#stay_updated_sidebar ul li { width: auto; float: left; margin: 0; padding: 0 5px 0 0; border: 0; }
#stay_updated_sidebar ul li img{ display: block; }

/* QBA Camps in States Section */
#states_list ul{ width: 102%; }
#states_list ul li{ 
width: 24%; 
float: left; 
padding: 0 0 10px 0; 
margin: 0 1% 10px 0;
font-size:12px;
border-bottom: 1px solid #dddddd;
}
#states_list ul li a{ font-weight: bold; }
span.new{ float: left; font-size: 11px; }



/* Camps */
.camps_meta{ 
width: 98%; 
float: left; 
border-top: 1px solid #dddddd; 
border-bottom: 1px solid #dddddd;
padding: 10px 1%;
margin: 0 0 30px 0;
}
a.camps_feed{ 
float: left; 
font-size: 12px; 
font-weight: bold; 
text-transform: uppercase;
background: url('images/rss_small.png') no-repeat left;
padding: 0 0 0 19px;
}
span.sort_meta{ float: right; font-size: 12px; }
span.sort_meta a{ font-size: 11px; font-weight: bold; }

.camp_header{ width: 700px; float: left; }
.camp_header h1.title{ border: 0; margin: 0; }
.camp_header h1.title span{ padding: 0; }
.camp_header .camp_date, .camp_header .camp_location, .camp_header .camp_type{ height: 24px; border-bottom: 3px solid #fdb825; padding: 0; }
.camp_header .camp_button{ height: 24px; border-bottom: 3px solid #fdb825; margin: 0; padding: 0; }

.camp{ width: 700px; float: left; }
.camp_single{ padding: 0 0 40px 0; }
.camp_date, .camp_location, .camp_type, .camp_button{ 
float: left; 
margin-right: 20px; 
padding: 14px 0;
border-bottom: 1px solid #dddddd;
}
.camp_date{ width: 160px; }
.camp_location{ width: 160px; }
.camp_type{ width: 160px; }
.camp_button{ width: 100px; padding: 10px 0; margin: 0; text-align: center; }
.camp_date span, .camp_location span, .camp_type span, .camp_button span{ padding: 0 5px; }

.camp_single_header{ 
display: block;
margin: 0 0 5px 0; 
padding: 0 0 18px 0;
border-bottom: 3px solid #fdb825;
}
.camp h1.camp_title{ 
font-family: Good Times; 
font-size: 25px; 
font-weight: normal; 
}
.camp h1.date{ font-size: 19px; }
.camp h1.location{ font-size: 27px; }
.camp_single_header .book_camp{ float: none; display: inline-block; margin-top: 15px; }

.camp blockquote{ 
display: block;
padding: 20px 10px 10px 10px;
margin: 0 0 5px 0;
border-top: 1px solid #dddddd;
border-bottom: 3px solid #dddddd;
} 
.camp h2, .camp h3{ text-transform: uppercase; margin: 2px 0; }
.camp h3 span{ font-size: 12px; }
.camp ul{ padding: 0 0 0 25px; margin: 5px 0 15px 0; }
.camp ul li{ padding: 0 0 3px 0; }
p.more_info{ float: left; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-top: 8px; }
p.more_info span{ font-size: 17px; }
a.book_camp{ float: right; margin-top: 8px; }

/* Camps Sidebar */
/* Events Calendar Plugin */
#wp-calendar{ padding: 5px 0 0 0; }
#wp-calendar caption{ font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; }
#wp-calendar table td{ padding: 8px 0 !important; border: 1px solid #ccc !important; }
#wp-calendar table #today { font-weight: bold; background-color: #e9e9e9; border: 1px solid #b4b4b4 !important; }

#wp-calendar table td.ec3_eventday{ 
background: url('images/calendar_date_bg.png') repeat-x top center;;
background-color: #fbce3a !important; 
font-weight: bold; 
color: #b7900f !important; 
border: 1px solid #e7bc2d !important;
}
#wp-calendar .ec3_eventday a{ display: block; color: #b7900f !important; }

table.nav{ font-weight: bold; text-transform: uppercase; }
#wp-calendar table.nav td, #wp-calendar td.pad{ border: 0 !important; }

#ec3_publish{ visibility: hidden; }

/* Upcoming Events UL */
ul.ec3_events li{ font-size: 13px; }
ul.ec3_events li span{ display: block; font-size: 11px; font-weight: bold; padding: 0 0 1px 0; }
ul.ec3_events li a{ display: block; }
/* END Events Calendar Plugin */

#sort_camps select{ width: 300px; margin: 5px 0; padding: 5px; border: 1px solid #dddddd; font-family: inherit; }
/* End Camps */

/* Products */
.product{ width: 190px; display: inline-block; vertical-align: top; padding: 0 20px 35px 0; }
.product .product_image{ width: 190px; display: block; margin: 0 0 8px 0; }
.product .product_image img{ width: 184px; height: 184px; border: 3px solid #dddddd; }
.product_info span{ display: block; }
span.product_name{ font-weight: bold; }
span.product_category{ font-size: 11px; margin: 0 0 4px 0; }
span.product_price{ font-size: 14px; font-weight: bold; }

.product_single{ width: 640px; float: left; padding: 0 0 40px 0; }
.product_single_header{ 
width: 100%; 
float: left;
margin: 0 0 5px 0; 
padding: 0 0 20px 0;
border-bottom: 3px solid #fdb825;
}
.product_single .product_image{ width: 256px; float: left; }
.product_single .product_image img{ width: 250px; height: 250px; border: 3px solid #dddddd; }
.product_single .product_info{ width: 340px; float: right; padding: 20px 0 0 0; }
.product_single .product_info h1{ font-size: 24px; }
.product_single span.product_category{ font-size: 15px; font-weight: bold; margin: 0 0 12px 0; }
.product_single span.product_price{ font-size: 30px; font-weight: normal; margin: 0 0 20px 0; }
.product_description{ width: 100%; float: left; border-top: 1px solid #dddddd; padding: 15px 0 0 0; }


.featured_product{ width: 300px; float: left; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #dddddd; }
.featured_product .product_image{ width: 66px; float: left; }
.featured_product .product_image img{ width: 60px; height: 60px; border: 3px solid #dddddd; }
.featured_product .product_info{ width: 215px; float: right; padding: 4px 0; }


/* Staff */
.staff_member_header{ width: 640px; float: left; }
.staff_member_header h1.title{ border: 0; margin: 0; }
.staff_member_header h1.title span{ border: 0; margin: 0; padding: 0; }
.staff_member_header .staff_member_name, .staff_member_header .staff_member_location, .staff_member_header .staff_member_certification{ height: 24px; border-bottom: 3px solid #fdb825; padding: 0; }
.staff_member_header .staff_member_button{ height: 24px; border-bottom: 3px solid #fdb825; margin: 0; padding: 0; }

.staff_member{ width: 640px; float: left; }
.staff_member_single{ padding: 0 0 40px 0; }
.staff_member_name, .staff_member_location, .staff_member_certification, .staff_member_button{ 
float: left; 
margin-right: 20px; 
padding: 14px 0;
border-bottom: 1px solid #dddddd;
}
.staff_member_name{ width: 160px; }
.staff_member_name a{ font-weight: bold; }
.staff_member_location{ width: 160px; }
.staff_member_certification{ width: 160px; }
.staff_member_button{ width: 100px; padding: 10px 0; margin: 0; text-align: center; }
.staff_member_name span, .staff_member_location span, .staff_member_certification span, .staff_member_button span{ padding: 0 5px; }

.staff_member_single .staff_member_header{ 
margin: 0 0 5px 0; 
padding: 0 0 20px 0;
border-bottom: 3px solid #fdb825;
}
.staff_member_image{ width: 136px; float: left; }
.staff_member_image img{ width: 130px; height: 130px; border: 3px solid #dddddd; }
.staff_member_title{ width: 475px; float: right; padding: 15px 0 0 0; }
.staff_member_title h1, .staff_member_title h2{ 
font-family: Good Times; 
font-size: 32px; 
font-weight: normal; 
}
.staff_member_title h2{ font-size: 20px; margin-top: 2px; }
.staff_member_bio{ width: 100%; float: left; border-top: 1px solid #dddddd; padding: 15px 0 0 0; }

.staff_member_featured{ width: 300px; float: left; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #dddddd; }
.staff_member_featured .staff_member_image{ width: 66px; }
.staff_member_featured .staff_member_image img{ width: 60px; height: 60px; }
.staff_member_info{ width: 215px; float: right; padding: 4px 0 0 0; }
.staff_member_info a{ font-size: 17px; font-weight: bold; }
.staff_member_info span{ display: block; font-size: 11px; margin: 0 0 6px 0; }
.staff_member_info a.view_bio{ font-size: 11px; text-transform: uppercase; }
/* END Staff */

/* FAQ's */
.faq_header{
display: block;
border-bottom: 3px solid #fdb825;
padding: 0 0 8px 0;
margin: 0 0 5px 0;
}
.faq_header h1.sub_title{ margin: 0; }

.faq blockquote{
display: block;
padding: 20px 10px 10px 10px;
margin: 0 0 5px 0;
border-top: 1px solid #dddddd;
border-bottom: 3px solid #dddddd;
} 
.faq h2{ font-size: 17px; margin: 0 0 5px 0; }

/* Success Stories */
.success_stories_header{
display: block;
border-bottom: 3px solid #fdb825;
padding: 0 0 8px 0;
margin: 0 0 5px 0;
}
.success_stories_header h1.sub_title{ margin: 0; }

.success_stories blockquote{
display: block;
padding: 20px 10px 10px 10px;
margin: 0 0 5px 0;
border-top: 1px solid #dddddd;
border-bottom: 3px solid #dddddd;
} 
.success_stories h2{ font-size: 17px; margin: 0 0 5px 0; }
.success_stories blockquote span{ display: block; font-size: 12px; text-align: right; margin-top: 15px; }
p.video_testimonial{ text-align: center; margin: 35px 0 25px 0; }

.success_stories ul li{
width: auto;
padding: 20px 10px 25px 10px;
margin: 0 0 5px 0;
border-top: 1px solid #dddddd;
border-bottom: 3px solid #dddddd;
} 

a.more_success_stories{ float: right; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-top: 12px; }

/* Pages */
.entry h1.main_title{ margin: 0 0 5px 0; }
.entry blockquote{ display: block; padding: 15px 0 0 0; } 

.entry ul{
width: auto;
float: none;
list-style: disc;
padding: 0 0 0 25px; 
margin: 5px 0 15px 0; 
}
.entry ul li{ 
width: auto;
float: none;
line-height: 17px;
padding: 0 0 8px 0; 
margin: 0;
border: 0;
}

/* Search Results */
.search_header{
display: block;
border-bottom: 3px solid #fdb825;
padding: 0 0 8px 0;
margin: 0;
}
.search_header h1.sub_title{ margin: 0; }

.search_result{ display: block; padding: 18px 5px 20px 5px; border-bottom: 1px solid #dddddd; }
.search_result h1{ font-size: 17px; margin: 0 0 3px 0; }
.search_result p{ font-size: 11px; line-height: 15px; margin: 0; }

p.no_results{ display: block; margin: 15px 0; }

/* Sidebar */
#sidebar{ width: 300px; float: left; }
.sidebar_section{ width: 100%; float: left; padding: 5px 0 30px 0; }

.sidebar_section ul{ width: 100%; float: left; list-style: none; }
.sidebar_section ul li{
width: 100%; 
float: left; 
padding: 0 0 10px 0; 
margin: 0 0 10px 0;
border-bottom: 1px solid #dddddd;
}
.sidebar_section ul ul{ width: 100%; float: left; list-style: disc; list-style-position: inside; padding: 3px 0 0 0; }
.sidebar_section ul ul li{ 
width: 96%;
padding: 1px 0 1px 4%;
margin: 0;
border: 0; 
font-size: 11px;
color: #fdb825;
}

/* Footer */
#footer{ 
width: 100%; 
height: 463px; 
position: relative; 
background: url('images/footer_bg.png') repeat-x bottom center #000; 
}
#footer_main{ 
width: 980px;
height: 428px; 
margin: 0 auto;
padding: 35px 0 0 0;
background: url('images/footer_bg.png') repeat-x bottom center #000; 
}


#footer_logo{ 
width: 163px; 
height: 85px;
float: left;
background: url(images/footer_logo.png) no-repeat left;
text-indent: -9000px;
padding: 10px 25px 10px 0;
margin: 0 20px 0 0;
border-right: 1px solid #333;
}
#footer_logo a{ display: block; width: 163px; height: 85px; }

#footer_menus{ width: 770px; float: left; }

ul.footer_menu { width: 100%; float: left; list-style: none; margin: 8px 0 2px 0; }
ul.footer_menu li{ width: auto; float: left; padding: 0 12px 0 0; }
ul.footer_menu li a{ font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; }
ul.footer_menu li a:hover{ color: #fdb825; }

ul.footer_sub_menu { width: 100%; float: left; list-style: none; margin: 0 0 15px 0; }
ul.footer_sub_menu li{ width: auto; float: left; padding: 0 10px 0 0; }
ul.footer_sub_menu li a{ font-size: 11px; color: #fff; }
ul.footer_sub_menu li a:hover{ color: #fdb825; }

.footer-cat{
	color:#fbcf3b;
	font-weight:bold;
	font-size:14px;
	line-height:24px;
	width:300px;
}
.footer-cat a{
	color:#fbcf3b;
	font-weight:bold;
	font-size:14px;
	line-height:24px;
}
.footer-cat a:hover{
	color:#fbcf3b;
	font-weight:bold;
	font-size:14px;
	line-height:24px;
}
.under-cat {
	font-size:12px;
	color:#ffffff;
	line-height:24px;
	list-style-type: none;
	width:300px;
}
.under-cat a {
	font-size:12px;
	color:#ffffff;
	line-height:24px;
	list-style-type: none;
}
.under-cat a:hover{
	font-size:12px;
	color:#ffffff;
	line-height:24px;
	list-style-type: none;
	text-decoration:underline;
}
.footer-links{
	width:250px;
	float:left;

}

/* Search */
.footer_search {
width: 240px;
height: 31px;
float: left;
background: url(images/footer_search_bg.png) no-repeat center;
padding: 7px 17px 0 17px;
}
.footer_search .search_field {
width: 205px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
border: 0;
background: none;
padding: 4px 0 0 0;
}
.footer_search .search_button {
width: 24px;
height: 24px;
float: right;
outline: none;
}

#footer_bottom{ 
width: 980px;
float: left;
border-top: 1px solid #333;
padding: 10px 0 0 0;
margin: 15px 0 0 0;
}

span.credits{ float: left; font-size: 11px; color: #fff; }
span.credits a{ color: #fff; }
span.credits a:hover{ color: #fdb825; }

ul.stay_updated{ height: 26px; float: right; list-style: none; overflow: hidden; }
ul.stay_updated li { width: auto; float: left; padding: 0 0 0 4px; }
ul.stay_updated li img{ width: 26px; height: 26px; display: block; }
.clear1{height:30px;}
.header-banner{
width: 980px;
height: 200px;
background-image: url(images/qba-top-banner.png);
}



/* slider */

#slidecontainer{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom:20px;
}

#thumbs img{
	display: block;
}

#gallery, #thumbs{
	float: left;
}

#gallery{
	width: 736px;
	height: 320px;
	overflow: hidden;
}

#gallery img{
	position: absolute;
}

#thumbs{
	width: 244px;
	height: 320px;
	overflow: hidden;
}

#next{
	display: block;
	width: 42px;
	height: 40px;
	background: url(http://nationalfootballacademies.com/wp-content/themes/nfa/slides/slideicon.png);
	position: relative;
	top: 257px;
	left: 840px;
}

#next:hover{
	background: url(http://nationalfootballacademies.com/wp-content/themes/nfa/slides/slideicon.png);
}

.clear{
	clear: both;
}