@charset "utf-8";
 @import url("reset.css");
/* Import default.css override file */
@import url("default_override.css");
/* Import Thickbox css file*/
@import url("thickbox.css");

/* Supaloc Racing : Main CSS Layout */

body { background:#070707; width:100%; margin:0; }

/* Clearrfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
	width:100%;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* Form reset */
form {
	margin:0;	
}

/* Universal font allocation */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { 
	font-family:"Trebuchet", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
}

input,textarea { color:#1c1c1c; }

p {	font-size:0.9em; color:#C7C7C7; }

em {font-style:italic; }

/* FCK font reset */
.FCKImageGalleryContainer, .FCKImageGalleryItemContainer * { color: #1C1C1C; }
.FCKImageGalleryHeaderContainer a.CommandButton { color:#FFF; font-weight:bold; font-size:1.1em; padding: 0px 15px;}
.FCKImageGalleryHeaderContainer a.CommandButton:hover { color:#C00; }


fieldset { border:1px solid #303030; padding:10px; }


div#feature,
div#mainnav,
div#breadcrumb,
div#contentwrapper,
div#footer,
div.copyright {
	width:970px;
	margin:0 auto;
}

/**************/
/*** HEADER ***/
/**************/
div#headwrapper { display:block; width:100%; background:url(images/bodybg.gif) repeat-x bottom; }
div#headwrapper_grad { display:block; width:100%; margin:0 auto; background:url(images/grad_bg.jpg) center bottom no-repeat; padding-top:15px; }


div#header {
	height:97px;
	width:968px;
	margin:0 auto;
	/*border: 1px solid #ee1d20 #3b3b3b ;
	border-bottom:none;*/
	background: #070707 /*url(images/sitepinstripes.gif) repeat-y center top*/;
}
div#headeritems {
	width:400px;
	height:90px;
	float:right;
	position:relative;
	right:10px;
}
	div#headeritems div.loginbox {
		width:400px;
		margin:0 auto;
		height:25px;
	}
	div#headeritems div.loginbox>span:first-child {
		color:#CCC;
		font-size:0.8em;
	}
	div#headeritems div.searchbox {
		width:400px;
		margin:0 auto;
		height:25px;
	}
	
	div#headeritems div.searchbox>span {
		display:block;
	}
	
	div.searchbox input.NormalTextBox {
		width:250px;
		height:14px; /*20px;*/
		padding:2px;
		color:#CCC;
		background: #1c1c1c;
		border:1px solid #3c3c3c;
	}
	
	a.HeaderSearch {
		padding-top:3px;
		height:20px;
		width:50px;
		text-align:center;
	}
	
	span.loginheaderlink { font-size:0.8em; }
	
	span.loginheaderlink>a {
		width:50px;	
		text-align:center;
	}
	span.searchheaderlink {
		margin-top:3px;	
		font-size:0.8em;
	}


/***************/
/*** FEATURE ***/
/***************/
div#feature {
	height:auto;
	min-height:0em !important;
}

div#breadcrumb {
	height:34px;
	line-height:34px; /* ...to centre the breadcrumb trail text in the div */
	padding-left:20px;
	font-size:0.8em;
}



/*******************/
/*** DNNNAV MENU ***/
/*******************/

/*
		CLASSES:											EXAMPLE:

.m				All Sub Menu						.m			All Sub Menu Items
.m[level]		Sub Menu at level x					.m0			First level sub menus
.mid[id]		Sub Menu with id x					.mid12		DNN Admin Sub Menu
.break			Break								.break		All menu breaks
.mi				Menu Item (all)						.mi			All Menu Items
.id				Menu Item with id x					.id41		Menu item with id 41
.mi[path]		Menu Item in specific path			.mi0		First Menu Item
													.mi1-0		First child of second root menu

.root			Root Menu Item						.root		All root menu items
.first			First Menu Item						.first		First Menu item in each menu
.last			Last Menu Item						.last		Last Menu item in each menu

.icn			Icon
.hov			Hover
.sel			Selected
.bd				Breadcrumb

*/

div#navbar { background:url(images/nav_bg.png) no-repeat center top; height: 47px; text-align:center; z-index:10 }
div#navbar>span { display:block; width:100%	}

.mainMenu {
	display:block;
	width:896px; /* 7 menu tabs @ 128px each */
	height:46px;
	margin:0 auto;
}

