/* Styles.css
	Site: XFoos
	Author: George Henderson
	Date: September 2009
*/


/* Body & Top Level Definitions */
body {
	
	margin: 0px auto;
	padding: 0px;
	width: 792px;	
	
	height: auto;	
	

	background-color: #231F20; 
	background-image: url(../images/xfoosbg.png);
	background-repeat: no-repeat;
	background-position: center top;

	
	
	color: #fffff;
	font-family:  "Helvetica Neue", Sans-serif;
	font-size: 13px;
}
body.interior {
	height: auto;
	background-image: url(../images/bgrepeat.png);
	background-repeat: repeat-y;
	background-position: center top;

}


img, a { 
	border: none;
	outline: 0;
}
ul {
	list-style: none;
	position: relative;
	

}
a {
	text-decoration: none;
	color: #F1F1F0;
	position: relative;
	
}
.clearer {
	clear: both;
	line-height: 0px;
	height: 0px;
	text-indent: -9999px;
}

h1 {
	text-indent: -9999px;
	height: 0px;
	line-height: 0px;
}
h2 {
	*font-size: 20px;
}
#ratings .red-top-cap-small,
#ratings .red-bottom-cap-small {
	margin-left: -8px;
}
#ratings .redbg-small,
#ratings .redbg-small {
	margin-left: -8px;
}
#ratings h2 {
	margin-left: 57px;
}
#newsletter .red-top-cap-small,
#newsletter .red-bottom-cap-small{
	margin-left: -8px;
}
#newsletter .redbg-small,
#newsletter .redbg-small {
	margin-left: -8px;
}
#newsletter h2 {
	margin-left: 0px;
}
.interior-main .left a:hover,
interior-main .left a:active {
	text-decoration: none !important;
}
h2.section-title  {
	margin-bottom: 20px !important;
	font-size: 23px;
	
}
.left {
	float: left;
	display: block;
	padding: 5px 10px 5px 5px; 

}

.left h2 {
	color: #FFFFFF;
}
.left li {
	margin: 2px 0;
	padding-right: 5px;
}
.main h2 {
	letter-spacing: 1px;
}
.main {
	margin: 0 auto;
	display: block;
	
}
.interior-main {
	margin: 0 auto;
	margin-left: 30px;

	background-image: url(../images/white_containerbg.png);
	background-repeat: repeat-y;
}
.interior-main h2 {
	margin-top: 0px;
	padding: 0px;
	margin-left: 23px;
	margin-bottom: 0px;
}
.interior-main span.note {
	color: black;
	display: block;
	margin-left: 25px;
	margin-top: 8px;
	width: 635px;
	}
.interior-main a {
	color: #1182B2;
}
.interior-main a:hover,
interior-main a:active {
	text-decoration: underline;
}
.interior-main ul {
	padding: 0;
	margin: 8px 0 0 33px;
}

.white-top-cap {
	margin-left: 30px;
	margin-top: 20px;
	background-image: url(../images/white_container_top_cap.png);
	width: 696px;
	height: 32px;
}
.white-bottom-cap {
	margin-left: 30px;
	background-image: url(../images/white_container_bottom_cap.png);
	width: 696px;
	height: 41px;
}

.bottom-cap {
	background-image: url(../images/bottom_cap.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 421px;
	height: 18px;
	margin-left: -3px;
}
.top-cap {
	background-image: url(../images/top-cap.png);
	width: 421px;
	height: 18px;
	margin-left: -2px;
}
.main {
	margin-left: 30px;
	margin-top: 40px;
	*margin-top: 10px;

}
.interior-main p {
	width: 635px;
	padding: 5px 20px 5px 20px;
	margin: 0 0 0 5px;
	
}
#photochanger {
	margin: 67px 0 10px 179px;
	*margin-top: 72px;
	/* width: 720px; */
	width: 380px;
	height: 123px;
	overflow: hidden;

}
#photo-container {
	width: 762px; 
	height: 124px;
	
}
div.photochanger-img {
	height: 123px;
	width: 380px;
	display: block;
	float: left;
}
#face-link a {
	float: right;
	height: 90px;
	width: 110px;
	margin-top: -40px;
	margin-right: 40px;
}
#photo1 {
	background-image: url(../images/picture1.png);
}
#photo2 {
	background-image: url(../images/picture2.png);
}
#photo3 {
	background-image: url(../images/picture3.png);
}
#photo4 {
	background-image: url(../images/picture4.png);
}
#photo5 {
	background-image: url(../images/picture5.png);
}
#photo6 {
	background-image: url(../images/picture6.png);
}

