﻿body
{
    background-image: url('/img/mainback5.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    width: 100%;
    background-color: #fff;
    font-family: Myriad Pro,Helvetica,Arial,sans-serif;
}

/*---------- Common Elements ----------*/
.centered
{
    margin: 0 auto;
}

.clear
{
    clear: both;
}

/*---------- Base Wrapper ----------*/
#wrapper
{
    width: 990px;
    margin: 0 auto;
    border: solid 2px black;
    background-color: #fff;
}

/*---------- Header ----------*/
#header
{
    margin: 0 5px;
    width: 980px;
}

#header .logo
{
    width: 240px;
    float: left;
}

#header input[type=text], #header input[type=password]
{
    background-image: url('/img/formelementback.jpg');
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    width: 100px;
    color: #555;
    padding: 2px 3px;
    margin-right: 4px;
    font-family: Tahoma, Arial, sans-serif;
}

#header .search input[type=text]
{
    width: 120px;
}

#header .member-panel
{
    float:left;
    font-size: 0.8em;
}

#header .member-panel div
{
    float: left;
}

#header .member-panel ul
{
    font-family: Tahoma;
    font-weight: bold;
    float: left;
    padding: 3px 2px;
    font-size: 0.9em;
}

#header .member-panel li
{
    float: left;
    margin-right: 5px;
}

#header .member-panel li a
{
    text-decoration: none;
    color: #777;
}

#header .member-panel a:hover
{
    color: #83080D;
}

#header .member-panel li + li
{
    margin-left: 5px;
}

#header meber-panel .text
{
}

#header .search
{
    float: left;
    font-size: 0.8em;
    margin-left: 20px;
}

#header .search .search-button
{
    margin-top: -3px;
}

#header .search div
{
    float: left;
}

#header .links
{
    font-size: 0.8em;
    float: right;
    margin-top: 2px;
}

#header .links a
{
    text-decoration: none;
    color: #aaa;
    margin-right: 15px;
}

#header .links a img
{
    margin-left: 5px;
}

#header .links a:hover
{
    color: #000;
}



#header .ad
{
    width: 730px;
    float: left;
    margin: 5px;
}


/*---------- Navigation ----------*/
#navigation
{
    margin: 0;
    width: 990px;
}

#navigation a
{
    text-decoration: none;
    color: #777;
    font-weight: bold;
    font-family: Verdana, Arial;
}

#navigation a:hover
{
    color: #83080d;
}


#navigation .toolbar
{
    height: 30px;
    clear: both;
    font-size: 0.8em;
}

#navigation .ad
{
    margin: 5px 0 0 0;
    text-align: center;
    height: 90px;
}

#navigation .tools
{
    padding: 10px 15px;
}

#navigation .member-panel
{
    float: left;
}

#navigation .member-panel .field
{
    float: left;
}

#navigation .member-panel .login
{
    float: left;
    margin-top: 3px;
    margin-right: 10px;
}

#navigation .member-panel .text
{
    float: left;
    padding-top: 4px;
}

#navigation .member-panel .text .member-description
{
    font-weight: bold;
    font-family: Verdana, Arial;
}

#navigation .member-panel .text ul
{
    margin: 0 10px;
    font-family: Verdana, Arial;
}

#navigation .member-panel .text ul li
{
    float: left;
    margin: 0 5px;
}

#navigation .toolbar .toolbar-ad-container
{
    float: left;
    margin-left: 10px;
}

#navigation .toolbar .links
{
    float: left;
    padding-top: 0;
    margin: 0 10px 0 10px;
    height: 90px;
    width: 230px;
    background-color: #a3a3a3;
}

#navigation .search
{
    float: right;
    width: 225px;
}

#navigation input[type=text], #navigation input[type=password]
{
    background-image: url('/img/formelementback.jpg');
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    width: 180px;
    color: #555;
    padding: 3px;
    margin-right: 4px;
    font-family: Tahoma, Arial, sans-serif;
    margin-top: 2px;
}

#navigation .search-button
{
    float: right;
}

#navigation .menu
{
    margin-top: 5px;
}

#navigation .menu .links
{
    float: left;
    font-size: 0.8em;
}

#navigation .menu .links a
{
    margin: 5px;
    float: left;
    color: #999;
    text-decoration: none;
}

#navigation .menu .links a img
{
    margin: 0 4px;
}

#navigation .menu .links divider
{
    float: left;
}

#navigation .countdownbar
{
    background-position: left -5px;
    color: #83080D;
    font-weight: bold;
    margin: 5px 0;
    font-family: Arial;
    font-size: 0.7em;
    background-color: #eee;
    padding: 4px 10px;
    height: 20px;
    /*background-image: url('/img/admin-menu-bg.gif');*/
    background-image: url('/img/menuback.jpg');
     background-position: 0px -45px;
    background-repeat: repeat-x;
}

.countdownbar span
{
    margin: 0 0 -8px 0;
    padding: 3px 0 0 0;
}

.countdownbar img
{
    float: left;
    padding: 0;
}

.countdownbar .flag
{
    margin: 2px 2px 0 0;
    height: 18px;
}

.countdownbar .track
{
    margin: 1px 2px 0 0;
    height: 22px;
}

.countdownbar .next
{
    float: left;
    padding: 3px 5px 0 5px;
}

.countdownbar .countbartrack
{
    float: left;
    color: #f1f1f1;
    font-size: 1.2em;
    padding: 2px 0 0 5px;
}

.countdownbar .countbarcount
{
    position: relative;
    float: right;
    padding-right: 5px;
}

/*---------- Content Container ----------*/
#content
{
    margin: 10px 5px;
    width: 980px;
}

#content strong
{
    font-weight: bold;
    color: #333;
}

#content .main
{
    min-height: 500px;
    float: left;
    width: 665px;
    padding-left: 5px;
}

#content .main .slider-container
{
    margin: 0 10px 20px 0;
}

#content .features-container
{
}

#content .features-container ul.sponsors li
{
    float: left;
    margin: 5px 10px;
}

#content .features-container ul.relative-articles li
{
    margin: 5px 10px 5px 10px;
    padding: 5px 0;
    border-bottom: dotted 2px #b5b5b5;
}

#content .features-container .article
{
}

#content .article .header
{
    background-repeat: no-repeat;
    padding: 3px 10px;
    height: 21px;
    background-position: -10px top;
    color: #f1f1f1;
    font-weight: bold;
    background-color: #555;
}

#content .article .article-content
{
    border: solid 1px #dfdfdf;
    background-color: #f5f5f5;
    height: 260px;
}

#content .article h1
{
    color: #83080D;
    font-weight: bold;
    padding: 3px 10px;
}

#content .article .text
{
    font-size: 0.8em;
    padding: 5px;
}

#content .article .text img
{
    float: none;
    margin: 0 5px 5px 27px;
    border: solid 1px #dfdfdf;
}

#content .features-container .left
{
    float: left;
    width: 324px;
}

#content .features-container .full
{
    margin: 15px 7px 0 0;
}

#content .features-container .full .article-content
{
    height: 210px;
}

.left + .left
{
    margin-left: 10px;
}

#content .main .ad
{
    margin: 15px 20px;
    text-align: center;
    float: left;
}

#content .main .ad div
{
    float: left;
    margin: 0 0;
}

#content .main .ad img
{
    margin: 0 5px;
}

#content .main .photogallery
{
    
}

#content .main .photogallery-content li
{
    float: left;
}

.photogallery-content li + li
{
    margin-left: 9px;
}

#content .previous-container li, #content .popular-container li
{
    padding: 5px;
    margin-bottom: 5px;
}

#content .main a
{
    text-decoration: none;
    color: #777;
    font-weight: bold;
}

#content .main a:hover
{
    color: #83080d;
}




#content .main .previous-container
{
    float: left;
    width: 324px;
    margin-top: 10px;
}

#content .main .previous-container .header
{
    background-repeat: no-repeat;
    padding: 3px 10px;
    height: 21px;
    background-position: -10px top;
    color: #f1f1f1;
    font-weight: bold;
    background-color: #555;
}

#content .main .previous-content
{
    font-size: 0.8em;
}

#content .main .previous-content .newslist span.text
{
    margin-left: 5px;
}

#content .main .popular-container
{
    float: left;
    width: 324px;
    margin-left: 10px;
    margin-top: 10px;
}

#content .main .popular-container .header
{
    background-repeat: no-repeat;
    padding: 3px 10px;
    height: 21px;
    background-position: -10px top;
    color: #f1f1f1;
    font-weight: bold;
    background-color: #555;
}

#content .main .white
{
}

#content .main .grey
{
    background-color: #f1f1f1;
}

#content .main .popular-content
{
    font-size: 0.8em;
}

#content .sidebar
{
    min-height: 500px;
    float: right;
    width: 300px;
    margin-right: 5px;
}

#content .sidebar .container
{
    padding: 0;
    margin-bottom: 10px;
    font-size: 0.9em;
    background-color: #f5f5f5;
}

#content .sidebar .container .more
{
    text-align: right;
    margin: 5px 10px;
}

#content .sidebar .container .more a
{
    font-weight: bold;
}

#content .sidebar .container .more a:hover
{
    color: #83080D;   
}

#content .sidebar .ad
{
}

#content .sidebar .container h1
{
    background-position: -10px top;
    color: #fff;
    font-weight: bold;
    background-image: url('/img/redbar.png');
    background-repeat: no-repeat;
    padding: 3px 0 0 10px;
    height: 23px;
}

#content .sidebar .container h1.orange
{
    background-image: url('/img/orangebar.png');
}

#content .sidebar .container h1.grey
{
    background-image: url('/img/grey1bar.png');
}

#content .sidebar .container .content
{
    padding: 5px;
    border: solid 2px #dfdfdf;
    border-top: none;
}

#content .sidebar .video .content
{
   max-height: 400px;
   overflow: auto;
}

#content .sidebar ul.videos
{
   color: #444; 
}

#content .sidebar .video a
{
   color: #555;
   text-decoration: none;   
}

#content .sidebar .video a:hover
{
    color: Black;
}

#content .sidebar .videos li
{
    float: left;
    border-bottom: dotted 2px #d1d1d1;
    margin-top: 5px;
    padding: 5px 5px;
    width: 265px;
}

#content .sidebar .videos img
{
    float: left;
    margin: 0 10px 5px 0;
    border: solid 1px #a5a5a5;
}

#content .sidebar .magazines
{
    height: 200px;
}

#content .sidebar .magazines div
{
    width: 143px;
    float: left;
    text-align: center;
    margin: 5px 0;
}


#content .sidebar .social
{
   height: 60px;
}

#content .sidebar .social div
{
    width: 142px;
    float: left;
    text-align: center;
    margin: 5px 0;
}

#content .sidebar .social div+div
{
    border-left: dashed 2px #d1d1d1;
}

#content .sidebar .standings
{
}

#content .sidebar .standings .content
{
    padding: 0;
    border: none;
}

#content .sidebar .news .content
{
    font-size: 8pt;
    font-family: Verdana, Arial;
}

#content .sidebar .news .content .newstitle
{
}

#content .sidebar .news .content .newstitle a
{
    text-decoration: none;
    color: #818181;
}

#content .sidebar .news .content .newstitle a span
{
    color: #83080D;
    font-weight: bold;
}

#content .sidebar .news .content .newstext
{
    margin-bottom: 15px;
    margin-top: 5px;
}

#content .sidebar .news .content .newstext a
{
    text-decoration: none;
    color: #555;
}

#content .sidebar .small-column
{
    width: 140px;
    float: left;
}

#content .sidebar .sponsors h1
{
    background-image: url('/img/grey1bar.png');
    background-repeat: no-repeat;
    background-position: -10px top;
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    padding: 4px 10px;
    margin-bottom: 10px;
}

#content .sidebar .poll h1
{
    background-image: url('/img/grey3bar.png');
    background-repeat: no-repeat;
    background-position: -10px top;
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    padding: 4px 10px;
    margin-bottom: 10px;
}

#content .sidebar .poll div
{
    font-size: 0.9em;
}

#content .sidebar .poll .question
{
    margin-bottom: 20px;
}

#content .sidebar .poll .vote
{
    text-align: center;
}

#content .sidebar .poll .choices ul li
{
    margin: 10px 0;
    color: #777;
}

#content .sidebar .small-column .sponsor
{
    margin-bottom: 10px;
}

div.small-column + div.small-column
{
    margin-left: 20px;
}

#content .sidebar .race
{
    margin-bottom: 10px;
}

#content .sidebar .race .date
{
    font-weight: bold;
}

#content .sidebar .race .title
{
    font-weight: bold;
    color: #D96513;
}

#content .sidebar .race .title img
{
    margin: 0 3px;
}

#content .sidebar .race ul .title
{
    font-weight: bold;
    color: #555;
}

#content .sidebar .race .category-title
{
    font-weight: bold;
    color: #83080D;
}

#content .sidebar .race ul li
{
    margin: 5px 5px;
    padding: 5px;
}

#content .sidebar .race li.grey
{
}

#content .sidebar .race li.white
{
    background-color: #fff;
}

#content .sidebar .race .orangetitle, .orangetext
{
    color: #D96513;
}

#content .sidebar .race .time
{
   font-size: 1.1em;
   font-weight: bold;
   color: #777;
}

#content .sidebar div.race ul li:hover
{
   background-color: #d1d1d1;
}

#content .main .mainarticle
{
}

#content .main .mainarticle .video-player
{
    text-align: center;
    margin-top: 10px;
}

#content .main .mainarticle .title
{
    font-weight: bold;
    font-size: 1.3em;
    color: #555;
    margin-top: 5px;
}

#content .main .mainarticle .subtitle
{
    color: #777;
    margin: 10px 0 5px 25px;
    font-size: 0.9em;
}

#content .main .mainarticle .main-image
{
    text-align: center;
    margin: 5px 0;
}

#content .main .dm_Subtitle
{
    margin-bottom: 20px;
    margin-left: 10px;
    color: #777;
}

#content .main .mainarticle .text
{
    margin: 0 10px;
}

#content .main .mainarticle .poll-message
{
    margin: 10px 10px;
}

#content .main .mainarticle .poll-results
{
    margin: 10px 20px;
}

#content .main .mainarticle .poll-results .question
{
    margin-bottom: 10px;
    font-size: 1.1em;
    border-bottom: dotted 2px #c1c1c1;
}

#content .main .mainarticle .poll-results div.answer
{
    margin-bottom: 15px;
    color: #555;
}

#content .main .mainarticle .poll-footer
{
    font-size: 0.9em;
    margin: 10px 5px;
}

/*---------- Club ------------*/

#content .main .club-menu
{
    margin-bottom: 20px;
    background-color: #e1e1e1;
    padding: 5px 10px;
}

#content .main .club-menu ul
{
}

#content .main .club-menu li
{
    float: left;
    margin: 0 5px;
    border-right: solid 2px #999;
    padding-right: 15px;
    padding-left: 5px;
}

#content .main .club-menu li.last
{
    border-right: none;
}

/*---------- SiteMap ---------*/
#content .mainarticle .sitemap
{
    margin: 15px 20px;
}

#content .mainarticle .sitemap h1
{
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 20px;
}

#content .mainarticle .sitemap ul
{
    margin-left: 20px;
}

#content .features-container .terms
{
    margin: 0 15px 0 15px;
    text-align: justify;   
}

#content .article .terms h2
{
    font-weight: bold;
    color: #444;
    margin: 20px 0 10px 0;
}

/*------ Results ----------*/
#content .tabbedlist-column
{
    float: left;
    width: 310px;
    margin: 10px 5px;
}

/*------ Drivers ----------*/

#content .drivers-submenu ul
{
}

#content .drivers-submenu ul li
{
    float: left;
    margin: 10px 10px;
}


#content .drivers-submenu ul li p
{
    text-align: center;
}

/*------ Photo Gallery --------*/
#content .gallery
{
}

#content .gallery .media
{
    float: left;
    margin: 5px;
}

/*---------- Forms ---------*/
#content .form
{
    margin: 10px 20px;
    border: dashed 1px #b1b1b1;
    padding: 10px 20px;
    background-color: #f5f5f5;
}

#content .form .field
{
    margin: 5px 0;
    clear: left;
}

#content .form .field input[type="text"], #content .form .field input[type="password"]
{
    background-image: url("/img/formelementback.jpg");
    background-repeat: repeat-x;
    border: 1px solid #D1C7AC;
    color: #555555;
    font-family: Tahoma,Arial,sans-serif;
    margin-right: 4px;
    margin-top: 2px;
    padding: 3px;
    width: 280px;
    font-weight: bold;
}



#content .form select
{
    background-image: url("/img/formelementback.jpg");
    background-repeat: repeat-x;
    border: 1px solid #D1C7AC;
    color: #555555;
    font-family: Tahoma,Arial,sans-serif;
    margin-right: 4px;
    margin-top: 2px;
    padding: 3px;
    width: 288px;
    font-weight: bold;
}

#content .form .field ul
{
    clear: right;
}

#content .form .field ul li
{
    margin: 5px 5px;
    float: left;
}

#content .form .field span
{
    width: 200px;
    display: block;
    float: left;
    text-align:right;
    margin: 4px 5px;
    color: #444;
    height: 30px;
}

#content .form .field textarea
{
    width: 280px;
    margin-right: 4px;
    margin-top: 2px;
    padding: 3px;
    background-image: url("/img/formelementback.jpg");
    background-repeat: repeat-x;
    border: 1px solid #D1C7AC;
}

#content .form .field label.error
{
    color: Red;
    font-size: 0.9em;
    display: block;
    margin-left: 210px;
}

#content .form div.error
{
    color: Red;
    text-align: center;
    margin-bottom: 20px;
}

#content .form .field .submit
{
    margin-left: 380px;
    width: 120px;
    height: 40px;
    background-image: url("/img/button-bg.png");
    color: #fff;
    font-weight: bold;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding-bottom: 5px;
}

#content .form .long
{
    margin: 10px 0 10px 0;
}

#content .form .long span
{
    width: 475px;
    text-align: left;
    height: auto;
    margin-bottom: 10px;
}

#content .form .note
{
    color: #777;
    font-size: 0.9em;
    margin: 20px 0 0 20px;
    width: 500px;
    text-align: justify;
}

/*---------- Footer ----------*/
#footer
{
    margin: 0;
    width: 990px;
    height: 130px;
    background-image: url("/img/footerback.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    font-size: 0.9em;
}

#footer .centered
{
    width: 900px;
}

#footer .line
{
    border-bottom: solid 1px #fff;
    height: 1px;
    width: 100%;
}

#footer .top
{
    padding: 25px 0 10px 0;
}

#footer .top a + a
{
    border-left: solid 1px #fff;
    padding-left: 4px;
}

#footer .copyright
{
    padding: 5px 0 5px 0;
    font-size: 0.9em;
}


#footer .grey
{
    padding: 5px 0 5px 0;
    font-size: 0.9em;
    float: right;
}

#footer a, #footer span
{
    text-decoration: none;
    color: #fff;
}

