/*
-----------------------------------------------
Master Screen Style
Name:     Motormile Speedway
Designer: Frank Mariano
URL:      www.motormilespeedway.com
Date:     25 Sept 2007
-----------------------------------------------
Color Palette:
Blue - #06f
Light Blue - #0ff
Red - red
Orange - #F4A301
Light Gray - #999
Mid-Gray - #666
Dark-Gray - #333
*/

/* Remove Blogger Header
----------------------------------------------- */
#navbar-iframe,
#b-navbar {
  width: 0;
  height: 0px;
  margin: 0;
  padding: 0;
  visibility: hidden !important;
  display: none !important;
  }
  
/* DOM-related
----------------------------------------------- */
.hide-this {
    display: none;
    visibility: hidden;
}
.show-this {
    visibility: visible;
}

.selected {
}

.unselected {
}

.clear {
    clear: both;
}

/* General Columns
----------------------------------------------- */
/* The columns classes are used to make a two-
column layout. Depending on how long the content
is, you would use the left or right border or
.lbor or .rbor classes
----------------------------------------------- */
.lcol {
    float: left;
    width: 45%;
    margin: 10px 0 0 0;
    padding: 0 4% 0 0;
    }

.rcol {
    float: left;
    width: 45%;
    margin: 10px 0 0 0;
    padding: 0 0 0 4%;
    }
    
.lbor {
    border-left: 1px solid #999;
    }
    
.rbor {
    border-right: 1px solid #999;
    }
    
.botbord {
    border-bottom: 1px dotted #999;
    }
    
.notice {
    font-style: italic;
    }
    
/* Link styles
----------------------------------------------- */
a:link {
  color:#06f;
  text-decoration:none;
  }
a:visited {
  color:#06f;
  text-decoration:none;
  }
a:hover {
  color:#0ff;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }
  
/* Character/Paragraph styles
----------------------------------------------- */
.red {
    color: red;
    }
    
.orange {
    color: #f4a301;
    }
    
.white {
    color: #fff;
    }
    
.cancelled {
    text-decoration: line-through;
    }
  
p {
  line-height: 1.5em;
  }
  
strong {
    color: #f4a301;
    letter-spacing: 1px;
    }
 
/* Printer-Button
----------------------------------------------- */
#print-friendly {
    font-size: 1em !important;
    text-transform: uppercase;
}

#print-friendly a:link,
#print-friendly a:visited,
#print-friendly a:active {
    display: block;
    width: 220px;
    height: 24px;
    padding: 0 0 0 30px;
    background: transparent url(../img/printer.gif) no-repeat top left;
    }
    
#print-friendly a:hover {
    display: block;
    width: 220px;
    height: 24px;
    padding: 0 0 0 30px;
    background: transparent url(../img/printer.gif) no-repeat bottom left;
    }
    
/* pdf Documents
----------------------------------------------- */
.pdf_doc,
.pdf_doc:visited,
.pdf_doc:active {
    display: block;
    margin: 0 0 1.5em 0;
    padding: 5px 5px 5px 50px;
    text-decoration: none !important;
    border: 1px solid #666;
    background: #000 url(../img/pdficon.gif) 5px 50% no-repeat;
    }
    
.pdf_doc:hover {
    color: #0ff !important;
    border: 1px solid #fff;
    background: #333 url(../img/pdficon.gif) 5px 50% no-repeat;
    }
    
/* Headers
----------------------------------------------- */
h1 {
    
  width: 549px;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 22px;
  }
  
#mylaps h1 {
    width: 649px;
    }

h2 {
	width: 500px;
    margin: 0;
    padding: 0;
	text-align: left;
	font-size: 27px;
	color:#F4A301;
	}

h3 {
    margin: 0 0 .5em 0;
    font: bold 12px "Arial",Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#F4A301;
    }
  
h4 {
    margin: 0;
    padding: 0;
    font:bold 11px "Arial",Verdana,Sans-serif;
    color:#F4A301;
    }

  
/* List Styles
----------------------------------------------- */
dl {
    margin: 10px 0;
    padding: 0;
    }

dt {
    margin: 0;
    padding: 0;
    font-family:"Arial",Verdana,Sans-serif;
    font-weight: bold;
    font-style: normal;
    text-transform:uppercase;
    line-height: 2em;
    color:#F4A301;
    }

/* primarily used to classify certain <dt> 
   i.e. <dt class="subterm"> */
.subterm {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: italic;
    text-transform: none;
    line-height: 1.5em;
    color:#F4A301;
    }
    
dd {
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 1.5em;
    }
    
ol {
    margin: 0 0 0 15px;
    padding: 0;
    list-style-position: outside;
    }

