/* COLORS
======================================================================
	#fb7600 : Orange
	#394d57 : Blue
====================================================================== */

@import url(base.css);


/* GENERAL
====================================================================== */

html {
	background: #000 url('../_images/bg.jpg') no-repeat top center;
}

body, input, select, textarea {
	color: #888;
	font-family: "Trebuchet MS", Trebuchet, arial, sans-serif;
}

h1 {
	font-size: 1.4em;
	color: #fff;
	font-size: 1.95em;
	font-weight: normal;
}

h2 {
	margin-top: 2.2em;
	color: #fff;
	font-size: 1em;
	line-height: 1.4;
}

h3, h4, h5, h6 {
	color: #ccc;
	margin-top: 2.2em;
	font-size: .8em;
	line-height: 1.4;
}

h3 {
	font-size: 1em;	
}

h4, h5, h6 {
	 color: #666; 
}

h5, h6 {
	font-weight: normal
}

p, address, dl, ul, ol, table, label {
	margin-top: 1em;
	font-size: .85em;
	line-height: 1.75;
}

h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
	margin-top: .85em;
}

ul {
	margin: 0 0 1.5em 1.5em;
	list-style-type: disc;
	color: #888;
}

ul ul {
	margin-top: 0;
	list-style-type: circle;
}

ol {
	margin-left: 1.5em;
	list-style-type: decimal;
}

ol ol {
	margin-top: 0;
	margin-left: 1.5em;
	list-style-type: lower-alpha
}

dd {
	margin: 0;
}

dt {
	margin-top: 1.5em;
	font-weight: bold;
}

blockquote {
	margin: 2.2em 0;
	padding: .5em 2em 1.5em 2em;
	background: #f5f3eb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.6;
	font-style: italic;
}

cite {
	text-align: right;
	display: block;
}

cite:before {
  content: "- ";
}

em, q { font-style: italic; }

strong { 
	font-weight: bold;
	color: #ddd;
}

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

a:hover,
a:active {
	color: #fc7700;
}



/* FORMS
====================================================================== */
form {
	width: 480px;
	text-align: left;
}

form.Row {
	overflow: auto;
}

fieldset {
	position: relative; /* make legend move horizontally correct in IE */
	overflow: auto;
}

legend {
	position: relative;
	left: -7px; /* IE */
	padding: 1.5em 0 .85em 0;
	font-size: .75em;
	font-weight: bold;
}

fieldset>legend {
	left: 0; /* future proof */
}

fieldset span {
	color: #fb7600;
}

input, textarea, select {
	margin-top: 3px;
	padding: 3px;
	display: block;
	background-color: #000;
	border: 1px solid #262626;
}

label {
	padding-bottom: .85em;
	width: 350px;
	line-height: 1.2;
	display: block;
}

select,
label.FieldLarge,
label.FieldLarge input,
label.FieldLarge select,
label.FieldMedium,
label.FieldMedium input,
label.FieldMedium select,
label.FieldSmall,
label.FieldSmall input,
label.FieldSmall select,
input.InputRadio,
input.InputCheck {
	float: left;
}

label.FieldLarge {
	width: 316px;
}

label.FieldLarge input,
label.FieldLarge select {
	width: 310px;
}

label.FieldMedium {
	width: 216px;
}

label.FieldMedium input,
label.FieldMedium select {
	width: 210px;
}

textarea { width: 445px;}

label.FieldSmall { 
	width: 146px;
}

label.FieldSmall input,
label.FieldSmall select {
	width: 140px;
}

label.FieldLarge,
label.FieldMedium,
label.FieldSmall {
	margin-right: 20px;
}

label.LabelRadio,
label.LabelCheck {
	margin-left: 25px;
	padding-bottom: 15px;
}

input.InputRadio,
input.InputCheck {
	margin: 0;
}

input.FormButton {

	width: 81px;
	height: 32px;
	border-width: 0;
	cursor: pointer;
	background: url('../_images/submit.png') no-repeat 0 -32px;
}

input.FormButton:hover {
	background: url('../_images/submit.png') no-repeat 0 0;
}

#honeypot {
	position: absolute;
	top: -4000px;
	height: 1px;
	width: 1px;
	visibility: hidden;
}



/* CONTAINERS
====================================================================== */

#outer {
	margin: 0 auto;
	width: 835px;
	background: url('../_images/rotate_imgs/rotate.php') no-repeat top left;
}

#inner {
	padding: 0px 47px;
	overflow: auto;
}

