
/* GLOBAL */

body { background-color: #000000; margin: 0; padding: 20px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#topleft { background-image: url(/layout/topleft.png); height: 20px; width: 20px; position: absolute; z-index: 1; right: 940px; top: 0px; }
#topright { background-image: url(/layout/topright.png); height: 20px; width: 20px; position: absolute; z-index: 2; right: 0px; top: 0px; }
#bottomleft { background-image: url(/layout/bottomleft.png); height: 20px; width: 20px; position: absolute; z-index: 1; right: 940px; top: -20px; }
#bottomright { background-image: url(/layout/bottomright.png); height: 20px; width: 20px; position: absolute; z-index: 2; right: 0px; top: -20px; }

p { padding: 0; margin: 0 0 10px 0; }
#contentshell { background-color: #5A012C; width: 960px; color: #000000; clear:both; text-align: left; padding: 0; margin: 0 auto; }
#maincol { background-color: #FFFFFF; background-image: url(/layout/winestain.jpg); background-repeat: no-repeat; background-position: 350px bottom; float: left; width: 670px; margin: 0px; padding: 0 15px; }
h1, #dynamicform legend { font-size: 16px; font-weight: bold; color: #98003D; padding: 0px; margin: 0 0 15px 0; }
#sidebar { float: right; width: 245px; margin: 0; background-color: #5A012C; background-image: url(/layout/bg_sidebar.jpg); background-repeat: repeat-y; padding: 0 0 0 15px; }
#blocks { display: table; margin: 0; padding: 0; }
#blocks-row { display: table-row; /* bug fix */ position: relative; margin: 0; padding: 0; }
#maincol, #sidebar { display: table-cell; /* bug fix */ position: relative; }

.continue { font-weight: bold; }
#about { clear: right; margin: 0 0 15px 0; }
#contentpadding { width: 960px; clear: both; margin: 0 auto; }
#contentpadding #left { width: 700px; background-color: #ffffff; float: left; height:20px; }
#contentpadding #right { width: 260px; height:20px; background-color: #5A012C; background-image: url(/layout/bg_sidebar.jpg); background-repeat: repeat-y; float: right; }
#left_column { width: 500px; }
#left_column h4 { font-size: 10px; text-transform: uppercase; color: #666666; padding: 0; margin: 0; font-weight: normal; }
#left_column h1 { font-size: 14px; font-weight: bold; padding: 0px; margin: 0 0 5px 0; }
img, div { behavior: url(/layout/iepngfix.htc) }
small { font-size: 10px; color: #666666; }
.clear,
#clear { clear: both; }

.chart {  }
.chart th {  }
.chart td {  }
.chart tr.light td {  }
.chart tr.dark td { background: none; }
.chart td.none {  }


#maincol #share .title { margin-left: 215px; }
#articletools .print { display: none; }

/* HREF LINKS */

a:link, a:visited { color: #000066; text-decoration: none; }
a:active, a:hover { color: #990000; text-decoration: underline; }


#sidebar .banners {  }
#sidebar .banners DIV { margin-bottom: 10px; }
#sidebar .banners .banner 1 {  }
#sidebar .banners .banner 2 {  }
#sidebar .banners .banner 3 {  }



/* HEADER  */


#headershell { margin: 0 auto; width: 960px; clear:both; text-align: left; position: relative; }

#slideshow { position: relative; height: 150px; width: 700px; display: block; float: left; margin: 0px; padding: 0px; }

#logo { position: relative; display: block; float: right; height: 150px; width: 260px; background-color: #5a012c; background-image: url(/layout/bg_logo.jpg); background-repeat: no-repeat; background-position: bottom; }

#logo img { position: absolute; left: 20px; top: 27px; }

#slideshowshadow { height: 20px; width: 700px; display: block; background-color: #FFFFFF; float: left; background-image: url(/layout/slideshowshadow.jpg); background-repeat: repeat-x; }

#logoshadow { display: block; height: 20px; width: 260px; background-color: #5a012c; float: right; background-image: url(/layout/logoshowshadow.jpg); background-repeat: no-repeat; }

#navigation { background-color: #8D0248; clear: both; font-family: Arial; font-size: 14px; color: #FFFFFF; padding-top: 5px; padding-left: 15px; }
#nav { margin: 0px; padding: 0px; height: 25px; width: 700px; }
#nav li { height: 20px; background-image: url(/layout/nav.jpg); height: 20px; list-style: none; display: inline; float: left; margin-right: 20px; }
#nav a { padding: 0px; margin: 0px; height: 20px; display: block; }

#nav span, #RECIPE #avatar { display: none; }

#nav #navHOME { width: 45px; background-position: 0px 0px; }
#nav #navHOSTS { width: 50px; background-position: -59px 0px; }
#nav #navLISTEN { width: 52px; background-position: -118px 0px; }
#nav #navBLOG { width: 40px; background-position: -180px 0px; }
#nav #navCONTACT { width: 70px; background-position: -240px 0px; }
#nav #navAFFILIATES { width: 75px; background-position: -330px 0px; }
#nav #navNEWS { width: 45px; background-position: -420px 0px; }

#nav #navHOME a:hover { background: url(/layout/nav.jpg); background-position: 0px -20px; }
#nav #navHOSTS a:hover { background: url(/layout/nav.jpg); background-position: -59px -20px; }
#nav #navLISTEN a:hover { background: url(/layout/nav.jpg); background-position: -118px -20px; }
#nav #navBLOG a:hover { background: url(/layout/nav.jpg); background-position: -180px -20px; }
#nav #navCONTACT a:hover { background: url(/layout/nav.jpg); background-position: -240px -20px; }
#nav #navAFFILIATES a:hover { background: url(/layout/nav.jpg); background-position: -330px -20px; }
#nav #navNEWS a:hover { background: url(/layout/nav.jpg); background-position: -420px -20px; }







/* HOME */

.module { }
.module .head { font-size: 14px; font-weight: bold; color: #98003D; padding: 0; margin: 0 0 5px 0; }
.module .head h1 { font-size: 12px; margin: 0 0 5px 0; padding: 0; }
.module .content h1 { font-size: 12px; margin: 0 0 5px 0; padding: 0; }
.module .content .archive { font-size: 10px; }
.module .foot { display: none; }

#videomodule { float:left; width:220px; height: 220px; padding: 10px; background-color: #d5bfca; border: 1px solid #98003D; display: none; }
#videomodule .head h1 {  }
#videomodule .content .play { height: 122px; width: 220px; border: 1px solid #98003D; margin: 0 0 10px 0; }
#videomodule .content .play a { background: url(http://www.gospeedway.com/layout/play_off.png) center center no-repeat; }
#videomodule .content .play a:hover, #videomodule .play a:active { background: url(http://www.gospeedway.com/layout/play_on.png) center center no-repeat; }
#videomodule .content .playbutton { display: block; width:220px; height: 125px; }
#videomodule .content .title { margin: 0 0 0 0; font-weight: bold; }
#videomodule .content .description { margin: 0 0 10px 0; }
#videomodule .content .archive {  }



#newscontainer { clear: both; padding-top: 10px; border-top: 1px solid #CCCCCC;  }

#blogmodule { clear: left; }
#blogmodule, #recommendmodule { margin-right: 20px; }
#blogmodule, #recipemodule, #recommendmodule { width: 210px; float: left; }
#blogmodule img, #recipemodule img, #recommendmodule img { float: right; margin-left: 10px; margin-bottom: 10px; }
#blogmodule .links, #recipemodule .links, #recommendmodule .links { font-size: 11px; }

#cat_home #news ul, #cat_home #media ul { margin: 0px; padding: 0px; list-style-type: none; }
#cat_home #news li { padding: 0px; list-style-type: none; margin: 0px; }
#cat_home #media li { padding: 0px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#cat_home #news { margin-right: 20px; }
#cat_home #news, #cat_home #media { width: 320px; float: left; margin-bottom: 20px; }
#cat_home #news li.archive { padding-top: 5px; }

.links {display: none; }




/* ARTICLE - DISPLAY */

#about .head { font-size: 18px; margin: 0 0 15px 0; }
#hosts img { float: left; padding: 0 15px 10px 0; }
#hosts td { width: 50%; }
#article .date { display: none; }
.articleimage { float: right; margin: 0 0 15px 15px; clear: left; }

#about { float:left; margin-right: 20px; }

/* AUDIO */








/* BLOGS */

#blog {  }
#blog .title { font-weight: bold; margin: 0 0 5px 0; }

/*  BLOG ARCHIVE */

#blog #left { width: 475px; float: left; }
#blog #left .loop { margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; clear: left; }
#blog #left .date { font-size: 10px; color: #666; text-transform: uppercase; }
#blog #left h1 { margin: 5px 0 10px 0; }
#blog #left .avatar { float: left; font-size: 10px; width: 64px; margin: 0 10px 10px 0; }
#blog #left .avatar .image {  }
#blog #left .avatar .image img {  }
#blog #left .avatar .name {  }
#blog #left .articleimage { clear: right; }
#blog #left .articleimage img {  }
#blog #left .continue { display: none; }
#blog #left .posted { font-size: 10px; }
#blog #left .posted .by {display: none; }

#blog #right { width: 175px; float: right; }
#blog #right .module { float: none; background-image: none; height: auto; width: auto; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; }
#blog #right ul { list-style-type: none; margin: 0px; padding: 0px; }
#blog #right li { padding: 0px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; }

#blog #right #author {  }
#blog #right #author .title {  }
#blog #right #authors {  }
#blog #right #authors .title { }
#blog #right #links { }
#blog #right #links .title { }
#blog #right #rss { }
#blog #right #rss .title { }

/* INDIVIDUAL BLOG WITH COMMENTS */

#blog #right #author img { margin: 0 0 5px 0; }
#blog #right #author .name { font-weight: bold; }
#blog #right #author .tagline {  }
#blog #right #author .more { font-size: 10px; }

#blog #right #archive { }
#blog #right #archive .title { }

#blog #left .comments {  }
#blog #left .comments .title {  }
#blog #left .comments .comment,

#blog #left .postacomment { background-color: #CCC; border: 1px solid #666; padding: 5px; margin: 5px 0 15px 0; }
#blog #left .postacomment .title {  }
#blog #left .postacomment .error {  }
#blog #left .postacomment .message {  }
#blog #left .postacomment table { width: 100%; }
#blog #left .postacomment th,
#blog #left .postacomment td { text-align: left; padding: 0 10px 10px 0; font-weight: normal; }
#blog #left .postacomment td input { width: 375px; }
#blog #left .postacomment td textarea { width: 380px; height: 45px; }


#sect_recipe #blog #left .avatar { display: none; }
#sect_recipe #blog #left .posted .by { display: none }

#sect_recipe #blog #right #author { display: none }
#sect_recipe #blog #right #authors { display: none }


/* SWF PLAYER */

#swfplayer { background-color: #d5bfca; padding: 10px; margin-bottom: 20px; border: 1px solid #666666; }
#swfplayer .title { display: none; }
#swfplayer .content {  }
#player { float: left; }
#audio #swfplayer .content #description { float: right; width: 300px; }
#video #swfplayer .content #description { float: right; width: 150px; }
#swfplayer .content #description h2 { padding: 0px; margin: 0px; color: #666; font-size: 10px; font-weight: normal; text-transform: uppercase; }
#swfplayer .content #description p { margin: 0 0 10px 0; padding: 0; }
#swfplayer .content #description .download {  }
#swfplayer .content #description .download .saveas {  }

/*
.download a.button  { margin: 0 5px 0 0; padding: 0; text-decoration: none; }
.download a.button:hover, .download a.button:active { color: #006; text-decoration: underline; }
.download a.button span { color: #006; margin: 0; padding: 0; }
*/

#swfplayer .content #flvplayerholder {  }



/*  -------------------------
VIDEO.CFM
-------------------------  */

#video {  }

#video .articlehead {  }
#video .articlehead h1 {  }

#video #archive ul { padding: 0; margin: 0; }
#video #archive ul li { list-style-type: none; width: 160px; height: 140px; float: left; margin: 0 15px 15px 0; font-size: 11px; }
#video #archive ul li .thumbnail { border: 1px solid #666; background: #000; text-align: center; margin-bottom: 5px; }
#video #archive ul li .thumbnail img { width: auto; height: auto; }
#video #archive ul li .details {  }
#video #archive ul li .details a { font-weight: bold; }
#video #archive ul li .details .date { display: block; font-size: 10px; color: #666; }

.videoembed { margin: 0 0 10px 0; padding: 20px 0; text-align: center; clear: both; border: 1px solid #CCCCCC; background: #E3E3E3; }

.play a { background: url(http://www.gospeedway.com/layout/play_off.png) center center no-repeat; }
.play a:hover, .play a:active { background: url(http://www.gospeedway.com/layout/play_on.png) center center no-repeat; }



/* AUDIO_TABS */

#audio_tabs #swfplayer .title { display: none; }

#audio_tabs .chart {  }
#audio_tabs .chart th { display: none; }
#audio_tabs .chart td { padding: 5px 0; }
#audio_tabs .chart td.date { font-size: 10px; color: #666; width: 60px; }
#audio_tabs .chart td.title {  }
#audio_tabs .chart td.title a { font-weight: bold; }
#audio_tabs .chart td.title .description { font-size: 11px; color: #666; }
#audio_tabs .chart td.title .description span {  }


/* FORMS */


#legend { margin: 0px; padding: 0px; }

#dynamicform fieldset { margin: 0 0 10px 0; padding: 0; border: none; float:left; }
#dynamicform legend { }
#dynamicform legend span { display: block; }
#dynamicform label { display: inline-block; vertical-align: top; width: 100px; float: left; }
#dynamicform fieldset ol { margin: 0; padding: 0; }
#dynamicform fieldset li { list-style: none; padding: 5px 0px; margin: 0; }
#dynamicform fieldset input { width: 300px; }
#dynamicform fieldset .sfq5773 label { width: 600px; clear: both; margin: 0 0 10px 0; }
#dynamicform fieldset .sfq5773 textarea { clear: both; width: 405px; height: 80px; }
#dynamicform fieldset fieldset { border: none; margin: 3px 0 0; }
#dynamicform fieldset fieldset legend { padding: 0 0 5px; font-weight: bold; }
#dynamicform fieldset fieldset label { display: block; width: auto; }
#dynamicform em { font-weight: bold; font-style: normal; color: #f00; }
#dynamicform fieldset fieldset label { /*margin-left: 73px;  Width plus 3 (html space) */
	display: block; width: 160px; float: left; }
#dynamicform .sfenewsletterflag { border: none; }
#dynamicform li.sfenewsletterflag label { margin: 0; width: 600px; }
#dynamicform li.sfenewsletterflag input { width: 20px; }
#dynamicform .requiredmessage { margin: 0 0 0 100px; font-size: 10px; color: #666; }
#dynamicform .sfq5773 { clear: both; }
#dynamicform fieldset .checkbox { clear: both; }
#dynamicform fieldset .submit { clear: both; }
#dynamicform fieldset .submit label { width: 100px; }
#dynamicform fieldset .submit input { width: 100px; }






/*  -------------------------
NEWS.CFM
-------------------------  */

#news { }

#news .articlehead {  }
#news .articlehead h1 {  }

#news .filter {  }
#news .filter li {  }
#news .filter li.all {  }

#news .chart {  }
#news .chart th.daterow {  }
#news .chart td.date {  }
#news .chart td.headline {  }
#news .chart td.emptyrow {  }






/* FOOTER */

#footershell { margin: auto; clear: both; width: 960px; clear:both; text-align: center; padding-top: 10px; font-size: 10px; color: #999999; position: relative; }
#footershell a { color: #999999; text-decoration: none; }
#footershell #links { display: none; }





/* TABS */

#tabs { float:left; width:100%; line-height:normal; border-bottom:5px solid #5a012c; }
#tabs ul { margin:0; padding:10px 10px 0 0px; list-style:none; border-bottom: 1px; }
#tabs li { display:inline; margin:0; padding:0; }
#tabs a { float:left; background:url("/images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url("/images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#fff; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span { float:none; }
/* End IE5-Mac hack */
#tabs a:hover span { color:#FFF; }
#tabs a:hover { background-position:0% -42px; }
#tabs a:hover span { background-position:100% -42px; }
#tabs a.active span { color:#FFF; }
#tabs a.active { background-position:0% -42px; }
#tabs a.active span { background-position:100% -42px; }
#tabs #current a { background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px; }



/* BUTTONS */


div.buttons a.buttons { text-align: center; padding: 5px 0 0 0; margin: 0 0 10px 0; height: 22px;  clear: both;}

div.buttons a.button { background: url(/layout/buttons_lt.png) no-repeat 0% 0px; font-size: 11px; padding: 5px 0 8px 8px; margin: 0 10px 0 0; }
div.buttons a.button span { background: url(/layout/buttons_rt.png) no-repeat 100% 0px; padding: 5px 13px 8px 6px; color: #fff; font-weight: bold; }

div.buttons a.button:hover, div.buttons a.button:active { background-position: 0% -30px; color: #fff; text-decoration: none; }
div.buttons a.button:hover span, div.buttons a.button:active span { background-position: 100% -30px; color: #fff; text-decoration: none; }

div.buttons .button-inactive { background: url(/layout/buttons_lt.png) no-repeat 0% -60px; font-size: 11px; padding: 5px 0 8px 8px; margin: 0 10px 0 0; }
div.buttons .button-inactive span { background: url(/layout/buttons_rt.png) no-repeat 100% -60px; padding: 5px 13px 8px 6px; color: #fff; font-weight: bold; }


/* GALLERY */


#gallery #archive ul { padding: 0; text-align: left; margin-top: 15px 0 0 0; }
#gallery #archive li { list-style-type: none; border: 1px solid #999; display: block; float: left; padding: 10px; text-align: center; margin: 0 15px 15px 0; width: 196px; height: 180px; background: #d2eaf4; overflow: hidden; }
#gallery #archive img { border: 1px solid #666; margin-bottom: 5px; }

#gallery .title { font-weight: bold; }
#gallery .date { font-size: 10px; color: #666; margin: 0 0 15px 0; }
#gallery .description {  }

#gallery ul { padding: 0; margin: 0 0 15px 0; }
#gallery li { display: block; float: left; list-style-type: none; padding: 0; margin: 0; width: 220px; height: 210px; text-align: center; }
#gallery img { border: 1px solid #666666; margin-bottom: 5px; }
#gallery .caption { font-size: 11px; }
#gallery .credit { font-size: 10px; color: #666; }
#archive .name { font-size: 11px; font-weight: bold; }
#archive .date { font-size: 10px; color: #666; }


/* POLLS */

#pollquestion ul, #pollresult ul { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#pollquestion li { list-style-type: none; margin: 0px; padding: 0px; display: block; }
#pollquestion #question { font-weight: bold; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#pollquestion #submit { background-color: #FFFFFF; }
#pollresult #question { font-weight: bold; font-size: 16px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#pollquestion #answer { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#pollresult #answer { display:inline; margin-right: 15px; }
#pollresult #percent { display:inline; }
#pollresult #graph { height: 20px; background-color: #98003D; margin-top:3px; }
#pollresult #votes { display: none; }
#pollresult li { list-style-type: none; padding: 0px; display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }

/*  MODULES  */

#sidebar .module { margin: 15px 15px 20px 0; padding-top: 15px; border-top: 1px solid #d5bfca; }
#sidebar .module .head { margin: 0; padding: 0; background: none none; }
#sidebar .module .head h1 { font-style: italic; font-weight: bold; text-transform: uppercase; color: #FFFFFF; font-size: 11px; }
#sidebar .module .head h1 span {  }
#sidebar .module .content { color: #FFF; padding: 0; text-align: left; border: none; font-size: 11px; font-weight: normal; } 
#sidebar .module .content .name { font-weight: bold; }
#sidebar .module .content .description {  }
#sidebar .module .content .archive { font-size: 10px; margin-top: 5px; }
#sidebar .module .foot {  }