ol li {
    margin: 0;
    padding: 0 0 .5em 0 ;
    font-weight: bold;
    line-height: 1.5em;
    }
    
ol li p {
    font-weight: normal;
    }
    
ul {
    margin: 0;
    padding: 0;
    list-style-position: outside;
    }
ul li {
    margin: 0 0 .5em 15px;
    padding: 0;
    line-height: 1.5em;
    }

/* Containers
----------------------------------------------- */

/* Controls horizontal scrollbars in iframes
   automatically. */
html {
	overflow-x: hidden;
    }

body {
  margin: 0;
  padding:0;
  font:11px "Arial",Trebuchet,Trebuchet,Sans-Serif;
  text-align:left;
  color:#ccc;
  background:#000;
  }
  
/* These body-styles are id'ed in the <body> tag
   i.e. <body id="blogbody"> It's used to compensate for
   blogger.com's template where the margin is 30px from the
   top. (and unedittable) */
#blogbody {
    width: 560px;
    margin: 0 0 0 0;
    }
#normbody {
    width: 560px;
    margin: 30px 0 0 0;
    background: #000;
    }
    
#homepage {
    width: 800px;
    margin: 10px auto;
    padding: 0;
    background: #000;
    }
    
#homepage #banner{
    width: 798px;
    height: 90px;
    margin: 0;
    padding: 0;
    border: 1px solid #999;
    background: transparent url(../img/logo.gif) top left no-repeat;
    }
    
#banner #logo img{
    width: 330px;
    height: 80px;
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    }
#banner #ad {
    position: absolute;
    display: inline;
    margin: 0;
    padding: 0;
}

#banner #ad img {
    margin: 0;
    padding: 7px 0 0 10px;
    position: absolute;
    visibility: hidden;
    }
 
#Sponsor-Marquee2 img {
    position: absolute;
    display:none;
    height: 80px;
    margin: 0;
    padding: 0;
}

#Sponsor-Marquee2 {
    margin: 0 4px;
    padding: 3px 0 0 0;

    background: #000 url(../img/bg-marquee.gif) repeat-x left top;
}

#homepage #nav{
    float: left;
    width: 200px;
    height: 696px;
    margin: 0;
    padding: 5px 0 0 0;
    background: #000 url(../img/nav-bg.jpg) no-repeat bottom left;
    }

#homepage #nav #internal{
    margin: 82px 0 0 0;
    }
    
#homepage #nav #internal li,
#homepage #nav #external li{
    margin: 0;
    padding: 0;
    list-style: none;
    }

#homepage #nav #internal a:link,
#homepage #nav #internal a:visited,
#homepage #nav #internal a:active,
#homepage #nav #external a:link,
#homepage #nav #external a:visited,
#homepage #nav #external a:active{
    display: block;
    width: 200px;
    height: 24px;
    }
    

/*
The following link ids use images as backgrounds to create that "rollover" effect. To make
each individual link, an individual id had to be made. That's why there're so many...
*/

#nav-home a:link, #nav-home a:visited, #nav-home a:active{ background: transparent url(../img/nav-home.gif) no-repeat top left;}    
#nav-home a:hover{background: transparent url(../img/nav-home.gif) no-repeat top right;}

#nav-newsfeed a:link, #nav-newsfeed a:visited, #nav-newsfeed a:active{ background: transparent url(../img/nav-newsfeed.gif) no-repeat top left;}    
#nav-newsfeed a:hover{background: transparent url(../img/nav-newsfeed.gif) no-repeat top right;}

#nav-tickets a:link, #nav-tickets a:visited, #nav-tickets a:active{ background: transparent url(../img/nav-tickets.gif) no-repeat top left;}    
#nav-tickets a:hover{background: transparent url(../img/nav-tickets.gif) no-repeat top right;}

#nav-gallery a:link, #nav-gallery a:visited, #nav-gallery a:active{ background: transparent url(../img/nav-gallery.gif) no-repeat top left;}    
#nav-gallery a:hover{background: transparent url(../img/nav-gallery.gif) no-repeat top right;}

#nav-media a:link, #nav-media a:visited, #nav-media a:active{ background: transparent url(../img/nav-media.gif) no-repeat top left;}    
#nav-media a:hover{background: transparent url(../img/nav-media.gif) no-repeat top right;}

#nav-results a:link, #nav-results a:visited, #nav-results a:active{ background: transparent url(../img/nav-results.gif) no-repeat top left;}    
#nav-results a:hover{background: transparent url(../img/nav-results.gif) no-repeat top right;}

#nav-points a:link, #nav-points a:visited, #nav-points a:active{ background: transparent url(../img/nav-points.gif) no-repeat top left;}    
#nav-points a:hover{background: transparent url(../img/nav-points.gif) no-repeat top right;}

