/* BASICS */ /* ---------------------------------------------------------------------------------------------------------- */ * {margin: 0; padding: 0} body {background: #080400 url(../images/backgroundSite.jpg) repeat-y top center; font-family: Trebuchet MS, Arial, sans-serif; font-size: 62.5%} img {display: block} a img {border: 0} ul {list-style-type: none} h1, h2, h3, h4 {font-weight: normal} a {color: #99804c; text-decoration: none} a:hover {color: #99804c; text-decoration: underline} .clear {clear: both} .left {float: left} .right {float: right} :focus {outline: 0} /* no more dots around links in firefox */ /* STRUCTURE */ /* ---------------------------------------------------------------------------------------------------------- */ #wrapBackground {background: #080400 url(../images/backgroundSite-main.jpg) no-repeat top center; overflow: hidden} #wrapHome {width: 900px; margin: 0 auto; padding: 0 0 80px 0; overflow: hidden} /* HOMEPAGE */ #contentHomepage {width: 810px; padding: 5px 45px 40px 45px; background: transparent url(../images/backgroundContent-homepage.jpg) no-repeat top center; overflow: hidden} #contentHomepage-left {height: 313px; width: 489px; margin: 0 0 40px 0; float: left} #contentHomepage-right {height: 303px; width: 307px; margin: 0 0 40px 0; padding: 5px 0 0 0; float: right} #contentHomepage-right p#subtitle {margin: 8px 0; color: #ffffff; font-size: 1.2em; font-weight: bold} #contentHomepage-right p {color: #ffffff; font-size: 1.1em; line-height: 1.4em} #contentHomepage-right img#imgA {margin: 3px 15px 0 0; float: left} #contentHomepage-right img#imgB {margin: 8px 0 0 0} #contentHomepage-right p#videosP {margin: 5px 0 0 0; font-size: 1.2em; line-height: 1.3em} #dots {height: 32px; background: transparent url(../images/dots.gif) repeat-x left center} /* SUBPAGE */ #contentSubpage {width: 790px; padding: 5px 55px 30px 55px; background: transparent url(../images/backgroundContent-subpage.jpg) no-repeat top center; overflow: hidden} #contentSubpage img#a {margin: 0 5px 0 30px; float: right} #contentSubpage img#b {margin: 10px 0 15px 0} #contentSubpage img.c {margin: 50px 0 10px 0} #contentSubpage p {font-size: 1.2em; line-height: 1.5em; color: #ffffff} #contentSubpage p#newsTitle {margin: 10px 0 15px 0; font-size: 1.8em; line-height: 1.4em} #contentSubpage ul.raceSchedule {margin: 0 0 40px 0} #contentSubpage ul.raceSchedule li.light {height: 30px; background: #665747; overflow: hidden} #contentSubpage ul.raceSchedule li.dark {height: 30px} ul.raceSchedule p {margin: 6px 0 0 0; float: left} ul.raceSchedule p.date {width: 176px; margin: 6px 0 0 20px} ul.raceSchedule p.venue {width: 278px} ul.raceSchedule p.finishJeff {width: 160px} a.bannerLink {width: 516px; margin: 0 auto; clear: both; display: block} a.bannerLink-down {width: 516px; margin: 30px auto 0 auto; clear: both; display: block} #wrapSub-panels {height: 157px; width: 847px; margin: 0 auto; overflow: hidden} #subPanel-a {height: 157px; width: 271px; background: transparent url(../images/backgroundSub-panel-a.jpg) no-repeat top left; float: left} #subPanel-b {height: 157px; width: 288px; margin: 0 0 0 10px; background: transparent url(../images/backgroundSub-panel-b.jpg) no-repeat top left; float: left} #subPanel-c {height: 157px; width: 271px; margin: 0 0 0 7px; background: transparent url(../images/backgroundSub-panel-c.jpg) no-repeat top left; float: left} #subPanel-a p, #subPanel-b p, #subPanel-c p {padding: 0 15px 0 0; font-size: 1.1em; line-height: 1.4em} /* NAVIGATION */ /* ---------------------------------------------------------------------------------------------------------- */ /* HOMEPAGE */ #navigationHome {height: 61px; width: 900px; background: transparent url(../images/backgroundNav-homepage.jpg) no-repeat top center} ul#navigationList-home {height: 61px; width: 700px; margin: 0 auto} ul#navigationList-home li span {display: none} ul#navigationList-home li {height: 61px; float: left; display: inline} ul#navigationList-home li a {height: 61px; display: block} ul#navigationList-home li#schedule a {height: 61px; width: 69px; margin: 0 0 0 170px} ul#navigationList-home li#schedule a:hover {background: transparent url(../images/navSchedule-hover-homepage.jpg) no-repeat top left} ul#navigationList-home li#fanzone a {height: 61px; width: 66px; margin: 0 0 0 27px} ul#navigationList-home li#fanzone a:hover {background: transparent url(../images/navFanzone-hover-homepage.jpg) no-repeat top left} ul#navigationList-home li#news a {height: 61px; width: 107px; margin: 0 0 0 27px} ul#navigationList-home li#news a:hover {background: transparent url(../images/navNews-hover-homepage.jpg) no-repeat top left} ul#navigationList-home li#shop a {height: 61px; width: 38px; margin: 0 0 0 27px} ul#navigationList-home li#shop a:hover {background: transparent url(../images/navShop-hover-homepage.jpg) no-repeat top left} /* SUBPAGE */ #navigationSub {height: 61px; width: 900px; background: transparent url(../images/backgroundNav-subpage.jpg) no-repeat top center} /* FANZONE */ /* ---------------------------------------------------------------------------------------------------------- */ ul#navigationFanzone {height: 27px; width: 790px; margin: 20px 0 0 0; background: transparent url(../images/backgroundNav-fanzone.jpg) no-repeat top left} ul#navigationFanzone li span {display: none} ul#navigationFanzone li {height: 27px; float: left; display: inline} ul#navigationFanzone li a {height: 27px; width: 94px; display: block} ul#navigationFanzone li#photos a {margin: 0 0 0 156px} ul#navigationFanzone li#photos a:hover {background: transparent url(../images/backgroundNav-fanzone-hover.jpg) no-repeat 0 0} ul#navigationFanzone li#videos a {margin: 0 0 0 2px} ul#navigationFanzone li#videos a:hover {background: transparent url(../images/backgroundNav-fanzone-hover.jpg) no-repeat -96px 0} ul#navigationFanzone li#profiles a {margin: 0 0 0 2px} ul#navigationFanzone li#profiles a:hover {background: transparent url(../images/backgroundNav-fanzone-hover.jpg) no-repeat -192px 0} ul#navigationFanzone li#downloads a {margin: 0 0 0 2px} ul#navigationFanzone li#downloads a:hover {background: transparent url(../images/backgroundNav-fanzone-hover.jpg) no-repeat -288px 0} ul#navigationFanzone li#signup a {margin: 0 0 0 2px} ul#navigationFanzone li#signup a:hover {background: transparent url(../images/backgroundNav-fanzone-hover.jpg) no-repeat -384px 0} #panelPhotos {height: 178px; width: 386px; margin: 26px 0 0 0; background: transparent url(../images/backgroundFanzone-photos.jpg) no-repeat top left; float: left} #panelVideos {height: 178px; width: 386px; margin: 26px 0 0 0; background: transparent url(../images/backgroundFanzone-videos.jpg) no-repeat top left; float: right} #panelProfiles {height: 178px; width: 386px; margin: 21px 0 40px 0; background: transparent url(../images/backgroundFanzone-profiles.jpg) no-repeat top left; float: left; clear: both} #panelDownloads {height: 178px; width: 386px; margin: 21px 0 40px 0; background: transparent url(../images/backgroundFanzone-downloads.jpg) no-repeat top left; float: right} #panelPhotos .left, #panelProfiles .left {margin: 18px 14px 0 18px} #panelVideos .left, #panelDownloads .left {margin: 18px 14px 0 19px} #panelPhotos .fanzoneTitle, #panelVideos .fanzoneTitle, #panelProfiles .fanzoneTitle, #panelDownloads .fanzoneTitle {margin: 28px 0 13px 0} #panelPhotos p, #panelVideos p, #panelProfiles p, #panelDownloads p {margin: 0 15px 0 0; font-size: 1.2em; line-height: 1.4em} #panelPhotos a, #panelVideos a, #panelProfiles a, #panelDownloads a {color: #ffffff} /* FANZONE PHOTOS */ /* ---------------------------------------------------------------------------------------------------------- */ #slideshowPhotos {width: 649px; margin: 30px auto 0 auto; clear: both} #slideshowPhotos img#view {margin: 17px 0 0 27px} #photosWrap {height: 528px; width: 649px; margin: 15px 0 25px 0; background: transparent url(../images/backgroundFanzone-media-player.jpg) no-repeat top center; overflow: hidden} #photosWrap-flash {height: 459px; width: 609px; margin: 20px auto 0 auto; background: #ff0000} /* FANZONE DOWNLOADS */ /* ---------------------------------------------------------------------------------------------------------- */ #downloadsContent {width: 649px; margin: 30px auto 0 auto; clear: both} #downloadsContent img#title {margin: 0 0 15px 0} #downloadsWrap {height: 215px; width: 648px; margin: 15px 0 100px 0; background: transparent url(../images/backgroundFanzone-downloads.png) no-repeat top center; overflow: hidden} #downloadsWrap p.downloads {margin: 5px 0 0 0; text-align: center} #downloadsWrap p.sizes {color: #ccb17a; text-align: center} #downloadsWrap p.sizes a {color: #ccb17a} #down-a {margin: 15px 0 0 15px; float: left} #down-b {margin: 15px 10px 0 10px; float: left} #down-c {margin: 15px 0 0 0} /* FANZONE PROFILES */ /* ---------------------------------------------------------------------------------------------------------- */ #profilesContent {margin: 30px auto 0 auto; clear: both} #profilesContent img#title {margin: 0 0 0 5px} #profilesContent p {margin: 15px 0 0 5px} #gibson {width: 380px; margin: 25px 0 70px 0; float: left} #demuth {width: 380px; margin: 25px 0 70px 0; float: right} img.swagger {margin: 0 10px 10px 0; float: left} img.belts {margin: 5px 0 0 0} /* FOOTER */ /* ---------------------------------------------------------------------------------------------------------- */ #wrapFooter {height: 200px; background: transparent url(../images/backgroundFooter.jpg) no-repeat top center} #wrapFooter-content {width: 599px; margin: 0 auto; text-align: center; overflow: hidden} #wrapFooter-content ul {margin: 30px 0 0 0; display: block} #wrapFooter-content ul li {padding: 0 6px 0 10px; background: transparent url(../images/dotsFooter.gif) no-repeat left center; display: inline; font-size: 1.2em} #wrapFooter-content ul li.nodot {background: none; padding: 0 6px 0 0} #wrapFooter-content ul li.nopad {padding: 0 0 0 10px} #wrapFooter-content p.copyright {margin: 30px 0 0 0; color: #99804c; clear: both; font-size: 1.2em} #footerLeft, #footerMid {margin: 30px 15px 0 0; float: left} #footerRight {margin: 30px 0 0 0; float: left} #wrapFooter p#credit {padding: 50px 20px 0 0; clear: both} #wrapFooter p#credit a {color: #665533}