.mainMenu .mi { display:block; float:left; width:128px; height:46px; line-height:45px; }
.mainMenu .sel.root .txt {border-bottom: 2px solid #C00; } /* adds an underline to the top-level(root) menu item when you select it */
.mainMenu .root.bc .txt {border-bottom: 2px solid #C00; } /* adds an underline to the top-level(root) menu item once one of it's children has been selected */

.mainMenu .mi:hover,
.mainMenu .m0:hover,
.mainMenu .m0 .mi:hover { background:#0d0d0d; cursor:pointer; }

.mainMenu .m0 { display:block; width:128px; font-size:0.8em; z-index:999; }

.mainMenu .mi .txt { font-weight:bold; font-size:0.8em; text-transform:uppercase; }
.mainMenu .m0 .mi { display:block; height:35px; width:126px; line-height:30px; background:#000; border-left:1px solid #C00; border-right:1px solid #C00;}
.mainMenu .m0 .mi .txt {display:block; text-indent:10px; text-align:center; color:#d8d8d8; }
.mainMenu .m0 .mi .txt:before {content:"-  ";}
.mainMenu .m0 .last { border-bottom:1px solid #C00; }




/********************/
/*** MAIN CONTENT ***/
/********************/
div#contentwrapper {
	clear:both;	
}

div#mainwrapper {
	background:#1c1c1c url(images/mainbox_bgtile.gif);
	width: 755px;/*857px;*/
	float:left;
}
div#contentpane {
	float:left;
	width: 530px;
	min-height:480px; /* Keeps pages balanced with sidebar */
	position:relative;
	left:10px;
}
div#contentpane_fullwidth {
	min-height:480px; /* Keeps pages balanced with sidebar */	
}
div#leftpane {
	float:left; position:relative; left:6px; width:209px; /*237px; /* DO NOT ALTER */
}
div#rightpane {
	float:right; width:209px; /*237px; /* DO NOT ALTER */
}


/*** Rounded Corners ***/
div.roundedcorners { position:relative; height:6px; }
div.maincontainer_top {	top:0px; background:url(images/corners_matrix.gif) no-repeat 0px 0px; }
div.maincontainer_bottom {	bottom:0px; background:url(images/corners_matrix.gif) no-repeat 0px -6px;}
div.rightcontainer_top { top:0px; background:url(images/corners_matrix.gif) no-repeat -755px 0px; }
div.rightcontainer_bottom { bottom:0px; background:url(images/corners_matrix.gif) no-repeat -755px -6px; }
div.leftcontainer_top { top:0px; background:url(images/corners_matrix.gif) no-repeat -964px 0px; }
div.leftcontainer_bottom { bottom:0px; background:url(images/corners_matrix.gif) no-repeat -964px -6px; }
/***********************/

/* "Recent News Items" Homepage List Module */
ul.recent_news_items_list {	font-size:0.7em; margin-bottom:10px; }
ul.recent_news_items_list li { list-style-image:url(images/listpoint_dark.gif); margin-left:16px; margin-top: 5px; min-height:20px; line-height:20px; border-bottom:1px dashed #929292; }
ul.recent_news_items_list li a{ color:#929292; text-decoration:none }
ul.recent_news_items_list li a:hover{ color:#f82323; }

/* "Upcoming Events" Homepage List Module */
table#event_list_item {
	width: 199px;
	height:86px; /* 90px - 2px border */
	background:#303030;
	margin:10px auto;
	font-size:0.8em;
	border:2px solid #303030;
}
div.eventlist-flag-img { width:15px; height:15px; background:url(images/eventlist_flag_icon.gif) no-repeat center; } /* because I couldnt use the '<%= skinpath %>' variable for the img path in the HTML template */
div.eventlist-startfinish-img { width:33px; height:33px; background:url(images/event_startfinish.gif) no-repeat center; } /* because I couldnt use the '<%= skinpath %>' variable for the img path in the HTML template */

table#event_list_item span.event_duration {
	/* color:#4bd436; -- GREEN */
	color: #e21a1b;
	font-weight:bold;
}


/* "Event Results" Homepage List Module */
h3.EventItemTitle { font-size:0.75em; padding-bottom:3px; margin-bottom:6px; color:#929292; border-bottom:1px dashed #929292; text-transform:none !important; }
div.EventItemDescription { }
div.EventItemDescription p {font-size:0.7em; }
div.EventItemDescription ul { font-size:0.7em; margin:5px auto; list-style-position:inside; }
div.EventItemDescription ul li { padding-left:20px; padding-bottom:3px; color:#a70708; list-style-image:url(images/result_icon_green.gif); }


/**************/
/*** FOOTER ***/
/**************/
div#footer {
	min-height:171px;
	width:970px;
	position:relative;
	top:10px;
	background: #1c1c1c url(images/sitepinstripes.gif) repeat-y center top;
	clear:both;
}
div#sponsors1 {
	width: 950px;
	min-height:80px;
	border-bottom:1px solid #303030;
	margin: 0 auto;
	margin-bottom:10px;
}
div#sponsors2 {
	width:970px;
	min-height:80px;
	padding-bottom:30px; /* to allow for hole effect image to show up */
	background: url(images/footerholes.gif) no-repeat bottom center;
}