#photo8 {
	background-image: url(../images/picture8.png);
}
#photo9 {
	background-image: url(../images/picture9.png);
}
#photo10 {
	background-image: url(../images/picture10.png);
}

#navigation-shadow {
	background-image: url(../images/navbg.png); 
	width: 696px;
	height: 38px;
	margin-left: 28px;
	margin-top: 5px;
	z-index: 0;
	
}
#interior-navigation-shadow {
	background-image: url(../images/navbg.png); 
	width: 696px;
	height: 38px;
	margin-left: 28px;
	margin-top: 73px;
	z-index: 0;
	
}

.interior-navigation {

}

.interior-navigation li {
	float: left;
	display: block;
	text-indent: -9999px;

}
#header {
	margin: 0px auto;
}
#navigation {
	height: 1px;
	
}
#navigation ul{
	margin: -40px 0 0px -17px;
	position: relative;
	display: block;
	width: 792px;
	*margin-left:23px;
	
}
.interior-navigation ul{
	margin: -40px 0 0 -17px;
	*margin-left:23px;
	padding-bottom: 5px;
	width: 797px;
	
}
#navigation li {
	position: relative;
	float: left;
	display: block;
	text-indent: -9999px;
}
#navigation a {
	display: block;
	
}
.interior-navigation a {
	display: block;
}
#nav-home {
	background-image: url(../images/nav_home.png);
	width: 92px;
	height: 37px;
	z-index: 1;
	
}
#nav-blog {
	background-image: url(../images/nav_news.png);
	width: 86px;
	height: 37px;
	margin: -1px 0 0 -2px;
	
}
#nav-merch {
	background-image: url(../images/nav_merch.png);
	width: 165px;
	height: 41px;
	margin: -6px 0 0 -2px;
}
#nav-usff {
	background-image: url(../images/nav_usff-2.png);
	width: 77px;
	height: 39px;
	margin: -2px 0 0 -5px;
}
#nav-contact {
	background-image: url(../images/nav_contact.png);
	width: 141px;
	height: 37px;
	margin: -2px 0 0 0;
}
#nav-tech {
	background-image: url(../images/nav_tech.png);
	width: 152px;
	height: 37px;
	margin: -1px 0 0 -2px;
}



/*
li.shorter {
	margin: 0 0 0 25px;
}
*/
.left ol {
	width: 170px;
	margin-top:0;
	margin-bottom:0;

}
.red-top-cap-small {
	background-image: url(../images/red_top_cap_small.png);
	width: 215px;
	height: 55px;
	margin-left: 10px;
	margin-bottom: 4px;
	margin-top: -30px;
}
.red-bottom-cap-small {
	background-image: url(../images/red_bottom_cap_small.png);
	width: 215px;
	height: 36px;
	margin-left: 10px;
	margin-top: -2px;
}
.redbg-small {
	background-image: url(../images/redbg_small.png);
	background-repeat: repeat-y;
	margin-left: 10px;
	margin-top: -4px !important;
}

.red-head {
	background-image: url(../images/red_head.png);
	background-repeat: no-repeat;
	width: 240px;
	height: 279px;
	float: left;
}
.red-head h2,
.red-head-small h2,
.red-head-small2 h2 {
	text-align: center;
	color: white;
	margin-top: 8px;
}
.blue-head-small h2,
.blue-head-short h2 {
	text-align: center;
	color: white;
	margin-top: 5px;
}