#left_column {
	float: left;
	padding-top: 270px;
	width: 175px;
}	

#right_column {
	float: right;
	margin-top: 23px;
	width: 525px;
}	

#section_home #outer {
	background-image: none;
}


#section_home #inner {
	padding: 25px 47px;
}

#section_home #inner {
	padding: 25px 47px;
}

#section_home #left_column {
	float: left;
	padding: 0;
	width: 460px;
	background: #000;
}	

#section_home #right_column {
	float: right;
	margin-top: 23px;
	width: 250px;
}

/* HEADER
====================================================================== */

#header {
	position: relative;
	padding-top: 65px;
	height: 65px;
}

#logo {
	position: relative;
	bottom: 10px;
	left: 350px;
}



/* MAIN NAVIGATION
====================================================================== */


ul#nav {
	text-align: center;
	font-size: 14px;
	line-height: 1.25em;
	border: 1px solid #333;
	border-width: 1px 0;
	width: 835px;
	height: 30px;
	margin: 0;
	background: url('../_images/nav_bg.png') no-repeat;
}

#nav li {
	padding: 5px 15px 5px 15px;
	display: -moz-inline-box; /* for Mozilla based browsers */
	display: inline-block;
}

#nav li img {
	position: absolute;
	top: -15000px;
	left: -15000px;
}

#nav li#first:hover img {
	top: 49px;
	left: 270px;
	zoom: 1;
}

#nav li#second:hover img {
	top: 32px;
	left: 330px;
	zoom: 1;
}

#nav li#third:hover img {
	top: 0px;
	left: 360px;
	zoom: 1;
}

#nav li#fourth:hover img {
	top: 0px;
	left: 400px;
	zoom: 1;
}

#nav li#fifth:hover img {
	top: 0px;
	left: 440px;
	zoom: 1;
}

#nav li#sixth:hover img {
	top: 27px;
	left: 480px;
	zoom: 1;
}

#nav li#seventh:hover img {
	top: 27px;
	left: 525px;
	zoom: 1;
}

#nav li#eighth:hover img {
	top: 20px;
	left: 580px;
	zoom: 1;
}

#nav li#nineth:hover img {
	top: 22px;
	left: 650px;
	zoom: 1;
}

#nav li a {
	position: relative;
	display: block; /* for Mozilla based browsers */
	display: inline-block;
	color: #fff;
}

#nav li.Current a:link,
#nav li.Current a:visited,
#nav li.Current:hover a,
#nav li.Current:active a {
	color: #FC7700;
}

#nav li a:link,
#nav li a:visited {
	color: #ccc;
}

#nav li:hover a,
#nav li:active a {
	color: #FC7700;
}
	

/* SIDEBAR
====================================================================== */

ul#sub_nav {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	background: url('../_images/nav_bg.png') repeat top center;
}

ul#sub_nav li a {
	display: block;
	padding: 3px;
	border: 1px solid #222;
	border-width: 1px 0 0 0;
}

ul#sub_nav li a.SubNavCurrent {
	color: #394c56;
	font-weight: bold;
	background: url('../_images/sub_nav_on.gif') no-repeat 7px right;
}

ul#sub_nav li.First a {
	border-width: 0;
}

form#newsletter {
	width: 175px;
	color: #555;
}

form#newsletter legend span{
	position: relative;
	top: -5000px;
	bottom: -5000px;
}

form#newsletter legend {
	width: 104px;
	height: 15px;
	padding: 0 0 15px 0;
	background: url('../_images/newsletter.png') no-repeat;
}

form#newsletter input.NewsletterButton {
	position: relative;
	top: 0;
	left: -9px;
	width: 81px;
	height: 32px;
	border-width: 0;
	cursor: pointer;
	background: url('../_images/submit.png') no-repeat 0 -32px;
}

form#newsletter input.NewsletterButton:hover {
	background: url('../_images/submit.png') no-repeat 0 0;
}
	
	
	
/* HOME
====================================================================== */

#home_flash {
	margin: 7px 37px 0 37px;
	width: 759px;
	height: 345px;
	background: url('../_images/home_flash.jpg') no-repeat top center;
}


#section_home h1 {
	position: relative;
	left: -22px;
	width: 308px;
	height: 58px;
	background: url('../_images/h1_sinister_news.gif') no-repeat top center;
}	

#list_header_recently {
	position: relative;
	left: -18px;
	bottom: 5px;
}

#welcome_graphic {
	margin-top: 15px;
}

ul#BlogPosts {
	list-style: none;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