div.segmentbar {
	height: 20px;
	background:url(images/segmentbar_red.gif) no-repeat center top;
}

/*** Copyright ***/
div.copyright {
	height:40px;
}
div.copyright span.copyright_text {
	display:block;
	height:40px;
	line-height:40px;
	color:#303030;
	font-size:0.7em;
	text-align:center;
}




/*******************************/
/*** General Common Elements ***/
/*******************************/

hr { border:none; border-top: 1px solid #303030; }

span.redbutton {display: inline-block; height:20px; background:url(images/redbutton_matrix.gif) no-repeat bottom right; padding-right:3px;}
span.redbutton a {display: inline-block; height:20px; background:url(images/redbutton_matrix.gif) no-repeat top left; padding-left:8px; padding-right:5px; color:#FFF; /*line-height:18px;*/ text-decoration:none; /*font-size:0.8em;*/ font-size:inherit; font-weight:bold; }
span.redbutton a:hover {text-decoration:underline;}
a.BreadcrumbLink {
	color:/*#950708;*/ #CC0000;	
}
a.BreadcrumbLink:hover {
	color:#FFFFFF;	
}

/******************************/


/*****************************/
/*******  Blog Module  *******/
/*****************************/

div.BlogEntryDescription {
	margin: 10px auto;	
}

td.BlogDescriptionHeavy { height:20px; }

/* Image frames */
.BlogBody img.rounded {
	width:247px;
	height:auto;
}
.BlogBody span.rounded {
	width: 247px;
	height: 127px;
	background: url(images/rounded-img-frame.png) no-repeat top;
	position: absolute;
	overflow:hidden;
}
/***       ***/

div.BlogContent {
		
}
table.BlogInfo { margin-bottom:10px; }

div.BlogBody {
	font-family:inherit;
	font-size:inherit;
}
div.BlogBody p {
	margin-bottom:10px;
	color:#c7c7c7;
}
div.BlogBody div { /* override to make the divs in the article bodies the same look as the paragraph tags.. until editor correctly parses pasted text into P tags.. */
	margin-bottom:10px;
	color:#c7c7c7;
	font-size:0.9em;
}
div.BlogBody hr {
	margin:12px auto;
}

div.BlogBody em.quote {
	font-weight:bold;
	color:#FFF;
}


div.BlogHead {
	min-height:40px;
}

h2.BlogTitle, div.BlogHead h2.BlogTitle, div.BlogHead h2.BlogTitle a, div.BlogHead h2.BlogTitle a:link {
	font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size:1.36em;
	color:#FFF;
	line-height:1.1em;
	margin-bottom:0.4em;
	margin-top:0.6em;
}

div.BlogHead h2.BlogTitle a:visited { color:#FFF; }
div.BlogHead h2.BlogTitle a:active { color:#FFF; } 
div.BlogHead h2.BlogTitle a:hover { color:#C00; }

span.BlogDateline {
	color:#b60a08;
}

/*a.BlogMoreLink p { color:#FFF; line-height:18px; text-decoration:none; font-size:1em; font-weight:bold; }*/
a.BlogMoreLink { display:block; color:#FFF; line-height:18px; text-decoration:none; /*font-size:1em;*/ font-size:0.9em; font-weight:bold; }

span.BlogReadMore {
	margin-top:7px;
	padding-bottom:0;
}

div.BlogFooter {
	margin:10px auto;
}


span.BlogPubDate {
	color:#b60a08;	
}


.BlogGravatar
{
    margin-left:4px; /* overwrite for invalid CSS in actual Blog module */
    margin-bottom:5px; /* overwrite for invalid CSS in actual Blog module */
}

.BlogArchiveDayHeader {
	background-color:#bd0000;
	font-size:13px;
	padding:2px;
}

.BlogArchiveTitle {
	font-size:15px;
	font-weight:bold;
	background:#373737;
}

.BlogArchiveTodayDay {
	background-color:#bd0000;
	border:1px solid #CCCCCC;
	font-size:11px;
	font-weight:bold;
}

.BlogArchiveTodayDay>a {
	color:#FFF !important;
}


.BlogArchiveNextPrev {
	font-size:15px;
}
.BlogArchiveNextPrev>a {
	color:#FFF !important;
}
.BlogArchiveNextPrev>a:hover {
	color:#FF0000 !important;
}

/***************/
/*** Search Results Page (main) ***/
/***************/
div.SearchResultsContent {}
div.SearchResultsContent a.SubHead { display:block; font-size:1.3em; color:#FFF; margin:1em 0 0.3em; }
div.SearchResultsContent a.SubHead:hover { color:#C00; }

/*****************************/
/******* Events Module  ******/
/*****************************/

div.DNN_EventsContent {
}

div.DNN_EventsContent td .Normal,
div.DNN_EventsContent p {
	color: #C7C7C7;
	font-size:0.9em;
}

div.DNN_EventsContent span.Head {	
	display:block;
	font-size:1.4em;
	color:/*#A70708;*/ #CC0000;
	padding-bottom:4px;
	border-bottom: 1px dotted #AAAAAA;
	margin-bottom:8px;
}

div.DNN_EventsContent span.SubHead {
	font-size:1.1em;
	color: #FFFFFF;
}

div.DNN_EventsContent p { margin: 2px 0px 12px 0px;}
div.DNN_EventsContent ul { list-style-position:inside; padding-left:10px;}


/**********************************************************/
/*******  Gallery Module (uses 'DNNgray' template   *******/
/**********************************************************/
div.DNN_GalleryContent *{ color:#333;}

td.Gallery_HeaderCapLeft {}
td.Gallery_HeaderImage {}
td.Gallery_Header {}
td.Gallery_HeaderCapRight {}

td.Gallery_AltHeaderCapLeft {}
td.Gallery_AltHeaderImage {}

td.Gallery_RowCapLeft {}
td.Gallery_RowContent {}
	table.Border{}
		td.Gallery_Row{}
		
td.Gallery_RowCapRight {}

td.Gallery_FooterCapLeft {}
td.Gallery_Footer {}
td.Gallery_FooterCapRight {}


/*****************************/
/******* General Pages *******/
/*****************************/

h2 span.page_title {
	font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size:1.7em;
	color:#FFF;
	line-height:40px;
	margin-bottom:3px;
	margin-top:5px;
}


/*****************************/
/******* HTML Content  *******/
/*****************************/
.DNN_HTMLContent p,
.DNN_HTMLContent ul,
.DNN_HTMLContent li,
.DNN_HTMLContent ol,
.DNN_HTMLContent th,
.DNN_HTMLContent td {
	color: #C7C7C7;
}

.DNN_HTMLContent a {
	color:#FFF;	
}
.DNN_HTMLContent a:hover {
	color:#FFF;	
	text-decoration:underline;
}

.DNN_HTMLContent p{
	font-size:0.9em;
	margin: 2px 0px 12px 0px;
}
.DNN_HTMLContent h1, .DNN_HTMLContent h3, .DNN_HTMLContenth5 { color:#CC0000; font-weight:bold; text-transform:uppercase; margin-bottom:7px; }
.DNN_HTMLContent h2, .DNN_HTMLContent h4 { color:#FFF; font-weight:bold; }

.DNN_HTMLContent h1 { font-size: 24px; margin-bottom:10px; }
.DNN_HTMLContent h2 { font-size: 18px; margin-bottom:8px; }
.DNN_HTMLContent h3 { font-size: 14px; margin-bottom:6px; }
.DNN_HTMLContent h4 { font-size: 12px; margin-bottom:4px; }
.DNN_HTMLContent h5 { font-size: 9px; margin-bottom:2px; }

.DNN_HTMLContent ul {
	list-style-position:outside;
	margin:5px 0px 10px 25px;
}
.DNN_HTMLContent ul li{
	font-size:0.9em;
	margin:3px 0px;
}

.DNN_HTMLContent .whitetext {color:#FFF;}



/*****************************/
/******* Media Gallery *******/
/*****************************/

div.UltraPhotoGalleryContent {
	width:725px;
	border:1px solid #070707;
	margin-top:15px;
}


/*****************************/
/******* Contact Page  *******/
/*****************************/

.DNN_FeedbackContent td {
	padding-bottom:10px;	
}
.DNN_FeedbackContent td label { display:inline-block; margin-bottom:4px; }

.DNN_FeedbackContent input.NormalTextBox,
.DNN_FeedbackContent textarea.NormalTextBox {
		width:300px;
		padding:2px;
		color:#CCC;
		background: #070707;
		border:1px solid #3c3c3c;
}

.DNN_FeedbackContent textarea.NormalTextBox { width: 100%;}


.DNN_FeedbackContent span>a>img,
.LoginPanel span>a>img { /* threw login help icons in here too */
	display:none;	
}