#nav-drivers a:link, #nav-drivers a:visited, #nav-drivers a:active{ background: transparent url(../img/nav-drivers.gif) no-repeat top left;}    
#nav-drivers a:hover{background: transparent url(../img/nav-drivers.gif) no-repeat top right;}

#nav-schedule a:link, #nav-schedule a:visited, #nav-schedule a:active{ background: transparent url(../img/nav-schedule.gif) no-repeat top left;}    
#nav-schedule a:hover{background: transparent url(../img/nav-schedule.gif) no-repeat top right;}

#nav-rules a:link, #nav-rules a:visited, #nav-rules a:active{ background: transparent url(../img/nav-rules.gif) no-repeat top left;}    
#nav-rules a:hover{background: transparent url(../img/nav-rules.gif) no-repeat top right;}

#nav-trackinfo a:link, #nav-trackinfo a:visited, #nav-trackinfo a:active{ background: transparent url(../img/nav-trackinfo.gif) no-repeat top left;}    
#nav-trackinfo a:hover{background: transparent url(../img/nav-trackinfo.gif) no-repeat top right;}

#nav-sponsors a:link, #nav-sponsors a:visited, #nav-sponsors a:active{ background: transparent url(../img/nav-sponsors.gif) no-repeat top left;}    
#nav-sponsors a:hover{background: transparent url(../img/nav-sponsors.gif) no-repeat top right;}

#nav-classifieds a:link, #nav-classifieds a:visited, #nav-classifieds a:active{ background: transparent url(../img/nav-classifieds.gif) no-repeat top left;}    
#nav-classifieds a:hover{background: transparent url(../img/nav-classifieds.gif) no-repeat top right;}

#nav-mylaps a:link, #nav-mylaps a:visited, #nav-mylaps a:active{ background: transparent url(../img/nav-mylaps.gif) no-repeat top left;}    
#nav-mylaps a:hover{background: transparent url(../img/nav-mylaps.gif) no-repeat top right;}

#nav-mmd a:link, #nav-mmd a:visited, #nav-mmd a:active{ background: transparent url(../img/nav-mmd.gif) no-repeat top left;}    
#nav-mmd a:hover{background: transparent url(../img/nav-mmd.gif) no-repeat top right;}

#nav-zippy a:link, #nav-zippy a:visited, #nav-zippy a:active{ background: transparent url(../img/nav-zippy.gif) no-repeat top left;}    
#nav-zippy a:hover{background: transparent url(../img/nav-zippy.gif) no-repeat top right;}

#nav-nascar a:link, #nav-nascar a:visited, #nav-nascar a:active{ background: transparent url(../img/nav-nascar.gif) no-repeat top left;}    
#nav-nascar a:hover{background: transparent url(../img/nav-nascar.gif) no-repeat top right;}

#nav-usar a:link, #nav-usar a:visited, #nav-usar a:active{ background: transparent url(../img/nav-usar.gif) no-repeat top left;}    
#nav-usar a:hover{background: transparent url(../img/nav-usar.gif) no-repeat top right;}

#nav-racersedge a:link, #nav-racersedge a:visited, #nav-racersedge a:active{ background: transparent url(../img/nav-racersedge.gif) no-repeat top left;}    
#nav-racersedge a:hover{background: transparent url(../img/nav-racersedge.gif) no-repeat top right;}


#homepage #content_area{
    width: 598px;
    height: 700px;
    margin: 0 0 0 200px;
    padding: 0;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    }

/*
The prev-next ids generally mark the araes for previous and next
links in the "announcements" and "News" <div>'s. prev/next announcements
and prev/next events are individually styled further down.

ids: #prev-next, #prev-link, #next-link
*/
#prev-next {
    width: 572px;
    height: 20px;
    margin: 3px 0 0 0;
    background: #000 url(../img/bg-prev-next.gif) repeat-x 0 0;
    }
    
#prev-link {
    display: block;
    width: 200px;
    height: 20px;
    margin: 0;
    float: left;
    }

#next-link {
    display: block;
    width: 200px;
    height: 20px;
    margin: 0;
    float: right;
    }
    
#News {
    width: 566px;
    margin: 10px 0 0 6px;
    padding: 0;
    }

#News-Items {
    width: 521px;
    height: 130px;
    padding: 8px 21px;
    overflow: hidden;
    border: 1px solid #f4a301;
    background: #000 url(../img/bg-announcement.gif) repeat-x bottom left;
    }
    
#News-Items h3{
    color: #efefef;
    text-transform: none;
    }
    
#News-Archive{
    width: 572px;
    height: 20px;
    margin: 3px 0 0 0;
    background: #000 url(../img/bg-prev-next.gif) repeat-x 0 0;
}

#arch-link {
    display: block;
    width: 200px;
    height: 20px;
    margin: 0;
    float: left;
}

