/*

-----------------------------------------------

Website: teamfrancobodybuilding.com

Author:   Zack Naylor - http://www.zacknaylor.com/

Version:  2.0

Date: April, 21 2009


...............im hood son


copying or re-using this code without my permission is not permitted......nor is it polite :)
----------------------------------------------- */




/* clear all globals - thanks eric meyer! */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*-------------- body styles --------------------------*/

body {
font: Tahoma, Arial, sans-serif;
background: #000 url(images/body_bg.png) repeat-x ;
}

a:link, a:visited {
color:#E89C39;
}



/*------------ header ---------------------------------*/

#header {
height:116px;
width:100%;
background:url(images/header_bg.png) repeat-x top left;
padding:72px 0 0 0;
}

#header img {
position:absolute;
top:0;
left:10px;
}

#header img.title {
position:absolute;
top:0;
left:85px;
}



/*------------- Nav ------------------------------------*/

#header #nav {
background: url(images/nav_bg.png) repeat-x;
height:44px;
widows:100%;
color:#fff;
}


#header #nav ul {
font-size:13px;
width:830px;
margin:0 auto;
}


#header #nav ul li {
display:block;
margin:0 13px;
width:110px;
float:left;
text-align:center;
height:44px;
}

#header #nav ul li:hover {
background:url(images/nav_bg_hover.png) repeat-x;
}

#header #nav ul li a.extrapad {
padding:15px 0 0 0;
}


#header #nav ul li a {
color:#fff;
text-decoration:none;
display:block;
padding:10px 0 0 0;
height:44px;
}


#header #nav ul li a:hover {
background:url(images/nav_bg_hover.png) repeat-x;
}


/*------------- call to action ---------------------*/

#calltoaction {
background:url(images/cta_bg.png) no-repeat top left;
width:860px;
height:240px;
margin:-72px auto 0 auto;
}


#calltoaction h2 {
background: url(images/cta_title.png) no-repeat bottom center;
width:810px;
height:60px;
text-indent: -5000px;
}

#calltoaction p {
font-family:"Lucida Sans", "Lucida Grande", "Times New Roman", sans-serif;
font-size:13px;
line-height:24px;
width:562px;
height:116px;
color:#333;
padding:20px 0 0 175px;
}

#calltoaction div.signup {
background:url(images/signup_btn.png) no-repeat;
width:245px;
height:25px;
margin:-30px 0 0 320px;
}

#calltoaction div.signup:hover {
background:url(images/signup_btn.png) no-repeat 0 -25px;
}

#calltoaction div.signup a{
width:200px;
height:25px;
display:block;
/*background:url(images/signup_btn.png) no-repeat;*/
font-size:18px;
line-height:25px;
font-weight:bold;
text-decoration:none;
padding:0 0 0 45px;
}

#calltoaction p.info {
font-size:14px;
padding:8px 0 0 250px;
}


#calltoaction p.info a{
text-decoration:none;
}

#calltoaction p.info a:hover {
text-decoration:underline;
}



/*---------------- main content ------------------------*/

#main-body {
background:url(images/main_body_bg.png) no-repeat top left;
width:840px;
margin:15px auto 0 auto;

}

h4 {
margin:30px 25px;
font-size:18px;
font-weight:bold;
color:#E89C39;
}

h5 {
margin:15px 25px;
font-size:16px;
font-weight:bold;
color:#EDEA00;
}


#main-body ul {
color:#fff;
margin:30px 35px;
font-size:16px;
}

#main-body ul li {
padding: 5px 15px;
display:inline;
}



/*--- for the video---*/
#main-body div.video {
margin:127px 0 0 25px;
display:block;
}

#main-body div.video embed {
margin:0;
}


#main-body p {
margin:20px 25px;
color:#fff;
font-size:14px;
line-height:20px;
}



	/*------- philosophy section ----*/
#main-body h3.philosophy {
background:url(images/training_philosophy.png) no-repeat bottom left;
width:338px;
height:82px;
text-indent:-5000px;
}

#main-body div.philosophy {
font-size:13px;
line-height:20px;
color:#fff;
width:379px;
margin:38px 0 0 25px;
}

#main-body div.philosophy ul {
font-style:italic;
margin:15px 0;
display:list-item;
}

#main-body div.philosophy ul li {
margin:10px 0;
padding:5px 0 5px 25px;
display:list-item;
}

#main-body div.philosophy p.info {
font-size:15px;
font-weight:bold;
margin:15px 0;
}

#main-body div.philosophy p {
margin:0;
padding:0;

}


	/*-------- forum section -------*/

