/*
Theme Name: Qualifier
Theme URI: http://roguefitness.com
Description: Crossfit Regional Qualifier Theme.
Version: 1.0
Author: Madhouse
Author URI: http://madmadmad.com/
Tags: custom

	Qualifier v1.0
	 http://madmadmad.com

	This theme was designed and built by Madhouse
*/



body {
	line-height: 18px;
	font-family: "Helvetica", Arial, sans-serif;
	background-image: url(images/bg2.jpg);
	background-repeat: repeat-x;
	background-color: #ebebeb;
	color: #424242;
	margin: 0; 
	padding: 0;
	font-size: 12px;
}


a:link {
	color: #579100; 
	text-decoration: none;
	}
	
a:visited {
	color: #579100; 
	text-decoration: none;
	}
	
a:hover {
	color: #252525; 
	text-decoration: none;
	}
	
a:active {
	color: #579100; 
	text-decoration: none;
	} 



#container 	{ 	width: 850px; 
				margin: 0 auto; }

#header {
	display: inline;
	float: left;
	margin: 0;
	width: 850px;
	height: 251px;
}


.sidebar {
	width: 270px;
	float: right;
	display: inline;
	padding-bottom: 20px;
}

.copyholder {
	padding-bottom: 20px;
	padding-right: 30px;
	margin-top: 20px;
	width: 530px;
	float: left;
	display: inline;
}

ul {
margin: 0; 
padding: 0;
}

ul li {margin: 0; padding: 0; }

                                                                                               

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


#footercontainer {
	 	padding-top: 12px;
	 	margin: 0px;
	 	border-top-color: #d2d2d2;
	 	border-top-width: 1px;
	 	border-top-style: solid;
	 	color: #676767;
	 	line-height: 14px;
	 	font-size: 11px;
	 	float: left;
	 	display: inline;
	 	width: 850px;
}



* html #footer {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/footer-rev-trans.png',sizingMethod='scale');
	
	* html #footer {position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
}







/*-----------------main nav------------------------------------------------------------------------------*/

#navcontainer ul
{
margin-bottom: 30px;
padding-left: 0;
margin-left: 0;
float: left;
width: 100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
font-weight: bold;
border-left-color: #b2b2b2;
border-left-width: 1px;
border-left-style: solid;
font-size: 14px;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 50px;
padding-top: 25px;
color: #656565;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover
{
background-color: #c4c4c4;
color: #262626;
}



h1 {
	padding-bottom: 4px;
	font-size: 18px;
	font-weight: bold;
	margin: 0; 
}

h2 {
	letter-spacing: -1px;
	color: #141414;
	font-weight: bold;
	font-size: 24px;
	margin: 0; 
	padding: 0;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 0; 
	padding: 0;
}

h4 {
	font-size: 18px;
	margin: 0; 
	padding: 0;
}
h5 {
	color: #484848;
	font-weight: bold;
	font-size: 36px;
	margin: 0; 
	padding: 0;
}
.headline {
	padding-bottom: 8px;
	text-shadow: 0px 0px 3px #030b29;
	font-weight: bold;
	color: white;
	font-size: 34px;
}

.subheadline {
	padding-bottom: 5px;
	color: #a2c5f2;
	font-size: 18px;
	font-weight: bold;
}


/*-----------------rollover buttons------------------------------------------------------------------------------*/



#learnmore a {
margin-top: 10px;
display: block;
height: 30px;
}
#learnmore a#blue {
background: url(../images/intakebutton.jpg) 0 0 no-repeat;
width: 157px;
}
#learnmore a#blue:hover {
width: 157px;
background: url(../images/intakebutton.jpg) 0 -30px no-repeat;
}

#learnmore a#grey {
background: url(../images/morebutton.jpg) 0 0 no-repeat;
width: 157px;
}
#learnmore a#grey:hover {
width: 157px;
background: url(../images/morebutton.jpg) 0 -30px no-repeat;
}