/*
	Copyright 2010 the circle squared Limited
	All rights reserved
*/

body {
	font-family: verdana, arial, helvetica, san serif;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.clear { clear: both; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

table.emailer tr td { font-size: 80%; padding: 2px 5px 2px 5px; }
td.textred { text-align: center; color: #e31d23; }
td.textred a { color: #414142; }

td.textred1 { color: #e31d23; font-weight: bold; }
td.textgrey {  }

td.drivertable { font-size: 70%; color: #414142; }
tr.driverheading th { text-align: left; padding: 0 15px 0 0; }

td.playing { white-space: nowrap; vertical-align: top; font-size: 70%; }

span.nline { display: block; margin: 5px 0 0 0; }
span.textred { color: #e32d23; font-size: 70%; }
span.tracks { display: block; color: #414142; font-size: 75%; }
span.tracks a { color: #414142; }

span.lBox { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	vertical-align: middle; 
	text-align: center; 
	background-color: #414142; 
	display: none; 
	z-index: 100;
	opacity:0.8;
	filter:alpha(opacity=80);
}

span.lBoxImg { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	vertical-align: middle; 
	text-align: center; 
	display: none; 
	z-index: 110;
	color: #414142;
}

#wrapper {
	width: 1150px;
	min-height: 600px;
	clear: both;
}



#header { width: 1000px; text-align: right; }
#header img { margin: 25px 0 0 0; }

#topright { position: relative; float: left; }
#topright img { padding: 2px 0px 0px 2px; }

#nextrace {
	position: relative;
	width: 444px;
	top: 0px;
	height: 43px;
	background-color: #e31d23;
	color: #fff;
	font-weight: bold;
	float: left;
}

#nextraceLeft {
	text-align: right;
	float: left;
}

#nextraceRight {
	border-left: 1px solid #fff;
	padding-left: 10px;
	float: left;
}

#counter {
	font-size: 220%;
	float: left;
	padding-left: 50px;
	height: 40px;
}

#days {
	float: left;
	padding: 5px 5px 0px 3px;
	height: 40px;
	font-size: 60%;
}

#nrcaption { font-size: 90%; }

#racelocation { font-size: 70%; }

#frontpageLeft {
	background-color: #fff;
	margin: -60px 10px 10px 240px;
	width: 450px;
	font-size: 80%;
	float: left;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#frontpageRight {
	position: relative;
	margin-top: -140px;
	right: 0px;
	top: 152px;
	float: left;
	width: 444px;
	float: left;
	background-color: #414142;
	opacity:0.8;
	filter:alpha(opacity=80);
}

div.fpHeader1 {
	height: 20px;
	width: 415px;
	background-color: #414142;
	float: left;
	padding-left: 35px;
	color: #fff;
	font-weight: bold;
	vertical-align: text-bottom;
	font-size: 90%;
}

div.fpHeader1 p {
	position: relative;
	bottom: 10px;
}


div.fpHeader3 {
	height: 20px;
	width: 415px;
	background-color: #414142;
	float: left;
	padding-left: 35px;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
}
div.fpHeader3 p {
	position: relative;
	bottom: 10px;
}


div.fpContent {
	border: 1px solid #414142;
	width: 412px;
	padding: 7px 7px 5px 30px;
	float: none;
	font-size: 80%;
}

#headlines { padding: 10px 10px 10px 0; }

#headlines a {
	color: #e31d23;
	padding: 10px 10px 10px 0;
	text-decoration: none;
}

#headlines a:hover { text-decoration: underline; }

#rankings { padding: 10px 10px 10px 0; }

#rankings a {
	color: #e31d23;
	padding: 10px 10px 10px 0;
	text-decoration: none;
}

#rankings a:hover { text-decoration: underline; }

#twitters { padding: 10px 10px 10px 0; }

#twitters a {
	color: #e31d23;
	padding: 10px 10px 10px 0;
	text-decoration: none;
}

#twitters a:hover { text-decoration: underline; }

#trackguides, #trackguides a {
	color: #e31d23;
	padding: 10px 10px 10px 0;
	text-decoration: none;
}

#trackguides a:hover { text-decoration: underline; }

#whatsnew, #whatsnew a { padding: 10px 10px 10px 0; }

#whatsnew a { color: #e31d23; padding: 10px 10px 10px 0; text-decoration: none; }

#whatsnew a:hover { text-decoration: underline; }

#fpRtopstrip { height: 20px; background-color: #414142; width: 444px; }

#fpRbottomstrip { padding: 5px 15px 5px 10px; background-color: #414142; width: 419px; clear: left;}
#fpRbottomstrip span { padding-right: 50px; float: left; }

#frontpageRight h2 {
	font-weight: bold;
	color: #414142;
	text-align: left;
	padding: 2px 0px 2px 5px;
	font-size: 110%;
	display: inline;
}

#frontpageRight a {
	color: #fff;
	text-decoration: none;
	font-size: 70%;
}

#frontpageRight a:hover { text-decoration: underline; }

img.fpCentreImage { padding: 0; }
#fpMenuWrapper { clear: left; }
#fpJustin {
	position: relative;
	float: left;
	width: 136px;
	background-color: #fff;
}

