/*
   motorsport.css
   Mazda Motorsport Section
   
   Created on 2010-05-19.
   Copyright 2010 igloo digital. All rights reserved.
*/


/*backgrounds*/
body.motorsport {background:#000 url('/images/motorsport/motorsport_bg_Intro.jpg') no-repeat fixed center top; color:#b2b2b2;}
body.motorsport.home {background-image:url('/images/motorsport/motorsport_bg_Intro.jpg');}
body.motorsport.events {background-image:url('/images/motorsport/motorsport_bg_events.jpg');}
body.motorsport.extremecars {background-image:url('/images/motorsport/motorsport_bg_extreme_cars.jpg');}
body.motorsport.international {background-image:url('/images/motorsport/motorsport_bg_International_motorsport.jpg');}
body.motorsport.mediagallery {background-image:url('/images/motorsport/motorsport_bg_media_gallery.jpg');}
body.motorsport.mediagallery {background-image:url('/images/motorsport/motorsport_bg_media_gallery.jpg');}
body.motorsport.newsdetail {background-image:url('/images/motorsport/motorsport_bg_news_detail.jpg');}
body.motorsport.newslisting {background-image:url('/images/motorsport/motorsport_bg_news_listing.jpg');}
body.motorsport.racingpedigree {background-image:url('/images/motorsport/motorsport_bg_racing_pedigree.jpg');}
body.motorsport.targa {background-image:url('/images/motorsport/motorsport_bg_targa.jpg');}

/*header*/
#motorsport-header {width:960px; margin:0 auto; padding-top:114px;}

/*colour overrides*/
body.motorsport #breadcrumbs {background-color:#000;}
body.motorsport #content-wrapper {background-color:#000}
body.motorsport h1 {color:#fff;}
body.motorsport #content-intro {color:#ccc;}


body.motorsport #content-subnav li a {color:#b2b2b2; border-color:#474747;}
body.motorsport #content-subnav li a:hover,
body.motorsport #content-subnav li a.active {color:#fff;}
body.motorsport #content-subnav li ul li a.active {color:#fff;}
body.motorsport #content-subnav li a:hover, #content-subnav li ul li a:hover {color:#fff;}
body.motorsport #content-subnav li ul li {background-image:url('/images/motorsport/bullet-tertiary-nav.gif');}

body.motorsport #content-copy table {font-size:1.2em; color:#fff; width:100%;}
body.motorsport #content-copy table th,
body.motorsport #content-copy table td {border-right:2px solid #000; border-bottom:2px solid #000;}
body.motorsport #content-copy table th {font-weight:bold; padding:22px 10px 18px 10px; text-align:left; background:url('/images/generic/bg-generic-th.gif') repeat-x 0 0;}
body.motorsport #content-copy table td {padding:10px; background:#191a1a;}
body.motorsport #content-copy table td p {font-size:1em; padding:0;}

.motorsport-section {border-top:1px solid #4d4d4d; padding-top:14px; margin-top:14px;}
body.motorsport h2, body.motorsport #media-list-header h2 {color:#fff; font-size:1.6em;}

.motorsport-column {width:369px; float:left;}
.motorsport-column.right {float:right;}
.motorsport-section .motorsport-column h2 {padding-bottom:4px;}

#motorsport-home-layout {margin-top:0;}

/*listing styles*/
body.motorsport .listing-item-photo-placeholder {border:1px solid #838383; background:url('/images/motorsport/bg-listing-placeholder.jpg') no-repeat center center;}
body.motorsport .listing-item {border-color:#333333;}
body.motorsport .listing-meta {color:#fff;}
body.motorsport .listing-pager-empty {border-color:#333333;}
body.motorsport .listing-item-info-full h3 {font-size:1.4em; line-height:1.2; padding-bottom:4px;}
.motorsport-section .motorsport-column h2 {padding-bottom:4px;}
body.motorsport.newslisting h2,
body.motorsport.events h2 {font-family:'Interstate-RegularRegular',arial,sans-serif; font-size:2.2em; font-weight:normal; letter-spacing:-1px; padding-bottom:20px; color:#fff;}

/*featured article*/
#motorsport-featured-article {background:#1a1a1a url('/images/generic/bg-featured-item-black.gif') repeat-x 0 0;}
#motorsport-featured-article h2 {padding-left:20px;}
#motorsport-featured-article .article-featured h3 {font-size:1.4em;}
#motorsport-featured-article .article-featured {border-bottom:0; background:none; margin-bottom:0;}
#motorsport-featured-article .article-featured img {border-color:#4d4d4d;}

/*pagination*/
.listing-pager, .listing-pager-bottom, .listing-pager-empty {border-color:#4d4d4d;}
ul.pager a, ul.pager span {background:#484848; color:#fff;}
ul.pager span {color:#666; background:#1d1d1d;}
ul.pager a:hover {background:#616161;}

/*latest video*/
#motorsport-video {padding-bottom:20px;}
body.motorsport .poster-image {display:block;margin-bottom:12px;position:relative;width:369px;}
body.motorsport .poster-image .play-button {background:url("/images/community/play-button.png") no-repeat;width:48px;height:30px;position:absolute;right:3px;bottom:3px;display:none;}
body.motorsport .poster-image-hover:hover .play-button {display:block;}
body.motorsport .view-all {display:block; text-align:right; font-size:1.2em; border-bottom:1px solid #4d4d4d; padding-bottom:5px;}

/*sponsor*/
#motorsport-sponsor img {border:1px solid #4b4b4b;}

/*teams listing*/
.motorsport-team-list {padding-top:20px;}
.motorsport-team-list-team {width:368px; float:left; min-height:210px; height:auto!important; height:210px}
.motorsport-team-list-team h3 {border-bottom:3px solid #0085cf; margin-bottom:10px;}
.motorsport-team-list-team h3 a {color:#fff;}
.motorsport-team-list-photo {width:180px; float:left;}
.motorsport-team-list-info {width:176px; float:right;}
.motorsport-team-list-info p {line-height:1.5;}

/*teams detail*/
.motorsport-team-photo {width:180px; float:left; display:inline; margin-right:15px;}
.motorsport-team-photo img {margin-bottom:5px;}
.motorsport-section.team-detail h2 {padding-bottom:20px;}
.motorsport-section.team-detail dl {width:562px; float:right; font-size:1.2em;}
.motorsport-section.team-detail dt {font-weight:bold; position:absolute;}
.motorsport-section.team-detail dd {padding:0 0 10px 200px; line-height:1.3;}

/*intro with cta (privateers, targa)*/
#motorsport-intro-cta-wrapper #content-intro {float:left; width:362px; padding-right:0;}
#motorsport-intro-cta-wrapper #content-cta {float:right; width:364px;}


/*extreme car detail*/
.motorsport-section.extremecar {border:0;}
.motorsport-section.extremecar dl {font-size:1.2em; padding-top:10px;}
.motorsport-section.extremecar dt {font-weight:bold; position:absolute;}
.motorsport-section.extremecar dd {padding:0 0 10px 150px; line-height:1.3;}

/*targa*/
#motorsport-targa-flash-wrapper {padding-bottom:30px;}

/*event listing*/
body.motorsport .listing-categories {background:#1d1d1d;}
body.motorsport .listing-categories label {color:#fff;}

/*event detail*/
.community-featured-details {margin-top:14px;margin-bottom:28px;}
body.motorsport p.intro {font-size:1.6em; margin-top:18px;}

/* share links */
#sharethis_0 a.stico_default {background-image: url(/images/motorsport/share-icon.png) !important;}
#sharethis_0 a.stbutton {padding:1px 5px 5px 22px;}
.share-article-item #sharethis_0 {margin-left:8px;}


body.motorsport #header-wrapper {margin:0 auto;width:960px;}
body.motorsport #header {border:0;}

body.motorsport #content-header {height:88px;width:960px;margin:0 auto;color:#fff;}
body.motorsport #content-header #community-heading {margin-left:22px;margin-top:25px;float:left;letter-spacing:-1px;color:#fff;font-size:3.8em;font-family:'Interstate-RegularRegular',arial,sans-serif;font-weight:bold;letter-spacing:-1px;padding-bottom:0;line-height:1;}
body.motorsport #content-header #background-source {font-family:'Interstate-RegularRegular',arial,sans-serif;margin:22px 15px 0 0;padding:5px;background-color:#000;font-size:1.2em;float:right;color:#fff;text-decoration:none;}
body.motorsport #footer-wrapper {width:960px;margin:0 auto;}
    
/* tweeeeeetz */
#twitter-box {background:url('/images/motorsport/twitter-box.gif') no-repeat 0 32px;padding-left:24px;margin-bottom:15px;}
#twitter-box h3 { font:16px bold arial,helvetica,sans-serif; color:#fff; padding-bottom:0; height:32px; }
#twitter-box #tweet {width:320px;height:75px;overflow:hidden;background-color:#0085cf;font-size:14px;padding:13px 10px 7px 13px;color:#fff;line-height:1.2;}
#twitter-box #tweet li {height:75px;display:block;padding-bottom:5px;margin-bottom:2px;}
#twitter-box #tweet li .tweet-text {width:310px;}
#twitter-box a.tweet-user-link {color:#000;}
#twitter-box a {color:#fff;}
#twitter-box a.follow-twitter {color:#0085CF;background: url("/images/motorsport/twitter-logo.png") no-repeat left 7px;float: right;font-size: 13px;padding: 10px 0 0 18px;}

#twitter-box .tweet-list {color:#999999;font-size:1.2em;line-height: 1.6em;}
#twitter-box .tweet-list li {margin-bottom:6px;}
#twitter-box .tweet-text {padding:0 8px;}
#twitter-box .tweet-user-link {font-weight:bold;}
#twitter-box .tweet-user-link span {color:#000;margin-right:2px;}

/* tweeeeetz box for targa blog */
#twitter-box #tweet-blog {width:716px;height:29px;overflow:hidden;background-color:#0085cf;font-size:1.2em;padding:7px 10px 7px 13px;color:#fff;line-height:1.2em;}
#twitter-box #tweet-blog li {height:29px;display:block;padding-bottom:5px;margin-bottom:2px;}
#twitter-box #tweet-blog li .tweet-text {width:716px;}


/*targa home*/
#targa-home-promo-tiles { padding-top:20px; border-top:1px solid #4d4d4d; margin-top:15px; }
#targa-home-promo-tiles a { display:block; width:243px; height:207px; text-indent:-9999em; float:left; display:inline; margin-right:18px; }
#targa-home-promo-tiles a.last { margin-right:0; }
.targa-promo-news { background-image:url('/images/motorsport/targa-news.jpg'); }
.targa-promo-news:hover { background-position:bottom; }
.targa-promo-vids { background-image:url('/images/motorsport/targa-vids.jpg'); }
.targa-promo-vids:hover { background-position:bottom; }
.targa-promo-blog { background-image:url('/images/motorsport/targa-blog.jpg'); }
.targa-promo-blog:hover { background-position:bottom; }
.targa-section { border-bottom:1px solid #333; margin-bottom:20px; padding-bottom:20px; }

/*live tracking drivers*/
/*#live-tracking-drivertweets { padding-bottom:18px; border-bottom:1px solid #4d4d4d; margin-bottom:18px; }*/
div.targa-driver { float:left; width:243px; display:inline; margin-right:18px; }
div.targa-driver h4 { font-size:16px; font-weight:bold; color:#fff; padding:0; }
div.targa-driver h5 { font-size:14px; font-weight:normal; color:#fff; padding-bottom:16px; border-bottom:3px solid #0085cf; margin-bottom:16px; }
div.targa-driver img { margin-bottom:16px; }
div.targa-twitter-driver { height:100px; font-size:13px; }
div.targa-twitter-driver ul { list-style-type:none; height:85px; line-height:1.4; }
div.targa-driver a.follow-twitter { font-size:12px; }

#content-wrapper {position:relative !important;}
#high-country-heading-img {position: absolute;right: 9px;top: 0;z-index: 10;}
#high-country-heading {border-bottom: 1px solid #333;margin-bottom: 32px;padding-bottom: 20px;}
#high-country-heading #content-intro {width: 350px;}
#high-country-map {width:764px;height:393px;margin-bottom:1.2em;    `}
#wrest-point-map {width:764px;height:393px;margin-bottom:1.2em;}
#high-country h3 {color:#fff;}
#high-country p a {font-weight:bold;}
#high-country-twitter {float:right;width:367px;margin-bottom:1.2em;}

#live-tracking-heading {  }
#live-tracking-heading #content-intro {width: 350px;}
#targa-2011-map {width:764px;height:393px;margin-bottom:1.2em;}
#live-tracking h3 { color:#fff; font-size:16px; }
#live-tracking p a {font-weight:bold;}
#live-tracking-twitter {float:right;width:367px;margin-bottom:1.2em; margin-top:-40px;}

/*results*/
#live-results { float:right; width:244px; }
#live-results h3 { border-bottom:4px solid #2e84cf; margin-bottom:54px; }



/*targa teams*/
#team-links a { display:inline; float:left; width:243px; height:243px; margin-right:18px; text-indent:-9999em; background-image:url('/images/motorsport/sprite-teams-links.png'); background-repeat:no-repeat; }
#team-links a.last { margin-right:0; }
#team-car1-link { background-position:-486px 48px; }
#team-car1-link.active,
#team-car1-link:hover { background-position:-729px 48px; }
#team-car2-link { background-position:0 146px; } 
#team-car2-link.active,
#team-car2-link:hover { background-position:-243px 146px; }
#team-car3-link { background-position:-972px -50px; }
#team-car3-link.active,
#team-car3-link:hover { background-position:-1215px -50px; }

.team-car-hero img { margin-bottom:20px; }

.team-car-specs dl { float:left; width:50%; font-size:12px; }
.team-car-specs dt { position:absolute; font-weight:bold; }
.team-car-specs dd { padding:0 30px 10px 120px; line-height:1.3; }

.team-car-drivers div.driver, .team-car-drivers div.navigator { float:left; width:50%; font-size:12px; }
.team-car-drivers h3 { font-size:16px; font-weight:bold; color:#fff; padding-bottom:18px; }
.team-car-drivers img { margin-bottom:12px; }
.team-car-drivers li { padding:0 20px 0.7em 0; }
.team-car-drivers dl { padding-bottom:12px; }
.team-car-drivers dt { position:absolute; font-weight:bold; }
.team-car-drivers dd { padding:0 30px 10px 120px; line-height:1.3; }


#live-tracking #content-copy table {font-size:1.2em; color:#fff; width:500px;}

