@charset "UTF-8";
/*
Theme Name: Orange_Gray
Description: 2 column orange & gray fixed
Version: 1.0
Author: Amber Farmer
Author URI: AmberDesignz.com
*/



body  {	font: 12px Verdana, Arial, Helvetica, sans-serif;	background: url('img/page-bg.gif') center top repeat-x #666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	}

#header { 	background: url('img/header.png') center no-repeat #ff6600;	height: 179px;} 

#header-bottom {	background: url('img/header-bot.png') center top no-repeat #666;	height: 17px;	margin: 0;	top: 0px;	}
	
#wrap_content { background:  url('img/content_bg.png') center top repeat-y #666; height: auto; width: 829px; padding: 0; text-align: left; margin: 0 auto; border-style: none; float: left; }

#container { height: auto; padding: 0; text-align: left; top: 0px; margin: 0 auto; border-style: none; width:829px;}

#wrap { background: #666666 center; margin: 0 auto; height: auto; width: 829px; }

.tagline { background:url(img/thelatest.png) no-repeat left center; margin: 0 0 0 0px; padding: 0; position: relative; left: 35px; top: 12px; height: 21px; width: 244px; }

a img { border:2px solid #999999; background: center; text-align: center; padding: 5px; }

img { border:2px solid #999999; background: center; text-align: center; padding: 5px; }


p {	color: #000000;	text-decoration: none;	padding: 5px 20px 5px 20px;	margin: 0 0 0 0;	font: 12px Verdana, Arial, Helvetica, sans-serif;}

small {	font-family: Arial, Helvetica, Sans-Serif;	font-size: 0.7em;	line-height: 1.5em;	}
	
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; padding: 20px; }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {	color: white;	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {	text-decoration: none;	}

.links { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; }

.links a , .links a:visited { color:#333333; text-decoration: none; }

.links a:hover {color:#FFFFFF }

#login { top: 500px; margin: 0px; padding: 0px; position: relative; width: 200px; left: 100px; }

/*******************  NAVIGATION  **************************************/
	
#nav-main { height: 40px; padding: 0; width:829px; }

.menu {	margin: 0;	padding: 0;	list-style: none; width:829px;}

.menu li {	padding: 0;	margin: 0 0 0 0;	height: 40px;	list-style: none;	background-repeat: no-repeat;}

.menu li a, .menu li a:visited { display: block; text-decoration: none; text-indent: -9000px; height: 40px; background-repeat: no-repeat; margin: 0px; padding: 0px; }

.nav-left {background-image: url(img/nav/nav-left.png); width: 39px;}

.home {	background-image: url(img/nav/home-roll.png);	width: 107px;}
.home a {background-image: url(img/nav/home.png);}

.bio {	background-image: url(img/nav/bio-roll.png);	width: 87px;}
.bio a {background-image: url(img/nav/bio.png);}

.schedule {	background-image: url(img/nav/schedule-roll.png);	width: 159px;}
.schedule a {background-image: url(img/nav/schedule.png);}

.photos {	background-image: url(img/nav/photos-roll.png);	width: 141px;}
.photos a {background-image: url(img/nav/photos.png);}

.bike {background-image: url(img/nav/bike-roll.png); width: 100px;}
.bike a {background-image: url(img/nav/bike.png);}

.contact {background-image: url(img/nav/contact-roll.png); width: 154px;}
.contact a {background-image: url(img/nav/contact.png);}

.nav-right {background-image: url(img/nav/nav-right.png); width: 42px;}

ul.menu li a:hover {background: none;}

.menu li {float: left;}

#subnav {
	height: 13px;
	padding: 0;
	margin: 0;
	top:236px;
	background: #999999 url(img/nav/nav-under.png) center;
	width:829px;
	float: left;
}	


/******************* END  NAVIGATION  **************************************/

/*******************  RIGHT SIDE COLUMN  **************************************/

* html #sidebar { display: inline;} /* IE6.0 Double margin bug fix */

#sidebar { width: 195px; padding: 0; margin: 0px 31px 20px 0; float: right; }
/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */


.sidebar-top { margin: 0; background: url(img/sponsors-tab.png) center top; text-align: center; height: 31px; padding: 0; }

.sidebar-mid { margin: 0 0px 0 0; background: url(img/side-mid.png) center repeat-y #999; width: 195px; }

.sidebar-bot {	margin: 0;	background: url(img/side-bot.png) top no-repeat #999;	padding: 0 5px 5px 5px;	height:16px;}

.sidebar li {	list-style:none;}

/*******************  END RIGHT SIDE COLUMN  **************************************/

/*******************  Sponsor Logos  **************************************/

.logos {	margin: 0 0 0 4px;	padding: 0;	list-style: none;	}

.logos li { padding: 5px 0; margin: 0; list-style: none; background-repeat: no-repeat; border-bottom: 1px solid #999999; }

.logos li a, .logos li a:visited {	display: block;	text-decoration: none;	text-indent: -2000px;	background-repeat: no-repeat;	list-style: none;}

ul.logos { list-style:none; margin-right: 5px; padding: 5px; }

.astar a {  background: url(img/logos/astar.png) center center no-repeat;   width: 175px;   height: 75px;   }

.asterisk a {	background: url(img/logos/asterisk.png) center center no-repeat;	width: 175px;	height: 143px;	}
	
.brembo a {	background: url(img/logos/brembo.png) center center no-repeat;	width: 175px;	height: 46px;	}	
	
.cmfoods a {	background: url(img/logos/cmfoods.png) center center no-repeat;	width: 175px;	height: 36px;	}
	
.concept a {	background: url(img/logos/concept.png) center center no-repeat;	width: 175px;	height: 35px;	}			
	
.dhl a{	background: url(img/logos/dhl.png) center center no-repeat;	width: 175px;	height: 39px;	}

.fmf a {	width: 175px;	height: 53px;	background: url(img/logos/fmf.png) center center no-repeat;	}
	
.gpr a {	background: url(img/logos/gpr.png) no-repeat center center;	width: 175px;	height: 78px;}

.hatch a {	background: url(img/logos/hatch.png) no-repeat right center;	width: 175px;	height: 33px;}
	
.ims a {   background: url(img/logos/ims.png) center center no-repeat;   width: 175px;   height: 71px;}

.ktmparts a {	background: url(img/logos/ktm_parts.png) no-repeat center center;	width: 175px;	height: 68px;}

.ktmracing a {	background: url(img/logos/KTM_racing.png) no-repeat center center;	width: 176px;	height: 68px;	}

.motionpro	a {	background: url(img/logos/motionpro.png) no-repeat center center;	width: 175px;	height: 87px;}
	
.michelin a {   background: url(img/logos/michelin.png) center center no-repeat;   width: 175px;   height: 56px;}

.motorex a {	background: url(img/logos/motorex.png) no-repeat center center;	width: 175px;	height: 88px;}

.musclemilk a {	background: url(img/logos/musclemilk.png) no-repeat center center;	width: 175px;	height: 35px;}

.ngk  a{	background: url(img/logos/ngk.png) no-repeat center center;	width: 175px;	height: 99px;}

.ogio  a{	background: url(img/logos/ogio.png) no-repeat center center;	width: 175px;	height: 50px;}

.realtytrac a {	background: url(img/logos/realtytrac.png) no-repeat center center;	width: 175px;	height: 32px;}

.redbull a{	background: url(img/logos/redbull.png) no-repeat center center;	width: 175px;	height: 85px;}

.regina a {	background: url(img/logos/regina.gif) no-repeat center center;	width: 175px;	height: 69px;}

.rms a {background: url(img/logos/rms.png) center center no-repeat; width: 175px; height: 50px;}

.renthal a {	background: url(img/logos/renthal.png) no-repeat center center;	width: 175px;	height: 36px;}

.scottusa a {	background: url(img/logos/scott.png) no-repeat center center;	width: 175px;	height: 28px;}

.shoei a {background: url(img/logos/shoei.png) center center no-repeat;	width: 175px;	height: 60px;	}

.sierrafuel a {background: url(img/logos/sierrafuel.png) center center no-repeat; width: 175px; height: 20px;}

.shockdr a {background: url(img/logos/shockdr.png) center center no-repeat; width: 175px; height: 30px;}


.truth a {	background: url(img/logos/truth.png) no-repeat center center;	width: 175px;	height: 78px;}

.twinair a {	background: url(img/logos/twinair.png) no-repeat center center;	width: 174px;	height: 43px;}

.vp a {   background: url(img/logos/vp.png) center center no-repeat;    width: 175px;   height: 86px;}

.wpsuspension a {	background: url(img/logos/wpsuspension.png) no-repeat center center;	width: 171px;	height: 73px;}

.zipty a {	background: url(img/logos/zipty.png) no-repeat center center;	width: 175px;	height: 116px;}


/*******************  MAIN CONTENT  **************************************/


#content { width: 558px; margin: 0px 0 0px 28px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ padding: 0; overflow: hidden; } 

.content-top { height: 37px; width: 558px; margin: 0 0 0 0; padding: 12px 0 0 0; background: #999999 url('img/content-bg-top.png') no-repeat center top; }

.entry { background: url('img/content-bg-mid.png') center repeat-y #999; width: 558px; padding:0 0 0 0; margin: 0 0 0 0; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: left; }

.content-bot {	background: url('img/content-bg-bot.png') center no-repeat #999; width: 558px; height: 16px; padding:0; margin: 0;}

h1 { color: #fff; letter-spacing: 0.02em; text-indent: 10px; text-align: left; font: 16px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 0; margin: 0 0px 0px 0; }

.date {
	color: #fff;
	text-align: right;
	padding: 15px 10px 0px 0px;
	font: 10px Arial, Helvetica, sans-serif;
}

.post {
	margin: 0 0 10px;
	text-align: justify;
}

.post hr {	display: block;	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0px; font-size: 1px; line-height: 0px; }


/*******************  END MAIN CONTENT  **************************************/


/*******************  FOOTER BEGIN  ******************************************/


#footer {
	margin: 0;
	padding: 1em 0;
	color: #666666;
	text-align: center;
	background: url(img/footer-bg.png) center bottom repeat-y #ff6600;
	text-decoration: none;
	font: 10px Verdana, Arial;
}

#footer a {	color: #666666;	text-decoration: none;}

#footer a:hover {color: #fff;}

/*******************  END FOOTER  ****************************************/

/******************* PHOTO PAGE  *****************************************/


.photo-title { color: #fff; letter-spacing: 0.02em; text-indent: 20px; text-align: left; font: 16px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 0; margin: 0 0px 0px 0; }

.content-top-photo_page { height: 37px; width: 558px; margin: 0 0 0 0; padding: 12px 0 0 0; background: #999999 url('img/content-bg-top.png') no-repeat center top; }

.tagline-gallery { background:url(img/tagline_gallery.png) no-repeat left center; margin: 0 0 0 0px; padding: 0; position: relative; left: 35px; top: 5px; height: 21px; width: 298px; }

/******************* BIO PAGE  *******************************************/

.tagline-bio { background:url(img/tagline-bio.png) no-repeat left center; margin: 0 0 0 0px; padding: 0; position: relative; left: 35px; top: 5px; height: 21px; width: 298px; }

#table-bio { background:url(img/souleonbike-fade.png) right top no-repeat; height: 497px; width: 535px; }
.table1 {position: relative;}


/******************* SCHEDULE PAGE  **************************************/

.tagline-schedule { background:url(img/tagline-schedule.png) no-repeat left center; margin: 0 0 0 0px; padding: 0; position: relative; left: 35px; top: 5px; height: 21px; width: 298px; }

.title-schedule { color: #fff; letter-spacing: 0.02em; text-indent: 10px; text-align: left; font: bold 16px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 0; margin: 0 0px 0px 12px; }

.entry-schedule { background: url('img/content-bg-mid.png') center repeat-y #999; width: 558px; padding:0 0 0 0; margin: 0 0 0 0; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: left; word-spacing: normal; }

/******************* BIKE PAGE  ******************************************/

.tagline-bike { background:url(img/tagline-bike.png) no-repeat left center; margin: 0 0 0 0px; padding: 0; position: relative; left: 35px; top: 5px; height: 21px; width: 298px; }

#content-bike { width: 770px; margin: 0px 0 18px 28px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ padding: 0; overflow: hidden; } 

.content-top-bike { height: 52px; width: 770px; margin: 0 0 0 0; padding: 0 0 0 0; background: #999999 url('img/content-bike-top.png') no-repeat center top; }

.entry-bike { width: 770px; padding:0 0 0 0; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333333; background: url(img/content-bike-middle.png); }

.content-bot-bike { background: url('img/content-bike-bottom.png') center no-repeat #999; width: 770px; height: 18px; }

.title-bike { color: #fff; letter-spacing: 0.02em; text-indent: 10px; text-align: left; font: bold 16px Verdana, Arial, Helvetica, sans-serif; padding: 12px 0 0 0; margin: 0px 0px 0px 12px; }

#container-bike { height: auto; padding: 0 0 0px 0; top: 0px; margin: 0 auto; border-style: none; width:829px; text-align: left; }

.bikepic img { margin-left: 5px; padding: 0 0 0 0; border-top: 1px #000000; border-right: 1px #000000; border-bottom: 1px #000000; border-left: 1px #000000; }

/*******************  Sponsor Logos on bike page SMALL  **************************************/

.popup-box p {padding:0 0 0 0;}

#table5 { margin-left: 5px; padding-bottom: 25px; }

.col1 { float: left; }
.col2 { float: left; }
.col3 { float: left; }
.col4 { float: left; }
.col5 { float: left; }


.logossmall {	list-style: none;	}

.logossmall li { list-style: none; background-repeat: no-repeat; padding: 10px; }

.logossmall li a, .logossmall li a:visited { display: block; text-decoration: none; text-indent: -9000px; list-style: none; width: 125px; }

ul.logossmall { list-style:none; margin: 5px 0 5px 0; padding: 10px 2px 10px 2px; }


.astar-sm a { background: url(img/logos/logos-small/astar.png) no-repeat center center; width: 100px; height: 43px; }

.asterisk-sm a { background: url(img/logos/logos-small/asterisk.png) center center no-repeat; width: 75px; height: 61px; }
	
.brembo-sm a { background: url(img/logos/logos-small/brembo.png) center center no-repeat; width: 100px; height: 26px; }	
	
.cmfoods-sm a { background: url(img/logos/logos-small/cmfoods.png) center center no-repeat; width: 100px; height: 21px; }
	
.concept-sm a { background: url(img/logos/logos-small/concept.png) center center no-repeat; width: 100px; height: 20px; }			
	
.dhl-sm a{ background: url(img/logos/logos-small/dhl.png) center center no-repeat; width: 100px; height: 22px; }

.fmf-sm a { width: 100px; height: 30px; background: url(img/logos/logos-small/fmf.png) center center no-repeat; }
	
.gpr-sm a { background: url(img/logos/logos-small/gpr.png) no-repeat center center; width: 100px; height: 46px; }

.hatch-sm a { background: url(img/logos/logos-small/hatch.png) no-repeat center center; width: 100px; height: 21px; }
	
.ims-sm a { background: url(img/logos/logos-small/ims.png) center center no-repeat; width: 100px; height: 41px; }

.ktmparts-sm a { background: url(img/logos/logos-small/ktm_parts.png) no-repeat center center; width: 125px; height: 49px; }

.ktmracing-sm a { background: url(img/logos/logos-small/KTM_racing.png) no-repeat center center; width: 125px; height: 49px; }

.motionpro-sm	a { background: url(img/logos/logos-small/motionpro.png) no-repeat center center; width: 100px; height: 51px; }
	
.michelin-sm a { background: url(img/logos/logos-small/michelin.png) center center no-repeat; width: 100px; height: 32px; }

.motorex-sm a { background: url(img/logos/logos-small/motorex.png) no-repeat center center; width: 100px; height: 50px; }

.ngk-sm  a{ background: url(img/logos/logos-small/ngk.png) no-repeat center center; width: 75px; height: 75px; }

.realtytrac-sm a { background: url(img/logos/logos-small/realtytrac.png) no-repeat center center; width: 100px; height: 18px; }

.redbull-sm a{ background: url(img/logos/logos-small/redbull.png) no-repeat center center; width: 125px; height: 61px; }

.regina-sm a { background: url(img/logos/logos-small/regina.gif) no-repeat center center; width: 100px; height: 39px; }

.rms-sm a { background: url(img/logos/logos-small/rms.png) center center no-repeat; width: 100px; height: 29px; }

.renthal-sm a { background: url(img/logos/logos-small/renthal.png) no-repeat center center; width: 100px; height: 21px; }

.scottusa-sm a { background: url(img/logos/logos-small/scott.png) no-repeat center center; width: 100px; height: 16px; }

.shoei-sm a { background: url(img/logos/logos-small/shoei.png) center center no-repeat; width: 100px; height: 34px; }

.sierrafuel-sm a { background: url(img/logos/logos-small/sierrafuel.png) center center no-repeat; width: 100px; height: 11px; }

.truth-sm a { background: url(img/logos/logos-small/truth.png) no-repeat center center; width: 100px; height: 50px; }

.twinair-sm a { background: url(img/logos/logos-small/twinair.png) no-repeat center center; width: 100px; height: 25px; }

.vp-sm a { background: url(img/logos/logos-small/vp.png) center center no-repeat; width: 100px; height: 49px; }

.wpsuspension-sm a { background: url(img/logos/logos-small/wpsuspension.png) no-repeat center center; width: 100px; height: 43px; }

.zipty-sm a { background: url(img/logos/logos-small/zipty.png) no-repeat center center; width: 100px; height: 66px; }




/******************* CONTACT PAGE  ***************************************/

.tagline-contact { background:url(img/tagline-contact.png) no-repeat left center; margin: 0 0 0 0px; padding: 0; position: relative; left: 35px; top: 5px; height: 21px; width: 298px; }

.tagline-form { background:url(img/tagline-form.png) no-repeat left center; margin: 0 0 0 0px; padding: 0; position: relative; left: 35px; top: 5px; height: 21px; width: 298px; }

.formdiv { margin: 0 0 0 60px; }