#fpJustinMenu {
	position: relative;
	float: left;
	width: 130px;
	color: #fff;
	padding-left: 10px;
}

#fpJustinMenu img.white { background-color: #fff; }
#fpJustinMenu img.white1 { background-color: #fff; padding: 0; margin-top: 4px; }

#fpJustinMenuFoot {
	position: relative;
	bottom: -5px;
	width: 130px;
	color: #fff;
}

#fpNews {
	position: relative;
	float: left;
	width: 147px;
	padding-left: 6px;
	background-color: #fff;
}

#fpNewsMenu {
	position: relative;
	float: left;
	width: 140px;
	background-color: #414142;
	color: #fff;
	padding-left: 10px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#fpNewsMenuFoot {
	position: relative;
	bottom: 5px;
	width: 140px;
	background-color: #414142;
	color: #fff;
}

#fpFeatures {
	position: relative;
	float: left;
	width: 149px;
	padding-left: 5px;
	background-color: #fff;
}

#fpFeaturesMenu {
	position: relative;
	float: left;
	width: 140px;
	background-color: #414142;
	color: #fff;
	padding-left: 10px;
}

#fpFeaturesMenuFoot {
	position: relative;
	bottom: -57px;
	width: 140px;
	background-color: #414142;
	color: #fff;
}

span.bottomElement {
	position: absolute;
	bottom: -30px;
}

#fpRacesWrapper {
	background-color: #fff;
	clear: left;
	width: 444px;
	font-size: 75%;
	font-weight: bold;
	color: #414142;
}

#fpRacesWrapper a { color: #e31d23; text-decoration: none; font-size: 90%; }

#fpLastrace1 {
	background-color: #fff;
	text-align: center;
	width: 140px;	
	float: left;
	border-bottom: 1px solid #414142;
	padding: 10px 0 10px 0;
}

#fpNextrace1 {
	background-color: #fff;
	width: 294px;
	float: left;
	border-bottom: 1px solid #414142;
	padding: 10px 0 10px 10px;
	margin: 0px;
}


#fpLastrace2 {
	background-color: #fff;
	clear: left;
	text-align: center;
	width: 140px;	
	float: left;
	padding: 10px 0 10px 0;
}

#fpNextrace2 {
	background-color: #fff;
	width: 140px;
	float: left;
	padding: 10px 0 10px 10px;
	margin: 0px;
}

#fpNextrace3 {
	background-color: #fff;
	width: 144px;
	float: left;
	padding: 10px 0 10px 10px;
	margin: 0px;
}

/* Inside page (site.php) strip under photos at page top */



#ipContainer {
  position: relative;
  width: 1100px;
  min-height: 700px;
  font-size: 80%;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#ipLeftColumn { position: relative; width: 170px; margin: 40px 0 20px 50px; float: left; }
#ipMiddleColumn { position: relative; width: 500px; left: 10px; top: 10px; float: left; }
#ipRightColumn { position: relative; width: 155px; margin: 40px 10px 10px 0px; float: left; }

div.ipHeader1 {
	height: 20px;
	width: 113px;
	background-color: #e31d23;
	padding: 5px 0 5px 20px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #e31d23;
}

div.ipHeader3 {
	height: 20px;
	width: 113px;
	background-color: #e31d23;
	padding: 5px 0 5px 20px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #e31d23;
}


div.ipSubMenu {
	border-left: 1px solid #e31d23;
	border-right: 1px solid #e31d23;
	border-bottom: 1px solid #e31d23;
	width: 113px;
	height: 20px;
	padding: 5px 0 5px 20px;
	font-size: 75%;
	background-color: #414142;
}

div.ipSubMenu a { color: #fff; }

#ipMain { position: relative; float: left; margin: 31px 60px 0 5px; padding: 10px; }

#ipMainPageHeader1 {
	height: 20px;
	width: 530px;
	background-color: #414142;
	float: left;
	padding: 5px 0 0 20px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}
#ipMainPageHeader2 {
	height: 20px;
	width: 730px;
	background-color: #414142;
	float: left;
	padding: 5px 0 0 20px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}
#ipMainMiddle {
	clear: both;
	padding-top: 10px;
	width: 508px;
	background-color: #edebeb;
	color: #414142;
	font-size: 80%;
	padding: 0 20px 0 20px;
	line-height: 1.5em;
	border: 1px solid #414142;
}

#ipMainMiddle a { color: #e31d23; margin: 0; }

#ipMainMiddle p, #ipMainMiddle p a {
	color: #e31d23;
	margin: 0;
	line-height: 200%;
}

#ipMainMiddle span.listing {
	margin: 5px 0 0 0;
}

#ipMainMiddle span a {
	color: #414142;
}

#ipMainMiddle table { padding: 10px 0 25px 0; }
#ipMainMiddle table tr td { padding: 0 10px 5px 0; }

#ipMainMiddle2 {
	clear: both;
	padding-top: 10px;
	width: 708px;
	background-color: #edebeb;
	color: #414142;
	font-size: 80%;
	padding: 0 20px 0 20px;
	line-height: 1.5em;
	border: 1px solid #414142;
}
#ipMainMiddle2 table tr td {
	padding: 0 25px 0 25px;
}
#

