@charset "UTF-8";
/* CSS Document */



/*  ----------------------------------------------------------------------------------------------------
zMAX Racing Country
----------------------------------------------------------------------------------------------------  */

body { background-color: #000000; margin: 0px; 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; }

a:link, a:visited { color: #123456; text-decoration: none; }
a:active, a:hover { color: #900; text-decoration: underline; }

#contentshell { background-color: #123456; width: 960px; color: #000000; clear:both; text-align: left; padding: 0; margin: 0 auto; }

#maincol { background-color: #FFFFFF; background-repeat: no-repeat; background-position: 350px bottom; float: left; width: 670px; margin: 0px; padding: 0 15px; min-height:600px; height: auto !important; /* IE min-height hack */ height: 600px; }

#sidebar { float: right; width: 245px; margin: 0; background-color: #123456; background-repeat: repeat-y; padding: 0 0 0 15px; }

/*
#contentshell { background-color: #FFFFFF; width: 960px; color: #000000; clear:both; text-align: left; padding: 0px; margin: 0 auto; }

#maincol { width: 670px; margin: 0px; padding: 0px 15px; height:300px;display: table-cell; position: relative; }

#sidebar { display: table-cell; position: relative; width: 230px; margin: 0; padding: 0 15px; background-color: #123456; background-image: url(/layout/sidebar_bg.gif); background-repeat: repeat-y; }
*/

#sidebar h1 a:link, #sidebar h1 a:visited, #sidebar h2 a:link, #sidebar h2 a:visited { color: #FFFFFF; text-decoration: none; }
#sidebar h1 a:active, #sidebar h1 a:hover, #sidebar h2 a:active, #sidebar h2 a:hover { color: #dddddd; text-decoration: none; }
#sidebar h1 { font-size: 18px; color: #FFFFFF; font-weight: normal; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }
#sidebar h2 { font-size: 12px; color: #959ca1; font-weight: normal; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
#sidebar p img { border: 0; }

#blocks { display: table; margin: 0px; padding: 0px; }

#blocks-row { display: table-row; /* bug fix */ position: relative; margin: 0px; padding: 0px; }

#hosts img {float: right; margin: 0 0 10px 10px; }

img, div { behavior: url(/layout/iepngfix.htc) }

#categoryHead { margin: 0 0 15px 0; }

small { font-size: 10px; color: #333333; }
p { margin: 0 0 10px 0; padding: 0; }
h1 { font-size: 18px; font-weight: bold; color: #123456; padding: 0; margin: 0; }
h2 { font-size: 16px; font-weight: bold; color: #123456; padding: 0; margin: 0; }
h3 { font-size: 14px; font-weight: bold; color: #123456; padding: 0; margin: 0; }

img, div { behavior: url(/layout/iepngfix.htc) }


#maincol #share .title { margin-left: 215px; }
#articletools .print { display: none; }



/*  -------------------------
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; background-color: #ccc; /* background-image: url(/layout/header_01.jpg); */ }
#logo { position: relative; display: block; float: right; height: 150px; width: 260px; background-color: #123456; background-image: url(/layout/logo_bg.gif); background-repeat: no-repeat; background-position: bottom; }
#logo img { position: absolute; left: 30px; top: 36px; }
#slideshowshadow { height: 20px; width: 700px; display: block; background-color: #FFFFFF; float: left; background-image: url(/layout/nav_shadow.gif); background-repeat: repeat-x; }
#logoshadow { display: block; height: 20px; width: 260px; background-color: #123456; float: right; background-image: url(/layout/logo_shadow.gif); background-repeat: no-repeat; }

#contentpadding { width: 960px; clear: both; margin: 0 auto; }
#contentpadding #left { width: 700px; background-color: #FFF; float: left; height:20px; }
#contentpadding #right { width: 260px; height:20px; background-color: #123456; background-image: url(/layout/sidebar_bg.gif); background-repeat: repeat-y; float: right; }



/*  -------------------------
NAVIGATION
-------------------------  */

#navigation { height: 30px; background-color: #7f8589; background-image: url(/layout/nav_bg.gif); background-repeat: repeat-x; margin: 0; padding: 0; clear: both; }

#nav { position: relative; margin: 0 0 0 15px; padding: 0; width: 685px; height: 30px; }
#nav li { height: 30px;  display: block; list-style: none; float: left; }

#nav a { background: url(/layout/nav_sprite.gif); height: 30px; display: block; margin: 0 25px 0 0; }
#nav a:hover { background: url(/layout/nav_sprite.gif);  }

#nav #navHOME a { width: 44px; background-position: 0px 0px; }
#nav #navHOSTS a { width: 50px; background-position: -66px 0px; }
#nav #navLISTEN a { width: 60px; background-position: -136px 0px; }
#nav #navHOSTBLOG a { width: 50px; background-position: -208px 0px; }
#nav #navCONTACT a { width: 65px; background-position: -269px 0px; }
#nav #navGALLERY a { width: 60px; background-position: -360px 0px; }
#nav #navAFFILIATES a { width: 80px; background-position: -440px 0px; }
#nav #navVIDEO a { width: 45px; background-position: -540px 0px; }

#nav #navHOME a:hover { background-position: 0px -30px; }
#nav #navHOSTS a:hover { background-position: -66px -30px; }
#nav #navLISTEN a:hover{ background-position: -136px -30px; }
#nav #navHOSTBLOG a:hover { background-position: -208px -30px; }
#nav #navCONTACT a:hover { background-position: -269px -30px; }
#nav #navGALLERY a:hover { background-position: -360px -30px; }
#nav #navAFFILIATES a:hover { background-position: -440px -30px; }
#nav #navVIDEO a:hover { background-position: -540px -30px; }

#nav span { display: none; }



/*  -------------------------
HOME
-------------------------  */

.module { border: 1px solid #afc4d9; margin: 0 15px 15px 0; }
.module .head { background-image: url(/layout/bg_module_head.jpg); background-repeat: repeat-x; padding: 4px 8px; color: #123456; font-weight: bold; }
.module .content { padding: 8px; }
.module .content h1 { font-size: 12px; margin: 0 0 10px 0; }
.module .links  { font-size: 10px; }

#hostsmodule { float: left; border: none; clear: both; margin-right: 0; }
#hostsmodule .head { display: none; }
#hostsmodule .content { padding: 0; }
#hostsmodule .content h1 { font-size: 18px; }

#nextshowmodule { width: 667px; float: left; border: 1px solid #142742; background: #415d78; }
#nextshowmodule .head { display: none; }
#nextshowmodule .content { color: #fff; text-align: center; font-weight: bold; font-size: 14px; padding-bottom: 0; }
#nextshowmodule .content h1 { }

#blogmodule { width: 211px; float: left; }
#blogmodule .head {  }
#blogmodule .content {  }
#sidebar #blogmodule .content H1,
#blogmodule .content H1 { font-weight: bold; font-size: 16px; margin: 0 0 5px 0; padding: 0; }
#sidebar #blogmodule .head H1 A,
#blogmodule .content A { color: #FFC; }
#sidebar #blogmodule H1 A:link, #sidebar H1 A:visited, #sidebar H2 A:link, #sidebar H2 A:visited { color: #FFFFFF; text-decoration: none; }
#sidebar #blogmodule H1 A:active, #sidebar H1 A:hover, #sidebar H2 A:active, #sidebar H2 A:hover { color: #FFFFCC; text-decoration: none; border: none; }

#photomodule { width: 211px; float: left; margin-right: 0; }
#photomodule .head { }
#photomodule .content { height: 200px; }
#photomodule .content img { border: 1px solid #CCC; }
#photomodule .content .name { font-weight: bold; margin: 5px 0; }

#audiomodule { width: 211px; float: left; }
#audiomodule .head {  }
#audiomodule .content { height: 200px; }
#audiomodule .content .name { font-weight: bold; margin: 5px 0; }
#audiomodule .content .name .pipe { padding: 0 3px; color: #666; font-weight: normal; }
#audiomodule .content .name .caption { color: #666; font-weight: normal; }
#audiomodule .content .play { border: 1px solid #CCC; }
#audiomodule .content .play a { display: block; width: 195px; height: 125px; background: url(/layout/play.png) no-repeat center center; overflow: none; }
#audiomodule .content .play a:hover,
#audiomodule .content .play a:active { background: url(/layout/play2.png) no-repeat center center; }

#videomodule { width: 211px; float: left; }
#videomodule .head {  }
#videomodule .content { height: 200px; }
#videomodule .content .name { font-weight: bold; margin: 5px 0; }
#videomodule .content .name .pipe { padding: 0 3px; color: #666; font-weight: normal; }
#videomodule .content .name .caption { color: #666; font-weight: normal; }
#videomodule .content .play { border: 1px solid #CCC; }
#videomodule .content .play a { display: block; width: 195px; height: 125px; background: url(/layout/play.png) no-repeat center center; overflow: none; }
#videomodule .content .play a:hover,
#videomodule .content .play a:active { background: url(/layout/play2.png) no-repeat center center; }



/*  -------------------------
SIDEBAR
-------------------------  */

#sidebar .module { width: 218px; float: left; border: 1px solid #142742; background: #415d78; }
#sidebar .module .head { background-image: url(/layout/bg_sidebar_module_head.jpg); color: #fff;}
#sidebar .module .content { color: #fff; }
#sidebar .module .content h1 { }
#sidebar .module .links  { }

#paulsquestionmodule { }
#paulsquestionmodule .head {  }
#paulsquestionmodule .content { }

#pollmodule { }
#pollmodule .head {  }
#pollmodule .content { }
#pollmodule form { margin: 0; padding: 0; }



/*  -------------------------
BANNERS
-------------------------  */

#halfbanner { margin-bottom: 10px; width: /* 220px; height: 60px; overflow: hidden; */ }



/*  -------------------------
SWF PLAYER
-------------------------  */

#swfplayer { background-color: #c3c8cc; padding: 10px; margin-bottom: 20px; border: 1px solid #666; }
#swfplayer .title { display: block; }
#swfplayer .content {  }
#player { float: left; }
#swfplayer .content #description { float: right; width: 150px; }
#swfplayer .content #description .name { padding: 0px; margin: 0px; color: #666; font-size: 10px; font-weight: normal; text-transform: uppercase; }
#swfplayer .content #description .description { margin: 0 0 10px 0; padding: 0; }

/*
.download a.button  { margin: 0 5px 0 0; padding: 0; text-decoration: none; }
.download a.button:hover, .download a.button:active { color: #900; text-decoration: underline; }
.download a.button span { color: #900; margin: 0; padding: 0; }
*/

.download .saveas { font-size: 10px; }

#swfplayer .content #flvplayerholder {  }

/* TABS */

#tabs { float:left; width:100%; line-height:normal; border-bottom:5px solid #123456; }
#tabs ul { margin: 0; padding:10px 10px 0 0; 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 {  }
DIV.buttons A.button { background: url(/layout/buttons_lt.png) no-repeat 0% 0px; }
DIV.buttons A.button SPAN { background: url(/layout/buttons_rt.png) no-repeat 100% 0px; color: #FFF; }

DIV.buttons A.button:HOVER,
DIV.buttons A.button:ACTIVE { background-position: 0% -30px; }
DIV.buttons A.button:HOVER SPAN,
DIV.buttons A.button:ACTIVE SPAN { background-position: 100% -30px; color: #FFF;}

DIV.buttons SPAN.button-inactive { background: url(/layout/buttons_lt.png) no-repeat 0% -60px; }
DIV.buttons SPAN.button-inactive SPAN { background: url(/layout/buttons_rt.png) no-repeat 100% -60px; color: #FFF;}

DIV.buttons SPAN.button-inactive2 { background: url(/layout/buttons_lt.png) no-repeat 0% -60px; }
DIV.buttons SPAN.button-inactive2 SPAN { background: url(/layout/buttons_rt.png) no-repeat 100% -60px; color: #FFF; }


/*  -------------------------
BLOGS.CFM
-------------------------  */

#blog .module { border: none; }


/*  -------------------------
POLL
-------------------------  */

#pollquestion ul, #pollresult ul { padding: 0; margin: 0 0 10px 0; }
#pollquestion li { list-style-type: none; margin: 0px; padding: 0px; display: block; }
#pollquestion #question { font-weight: bold; padding: 0px; margin: 0 0 10px 0; }
#pollquestion #submit { background-color: #fff; }
#pollresult #question { font-weight: bold; font-size: 16px; padding: 0px; margin: 0 0 10px 0; }
#pollquestion #answer { padding: 0px; margin: 0 0 10px 0; }
#pollresult #answer { display: inline; margin-right: 15px; }
#pollresult #percent { display: inline; }
#pollresult #graph { height: 20px; background-color: #123456; margin-top: 3px; }
#pollresult #votes { display: none; }
#pollresult li { list-style-type: none; padding: 0px; display: block; margin: 0 0 10px 0; }


/*  -------------------------
PHOTO_GALLERY.CFM - FB Style
-------------------------  */

#photo_gallery  {  }

#photo_gallery .articlehead  {  }
#photo_gallery .articlehead h1 {  }

/* Gallery Archive */

#photo_gallery #archive {  }
#photo_gallery #archive ul  {  }
#photo_gallery #archive ul li { width: 185px; height: 180px; }
#photo_gallery #archive ul li .image {  }
#photo_gallery #archive ul li .image img { width: 185px; }
#photo_gallery #archive ul li .title {  }
#photo_gallery #archive ul li .date { display: none; }


/* Gallery Site Feature */

#photo_gallery #gallerysf {  }
#photo_gallery #gallerysf .galleryhead {  }
#photo_gallery #gallerysf .galleryhead .title {  }
#photo_gallery #gallerysf .galleryhead .date { display: none; }
#photo_gallery #gallerysf .galleryhead .description {  }
#photo_gallery #gallerysf ul {  }
#photo_gallery #gallerysf ul li { width: 156px; height: 106px; padding: 0; margin: 0 10px 10px 0; }
#photo_gallery #gallerysf ul li .image {  }
#photo_gallery #gallerysf ul li .image img {  }
#photo_gallery #gallerysf ul li .image img:hover {   }
#photo_gallery #gallerysf ul li .caption {  }
#photo_gallery #gallerysf ul li .credit {  }

#photo_gallery #gallerysf .buttons {  }

/* Gallery Photo */

#photo_gallery #galleryphoto {  }
#photo_gallery #galleryphoto .galleryhead {  }
#photo_gallery #galleryphoto .galleryhead .title {  }
#photo_gallery #galleryphoto .galleryhead .date { border: 1px solid red }
#photo_gallery #galleryphoto .control {  }
#photo_gallery #galleryphoto .control .left {  }
#photo_gallery #galleryphoto .control .left .imagenumber {  }
#photo_gallery #galleryphoto .control .right {  }
#photo_gallery #galleryphoto .control .right .prevNext {  }
#photo_gallery #galleryphoto .control .right .prevNext .previous {  }
#photo_gallery #galleryphoto .control .right .prevNext .previous a {  }
#photo_gallery #galleryphoto .control .right .prevNext .pipe {  }
#photo_gallery #galleryphoto .control .right .prevNext .next {  }
#photo_gallery #galleryphoto .control .right .prevNext .next a {  }

#photo_gallery #galleryphoto .image {  }
#photo_gallery #galleryphoto .image img {  }
#photo_gallery #galleryphoto .galleryfoot {  }
#photo_gallery #galleryphoto .galleryfoot .left {  }
#photo_gallery #galleryphoto .galleryfoot .left .name {  }
#photo_gallery #galleryphoto .galleryfoot .left .caption {  }
#photo_gallery #galleryphoto .galleryfoot .left .credit {  }
#photo_gallery #galleryphoto .galleryfoot .left .credit SPAN {  }
#photo_gallery #galleryphoto .galleryfoot .right {  }
#photo_gallery #galleryphoto .galleryfoot .right .download {  }
#photo_gallery #galleryphoto .galleryfoot .right .back {  }
#photo_gallery #galleryphoto .galleryfoot .right .back B { }

/*  -------------------------
DOWNLOADS
-------------------------  */

/* #download #chart,
#download .chart { margin: 0 0 15px 0; }
#download #chart th,
#download .chart th { font-size: 10px;  padding: 3px 5px; border-bottom: 2px solid #CCC; text-transform: uppercase; color: #666 }
#download #chart td
#download .chart td { padding: 5px; border-bottom: 1px solid #CCC; }
#download #chart tr.light td,
#download .chart tr.light td {  }
#download #chart tr.dark td
#download .chart tr.dark td { background: #F2F2F2; }
#download #chart td.none,
#download .chart td.none { padding: 5px; border: none; } */

#download #chart td { font-size: 11px; padding: 5px; border-bottom: 1px #ddd solid; }
#download #chart td.chart-lt { background: #eee; }



/*  -------------------------
FOOTER
-------------------------  */

#footershell { margin: auto; clear: both; width: 960px; clear:both; text-align: center; padding-top: 10px; font-size: 11px; color: #666; position: relative; }
#footershell a { color: #777; text-decoration: none; font-weight: normal; }
#footershell #links { display: none; }



/*  

.articlehead { margin: 0 0 10px 0; }
.articlehead h1 { margin: 0; padding: 0; }
.articlehead .date { display: none; }

#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 .title { font-weight: bold; }
#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 { }

#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; }

#swfplayer { margin: 0 0 20px 0; padding: 0; border: 1px solid #003366; background-color: #BECAFF; }
#swfplayer .title { display: none; } 
#swfplayer .content { padding: 10px; background: url(/layout/bg_module.jpg) repeat-x bottom; text-align: left; }
#swfplayer #description { float: right; width: 150px; }
#swfplayer #description h2 { padding: 0px; margin: 0px; color: #666666; font-size: 10px; font-weight: normal; text-transform: uppercase; display: block; }
#swfplayer #description p { margin: 0 0 10px 0px; padding: 0; }

#videoarchive { padding: 0; margin: 0; text-align: left; }
#videoarchive li { list-style-type: none; width: 122px; height: 160px; float: left; margin-right: 15px; margin-bottom: 15px; }
#videoarchive img { border: 1px solid #666666; margin: 0 0 5px 0; }

#pages { clear: left; }
#pageination { margin: 0px; padding: 0px; text-align: right; }
#pageination li { list-style-type: none; display: inline; margin-left: 2px; margin-right: 2px; }
#pageination #active { padding: 2px 6px 2px 6px; margin: 4px; border: 1px solid #666666; background-color: #CCCCCC; text-decoration: none; }
#pageination #next { margin-left: 0px; }
#pageination a { padding: 2px 6px 2px 6px; margin: 2px 0px 2px 0px; border: 1px solid #666666; background-color: #666666; text-decoration: none; color: #FFF; }

#audio td .description { display: inline; color: #666666; }

#sect_gallery #categoryHead {display: block; margin: 0 0 10px 0; }

#gallery ul { padding: 0; text-align: left; margin: 15px 0; }
#gallery li { list-style-type: none; display: block; float: left; padding: 0; margin-bottom: 15px; text-align: center; width: 223px; height: 190px; text-align: center; }
#gallery img { border: 1px solid #666666; margin-bottom: 5px; }
#gallery #archive ul { padding: 0px; text-align: left; margin-top: 15px 0 0 0; }
#gallery #archive li { list-style-type: none; border: 1px solid #003366; background-color: #BECAFF; display: block; float: left; padding: 10px; text-align: center; margin: 0 10px 0 0; width: 198px; height: 190px; }
#gallery #archive img { border: 1px solid #666666; margin-bottom: 5px; width: 196px; }
#gallery #archive .title { font-weight: bold; }
#gallery #archive .date { font-size: 10px; }
#gallery .caption { font-size: 10px; }
#gallery .credit { font-size: 9px; color: #666666; }
#gallery .title { font-weight: bold; }
#gallery .date { font-size: 10px; }
#gallery .description { margin: 10px 0 0 0; }

*/