/*  
Theme Name: ETS Fitness
Theme URI: http://etsfitness.com
Description: Elite Training Systems
Version: 1.0
Author: Todd Giannattasio
Author URI: http://toddgiannattasio.com
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
body{
	background-color: #999999;	
	background-image:url(/wp-content/themes/ets-fitness/images/bg_strip.png);
	}
strong { font-weight:bold }
em { font-style:italic }
ul, ol{margin-left: 25px;}
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
p{margin: 10px 0;}

/* =Utilities
-----------------------------------------------------------------------------*/

.clear{clear:both}
.float-right{float: right;}
.float-left{float: left;}
.img-right{float: right; border: 1px solid #ffffff; margin: 0px 0px 5px 10px}
.img-left{float: left; border: 1px solid #ffffff; margin: 0px 10px 5px 0px}
.img {border: 1px solid #ffffff; margin: 5px;}

/* =Styles
-----------------------------------------------------------------------------*/

#wrapper{
width: 1020px;
margin: 0px auto;
border: 1px solid #000000;
background-color: #000000;
}

/* =Typography
-----------------------------------------------------------------------------*/

#wrapper {
font-size: 1em;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
}

#wrapper #content{

}

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited{
color: #ffffff;
text-decoration: none;
font-style: italic;
}

a:hover{
text-decoration: underline;
}

#main-nav a{
padding: 5px;
color: #000000;
}

#main-nav a:hover{

}

#content #main-content p a:link, #content #main-content p a:visited{
font-style: italic;
}


#footer a:link,#footer a:visited{
color: #ffffff;
text-decoration: none;
font-style: italic;
}

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

/* =Headings
-----------------------------------------------------------------------------*/

h1#logo img{
float: left;
margin-bottom: -50px;
position: relative;
z-index: 999;
}

#branding blockquote{
text-indent: -999999px;
}

h2{font-size: 2em;}

#content #main-content h2{
font-size: 2em;
margin-bottom: 0;
}

h3{font-size: 1.5em;}

h4{font-size: 1.3em;}
#wrapper #content #main-content .comments h4#respond{
font-size: 1em;
}


h5{font-size: 1.4em;}
#wrapper #content #main-content .comments h5{
font-size: 1em;
}

/* =Branding
-----------------------------------------------------------------------------*/

#branding{
width: 100%;
height: 200px;
background-image:url(/wp-content/themes/ets-fitness/images/branding-bg.jpg);
background-repeat: no-repeat;
background-color: #999999;
color: #ffffff;
border-bottom: 1px solid #000000;
}

#branding blockquote{
float: left;
padding-left: 20px;
font-size: 1.4em;

}

#header #sponsors{
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #ffffff;
}

#header #sponsors ul{
	list-style: none;
	
}

#header #sponsors ul li{
	display: inline;
	margin-right: 10px;
}


/* =Main Nav
-----------------------------------------------------------------------------*/
#main-nav{
margin-left: 180px;
background-color: #ffffff;
}

#main-nav ul{
padding: 16px 0;
line-height: 100%;
}

#main-nav ul li{
display: inline;
margin-left: 15px;
}

#main-nav ul li a{
font-style: normal;
font-weight:bold;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/

/* =Content
-----------------------------------------------------------------------------*/

#content{
padding: 20px 0 0 0;
border-top: 1px solid #000000;
clear:both;
}

/* =Main Content
-----------------------------------------------------------------------------*/

#main-content{
float: left;
width: 600px;
padding: 0 10px;
}

#wrapper #content.page #main-content .content-section{
padding: 0 0 0 10px;
}

#main-content .content-section{
margin-bottom: 2em;
}

#main-content #featured-video.content-section{
float: left;
background-image: url(/wp-content/themes/ets-fitness/images/featured-video.jpg);
background-repeat: no-repeat;
background-position: 0 -5px;
padding-left: 100px;
min-height: 345px !important;
height: 345px;
margin-bottom: -30px;
}

#main-content ul#staff-members{
list-style:none;
margin-top: 1em;
}

#main-content ul#staff-members li p.job-title{
font-weight: bold;
font-style: italic;
margin-top: -5px;
}

#main-content ul#staff-members li img.img-left{
margin-top: 5px;
}

/* =Sidebars
-----------------------------------------------------------------------------*/

#sidebar{
width: 300px;
float: left;
padding: 0px;
margin: 0 0 0 10px;
}

#sidebar ul#sub-nav{
list-style: none;
}

#sidebar ul#sub-nav li{
margin-bottom: 1em;
}

#sidebar ul#sub-nav li a:link, #sidebar ul#sub-nav li a:visited{
border: 1px solid #ffffff;
text-indent: -999999px;
background-repeat: no-repeat;
}

#sidebar ul#sub-nav li a:hover{
border: 3px solid #ffffff;;
margin-bottom: -3px;
}

#sidebar ul#sub-nav li a#subnav-staff{
display: block;
width: 300px;
height: 125px;
background-image: url(/wp-content/themes/ets-fitness/images/subnav-staff.jpg);
}

#sidebar ul#sub-nav li a#subnav-programs{
display: block;
width: 300px;
height: 125px;
background-image: url(/wp-content/themes/ets-fitness/images/subnav-programs.jpg);
}


#sidebar ul#sub-nav li a#subnav-facility{
display: block;
width: 300px;
height: 125px;
background-image: url(/wp-content/themes/ets-fitness/images/subnav-facility.jpg);
}


#sidebar ul#sub-nav li a#subnav-news{
display: block;
width: 300px;
height: 125px;
background-image: url(/wp-content/themes/ets-fitness/images/subnav-news.jpg);
}

#sidebar ul#sub-nav li a#subnav-trainingtips{
display: block;
width: 300px;
height: 125px;
background-image: url(/wp-content/themes/ets-fitness/images/subnav-trainingtips.jpg);
}


/* =Footer
-----------------------------------------------------------------------------*/

#footer{
clear:both;
border-top: 1px solid #ffffff;
margin-top: 20px;
padding: 20px;
text-align:center;
}

#footer #site-info ul{
list-style:none;
}

#footer #site-info ul li{
display:inline;
margin-left: 10px;
}


/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset {
border: 1px solid transparent;
}

#searchform{

}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
border-spacing: 0;
border-collapse: collapse;
font-size: 98%;
}

.table th{
text-align: left;
vertical-align: top;
}

.table td {
text-align: left;
vertical-align: top;
}

/* =Comments
-----------------------------------------------------------------------------*/

.comments{
}

.comments #commentform #comment{
}

#wrapper #content #main-content .comments #commentform textarea{
width: 550px;
}


/* =FlickR Badge
-----------------------------------------------------------------------------*/

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {}
#flickr_badge_wrapper {}
.flickr_badge_image {}
.flickr_badge_image img {border: 1px solid white !important; float: left; margin: 5px;}
#flickr_badge_source {}
#flickr_badge_icon {}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


/* =Misc 1
-----------------------------------------------------------------------------*/