#News-Archive #arch-link:link,
#News-Archive #arch-link:visited {
    background: transparent url(../img/butt-arch.gif) no-repeat 0 top;
    }
    
#News-Archive #arch-link:hover {
    display: block;
    background: transparent url(../img/butt-arch.gif) no-repeat 0 bottom;
    }
    
#News-Archive #arch-link:active {
    display: block;
    background: transparent url(../img/butt-arch.gif) no-repeat 0 center;
    }
    
*html #News-Archive #arch-link:link { background: transparent url(../img/butt-arch.gif) no-repeat 0 top; }
*html #News-Archive #arch-link:hover { background: transparent url(../img/butt-arch.gif) no-repeat 0 top; }
*html #News-Archive #arch-link:active { background: transparent url(../img/butt-arch.gif) no-repeat 0 top; }
    
/* Weather Icon - used mostly in the cancellation news object.
Could also be used in the home-schedule object to mark inclement
weather for that event.
 */
.weather-icon {
    float: left;
    width: 120px;
    padding-right: 10px;
}

#preview-items {
margin-bottom: .5em;
}

#preview-article img {
float: left;
width: 150px;
margin: 0 10px 0 0;
padding: 2px;
border: 1px solid #999;
}

.home-itinerary {
width: 100%;
padding-bottom: 7px;
border: 1px solid #666;
background: #333;
}

.home-itinerary caption {
text-align: left;
font-weight: bold;
font-size: 11px;
padding-bottom: 5px;
color: #F4A301;
}

.home-itinerary td {
padding-top: 2px;
padding-bottom: 1px;
}

*html .home-itinerary td {
padding-top: 2px;
padding-bottom: 1px;
}

.home-itinerary .event{
width: 20%;
}

.home-itinerary .time{
width: 10%;
padding-right: 10px;
text-align: right;
}

#final-results {
margin: 10px 0 0 0;
}

#final-results li{
width: 25%;
padding: 0 10px 0 0;
float: left;
}

#announcements {
    width: 566px;
    }
    
#announcements h1 {

    }

#announcement-items {
    margin: 5px;
    }

#announcement-items .cont {
		width: 521px !important;
    height: 130px !important;
    margin: 0;
    padding: 18px 21px;
    border: 1px solid #f4a301 !important;
    overflow: hidden;
    background: #000 url(../img/bg-announcement.gif) repeat-x bottom left !important;
    }
    
#announcement-items .pic{
    width: 180px;
    padding: 2px;
    border: 1px solid #999;
    }
    
#announcement-items a:hover .pic {
    padding: 2px;
    border: 1px solid #fff;
    }
    
/*
The following ids represent the previous & next links under the "Announcements" 
section of the homepage or the "announcement-items".
#prev-next - is the actual <div> where the next and previous links are contained
#next-link - is the "next link"
#prev-link - is the "previous link"

These styles use image replacement in the backgrounds so there are a lot of declarations.
In IE there are some strange errors with rollovers so the *html styles are a fix.
*/
    
#announcement-items #prev-next #prev-link:link,
#announcement-items #prev-next #prev-link:visited {
    background: transparent url(../img/prev-announcement.gif) no-repeat 0 top;
    }
    
#announcement-items #prev-next #prev-link:hover {
    display: block;
    background: transparent url(../img/prev-announcement.gif) no-repeat 0 bottom;
    }
    
#announcement-items #prev-next #prev-link:active {
    display: block;
    background: transparent url(../img/prev-announcement.gif) no-repeat 0 center;
    }
    
*html #announcement-items #prev-next #prev-link:link { background: transparent url(../img/prev-announcement.gif) no-repeat 0 top; }
*html #announcement-items #prev-next #prev-link:hover { background: transparent url(../img/prev-announcement.gif) no-repeat 0 top; }
*html #announcement-items #prev-next #prev-link:active { background: transparent url(../img/prev-announcement.gif) no-repeat 0 top; }

#announcement-items #prev-next #next-link:link,
#announcement-items #prev-next #next-link:visited {
    background: transparent url(../img/next-announcement.gif) no-repeat 0 top;
    }
    
#announcement-items #prev-next #next-link:hover {
    display: block;
    background: transparent url(../img/next-announcement.gif) no-repeat 0 bottom;
    }
    
#announcement-items #prev-next #next-link:active {
    display: block;
    background: transparent url(../img/next-announcement.gif) no-repeat 0 center;
    }
    
*html #announcement-items #prev-next #next-link:link { background: transparent url(../img/next-announcement.gif) no-repeat 0 top; }
*html #announcement-items #prev-next #next-link:hover { background: transparent url(../img/next-announcement.gif) no-repeat 0 top; }
*html #announcement-items #prev-next #next-link:active { background: transparent url(../img/next-announcement.gif) no-repeat 0 top; }