.red-head-small {
	background-image: url(../images/red-head-small2.png);
	background-repeat: no-repeat;
	width: 217px;
	height: 132px;
	float: left;
	
}
.red-head-small2 {
	background-image: url(../images/red-head-small1.png);
	background-repeat: no-repeat;
	width: 217px;
	height: 134px;
	float: left;
	
}
.red-head-small3 {
	background-image: url(../images/rules.png);
	background-repeat: no-repeat;
	width: 227px;
	height: 136px;
	float: left;
	
}
.red-head-small4 {
	background-image: url(../images/ratings.png);
	background-repeat: no-repeat;
	width: 227px;
	height: 136px;
	float: left;
	
}
.red-head-small5 {
	background-image: url(../images/chart.png);
	background-repeat: no-repeat;
	width: 227px;
	height: 136px;
	float: left;
	
}
h2#stevexfoos {
	background-image: url(../images/stevexfoos.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 225px;
	height: 260px;
	margin-top: 6px;
	margin-left: 4px;
}

h2#table {
	background-image: url(../images/table-mask.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 225px;
	height: 260px;
	margin-top: 7px;
	margin-left: 4px;
}
h2#gear {
	background-image: url(../images/gear.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 224px;
	height: 105px;
}
h2#parts  {
	background-image: url(../images/parts.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 205px;
	height: 104px;
}
h2#buy-table {
	background-image: url(../images/buy_table.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 224px;
	height: 106px;
	margin-left: 2px;
}
#flame {
	background-image: url(../images/flame.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 227px;
	height: 90px;
	margin-top: -63px;
	margin-left: 20px;
}

.blue-head-small {
	background-image: url(../images/blue_head_small.png);
	background-repeat: no-repeat;
	width: 228px;
	height: 113px;
	float: left;
	margin-right: 13px;
	margin-top: 5px;
}
.blue-head-short {
	background-image: url(../images/blue_head_short.png);
	background-repeat: no-repeat;
	width: 208px;
	height: 113px;
	float: left;
	margin-right: 13px;
	margin-top: 5px;

}
#youtube-links {
	margin-bottom: 10px;
}
.footer {
	margin-left: 28px;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	width: 699px;
}
.footer p {
	width: 600px;
	display: block;
	margin-left: 30px;
	padding: 20px;
}

/*    merch     */

#youtube-links {
	margin-bottom: 10px;
}
.footer-top-cap {
	background-image: url(../images/footer_top_cap.png);
	background-repeat: no-repeat;
	width: 710px;
	height: 30px;
	margin-left: 24px;

}
ul#improvements{
	margin-left: 30px;
	width: 600px;
	list-style: disc; 
}
.footer-bottom-cap {
	background-image: url(../images/footer_bottom_cap.png);
	background-repeat: no-repeat;
	width: 697px;
	height: 79px;
	margin-left: 24px;
	margin-top: 0px;

}
.footer {
	margin-left: 28px;
	background-image: url(../images/footerbg_repeat.png);
	background-repeat: repeat-y;
}
.footer p {
	width: 600px;
	display: block;
	margin:  0 0 0 30px;
	padding: 8px 0;
}

/*    tech data    */
.interior-main .pdf {
	display: block;
	background-image: url(../images/pdf_icon_gen.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 45px;
	width: 43px;
}
a.pdf {
	margin-top: 5px;
}
.window a.pdf {
	margin-top: 0px;
	padding-top: 0px;
}
.window li {
	width: 130px;

}
.window .redbg-small {
	margin-top: -8px !important;
}
#xfooslogobig  {
	position: relative;
	float: left;
	margin-top: 85px;
	background-image: url(../images/xfooslogobig.png);
	background-repeat: no-repeat;
	display: block;
	width: 200px;
	height: 200px;
}
.leftside {
	display: block;
	float:left;
	width: 300px;

}
.someHeight {
	height: 60px;
	margin-top: 10px;
	
}
#usffnav {
	margin-top: 10px;
}
#usffnav h2 {
	color: white;
	display: block;
	text-decoration: none;
	text-align: center;
	margin-left: 0px;
	margin-top: 5px;
}
#usffnav  a:hover,
#usffnav a:active {
	
	text-decoration: none;
}