/*like my clean css?*/ /*generals and containers*/ body {background: #000; color: #333; font-family: Helvetica;} a {color: #aa191e; text-decoration: none; font-weight: bold;} p {display: block;} #overdriveWrapper {margin-top: 10px;} #flashContainer {width: 888px; background: #fff;} #flashHeader {text-align: center; height: 200px; margin: 5px 0 0px 0; width: 878px;} *:first-child+html #flashHeader {margin: 5px auto;} /*IE7 filter to correct top white border of flash container*/ #menu {background: #fff; width: 888px; margin:0 auto} #navigation {height: 40px; width: 878px; background: #000; margin:0 5px 5px 5px;} #navigation ul {list-style-type: none; margin: 0 0 0 20px; padding-top: 10px;} *:first-child+html #navigation ul {margin-top: 1px;} /*corrects top alignment of navigation menu*/ #navigation ul li {float: left; text-align: center; margin:0;} #navigation ul li a {padding: 10px 20px; text-decoration: none;} #navigation ul li a span {visibility: hidden;} /*navigation*/ #navigation ul li.home {background: url(http://rs.xango.com/images/overdrive/home_w.jpg) no-repeat 50% 3px;} #home #navigation ul li.home {background: url(http://rs.xango.com/images/overdrive/home_r.jpg) no-repeat 50% 3px;} #navigation ul li.home:hover {background: url(http://rs.xango.com/images/overdrive/home_r.jpg) no-repeat 50% 3px;} #navigation ul li.agenda {background: url(http://rs.xango.com/images/overdrive/agenda_w.jpg) no-repeat 50% 3px;} #agenda #navigation ul li.agenda {background: url(http://rs.xango.com/images/overdrive/agenda_r.jpg) no-repeat 50% 3px;} #navigation ul li.agenda:hover {background: url(http://rs.xango.com/images/overdrive/agenda_r.jpg) no-repeat 50% 3px;} #navigation ul li.store {background: url(http://rs.xango.com/images/overdrive/store_w.jpg) no-repeat 50% 3px;} #store #navigation ul li.store {background: url(http://rs.xango.com/images/overdrive/store_r.jpg) no-repeat 50% 3px;} #navigation ul li.store:hover {background: url(http://rs.xango.com/images/overdrive/store_r.jpg) no-repeat 50% 3px;} #navigation ul li.giveaways {background: url(http://rs.xango.com/images/overdrive/giveaways_w.jpg) no-repeat 50% 3px;} #giveaways #navigation ul li.giveaways {background: url(http://rs.xango.com/images/overdrive/giveaways_r.jpg) no-repeat 50% 3px;} #navigation ul li.giveaways:hover {background: url(http://rs.xango.com/images/overdrive/giveaways_r.jpg) no-repeat 50% 3px;} #navigation ul li.announcements {background: url(http://rs.xango.com/images/overdrive/announcements_w.jpg) no-repeat 50% 3px;} #announcements #navigation ul li.announcements {background: url(http://rs.xango.com/images/overdrive/announcements_r.jpg) no-repeat 50% 3px;} #navigation ul li.announcements:hover {background: url(http://rs.xango.com/images/overdrive/announcements_r.jpg) no-repeat 50% 3px;} #navigation ul li.slcinfo {background: url(http://rs.xango.com/images/overdrive/slcinfo_w.jpg) no-repeat 50% 3px;} #slcinfo #navigation ul li.slcinfo {background: url(http://rs.xango.com/images/overdrive/slcinfo_r.jpg) no-repeat 50% 3px;} #navigation ul li.slcinfo:hover {background: url(http://rs.xango.com/images/overdrive/slcinfo_r.jpg) no-repeat 50% 3px;} #navigation ul li.updates {background: url(http://rs.xango.com/images/overdrive/updates_w.jpg) no-repeat 50% 3px;} #updates #navigation ul li.updates {background: url(http://rs.xango.com/images/overdrive/updates_r.jpg) no-repeat 50% 3px;} #navigation ul li.updates:hover {background: url(http://rs.xango.com/images/overdrive/updates_r.jpg) no-repeat 50% 3px;} #navigation ul li.register {background: url(http://rs.xango.com/images/overdrive/register_w.jpg) no-repeat 50% 3px;} #register #navigation ul li.register {background: url(http://rs.xango.com/images/overdrive/register_r.jpg) no-repeat 50% 3px;} #navigation ul li.register:hover {background: url(http://rs.xango.com/images/overdrive/register_r.jpg) no-repeat 50% 3px;} /*Front Page Content*/ #content {background: #fff; width: 888px; margin:0 auto} #hVidPlayer {margin:0 5px; width: 430px; height: 300px; float: left; margin-bottom: 5px;} #hVidPlayer .transparentDiv {width: 300px; background: #fff; margin: 0; position: relative; top: -41px; float: left; color: #333; border: 1px solid #333;} *:first-child+html #hVidPlayer .transparentDiv {top: -39px;background: #fff; margin: 0; position: relative; top: -41px; float: left; color: #333; border: 1px solid #333;} #hVidPlayer .transparentDiv span {margin: 0 5px; display: block; text-transform: uppercase; font-size: 11px;} #overdriveDate .transparentDiv {width: 170px; padding-left: 5px;background: #fff; margin: 0; position: relative; top: 145px; left: 41px; float: left; color: #333; border: 1px solid #333;} #dateCarContainer {width: 218px; float: left; margin-bottom: 5px;} #overdriveDate {width: 218px; height: 171px;background: #000 url(http://rs.xango.com/images/overdrive/overdrive_date.jpg) no-repeat 50% 50%;} #odCarBack {width: 218px; height: 129px;background: #000 url(http://rs.xango.com/images/overdrive/overdrive_car_back.jpg) no-repeat 8px 5px;} #odCarBack .transparentDiv {width: 170px; background: #fff; margin: 0 0px 0 5px; position: relative; top: 94px; float: right;; color: #333; border: 1px solid #333;} *:first-child+html #odCarBack .transparentDiv {top: 93px;} #odCarBack .transparentDiv span {margin: 0 5px; display: block; text-transform: uppercase; font-size: 11px;} #updatesContainer {width: 220px; float: left; background: #000 url(http://rs.xango.com/images/overdrive/daily_updates_bg.jpg) no-repeat 50% 5px; margin-left: 5px; padding-top:160px;} #updatesDiv {width: 210px; height: 135px; margin:0 0 5px 5px; background: #fff;} #updatesDiv h5 {margin:0 5px;} #updatesDiv small {margin:0 5px; color:#aa191e; margin-top: -5px; display: block; font-size: 11px; text-transform: uppercase;} #updatesDiv ul {margin:5px 5px 0 5px; list-style: none;} #updatesDiv ul li {margin:0;} #updatesDiv ul li a {display: block; padding-left: 5px;} #updatesDiv ul li a:hover {background: #f3f3f3 url(http://rs.xango.com/images/overdrive/skull_bullet.jpg) no-repeat 182px 50%;} /*Footer*/ #footer {background: #fff; width: 888px; margin:0 auto 10px auto} #communityDiv {width: 878px; background: #000; margin:0 5px 5px 5px;} #footerLeft {width: 300px; float: left; margin-bottom: 5px} #footerRight {width: 500px; float: left; margin-bottom: 5px;} #footerLeft h4 {text-align: right; color: #aa191e; font-weight: normal; font-size: 14px; margin: 10px 10px 0 0; } #footerRight ul {list-style: none; margin-top: 10px;} #footerRight ul li {width: 180px; float: left;} #footerRight ul li a {display: block; padding: 0 10px; font-weight: normal; color:#fff;} #footerRight ul li a:hover {color: #aa191e; background: #0f0f0f;} #copyright {font-size: 11px; color: #ccc;} /*Secondary Pages*/ #secondaryWrap {width: 878px; background: #000 url(http://rs.xango.com/images/overdrive/bag_finalpunch_js.jpg) no-repeat left bottom; margin: 0 5px 5px 5px;} #secondaryWrap h2 {padding: 10px 20px 20px 20px; color: #d92127; font-weight: normal; background: #000 url(http://rs.xango.com/images/overdrive/h2_flame_bg.jpg) no-repeat left top;} #secondaryLeft {width: 250px; float: left;} #secondaryLeft h5 {border-top: 5px solid #fff; padding: 10px 20px; color: #ddd; font-weight: normal; margin-bottom:0; background: #000 url(http://rs.xango.com/images/overdrive/h5_bg.jpg) no-repeat right bottom;} #secondaryLeft ul {list-style: none; margin: 0; padding: 10px 0; border-top: 5px solid #fff; } #secondaryLeft ul li {display: block; padding:0; margin:0;} #secondaryLeft ul li a {font-weight: normal; display: block; margin:0; padding:5px 20px;} #secondaryLeft ul li a:hover {color: #ccc; background: #222 url(http://rs.xango.com/images/overdrive/ul-li-a-hover.jpg) no-repeat right top;} #secondaryRight {width: 623px; float: left; border-left: 5px solid #fff; } #secondaryRight h3 {margin:0; padding: 10px 20px; color: #fff; font-weight: normal; border-bottom: 5px solid #fff;} #secondaryRight h3.secondHeader {margin:0; padding: 10px 20px; color: #fff; font-weight: normal; border-bottom: 5px solid #fff;border-top: 5px solid #fff;} .backToTop {border-top: 1px solid #333; border-bottom: 1px solid #333; margin:10px 22px 40px 20px; cursor: pointer; padding: 10px; text-align: center; background: #222;} .backToTop:hover {background: #121212;} .backToTop span {color: #fff;} .backToTop:hover span {color: #d92127;} #secondaryRight p {display: block; margin: 10px 20px; color: #ccc;} #secondaryRight ul {margin: 10px 0;} #secondaryRight ul li {display: block; margin: 0; padding: 5px 20px; line-height: 15px; color: #fff;} /*Events/Agenda*/ .eventTable {margin:20px; width: 580px;} .eventTable tr.date td {font-size: 14px; color: #fff; border-bottom: 2px solid #600;} .eventTable tr.eventHeader td {padding: 5px; color: #fff; border-bottom: 1px solid #222; background: #222;} .odd td, .even td {color: #999; padding: 5px; border-bottom: 1px solid #222;} .even td {background: #111;} .eventTable strong {color: #fff; font-weight: normal;} /*SLC INFO*/ .hotelAddress {width: 200px; float: left;} .hotelAddress strong {color: #09f;} .hotelAddress b {color: #f60;} /*Breakouts*/ .breakoutTable {margin:20px; width: 580px;} .breakoutTable td {padding: 10px;} .breakoutTable .date td {background: #222; font-size: 15px; padding: 10px; color: #d92127;} .breakoutTable .eventHeader td {background: #110000; color: #ccc; border-bottom: 2px solid #222;} .breakoutTable strong {color:#fff; font-weight: normal; padding: 4px 10px; background: #222; display: block; margin-top: 5px;} p.floatRight {display: block; float: right; margin-left: 20px; width: 320px;} /* jtip */ #JT_arrow_left {background-image: url(http://rs.xango.com/images/overdrive/arrow_left.gif);background-repeat: no-repeat;background-position: left top;position: absolute;z-index:101;left:-12px;height:23px;width:10px;top:-3px;} #JT_arrow_right {background-image: url(http://rs.xango.com/images/overdrive/arrow_right.gif);background-repeat: no-repeat;background-position: left top;position: absolute;z-index:101;height:23px;width:11px;top:-2px;} #JT {position: absolute;z-index:100;border: 2px solid #333;background-color: #222222;font-size: 11px;} #JT_copy {padding:10px;color:#fff;text-align: justify;} #JT_copy b {color: #d92127;} .JT_loader {background-image: url(http://rs.xango.com/images/overdrive/loader.gif);background-repeat: no-repeat;background-position: center center;width:100%;height:12px;} #JT_close_left, #JT_close_right {background-color: #333;text-align: left;padding: 0 8px;font-size: 14px;font-weight:normal;color: #d92127;} #JT_copy p {margin:3px 0;} #JT_copy img {padding: 4px;border: 1px solid #d92127;} .jTip {cursor:help;} /*highslide ish*/ .highslide {outline:none;} .highslide-active-anchor img {visibility: hidden;} .highslide img {border: 2px solid gray;} .highslide:hover img {border: 2px solid white;} .highslide-wrapper {background: white;} .highslide-image {border: 10px solid white;} .highslide-image-blur {} .highslide-caption {display: none;border: 5px solid white;border-top: none;padding: 5px;background-color: white;} .highslide-loading {display: block;color: black;font-size: 8pt;font-family: sans-serif;font-weight: bold;text-decoration: none;padding: 2px;border: 1px solid black;background-color: white;padding-left: 22px;background-image: url(http://rs.xango.com/scripts/xango4.0/highslide-3.3.22/highslide/graphics/loader.white.gif);background-repeat: no-repeat;background-position: 3px 1px;} a.highslide-credits, a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;} a.highslide-credits:hover, a.highslide-credits:hover i {color: white;background-color: gray;} a.highslide-full-expand {background: url(http://rs.xango.com/scripts/xango4.0/highslide-3.3.22/highslide/graphics/fullexpand.gif) no-repeat;display: block;margin: 0 10px 10px 0;width: 34px;height: 34px;} /* Styles for the popup */ .highslide-wrapper {background-color: white;} .highslide-wrapper .highslide-html-content {width: 600px;padding: 5px;} .highslide-wrapper .highslide-header div {} .highslide-wrapper .highslide-header ul {margin: 0;padding: 0;text-align: right;} .highslide-wrapper .highslide-header ul li {display: inline;padding-left: 1em;background: none;} .highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display: none;} .highslide-wrapper .highslide-header a {font-weight: bold;color: gray;text-transform: uppercase;text-decoration: none;} .highslide-wrapper .highslide-header a:hover {color: black;} .highslide-wrapper .highslide-header .highslide-move a {cursor: move;} .highslide-wrapper .highslide-footer {height: 11px;} .highslide-wrapper .highslide-footer .highslide-resize {float: right;height: 11px;width: 11px;background: url(http://rs.xango.com/scripts/xango4.0/highslide-3.3.22/highslide/graphics/resize.gif);} .highslide-wrapper .highslide-body {} .highslide-move {cursor: move;} .highslide-resize {cursor: nw-resize;} /* These must be the last of the Highslide rules */ .highslide-display-block {display: block;} .highslide-display-none {display: none;} /* These must always be last */ .highslide-display-block {display: block;} .highslide-display-none {display: none;} /* speaker */ ul#credentials {list-style: none; display: block; float: left; clear: right; margin:10px 20px;} ul#credentials li {padding-left: 15px; margin-left: 5px; display: block; background: url(http://rs.xango.com/images/overdrive/dabullet.jpg) no-repeat left 50%;} ul#credentials strong {color: #d92127;} #vince {margin: 20px 20px 0 20px; float: left;} blockquote {display: block; color: #aaa; background: url(http://rs.xango.com/images/overdrive/quoteLeft.jpg) no-repeat left top; padding-left: 55px; margin:0 20px;} blockquote span {display: block; color: #aaa; background: url(http://rs.xango.com/images/overdrive/quoteRight.jpg) no-repeat right bottom; padding-right: 55px; text-align: justify;} /*front page changes*/