#announcement-items #prev-next #prev-link:link,
#announcement-items #prev-next #prev-link:visited {
    background: transparent url(../img/prev-announcement.gif) no-repeat 0 top;
    }
    
#announcement-items #prev-next #prev-link:hover {
    display: block;
    background: transparent url(../img/prev-announcement.gif) no-repeat 0 bottom;
    }
    
#announcement-items #prev-next #prev-link:active {
    display: block;
    background: transparent url(../img/prev-announcement.gif) no-repeat 0 center;
    }
    
*html #announcement-items #prev-next #prev-link:link { background: transparent url(../img/prev-announcement.gif) no-repeat 0 top; }
*html #announcement-items #prev-next #prev-link:hover { background: transparent url(../img/prev-announcement.gif) no-repeat 0 top; }
*html #announcement-items #prev-next #prev-link:active { background: transparent url(../img/prev-announcement.gif) no-repeat 0 top; }

#announcement-items #prev-next #next-link:link,
#announcement-items #prev-next #next-link:visited {
    background: transparent url(../img/next-announcement.gif) no-repeat 0 top;
    }
    
#announcement-items #prev-next #next-link:hover {
    display: block;
    background: transparent url(../img/next-announcement.gif) no-repeat 0 bottom;
    }
    
#announcement-items #prev-next #next-link:active {
    display: block;
    background: transparent url(../img/next-announcement.gif) no-repeat 0 center;
    }
    
*html #announcement-items #prev-next #next-link:link { background: transparent url(../img/next-announcement.gif) no-repeat 0 top; }
*html #announcement-items #prev-next #next-link:hover { background: transparent url(../img/next-announcement.gif) no-repeat 0 top; }
*html #announcement-items #prev-next #next-link:active { background: transparent url(../img/next-announcement.gif) no-repeat 0 top; }
    
#home-schedule {
    margin: 0;
    }

#home-schedule #dates {
    width: 566px;
    margin: 0 0 0 6px;
    padding: 0;
    }

#home-schedule .cont{
    width: 521px !important;
    height: 130px !important;
    margin: 0;
    padding: 18px 21px;
    overflow: hidden;
    border: 1px solid #f4a301 !important;
    background: #000 url(../img/bg-announcement.gif) repeat-x bottom left !important;
    }
    
/* Keep-in-mind: .sponsors can be a table or an unordered list */
#News .sponsors,
#home-schedule .cont .sponsors {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    }

#News .sponsors li,    
#home-schedule .cont .sponsors li {
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    list-style: none;
    }
    
#home-schedule .cont table.sponsors {
    width: 36%;
    }

#home-schedule .cont .sponsors td {
    text-align: center;
    }

#News .sponsors .division-sponsor,
#home-schedule .cont .sponsors .division-sponsor {
    width: 70px;
    padding: 2px;
    border: 1px solid #666;
    }

#News .sponsors .event-sponsor,    
#home-schedule .cont .sponsors .event-sponsor {
    width: 120px;
    padding: 2px;
    border: 1px solid #666;
    }

/*
The following ids represent the previous & next links under the Upcoming Events 
section of the homepage or the "home-schedule".
#prev-next - is the actual <div> where the next and previous links are contained
#next-link - is the "next link"
#prev-link - is the "previous link"

These styles use image replacement in the backgrounds so there are a lot of declarations.
In IE there are some strange errors with rollovers so the *html styles are a fix.
*/
#home-schedule #prev-next #next-link:link,
#home-schedule #prev-next #next-link:visited {
    background: transparent url(../img/next-event.gif) no-repeat 0 top;
    }
    
#home-schedule #prev-next #next-link:hover {
    display: block;
    background: transparent url(../img/next-event.gif) no-repeat 0 bottom;
    }
    
#home-schedule #prev-next #next-link:active {
    display: block;
    background: transparent url(../img/next-event.gif) no-repeat 0 center;
    }

*html #home-schedule #prev-next #next-link:link { background: transparent url(../img/next-event.gif) no-repeat 0 top; }
*html #home-schedule #prev-next #next-link:hover { background: transparent url(../img/next-event.gif) no-repeat 0 top; }
*html #home-schedule #prev-next #next-link:active { background: transparent url(../img/next-event.gif) no-repeat 0 top; }

#home-schedule #prev-next #prev-link:link,
#home-schedule #prev-next #prev-link:visited {
    background: transparent url(../img/prev-event.gif) no-repeat 0 top;
    }
    
#home-schedule #prev-next #prev-link:hover {
    display: block;
    background: transparent url(../img/prev-event.gif) no-repeat 0 bottom;
    }
    
