/*
  The DirtySpokes Theme for php version 3+
  Created by Diversified Web Designs
  http://www.DiversifiedWebDesigns.com
*/

/* Color Schemes */
/* Background Gray: #999999 -> 153,153,153 */
/* Gray: #6F6F6F  -> 111,111,111 */
/* Dark Gray: #353335  -> 53,51,53 */
/* BurntOrange: #C05812  -> 192,88,18 */

/********************************************************************/
/* General page style. The scroll bar colors only visible in IE5.5+ */
/********************************************************************/

body {
    margin: 0 0 0 0;
}

/*****************************************/
/* General font families for common tags */
/*****************************************/

font, th, td, p {
	font-family: Verdana, Arial, Helvetica, sans-serif
}

hr {
	height: 0px;
    border: solid #D1D7DC 0px;
    border-top-width: 1px;
}

/*********************************************************************/
/* This is the border line & background colour round the entire page */
/*********************************************************************/

.bodyline {
	background-color : #efefef;
    border: 1px #353335 solid;
}

/***************************************************/
/* This is the outline round the main forum tables */
/***************************************************/

.forumline {
	background-color: #C05812;
    border: 1px #353335 solid;
}

/*******************************************/
/* Main table cell colours and backgrounds */
/*******************************************/

td.row1	{ border-color: #444444; }
td.row2	{ border-color: #444444; }
td.row3	{ border-color: #444444; }

/*************************************************************************************/
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
/*************************************************************************************/

td.rowpic {
    background-color: #444444;
    background-image: url(images/cellpic2.jpg);
    background-repeat: repeat-y;
}

/***********************************************************/
/* Header cells - the blue and silver gradient backgrounds */
/***********************************************************/

th {
	color: #C25715;
    font-size: 12pt;
    font-weight : bolder;
	background-color: #0092CB;
    height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
	background-image: url(images/cellpic1.gif);
	background-color:#D1D7DC;
    border: #FFFFFF;
    border-style: solid;
    height: 28px;
}

/****************************************************************/
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
/****************************************************************/

td.cat, td.catHead, td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}

th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {
	font-weight: bold;
    border: #FFFFFF;
    border-style:
    solid; height: 28px;
}

td.row3Right, td.spaceRow {
	background-color: #D1D7DC;
    border: #FFFFFF;
    border-style: solid;
}

th.thHead, td.catHead {
	font-size: 12pt;
    border-width: 1px 1px 0px 1px;
}

th.thSides, td.catSides, td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight, td.catRight, td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft, td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom, td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }



/*ul {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-style:normal;
line-height:1em;
font-weight:normal;
font-variant:normal;
text-transform:none;
color:#353335;
text-decoration:none;
text-indent:0px;
list-style-position:outside;
list-style-type:disc;
padding:6px;
margin:12px;
}
*/
/*
ul {
	padding:0;
	margin:0;
	list-style-type:square;
}
*/
/*
li {
	padding:0;
	margin:0 0 0 0;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
	color:#353335;
	line-height:1em;
	min-height:1em;
	clear:both;
}
*/
ul {

}

li {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
	list-style-type:square;
    line-height:1.5em;
}
/***********************************************************************/
/* The largest text used in the index page title and toptic title etc. */
/***********************************************************************/

.maintitle, h1, h2 {
	font-weight : bolder;
    font-size : 22px;
    font-family : "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
    font-style : italic;
	text-decoration : none;
    line-height : 120%;
    color : #C25715;
}

/****************/
/* General text */
/****************/

.genlarge { font-size:12px; }
.gen { font-size:10px; }
.genmed { font-size:9px; }
.gensmall { font-size:8px; }
.gen, .genmed, .gensmall, .genlarge { color:#353335; }

a.gen, a.genmed, a.gensmall {
	color: #0092CB;
    text-decoration: none;
    border-bottom : 1px dashed #FFFFFF;
}

a.gen:hover, a.genmed:hover, a.gensmall:hover {
	color: #DD6900;
    text-decoration: underline;
    border-bottom : 0px dashed #FFCE00;
}

/*****************************************************************************************/
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
/*****************************************************************************************/

.nav			{ font-weight: bold; font-size: 10px; color : #FFFFFF;}
a.nav			{ text-decoration: none; color : #006699; }
a.nav:visited	{ text-decoration: none; color : #006699; }
a.nav:active	{ text-decoration: none; color : #006699; }
a.nav:hover		{ text-decoration: underline; color : #DD6900; }

.navmed			{ font-weight: bold; font-size: 9px; color : #006699;}
a.navmed			{ text-decoration: none; color : #006699; }
a.navmed:visited	{ text-decoration: none; color : #006699; }
a.navmed:active	{ text-decoration: none; color : #006699; }
a.navmed:hover		{ text-decoration: underline; color : #DD6900; }

.navsmall			{ font-weight: bold; font-size: 8px; color : #FFFFFF;}
a.navsmall			{ text-decoration: none; color : #006699; }
a.navsmall:visited	{ text-decoration: none; color : #006699; }
a.navsmall:active	{ text-decoration: none; color : #006699; }
a.navsmall:hover		{ text-decoration: underline; color : #DD6900; }

/****************************************************************/
/* The register, login, search etc links at the top of the page */
/****************************************************************/

.mainmenu {
	font-size : 11px;
	color : #000000;
}

a.mainmenu, a.mainmenu:visited, a.mainmenu:active {
	text-decoration: none;
    color : #006699;
}

a.mainmenu:hover {
	text-decoration: underline;
    color : #DD6900;
}

/****************************************************************/
/* The navigation links at the top of the page */
/****************************************************************/

.navmenu {
    font-family : "BATAVIA",Verdana, Arial, Helvetica, sans-serif;
	font-size : 7pt;
    font-weight: bold;
	color : #000000;
    border-style : none;
}

a.navmenu, a.navmenu:visited, a.navmenu:active {
	text-decoration: none;
    color : #000000;
    border-style : none;
}

a.navmenu:hover {
	text-decoration: none;
    color : #FFFFFF;
    border-style : none;
}

/************************/
/* The navigation links */
/************************/

.navlink {
    font-family : "BATAVIA",Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
	color : #000080;
    border-style : none;
}

a.navlink, a.navlink:visited, a.navlink:active {
	text-decoration: none;
    color : #000080;
    border-style : none;
}

a.navlink:hover {
	text-decoration: none;
    color : #C05812;
    border-style : none;
}

/****************************************************************/
/* The navigation links at the bottom of the page */
/****************************************************************/

.footernav {
    font-family : BATAVIA ,Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
    font-weight: bold;
	color : #C05812;
    border-style : none;
}

a.footernav, a.footernav:visited, a.footernav:active {
	text-decoration: none;
    color : #EFEFEF;
    border-style : none;
}

a.footernav:hover {
	text-decoration: none;
    color : #FFFF00;
    border-style : none;
}

/****************************************************************/
/* The navigation links at the bottom of the page */
/****************************************************************/

.race_title {
    font-family : BATAVIA ,Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
    font-weight: bold;
	color : #C05812;
    border-style : none;
}

a.race_title, a.race_title:visited, a.race_title:active {
	text-decoration: none;
    color : #EFEFEF;
    border-style : none;
}

a.race_title:hover {
	text-decoration: none;
    color : #FFFF00;
    border-style : none;
}

/****************************************************************/
/* The sponsor links at the top of the page */
/****************************************************************/

a.sponsor{
	text-decoration: none;
    color : #01172E;
}

a.sponsor:hover {
	text-decoration: none;
    color : #DD6900;
}

/***********************/
/* Quote & Code blocks */
/***********************/

.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/*****************************/
/* Copyright and credit info */
/*****************************/

.copyright {
    font-size : 9px;
    font-weight: bold;
	font-family: BATAVIA, Verdana, Arial, Helvetica, sans-serif;
    color: #353335;
    letter-spacing: -1px;
}

a.copyright	{
	color: #353335;
    text-decoration: none;
}

a.copyright:hover {
	color: #C05812;
    text-decoration: underline;
}

.credit	{
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: -1px;
}

a.credit		{
	color: #FFFFFF;
	text-decoration: none;
}

a.credit:hover {
	color: #FFCE00;
	text-decoration: underline;
}

/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/****************/
/* FadingTicker */
/****************/

.fadingticker {
    font-weight : bolder;
    font-size : 10px;
    font-family : "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
    font-style : italic;
	text-decoration : none;
	line-height : 120%;
	color: #D7271C;
}

/*******************************/
/* A bold submit button option */
/*******************************/

input.mainoption {
	border-color : #EEEEEE #999999 #999999 #EEEEEE;
	background-color : #FAFAFA;
	font-weight : bold;
	background-image : url(images/buttonbgpic.gif);
	color : #0D406A;
}

/*****************************/
/* A none-bold submit button */
/*****************************/

input.liteoption {
	border-color : #EEEEEE #999999 #999999 #EEEEEE;
	background-color : #FAFAFA;
	font-weight : normal;
	background-image : url(images/buttonbgpic.gif);
	color : #0D406A;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

/*******************************************/
/* Radio buttons and checkboxes without bg */
/*******************************************/

.checkbox {
	background-image : none;
	background-color : transparent;
}

/******************/
/* index elements */
/******************/

.login_index { padding-bottom : 10px; }

/******************/
/* race rules */
/******************/

.rules ul {
	line-height:90%;
	position:relative;
}

.rules ul li {
	font-size:9px;
}

.rules ul li {
	vertical-align:middle;
	position:relative;
}

/************************/
/* MAIN TABLE - header */
/************************/
.mheader_brt {
	background-image: url(images/mheader_right_border_top.jpg);
	background-repeat: no-repeat;
}
.mheader_brm {
	background-image: url(images/mheader_right_border_mid.jpg);
	background-repeat: no-repeat;
}
.mheader_brb {
	background-image: url(images/mheader_right_border_btm.jpg);
	background-repeat: no-repeat;
}
.mheader_blt {
	background-image: url(images/mheader_left_border_top.jpg);
	background-repeat: no-repeat;
}
.mheader_blm {
	background-image: url(images/mheader_left_border_mid.jpg);
	background-repeat: no-repeat;
}
.mheader_blb {
	background-image: url(images/mheader_left_border_btm.jpg);
	background-repeat: no-repeat;
}
.mheader_logot {
	background-image: url(images/mheader_logo_top.jpg);
	background-repeat: no-repeat;
}
.mheader_logom {
	background-image: url(images/mheader_logo_mid.jpg);
	background-repeat: no-repeat;
}
.mheader_logob {
	background-image: url(images/mheader_logo_btm.jpg);
	background-repeat: no-repeat;
}
.mheader_rt {
	background-image: url(images/mheader_right_top.jpg);
	background-repeat: no-repeat;
}
.mheader_rm {
	background-image: url(images/mheader_right_mid.jpg);
	background-repeat: no-repeat;
}
.mheader_rb {
	background-image: url(images/mheader_right_btm.jpg);
	background-repeat: no-repeat;
}

.mbody_bl {
	background-image: url(images/mbody_left_border.jpg);
	background-repeat: repeat-y;
}
.mbody_br {
	background-image: url(images/mbody_right_border.jpg);
	background-repeat: repeat-y;
}

.mfooter_t {
	background-image: url(images/mfooter_top.jpg);
	background-repeat: repeat-x;
}
.mfooter_b {
	background-image: url(images/mfooter_btm.jpg);
	background-repeat: repeat-x;
}

/************************/
/* MAIN TABLE - nav block */
/************************/

.mblock_nav_lb {
	background-image: url(images/lblocks/mblock_nav_body.jpg);
	background-repeat: no-repeat;
}

.mblock_rht_bdy {
	background-image: url(images/rblocks/mblock_rht_bdy.jpg);
	background-repeat: repeat-y;
}

/************************/
/* MAIN TABLE - header */
/************************/

.lftheader {
	background-image: url(images/body/lbheader.jpg);
	background-repeat: repeat-x;
}

.rtheader {
	background-image: url(images/body/rbheader.jpg);
	background-repeat: repeat-x;
}

.lbody {
	background-image: url(images/body/lbody.jpg);
	background-repeat: repeat-y;
}

.rbody {
	background-image: url(images/body/rbody.jpg);
	background-repeat: repeat-y;
}

.lfooter {
	background-image: url(images/body/lfooter.jpg);
	background-repeat: no-repeat;
}

.mfooter {
	background-image: url(images/body/mfooter.jpg);
	background-repeat: repeat-x;
}

.rfooter {
	background-image: url(images/body/rfooter.jpg);
	background-repeat: no-repeat;
}

.pagetitle{
	font-family:'Myriad Pro';
	font-size:14px;
    font-weight : bold;
    color : #FFFFFF;
}

.pagedesc{
	font-family: 'Myriad Pro';
	font-size:14px;
    font-weight : bold;
    color : #C05812;
}

/********************/
/* table right block */
/********************/

.rbblock_title {
	font-family: 'Myriad Pro';
	font-size:16px;
    font-weight : bold;
    color : #353335;
}

.rbblock_title_adv {
	font-family: 'Myriad Pro';
	font-size:12px;
    font-weight : bold;
    color : #000000;
}

.rbblock_title_info {
	font-family: 'Myriad Pro';
	font-size:10px;
    font-weight : bold;
    color : #000000;
}
.rbblock_title_link {
	font-family: 'Myriad Pro';
	font-size:11px;
    font-weight : bold;
    color : #006699;
}

a.rbblock_title_link {
    font-family: 'Myriad Pro';
	font-size:11px;
    font-weight : bold;
    color : #006699;
	text-decoration: none;
}

a.rbblock_title_link:hover {
    font-family: 'Myriad Pro';
	font-size:11px;
    font-weight : bold;
    color : #C05812;
	text-decoration: underline;
}

.advertisement {
	margin-left:8px;
    margin-right:8px;
	border: 1px #353335 solid;
    background-color:#EFEFEF;
}

.rblock_bkg {
	background-image: url(images/rblocks/bkg_main.jpg);
	background-repeat: repeat-y;
    border-color:#6F6F6F;
    border-top-style:solid;
	border-left-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
	border-width:thin;
}

.rblock_white_top {
	background-image: url(images/rblocks/bkg_white_top.jpg);
	background-repeat: no-repeat;
}

.rblock_white_lmid {
	background-image: url(images/rblocks/bkg_white_midl.jpg);
	background-repeat: repeat-y;
}

.rblock_white_mid {
	background-image: url(images/rblocks/bkg_white_mid.jpg);
	background-repeat: repeat-y;
}

.rblock_white_rmid {
	background-image: url(images/rblocks/bkg_white_midr.jpg);
	background-repeat: repeat-y;
}

.rblock_white_btm {
	background-image: url(images/rblocks/bkg_white_btm.jpg);
	background-repeat: no-repeat;
}

.rblock_body_top {
	background-image: url(images/rblocks/bkg_body_top.jpg);
	background-repeat: no-repeat;
}

.rblock_body_mid {
	background-color: #EFEFEF;
	background-image: url(images/rblocks/bkg_body_mid.jpg);
	background-repeat: repeat-y;
}

.rblock_body_btm {
	background-image: url(images/rblocks/bkg_body_btm.jpg);
	background-repeat: no-repeat;
}

.rblock_title_l {
	font-family:Georgia;
	font-size:10px;
    font-weight : bold;
    color : #6F6F6F;
}

.rblock_title_r {
	font-family:Georgia;
	font-size:10px;
    font-weight : bold;
    color : #999999;
}

/********************/
/* adobe acrobat */
/********************/
.AdobeAcrobate {
	font-family: Arial, Helvetica, sans-serif;
    text-align:center;
    font-weight:bold;
    font-size:10pt;
    color:#9f0000;
}

/*****************************/
/* Driving Directions styles */
/*****************************/

.DrivingTable {
	border-color:#0092CB;
    border-top-style:solid;
	border-left-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
	border-width:thin;
	background-color:#cccc99;
}

.DrivingDirectText {
	font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:10pt;
    color:#9f0000;
}

.ClickMapquest {
	font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:9px;
    color:#9f0000;
}

.MapquestSelectBox {
	width:150px; font-weight:bold; font-size:9px;
}

#facebook {
	font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:9px;
    color:#353335;
}


.content-block{
	width:513px;
	overflow:hidden;
	padding:0 0 0 0;
}

.column-1{
	width:256px;
	float:left;
	padding:0;
	margin:0 0 0 0;
}

.block-1,
.block-2{
	overflow:hidden;
	padding:0px 0;
	margin:0;
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	overflow:hidden;
}
.block-1 img{
	border:none;
	float:right;
	padding:0;
	margin:0 0 0 0;
}
.block-1 p{
	text-align:right;
	font-style:italic;
	padding:0;
	margin:0;
	color: #bcbcbc;
	line-height:18px;
}
.block-1 a,
.block-2 a{
	font-style:italic;
	text-align:right;
	line-height:65px;
}

.column-2{
	width:256px;
	float:right;
    margin:0 0 0 0;
}
.block-2 img{
	border:none;
	float:left;
	padding:0;
	margin:0 10px;
}
.block-2 p{
	font-style:italic;
	padding:0;
	margin:0;
	color: #bcbcbc;
	line-height:18px;
}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");