/* TOC --------------------------------------- 1 - Global Reset 2 - HTML / Body 3 - Typography & Headings 4 - Navigation 5 - Layout Elements 6 - Accessibility Features 7 - General Styles */ /* 1 - Global Reset ---------------------------------------------------------------------------------------------------------------*/ #content h2 a,#content .archived-stories li a{background: none;} body * {margin:0; padding:0;} img {border:0;} /* 2 - HTML / Body ---------------------------------------------------------------------------------------------------------------*/ body{text-align:center; font-size:62.5%; font-family:Arial, Helvetica, sans-serif/*Verdana, Arial, Helvetica, sans-serif*/; color:#fff; background-color:#000; padding:0; margin:0} /** 62.5% defaults all text size to 10px **/ /* 3 - Typography & Headings ---------------------------------------------------------------------------------------------------------------*/ /** Paragraphs **/ p {line-height:1.3em; letter-spacing:0.05em} /** Heading level 1 **/ #content h1 {font-size:1.2em; margin-bottom:10px; letter-spacing:0.05em} h2 {} h3 {} h4 {font-size:1em;} h5 {} h6 {} /* 4 - Navigation ---------------------------------------------------------------------------------------------------------------*/ #branding {} /** Primary Navigation **/ #nav-primary-container {background-color:#6A6A6C; padding:4px 0; width:430px; font-size:1.0em; float:left;} #nav-primary {list-style-type:none; float:right; font-size:1.1em; padding:0 5px 0 0} #nav-primary li {display:inline; letter-spacing:0.1em} #nav-primary li a {float:left; display:block; margin:0 0 0 12px;} #nav-primary li a:hover {} #nav-primary li.active {font-weight:bold; float:left; margin:0; letter-spacing:0.1em} /** Secondary Navigation **/ #nav-secondary-container {width:430px; text-align:right; margin:10px 0; background: #000 url(../img/gradient.jpg) repeat-y top right;} #nav-secondary {list-style-type:none; padding:2px 2px 2px 0; font-size:1.1em;} #nav-secondary li {display:inline; letter-spacing:0.1em} #nav-secondary li a {margin:0 0 0 4px;} #nav-secondary li.active {font-weight:bold; margin:0 0 0 4px;} /** Link Styles **/ a {text-decoration:none; color:#fff} a:hover {text-decoration:underline} /* 5 - Layout Elements ---------------------------------------------------------------------------------------------------------------*/ /* Main Structure */ #site-container {width:770px; position:relative; margin:20px auto 0 auto; text-align:left } #container {position:relative; width:770px} #main-content {float:left; width:430px; font-size:1.0em; } #secondary-content {float:left; width:340px; margin-bottom:80px; font-size:1.0em} #main-content #content-container {width:300px; float:right;} /* Content Structure */ #content-top-border {background: #000 url(../img/window-content-top.gif) no-repeat top left; height:35px; overflow:hidden; width:300px} #content-bot-border {background: #000 url(../img/window-content-bot.gif) no-repeat top left; height:35px; overflow:hidden; width:300px} #content-background {background: #000 url(../img/window-content-mid.gif) repeat-y top left; overflow:hidden; font-size:1.1em; width:300px;} #content {width:250px; margin-left:25px; line-height: 1.4em; min-height:230px} * html #content {height:230px;} #content p {margin-bottom:10px} #content h2 {font-size:1.1em} #signature {width:300px; text-align:right} /* ----------------------------- Image Window & Rollover --------------------------------*/ #gallery {position:relative; width:320px; height:300px; margin-top:-2px; overflow:hidden} #slideshow {position:absolute; top:0px; left:20px} #window {position:absolute; top:0; left:0} #swap {position:absolute; top:0; left:0} #biog_title {margin:0 0 0 16px} /* ----------------------------- Marquee --------------------------------*/ #ticker-area{ background-color:#6a6a6c; padding: 0px 0; margin: 20px 10px; font-size: 1.5em; font-weight: normal; } /* Static */ #static-marquee {list-style-type:none; width:335px; margin:50px 0 0 5px background-color:#6a6a6c} #static-marquee li { padding-left:20px;} /* Dynamic */ #marquee-container {width:335px; overflow:hidden; background-color:#6a6a6c; margin:80px 0 0 5px} #ticker {width:4180px; font-size:1.0em; position:relative; color:#FFFFFF;} #ticker li {display:inline} #ticker li img {display:inline; float:left; padding:0 10px; color:#fff} #ticker li a {float:left; display:block; text-decoration:none; color:#fff} #ticker li a:hover {text-decoration:underline;} /* ----------------------------- Footer --------------------------------*/ #siteinfo {} /* ----------------------------- Individual Sections -------------------------------------*/ /* ----------------------------- Splash page --------------------------------*/ #flash-container {text-align:right; margin:0 20px 0 0; padding:20px 0 0 0} #skipintro {text-align:right} .enter {position:absolute; left:50%; margin-top:25%} /* ----------------------------- Biography --------------------------------*/ #event {text-align:right; float:left; font-size:1.0em; font-weight:normal; width:320px} .biog {margin-bottom:10px; list-style-type:none} .biog li {margin-bottom:10px} .calander-link {} #cal {margin-top:20px; font-weight:normal; font-size:12px;} #cal tr th {width:5%; background-color:#535353; font-size:1.2em; border:solid 1px #fff; padding:3px;} #cal tr td {margin:5px; padding:5px; border:solid 1px #fff} #cal .highlight td {background-color:#6A6A6C; margin:5px; padding:5px; border:solid 1px #fff} #cal a {font-size:12px; font-weight:normal;} #popup-table {margin:0 auto; width:400px} /* ----------------------------- News --------------------------------*/ .active{font-weight:bold;} #main-headline {font-size:1.2em; margin-bottom:5px} #secondary-headline, .secondary-headline {margin-bottom:15px} #partner #main-headline {font-size:1.5em} .archived-stories {list-style-type:none} .archived-stories li {margin-bottom:10px} .news-image {margin-bottom:15px} .news-entry li {margin-left:15px;} .mm-stories {list-style-type:none; margin:10px 0 0 25px} .mm-stories li {margin-bottom:10px} * html .mm-stories li {margin-bottom:0} #web-gallery {list-style-type:none;} #web-gallery li {float:left; width:120px; height:134px; margin-bottom:10px; text-align:center; } #web-gallery li.l {margin-right:10px;} #web-gallery li a {border:solid 1px #fff; display:block; padding:10px 0} #web-gallery li a:hover {background-color:#000} /* ----------------------------- Car Spec --------------------------------*/ #content #spec, #content #spec1 {margin-bottom:20px} #content #spec dt, #content #spec1 dt {float:left; font-weight:bold; width:50%} #content #spec dd, #content #spec1 dd {float:left; width:50%} #content #ani {margin-top:10px; list-style-type:none; margin-bottom:20px} /* ----------------------------- Results --------------------------------*/ #result-docs {list-style-type:none; margin-bottom:20px; line-height:1.3em; letter-spacing:0.05em} #result-docs li {margin-bottom:10px; background-image:url(../img/pdficon-small.gif); background-repeat:no-repeat; background-position:left top; padding-left:30px} /*#resultstable th, #resultstable td {padding:5px;} #resultstable .cent {text-align:center}*/ .race-results-container {width:250px; background-color:#6A6A6C; border-bottom:solid 1px #fff} .race-results-container-alt {width:250px; background-color:transparent; border-bottom:solid 1px #fff} .race-results {margin:0 0 0 10px; width:230px; padding:10px 0} .race-results dt {float:left; width:35%; font-weight:bold} .race-results dd {float:left; width:55%} .race-results a {float:left} .gpshedule {width:250px; margin:5px 0 0 0} ol.gpshedule {margin-bottom:5px} ol.gpshedule li {list-style-type:decimal; margin-left:25px;} .gpshedule dt {float:left; width:35%; font-weight:bold} .gpshedule dd {float:left; width:55%} .gpshedule a {float:left} .gpshedule li {list-style-type:none; margin-left:10px} /*.showup {}*/ /*#resultstable {font-size:1.0em; width:250px} #resultstable th a {display:block} #resultstable thead tr th {padding-left:3px} #resultstable thead tr th, #resultstable thead tr td {background-color:#3F3F3F; text-align:left;} #resultstable tbody tr th {background-color:#535353; border-bottom:solid 1px #fff; padding-left:3px; width:70px; padding-right:5px } #resultstable tbody tr td {margin:5px; padding:5px; border-bottom:solid 1px #fff} #resultstable .highlight td, #resultstable .highlight th {background-color:#6A6A6C;border-bottom:solid 1px #fff} #resultstable tbody th {text-align:left}*/ .conway-position td {font-size:1.3em; font-weight:bold} /* ----------------------------- Meet the team --------------------------------*/ .theteam h2 {} .theteam-photo{margin-bottom:20px} #adobe-statement img {float:left; margin-right:10px} #adobe-links li {list-style-type:none} #teamlogo {float:right; margin-bottom:10px; margin-right:1px; width:150px; margin-left:10px} #teamtitles {margin-right:150px} /* ----------------------------- Sponsors --------------------------------*/ #sponsors {list-style-type:none; margin-top:15px} #sponsors li {margin-bottom:20px; text-align:center} #sponsor-benefits {list-style-type:none} #sponsor-benefits li {margin-bottom:10px} .photo-desc {} /* ----------------------------- Gallery --------------------------------*/ #thumb-gallery {list-style-type:none;} #thumb-gallery li {float:left; width:120px; height:87px; margin-bottom:10px; text-align:center; } #thumb-gallery li.l {margin-right:10px;} #thumb-gallery li a {border:solid 1px #fff; display:block; padding:10px 0} #thumb-gallery li a:hover {background-color:#000} #fav-thumb-gallery {list-style-type:none;} #fav-thumb-gallery li {float:left; width:120px; height:87px; margin-bottom:10px; text-align:center; } #fav-thumb-gallery li.l {margin-right:10px;} #fav-thumb-gallery li a {border:solid 1px #fff; display:block; padding:10px 0} #fav-thumb-gallery li a:hover {background-color:#000} #fav-thumb-new {list-style-type:none;} #fav-thumb-new li {border:solid 1px #fff; float:left; margin-bottom:10px; text-align:center; padding:10px; list-style:none;} #fav-thumb-new li {margin-right:10px;} #fav-thumb-new li a { display:block; width:80px; height:80px; overflow:hidden; background:none;} #fav-thumb-new li:hover {background-color:#000} /* ----------------------------- Popup --------------------------------*/ #popup-window {background-color:#000000; text-align:center; margin-top:20px} #link-navigation {font-size:1.2em; font-weight:bold; margin-top:20px} #link-navigation p {margin-top:-10px; margin-bottom:5px} #link-navigation a.prev {position:absolute; left:40px} #link-navigation a.next {position:absolute; right:40px} span.prev {font-weight:normal; position:absolute; left:40px; color:#535353} span.next {font-weight:normal; position:absolute; right:40px; color:#535353} #web-pop {background-color:#000000; text-align:center; margin:10px auto;} #web-pop #section {margin:20px;} #web-pop #section span {margin:0 10px; padding:0 10px} #results-list {list-style-type:none} #results-list li {} /* 6 - Accessibility Features ---------------------------------------------------------------------------------------------------------------*/ #accessibility {position:absolute; top:-50px; left: -50px; } /* 7 - General Styles ---------------------------------------------------------------------------------------------------------------*/ /* Clearing Styles */ .clearleft{clear:left; height:0px; font-size:1px; line-height:0px;} .clearright{clear:right; height:0px; font-size:1px; line-height:0px} .clearboth{clear:both; height:0px; font-size:1px; line-height:0px} /* CSS clearing */ .clearing:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;} .clearing {display: inline-table;} /* Hides from IE-mac \*/ * html .clearing {height: 1%;} .clearing {display: block;} /* End hide from IE-mac */ /** Hide stuff */ .hide {display:none} /** Links **/ a {color:#fff;} #content a {font-weight:bold} /* Add to links */ #content a{padding:0 10px 0 0; background:url(../img/chevron.gif) transparent center right no-repeat} #thumb-gallery a, #web-gallery a, #sponsors a, #partner #main-headline a, #fav-thumb-gallery a {padding:0; background-image:none} .img-column { float: left; width: 250px; padding: 10px 0px 10px 0px; text-align: center; overflow:hidden; display:block; } .img-column img { margin:5px 0 10px; } /* Spacer is used when the page has no secondary nav */ /* use this if client wants secondary nav to be 1.0em #spacer div {margin:13px 0; float:right;} * html #spacer div{margin:12px 0}**/ #spacer div {margin:13px 0 14px 0; float:right;} * html #spacer div{margin:12px 0 13px 0} #mention {positon:absolute; bottom:0; padding-top:20px; text-align:center;} .sec-head {padding-left:12px; background:url(../img/open-arrow.gif) 0 5px transparent no-repeat} .standout {color:#FF0000; font-weight:bold} /* Set table text size for IE */ table {} /*#resultstable th, #resultstable td {font-size:0.7em; voice-family: "\"}\""; voice-family:inherit; font-size:0.7em;} /*#resultstable thead th, #resultstable thead td, #resultstable tbody th, #resultstable tbody td {font-size:1.2em; voice-family: "\"}\""; voice-family:inherit; font-size:0.7em; }*/ #resultstable th{}/** Break out BMH **/ .contactlogo {border-bottom:solid 1px #fff; padding-bottom:20px; margin-bottom:20px} #smalltable {width:250px;} #smalltable tr, #smalltable td {border-bottom:solid 1px #fff; padding:3px; text-align:center}