#home-schedule #prev-next #next-prev:active {
    display: block;
    background: transparent url(../img/prev-event.gif) no-repeat 0 center;
    }

*html #home-schedule #prev-next #prev-link:link { background: transparent url(../img/prev-event.gif) no-repeat 0 top; }
*html #home-schedule #prev-next #prev-link:hover { background: transparent url(../img/prev-event.gif) no-repeat 0 top; }
*html #home-schedule #prev-next #prev-link:active { background: transparent url(../img/prev-event.gif) no-repeat 0 top; }

#homepage #footer{
    margin: 5px 0;
    padding: 0;
    }
    
#footer ul {
    float: right;
    margin: 0;
    padding: 0;
    }

#footer li{
    float: right;
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
    }
        
#footer img{
    top: 50%;
    border: 0;
    }
    
#footer p{
    margin: 0;
    padding: 0;
    text-align: right;
    }
    
/* hide from MacIE \*/
* html #homepage #nav {
	margin-right: -3px;
	}
* html #homepage #content_area {
	margin-left: 0;
	}
/* end hide */

/* #wrap - is the universal style to contain the entire "content-area" of
a specific section of MotorMileSpeedway.com. Inside it, it usually
(but not always) contains the #main id.
----------------------------------------------- */
#wrap {
    width: 548px;
    margin: 0 0 20px 22px !important;
    padding: 0 0 30px 0;
    border-left: 1px #999 solid;
    background: transparent url(http://www.motormilespeedway.com/img/bg.gif) no-repeat right bottom;
    }

/* #main - contains the "main content" of a specific section of the website.
For example, in schedule.html, the <div id="main"></main> would contain
the schedule.
----------------------------------------------- */
#main {
    margin: 0;
    padding: 8px 21px;
    border-top: 1px #999 solid;
    border-right: 1px #999 solid;

    }

/* 
mylaps is the tracker that racers use to keep track of their laps and times... It is
an external site, so it has to be styled a little bit differently (to their own specifications)
*/
#mylaps {
    margin: 30px 0 0 0;
    }
    
#mylaps #wrap {
    width: 649px;
    margin: 0 0 0 22px;
    padding: 0 0 30px 0;
    background: #000 url(../img/bg.gif) no-repeat right bottom;
    }
    
#mylaps #main {
    }
    
/* This hack cures the ever-so-annoying peekaboo bug in I.E.
    
/* Hide from IE-mac \*/
* html .hollyhack { height: 1%; }
/* end IE-mac hide */

/* Newsfeed Styles (Blogger.com)
/* The following styles are for the newsfeed on Blogger.com
----------------------------------------------- */

/* Blogger Posts 
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    font-size: 10px;
    color: #999;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #444;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:110%;
  line-height:1.4em;
  color:#F4A301;
  }
.post-title a {
  text-decoration:none;
  color:#ad9;
  }
.post-title a:hover {
  color:#fff;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.post-footer .blog-home {
    margin: 0;
    padding: 0;
    }
.comment-link {
  margin-left:.6em;
  }
.post img {
  float: left;
  margin: 10px 10px 10px 0;
  padding:4px;
  border:1px solid #F4A301;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
  
.article-standing, .article-qualifier {
float: left;
width: 40%;
margin: 0 0 0 10px;
}

/* Blogger Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  } 
.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* Blogger Sidebar Content
----------------------------------------------- */
/* NOTE: The Blogger Sidebar is not actually on 
the side, it is on the top and bottom of the 
main content. It contains montly archive links
and recent links.
----------------------------------------------- */
#sidebar ul {
  margin:0;
  padding:0;
  font-size: 10px;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0;
  }
#sidebar p {
  color:#999;
  letter-spacing: 1px;
  }
  
#sidebar a:link,
#sidebar a:visited {
    display: block;
    width: 180px;
    margin: 5px 0;
    padding: 4px 11px;
    }
#sidebar a:hover {
    margin: 5px 0;
    padding: 3px 10px;
    text-decoration: none;
    border: 1px solid #999;
    background: #333;
    }
#sidebar a:active {
    text-decoration: none;
    border: 1px solid #999;
    background: #666;
    }
#sidebar table {
    width:505px;
    margin: 0;
    }
#sidebar td {
    padding: 5px 20px;
    vertical-align: top;
    }
#sidebar .sidebar-title {
    padding: 0 10px;
    }
#sidebar #left-column {
    border-right: 1px solid #999;
    }

/* Ticket Prices
Associated with: tickets.html
----------------------------------------------- */
#group-tickets {
    margin: 0;
    padding: 10px;
    border: 1px solid #999  ;
    background: #000 url(../img/bg-group-tix.gif) bottom left repeat-x;
    }
    