ul#BlogPosts li {
	position: relative; 
	border: 1px solid #333;
	border-width: 1px 0 0 0;
	padding: 7px 0 7px 50px;
}

ul#BlogPosts li span {
	color: #fb7600;
	position: absolute; 
	left: 0;
	display: block;
	width: 50px;
}

ul#BlogPosts li a:link,
ul#BlogPosts li a:visited {
	color: #cbcbcb;
}

ul#BlogPosts li:hover a {
	color: #394d57;
}

/* ABOUT
====================================================================== */

#section_about h1 {
	position: relative;
	left: -22px;
	width: 308px;
	height: 58px;
	background: url('../_images/h1_sinister_about.gif') no-repeat top center;
}	

div.AboutProfile {
	margin: 35px 0 0 0;
	overflow: auto;
}

div.AboutProfile h3 {
	margin: 0;
	color: #394d57;
}

div.AboutProfile h3 span {
	display: block;
	font-size: .75em;
}

div.AboutProfile img {
	float: left;
	margin: 0 10px 1px 0;
}	


/* FRAMES
====================================================================== */
#section_frames h1{
	position: relative;
	left: -22px;
	top: 0;
	width: 308px;
	height: 58px;
	background: url('../_images/h1_sinister_frames.gif') no-repeat top center;
}		

h2 span {
	position: relative;
	top: -5000px;
	left: -5000px;
} 

#section_frames h2 {
	position: relative;
	left: -30px;
	top: 0;
	width: 175px;
	height: 60px;
	margin-bottom: -10px;
}		

h2#gruitr_h2 { background: url('../_images/h2_gruitr.gif') no-repeat;}
h2#mustang_h2 { background: url('../_images/h2_mustang.gif') no-repeat;}
h2#ridge_h2 { background: url('../_images/h2_ridge.gif') no-repeat;}
h2#simon_bar_h2 { background: url('../_images/h2_simon_bar.gif') no-repeat;}
h2#wtf_h2 {	background: url('../_images/h2_wtf.gif') no-repeat;}
h2#dna_h2 {	background: url('../_images/h2_dna.gif') no-repeat 18px;}

.FrameInfo {
	margin-bottom: 60px;
}

.FrameInfo img {
	float: right;
}

.FrameInfo p, .FrameInfo h2 {
	margin-right: 210px;
}

#section_frames a.MoreInfo {
	display: block;	
	margin: 10px 0 0 0;
	width: 69px;
	height: 27px;
	background: url('../_images/more_info.png') no-repeat 0 -27px;
}

#section_frames a.MoreInfo:hover {
	background: url('../_images/more_info.png') no-repeat 0 0px;
}

#flash_frame {
	width: 525px;
	height: 345px;
	background: url('../_images/home_flash.jpg') no-repeat top left;
}

table {
	width: 100%;
	border: 1px solid #666;
 	border-collapse: collapse;
}

td {
	color: #999;
	border: 1px solid #333;
	padding: .3em 1em;
	text-align: center;
}				

tr.Even {
	background: #111;
}

th {
	color: #ddd;
	text-align: left;
	border: 1px solid #333;
	padding: .3em 1em;
}							

th.Center {
	text-align: center;
}							

thead th {
	text-align: center;
	font-weight: bold;
	color: #325568;
}

/* TEAM
====================================================================== */
#outer.dane, #outer.sasha, #outer.knight, #outer.derek {
	background-image: none;
} 

#section_team #outer.dane #left_column, #section_team #outer.sasha #left_column, #section_team #outer.knight #left_column, #section_team #outer.derek #left_column {
	padding-top: 57px;

} 

#section_team h1 {
	position: relative;
	left: -22px;
	top: 0;
	width: 308px;
	height: 58px;
	background: url('../_images/h1_sinister_team.gif') no-repeat top center;
}	

#section_team h1.SashaYakovleff {background: url('../_images/h2_sasha_lg.gif') no-repeat;}

#section_team h1.DaneBerke {background: url('../_images/h2_dane_lg.gif') no-repeat;}

#section_team h1.DerekStevens {background: url('../_images/h2_derek_lg.gif') no-repeat;}

#section_team h1.KnightIde {background: url('../_images/h2_knight_lg.gif') no-repeat;}

.RiderInfo {
	margin: 45px 0 0 0;
	padding-top: 15px;
	overflow: auto;
	background: url('../_images/rider_detail_bg.jpg') repeat-y top center;
}
	
.RiderInfo h3, .RiderInfo p, .RiderInfo ul {
	margin-left: 150px;
}	