#main-body div.forum {
width:359px;
height:298px;
background:url(images/forum.png) no-repeat;
margin:30px 0 0 16px;
}

#main-body h3.forum {
background:url(images/tf_forum.png) no-repeat bottom left;
width:296px;
height:87px;
text-indent:-5000px;
margin:0 0 0 -20px;
}

#main-body div.forum p {
background:url(images/forum_overlay.png) no-repeat bottom left;
width:359px;
height:50px;
font-size:15px;
color:#fff;
padding:250px 10px 0 5px ;
display:block;
margin:0;
}

#main-body div.forum p span.text {
margin:-20px 0 0 0;
display:block;
}


#main-body div.forum p a{
display:block;
width:150px;
height:30px;
float:right;
margin:-25px 15px 0 0;
text-decoration:none;
font-size:18px;
line-height:30px;
background:url(images/arrow_orange.png) no-repeat top right;
}

#main-body div.forum p a:hover {
text-decoration:underline;
}




/*-------- right column ---------------------------------*/

#rightcolumn {
float:right;
width:375px;
color:#fff;
}


#rightcolumn img.flyer {
margin:118px auto 0 auto;
}


#rightcolumn h3.posing {
background:url(images/posing_classes.png) no-repeat bottom left;
width:350px;
height:24px;
text-indent:-5000px;
margin:205px 0 0 0;
}


#rightcolumn div.posing {
width:350px;
margin:35px 0 0 0;
}

#rightcolumn div.posing p {
font-size:13px;
line-height:24px;
}

#rightcolumn div.posing p a {
font-weight:bold;
font-size:15px;
}


#rightcolumn h3.additional {
background:url(images/additional_links.png) no-repeat bottom left;
width:350px;
height:25px;
text-indent:-5000px;
margin:135px 0 0 0;
}


#rightcolumn div.additional {
width:350px;
margin:35px 0 0 0;
}


#rightcolumn div.additional ul {
width:350px;
font-size:15px;
margin:0;
padding:0;
}

#rightcolumn div.additional ul li {
line-height:24px;
display:list-item;
margin:0;
padding:0;
}



/*----------- tfbjoin.index.html page -------------*/

h3.blogtraining {
background:url(images/blog_training.png) no-repeat bottom left;
width:350px;
height:32px;
text-indent:-5000px;
padding:60px 0 0 0;
margin:0 0 30px 25px;
}




/*----------- posing page (teamfranco2.html)-------------*/

h3.posing {
background:url(images/posing_classes.png) no-repeat bottom left;
width:350px;
height:24px;
text-indent:-5000px;
padding:60px 0 0 0;
margin:0 0 30px 25px;
}

div.posingvid {
margin:80px auto;
text-align:center;
}

/*----------- archives page (tfbarchives.html)-------------*/

h3.archives {
background:url(images/archives.png) no-repeat bottom left;
width:350px;
height:24px;
text-indent:-5000px;
padding:60px 0 0 0;
margin:0 0 30px 20px;
}

div.archives {
width:30%;
display:block;
}


div.archives a:hover {
color:#EDEA00;
}

div.joecontest {
float:right;
display:block;
width:30%;
margin:85px 20px 0 20px;
}

div.joecontest a:hover {
color:#EDEA00;
}

div.promotedshows {
float:right;
display:block;
width:30%;
margin:85px 20px 0 20px;
}

div.promotedshows a:hover {
color:#EDEA00;
}



/*---------- now available page (competitionpc.html)----------*/

table {
margin:20px auto;
color:#fff;
}

table h3 {
font-size:16px;
text-decoration:underline;
font-weight:bold;
}

table td {
font-size:15px;
padding:20px 10px;
line-height:18px;
}





/*------------------- footer -------------------------------*/

#footer {
margin:50px 0 0 0;
background:url(images/footer_bg.png) repeat-x bottom left;
height:413px;
}

#footer div.footer-inner {
margin:0 auto;
width:812px;
}

#footer ul{
text-align:center;
font-size:12px;
padding:30px 0 0 0;
color:#fff;
}

#footer ul li {
display:inline;
margin:0 7px;
}

#footer ul li a {
color:#fff;
text-decoration:none;
}

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

#footer ul.first {
padding:130px 0 0 0;
}

#footer ul.yellow, #footer ul.yellow a {
color:#EDEA00;
font-weight:bold;
}

/*----------------- generic and common styles -----------------*/

.bold {
font-weight:bold;
}

.orange {
color:#E89C39;
}

.italic {
font-style:italic;
}