#group-tickets img{
    float: left;
    padding: 5px;
    }
    
.ticket-events {
    float: left;
    width: 45%;
    padding: 1% 2%;
    text-align: center;
    }
    
.ticket-events .event-pic{
    border: 1px solid #999;
    }

/* These styles are for the smalltracker website.
smalltracker keeps track of the results of this seasons'
races, driver profiles, and point tallies
----------------------------------------------- */

/* Drivers Styles (for Smalltracker)
Associated with: http://www.smalltracker.com/ST/MotorMile/MMDrivers2007.aspx
----------------------------------------------- */
#driverdiv {
    width: 100%;
    }

#driverdiv td{
    border-bottom: 1px solid #999;
    }

.driverlist {
    width: 70%;
    margin: 0;
    padding: 0;
    font-size: 100%;
    border: none 0;
    }

.driverlist caption{
    width: 100%;
    margin: 5px 0;
    padding: 0;
    font-family:"Arial",Verdana,Sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform:uppercase;
    text-align: left;
    color:#F4A301;
    }
    
.driverlist caption p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-transform:none;
    color: #999;
    }

.driverlist th{
    margin: 0;
    padding: 5px 0;
    font-weight: bold;
    border-bottom: 1px solid #999;
    }

.driverlist td{
    border-bottom: 1px solid #999;
    }
    
.driverlist .name {
    width: 90%;
    margin: 0;
    padding: 5px 0 2px 0;
    text-align: left;
    }
    
.driverlist .number {
    width: 10%;
    margin: 0;
    padding: 5px 0 2px 0;
    text-align: center;
    }
    
#driverprofile {
    width: 100%;
    }

#driverprofile dt{
    margin: 0;
    padding: 0;
    }
    
#driverprofile dd{
    margin: 0 0 5px 0;
    padding: 0;
    }
    
#stats {
    width: 100%;
    margin: 10px 0;
    padding: 0;
    border: 1px solid #999;
    }
#stats dt{
    margin: 0;
    padding: 0 5px;
    line-height: 1.5;
    color: #fff;
    border-bottom: 1px solid #999;
    background: #333;
    }
#stats dd{
    margin: 0;
    padding: 0 5px;
    line-height: 1.5em;
    }
    
#imgPicOne {
    width: 100%;
    margin: 0;
    padding: 0;
    }
    
/* Race Results Styles (for Smalltracker)
Associated with: http://www.smalltracker.com/ST/MotorMile/MMRaces2007.aspx
----------------------------------------------- */
.racelist li{
    margin: 0 0 0 10px
    padding: 5px 0;
    line-height: 1.5em;
    letter-spacing: 1px;
    list-style: none;
    }
    
.racelist a:link {
  color:#06f;
  text-decoration:none;
  }
.racelist a:visited {
  color:#06f;
  text-decoration:none;
  }
.racelist a:hover {
  color:#0ff;
  text-decoration:underline;
  }
  
.raceresults {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 100%;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    }

.raceresults caption{
    width: 100%;
    margin: 5px 0;
    padding: 0;
    font-family:"Arial",Verdana,Sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform:uppercase;
    text-align: left;
    color:#F4A301;
    }
    
.raceresults caption p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-transform:none;
    color: #999;
    }

.raceresults th{
    margin: 0;
    padding: 5px 0;
    font-weight: bold;
    vertical-align: bottom;
    border-bottom: 1px solid #999;
    background: #333;
    }
    
.raceresults td{
    border-bottom: 1px solid #999;
    }
    
.raceresults .finishing {
    width: 20%;
    margin: 0;
    padding: 5px 0 2px 10px;
    font-weight: bold;
    text-align: left;
    }
    
.raceresults .name {
    width: 45%;
    margin: 0;
    padding: 5px 0 2px 10px;
    text-align: left;
    }
    
.raceresults .number {
    width: 15%;
    margin: 0;
    padding: 5px 0 2px 0;
    text-align: center;
    }
    
.raceresults .qualifying {
    width: 20%;
    margin: 0;
    padding: 5px 5px 2px 0;
    text-align: right;
    }
    
/* Point Standings Styles (for Smalltracker)
Associated with: www.smalltracker.com/ST/MotorMile/MMPoints2007.aspx
----------------------------------------------- */
.racelist li{
    margin: 0 0 0 10px
    padding: 5px 0;
    line-height: 1.5em;
    letter-spacing: 1px;
    list-style: none;
    }
    
.racelist a:link {
  color:#06f;
  text-decoration:none;
  }
.racelist a:visited {
  color:#06f;
  text-decoration:none;
  }
.racelist a:hover {
  color:#0ff;
  text-decoration:underline;
  }
  
.pointstandings {
    width: 100%;
    margin: 20px 0;
    padding: 0;
    font-size: 100%;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    }