.RiderInfo h2 {
	position: relative;
	top: -10px;
	left: -2px;
	margin: 0 0 -15px 150px;
	width: 283px;
	height: 32px;
}	

h2#sasha_h2 { background: url('../_images/h2_sasha.gif') no-repeat;}

h2#knight_h2 { background: url('../_images/h2_knight.gif') no-repeat;}

h2#derek_h2 { background: url('../_images/h2_derek.gif') no-repeat;}

h2#dane_h2 { background: url('../_images/h2_dane.gif') no-repeat;}

.LocationAge { 
	color: #394d57;
	line-height: 1.25em;
}

#mugshot {
	float: left;
	width: 126px;
	height: 152px;
	background-repeat: no-repeat;
	background-position: 0 0;
}	

.RiderInfo:hover div#mugshot {
	background-position: 0 -152px;	
}

.SashaPhoto {
	background-image: url('../_images/rider.jpg');
}

.DanePhoto {
	background-image: url(../_images/mugshot_berke.jpg);
}

.DerekPhoto {
	background-image: url('../_images/mugshot_stevens.jpg');
}

.KnightPhoto {
	background-image: url('../_images/mugshot_ide.jpg');
}

ul.RiderInfo {
	margin-top: 15px;
	padding: 10px 25px 10px 30px;
	color: #fb7600;
}

.RiderInfo li {
	margin-bottom: 12px;
}

.RiderInfo li span { color: #ccc;}

.EndCap {
	padding: 20px 0 10px 0;
	width: 525px;
	height: 35px;
	background: url('../_images/rider_detail_bg.jpg') repeat-y bottom center;
}

.EndCap a.MoreInfo {
	position: relative;
	z-index: 10;
}

a.Close span, a.MoreInfo span, .RiderInfo h3 span {
	position: relative;
	top: -5000px;
	left: -5000px;
}	

#section_team a.MoreInfo {
	margin-left: 148px;
	width: 69px;
	height: 27px;
	background: url('../_images/more_info.png') no-repeat 0 -27px;
}

#section_team a.MoreInfo:hover {
	background: url('../_images/more_info.png') no-repeat 0 0px;
}

a.Close {
	margin-left: 148px;
	width: 69px;
	height: 27px;
	background: url('../_images/close.png') no-repeat 0 -29px;
}

a.Close:hover {
	background: url('../_images/close.png') no-repeat 0 -2px;
}



/* DEALERS
====================================================================== */


#contact_header {
	margin: 7px 37px 0 37px;
	width: 759px;
	height: 345px;
	background: url('../_images/home_flash.jpg') no-repeat top center;
}

#section_dealers h1 {
	position: relative;
	left: -22px;
	width: 308px;
	height: 58px;
	background: url('../_images/h1_sinister_dealers.gif') no-repeat top center;
}	

#dealer_list {
	margin-top: -15px;
	padding: 0 15px 20px 15px;
	background: #000 url('../_images/rider_detail_bg.jpg') repeat-y top center;
}

#dealer_list ul {
	list-style: none;
	line-height: 2em;
}

#section_dealers h2 {
	padding-top: 8px;
	color: #fb7600;
}

#section_dealers h3 {
	color: #394d57;
}




/* CONTACT
====================================================================== */

#section_contact #outer {
	background: none;
}

#section_contact #left_column {
	padding-top: 80px;
}	

#contact_header {
	margin: 7px 37px 0 37px;
	width: 759px;
	height: 345px;
	background: url('../_images/home_flash.jpg') no-repeat top center;
}

#section_contact h1 {
	position: relative;
	left: -22px;
	width: 308px;
	height: 58px;
	background: url('../_images/h1_sinister_contact.gif') no-repeat top center;
}	

#section_contact #left_column address {
	line-height: 1.8em;
	margin-bottom: 20px;
}

#section_contact #left_column strong { 
	color: #394d57;
}


/* FOOTER
====================================================================== */

#footer {
	text-align: right;
	padding: 30px 47px 10px 47px; 
	color: #333;
	font-size: .9em;
	clear: both;
}

#footer p#cgcraft {
	color: #333;
}

#footer a:link,
#footer a:visited {
	color: #333;
}

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

#footer a:hover span { 
	color: #a8d936; 
}

#footer a:active { color: #fff }



/* CUSTOM CLASSES
====================================================================== */

h1 span {
	position: absolute;
	top: -5000px;
	left: -5000px;
}

::selection {
	background: transparent;
	color:#fff;
}