#ipMainPageFoot {
	position: relative;
	top: 0px;
	height: 20px;
	width: 510px;
	background-color: #414142;
	padding: 0 20px 0 20px;
	color: #fff;
	clear: both;
	text-align: center;
	font-size: 80%;
}
#ipMainPageFoot a { color: #fff; }

#ipMainPageFoot1 {
	position: relative;
	top: 17px;
	height: 20px;
	width: 510px;
	background-color: #414142;
	padding: 0 20px 0 20px;
	color: #fff;
	clear: both;
	text-align: center;
	font-size: 80%;
}

#ipMainPageFoot1 a { color: #fff; }

#ipMainPageFoot2 {
	position: relative;
	top: 0px;
	height: 20px;
	width: 710px;
	background-color: #414142;
	padding: 0 20px 0 20px;
	color: #fff;
	clear: both;
	text-align: center;
	font-size: 80%;
}

div.trackImage { text-align: middle; padding: 10px 0 0 0; height: 110px }
div.trackImage b { margin 5px 0 0 0; }
div.trackImage img { left: 195px; position: absolute; }

span.titlered { color: #e31d23; font-weight: bold; font-size: 130%; padding: 10px 0 0 0; display: block; }
span.titlegrey { color: #414142; display: block; }

span.trackInfo { left: 195px; position: absolute; margin: 0 25px 0 0; }

span.back {
	position: absolute;
	right: 20px;
	z-index: 20;
	font-size: 80%;
}
span.back a { color: #fff; }

span.previous {
	position: absolute;
	bottom: 13px;
	left: 20px;
	margin-top: 20px;
	z-index: 20;
}
span.items {
	position: absolute;
	bottom: 13px;
	left: 10px;
	width: 548px;
	text-align: center;
	border: 1px solid #414142;
	background-color: #fff; 
}
span.next {
	position: absolute;
	bottom: 13px;
	right: 20px;
	margin-top: 20px;
}
/* gallery sidebar on right */

#trBottomStrip { 
	position: relative;
	width: 132px;
	padding: 2px 7px 2px 10px;
	height: 23px;
	background-color: #e31d23;
	color: #fff;
	font-weight: bold;
	text-align: center;
	z-index: 100;
}

#trBottomStrip a { text-decoration: none; font-size: 70%; padding-bottom: 5px; color: #fff; }
#trBottomStrip a:hover { text-decoration: underline; }

div.galHeader1 {
	height: 23px;
	width: 149px;
	background-color: #414142;
	color: #fff;
	font-weight: bold;
	font-size: 70%;
	text-align: center;
	padding-top: 8px;
}

div.galHeader1 a { color: #fff; text-decoration: none; }
div.galHeader1 a:hover { text-decoration: underline; }

div.galHeader2 {
	height: 29px;
	width: 15px;
	background: url('/images/what_box2_c2.gif') top right no-repeat #999999;
	float: left;
}

div.galHeader3 {
	height: 29px;
	width: 100px;
	background-color: #414142;
	float: left;
	padding-left: 35px;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
}
div.galHeader3 p {
	position: relative;
	bottom: 10px;
}

div.galHeader5 {
	height: 20px;
	width: 144px;
	background-color: #fff;
	padding: 5px 0 0 5px;
	font-size: 70%;
	font-weight: bold;
	float: left;
	text-align: center;
}
div.galHeader5 a { text-decoration: none; color: #414142; }
div.galHeader5 a:hover { text-decoration: underline; }
div.galMain {
	width: 137px;
	background-color: #414142;
	color: #fff;
	padding: 0 0 0 12px;
	float: left;
}
/* Footer stuff follows */
#footer1 {
	width: 100%;
	background-color: #e31d23;
	color: #fff;
	clear: both;
	padding: 5px 0 10px 0;
	margin-top: 25px;
}
#footer1 form {
	display: inline; 
	font-size: 70%;
	white-space: nowrap;
}
#footer1 form input { margin: 0 0 10 15px; color: #737376; font-size: 80%; }
#footer1 a { text-decoration: none; color: #fff; font-weight: bold; }
#footer1 a:hover { text-decoration: underline; }
#footer1 h2 { display: inline; font-size: 100%; font-weight: bold; margin-left: 25px; }
#footer1 span { margin-left: 25px; color: #fff; padding: 0 2px 0 2px; }

#footer2 {
	width: 100%;
	background-color: #000;
	color: #fff;
	min-height: 50px;
}
#footer2 form {
	display: inline;
	padding: 10px;
	font-size: 70%;
	white-space: nowrap;
}
#footer2 form input { margin: 0 0 10 15px; color: #737376; font-size: 80%; }
#footer2 a { text-decoration: none; color: #e31d23; font-weight: bold; }
#footer2 a:hover { text-decoration: underline; }
#footer2 b { display: inline; font-size: 90%; font-weight: bold;  margin-left: 25px; }
#footer2 span { position: absolute; right: 0; text-align: right; padding-right: 40px; font-size: 70%; }