.pointstandings caption{
    width: 100%;
    margin: 0;
    padding: 0;
    font-family:"Arial",Verdana,Sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform:uppercase;
    text-align: left;
    color:#F4A301;
    }
    
.pointstandings caption p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-transform:none;
    color: #999;
    }

.pointstandings th{
    margin: 0;
    padding: 5px 0;
    font-weight: bold;
    vertical-align: bottom;
    border-bottom: 1px solid #999;
    background: #333;
    }

.pointstandings td{
    border-bottom: 1px solid #999;
    }
    
.pointstandings .position_num {
    width: 20%;
    margin: 0;
    padding: 5px 0 2px 5px;
    font-weight: bold;
    text-align: left;
    }
    
.pointstandings .name {
    width: 40%;
    margin: 0;
    padding: 5px 0 2px 0;
    text-align: left;
    }
    
.pointstandings .points {
    width: 15%;
    margin: 0;
    padding: 5px 0 2px 0;
    text-align: center;
    }
    
.pointstandings .ptsfromleader {
    width: 25%;
    margin: 0;
    padding: 5px 5px 2px 0;
    text-align: right;
    }

/* Rulebook Styles
Associated with: rules.html
----------------------------------------------- */

#rules-navi li {
    float: left;
    width: 30%;
    list-style: none;
    }

/* #addendums - contains any additions to the 
rulebook that were not in the original rulebook.
*/
#addendums {
    margin: 0;
    padding: 0;
    
    }
    
#addendums dt{
    text-transform: none;
    }
    
#addendums dd{
    padding: 0 10px;
    }
    
/* Track Info Styles
Associated with: trackinfo.html
----------------------------------------------- */

/* #google_map contains the link to the google maps
location of Motor Mile Speedway.
*/
#google_map,
#google_map:visited,
#google_map:active {
    display: block;
    width: 210px;
    height: 75px;
    margin: 0 auto;
    padding: 0 10px 0 190px;
    color: #F4A301;
    text-decoration: none;
    border: 1px solid #999;
    background: url(../img/google_loc.jpg) no-repeat 0 50%;
    }
    
#google_map:hover {
    border: 1px solid #fff;
    }
    
#google_map img {
    border: 0 none;
    }    
    
/* Schedule Styles
Associated with: schedule.html
----------------------------------------------- */
#schedule {
    width: 100%;
    margin: 0 0 1.5em 0;
    padding: 0;
    color: #fff;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    }
#schedule th {
    margin: 0;
    padding: 7px 4px 4px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #999;
    border-right: 1px solid #333;
    background: #333;
    }
#schedule td {
    padding: 7px 0;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    }
#schedule .pastevent {
    color: #666;
    }
    
#schedule .currevent {
    color: #F4A301;
    }
/* event represents the special events column at the end of the table */
#schedule #event {
    width: 35%;
    padding: 7px 4px 4px;
    border-right: 1px solid #999;
    }

/* month represents the special events column at the beginning of the table */    
#schedule #month {
    width: 15%;
    padding: 7px 4px 4px;
    border-right: 1px solid #999;
    }
    
/* Sponsor Styles
Associated with: sponsors.html
----------------------------------------------- */
.sponsor {
    margin: 20px 0;
    padding: 0;
    }
    
.sponsor dt {
    margin: 10px 0;
    padding: 0;
    text-align: center;
    }
    
.sponsor dd {
    margin: 0;
    padding: 0;
    }
    /* 212 */
.sponsor img {
    width: 150px;
    margin: 0;
    padding: 15px 40px;
    border: 1px solid #333;
    }
    
.sponsor a:link,
.sponsor a:visited,
.sponsor a:hover,
.sponsor a:active {display:block;}
    
.sponsor a:link img,    
.sponsor a:visited img {}

.sponsor a:hover img,
.sponsor a:active img {
    margin: 0;
    padding: 15px 40px;
    width: 150px;
    border: 1px solid #999;
    }
    
/* Media Styles
Associated with: media.html
----------------------------------------------- */
.medialist ul {
    float: left;
    width: 32%;
    margin: 2px;
    list-style: none;
    }
    
.medialist li {
    margin: 0 0 10px 0;
    padding: 0;
    }
    
.medialist h4 {
    font-weight: normal;
    font-style: italic;
    }

/* sIFR styles (allows headers to be displayed as a custom typeface)
----------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	z-index: 70;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
    visibility: hidden;
	height: 26px;
    margin: 0 0 4px 0;
	letter-spacing: -1px;
	font-size: 22px;
}

.sIFR-hasFlash h2 {
    visibility: hidden;
	height: 26px;
    margin: 0 0 4px 0;
    letter-spacing: -1px;
	font-size: 22px;
}