/* ===================================== *\ CLIENT: motoringTV BUILT & POWERED BY: newsport media DATE: may 2010 TITLE: new face \* ===================================== */ @import "960.css"; @import "menuh.css"; /* GRAND MASTER RESET */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit} :focus {outline: 0} body {line-height: 1; color: black; background: white; text-rendering: optimizeLegibility} ol, ul {list-style: none} table {border-collapse: separate; border-spacing: 0} caption, th, td {text-align: left; font-weight: normal} form {display: inline} /* ----------------- */ @font-face { font-family: 'HelveticaNeueLTStd-BdCnO'; /* src: url('/css/fonts/helveticaltstd-boldcondobl-webfont.eot');*/ src: local('☺'), url('/css/fonts/helveticaltstd-boldcondobl-webfont.woff') format('woff'), url('/css/fonts/helveticaltstd-boldcondobl-webfont.ttf') format('truetype'), url('/css/fonts/helveticaltstd-boldcondobl-webfont.svg#webfontOpdg77V9') format('svg'); } footer ul, header li, .loginBox a.forget, /*a.twitter-share-button,*/ #goldSponsors a:first-child, #newsReader li, .banner, .formBox, #logo, #indexCol1 div, #indexCol1 img, #indexCol2 .meta a {float: left} .t a, .titles a, .formBox button, .loginBox button, #footBanner a, #eHouse, #newsReader li.realatedVideo, #newsReader li.realatedPhotos, #goldSponsors a, #indexCol2 .meta a + a {float: right} #indexCol1 div.firstAd, #indexCol1 div.firstAd img, .fancy {float: none !important} .fb_iframe_widget {clear: left} #socialize, nav, #flashClose, #flash2, #flash, #latestEp, #footBanner, #schedule, #schedule a, .fancy, #logo, #menu, #newsReaderControls div, #newsReaderControls, #newsReader article, #newsReader article div, #goldSponsors, #latestEp {position: absolute} #videoBox {position: fixed} #wrap, #indexCol1, #indexCol2 .meta p, #newsReader, section {position:relative} #videoBox, #newsReaderControls div {top: 0} #logo {top: 1px} #socialize, #schedule {top: 5px} #menu {top: 33px} body.blog .legend, #latestEp, #goldSponsors {top: 78px} #flashClose, #flash2, #flash {top: 50%} #nextNews, #latestEp {right: 8px} #footBanner, #newsReader article, .fancy.bottom, #newsReader article div {bottom: 0 } #newsReaderControls {bottom: -24px} #videoBox, #newsReader article div, #newsReader article {left: 0} #newsReaderPlay {left: 32px} #logo {left: -8px} #previousNews, #goldSponsors {left: 8px} #menu, #schedule {left: 247px} #socialize, #flashClose, #flash2, #flash {left: 50%} .fancy, #indexCol2 .meta p, #newsReaderControls, a#latestEp, #schedule {z-index: 190} #menu {z-index: 195} #goldSponsors {z-index: 210} #logo {z-index: 200} #videoBox {z-index: 400} .fb_iframe_widget, nav, header, section, aside, article, footer, #eHouse, #footBanner a, .loginBox a.forget, #indexCol1 div.firstAd a, a#latestEp, .t a, .titles a, .formBox input, .loginBox input, #indexCol1 a, #newsReaderControls li, .meta p:hover span, #logo a, #goldSponsors a, #indexCol2 img, .firstAd img, #indexCol3 * {display: block} #newsReaderControls ul {display: inline-block} #videoBox, #newsReader article {display: none} #newsReaderControls div {width: 9px} .t a, .titles a, #newsReaderControls li {width: 16px} #footBanner a {width: 69px; margin-top: 2px; background: url(/img/backgrounds/newsport.png) no-repeat} #goldSponsors a:first-child {width: 75px!important} #eHouse {width: 85px;height: 82px;background: url(/img/misc/titlehouse_logo.png) no-repeat} #indexCol1 div {width: 179px} .grid_3.omega {width: 230px} #indexCol1 div.last {width: 379px !important} #indexCol1 div.firstAd {width: 389px !important} .grid_5.omega {width: 390px} .grid_5.omega.alpha {width: 400px} #flash2, #flash {width: 427px} .loginBox input {width: 439px} .formBox input {width: 441px} .loginBox, .formBox {width: 457px} #menu {width: 676px} #schedule {width: 677px} #newsReader article div {width: 926px} #newsReader article {width: 958px} #videoBox, #footBanner, #newsReaderControls {width: 100%} #newsReaderControls ul {width: auto !important} #newsReaderControls li {height: 6px !important} .t a, .titles a {height: 16px} .meta p, .meta a {height: 21px} #newsReaderControls ul, #newsReaderControls, #newsReaderControls div, #newsReader ul, #newsReader li {height: 23px} #footBanner a {height: 25px} #footBanner, .titles {height: 28px} .fancy, .loginBox input, .formBox input, #latestEp, #schedule {height: 30px !important} #indexCol2 .meta {height: 43px} #menu {height: 36px} #goldSponsors a {height: 50px !important} #indexCol1 div {height: 55px} #indexCol1 div.last {height: 56px} .formBox {height: 77px} header {height: 90px} #indexCol1 div.firstAd {height: 93px} #goldSponsors a, #logo, #logo a {height: 87px; width: 261px; background: url(/img/backgrounds/mtv_2010_logo_sprite.png) no-repeat} #flash2, #flash {height: 240px} #newsReader article {height: 458px} html, body, #videoBox {height: 100%} #wrap {min-height: 100%} #goldSponsors a {width: 172px; background-position: 100% 100% !important} body.blog article {min-height: 466px} #newsReader, section.container_12 {min-height: 458px} body.blog section.comments, body.blog article, #newsReader {margin: 1px} #indexCol1 img {margin: 0 5px 25px 0} .t a, .titles a {margin: 5px} #flashClose, #flash2, #flash {margin: -170px 0 0 -214px} #flashClose {margin-top: -190px !important} #eHouse, footer ul {margin: 40px} #indexCol1 div.firstAd img, .loginBox input + label, .loginBox a.forget, .loginBox button, .loginBox input, .formBox button, .formBox input, img.ad, #newsReader #newsReaderControls li {margin-top: 8px !important} .loginBox label + input, body.blog section.comments, #newsReader li:first-child, #indexCol1 img {margin-top: 0 !important} .formBox {margin-top: 22px} .loginBox, #subNav {margin-top: 74px} #eHouse, footer ul, #newsReader li:first-child, .noRight {margin-right: 0 !important} footer li, #newsReader h2 {margin-bottom: 5px} body.blog article, #newsReader li:first-child, .t a, .titles a, #newsReader {margin-bottom: 0 !important} .formBox.last, #titleBloggerFollow {margin-left: 10px} header li, #newsReader li {margin-left: 16px !important} footer ul {margin-left: 25px} #socialize {margin-left: 265px;} #eHouse, #newsReader li:first-child, .titles a, footer ul.first {margin-left: 0 !important} html {background: rgb(14,14,14) url(/img/backgrounds/faux_leather_repeating.jpg)} body {background: url(/img/backgrounds/leather_spot_light.jpg) no-repeat top center fixed} section.container_12 {background: url(/img/backgrounds/section_stroke.png) no-repeat 0 0} #newsReader article div {background: url(/img/backgrounds/background-meta_data.png) repeat-x 0 0} #newsReaderControls {background: rgb(30,35,37)} #newsReader {background: url(/img/misc/loading.gif) no-repeat 50% 90%} #footBanner, #indexCol2 .meta {background: rgb(46,54,56)} #videoBox {background: rgba(14,14,14,.95)} section {background: rgb(37,37,37)} #newsReaderControls li {background: rgb(82,135,148) !important} .formBox {background: url(/img/backgrounds/safeScribe.png) no-repeat 14px 70px} #newsReaderControls li:hover, #newsReaderControls li.s {background: rgb(121,201,221) !important} #newsReaderControls div, a#latestEp, #schedule a {background-image: url(/img/backgrounds/icon_sprite.png)} .formBox h3, .titles {background-image: url(/img/backgrounds/title_sprite.png)} .t a, .titles a {background-image: url(/img/backgrounds/social_sprite.png)} li.yr ul, article.searchResults section, aside li:first-child:hover, aside li:hover.archives, body.blog article {background-color: rgb(255,255,255) !important} a#latestEp, #schedule {background-color: rgba(255,255,255,.5) !important} #menu {background: rgba(71,89,164,.9)} .formBox button, .loginBox button, .formBox.last, #logo a {background: none} .formBox h3, .titles, .titles a, .t a, #newsReaderControls div, a#latestEp, #schedule a {background-repeat: no-repeat !important} .formBox h3 {background-position: 4px -58px} .formBox.last h3 {background-position: 4px -96px} a.facebook {background-position: 0 0 !important} a.twitter {background-position: -16px 0 !important} a.youtube {background-position: -32px 0 !important} a.msn {background-position: 0 -16px !important} a.sympatico {background-position: -16px -16px !important} #titleBloggerFollow {background-position: 0 6px !important} #schedule a {background-position: 100% 11px !important} a#latestEp {background-position: 100% -44px !important} #titleFeaturePhoto {background-position: 0 -24px !important} #footBanner a:hover, #goldSponsors a:first-child {background-position: 0 100% !important} #nextNews {background-position: 100% 100%} #previousNews {background-position: -7px 100%} #newsReaderPlay {background-position: -37px 100%} #newsReaderPlay.paused {background-position: -22px 100% !important} aside li:hover, .meta p:hover span {background: lightYellow !important} aside .img h4, header, .meta a, .meta p:hover span, #titleBloggerFollow, .meta p, .readFull, .realatedVideo, .realatedPhotos, .retweet {padding:4px} body.blog aside li, .loginBox, .loginBox input, .formBox input, .formBox {padding: 8px} body.blog section.comments, body.blog article, #latestEp, #newsReader article p, #menu, #schedule, #indexCol1 div {padding: 10px} #newsReader article div, #schedule a {padding: 16px} section > section, #newsReader article div {padding-bottom: 10px} body.blog .legend h2, #indexCol3 {padding-top: 7px} .loginBox input, .loginBox button, .formBox button, .loginBox buton, .formBox input, #titleBloggerFollow, .meta a, .meta p, .readFull, .realatedVideo, .realatedPhotos, #latestEp, #menu, #schedule, #schedule a {padding-bottom: 0 !important} .loginBox button, .loginBox input, .formBox button, .formBox input, #titleBloggerFollow, .meta p, .readFull, .realatedVideo, .realatedPhotos, #newsReader article p, #indexCol1 div.firstAd, .meta a, #latestEp, #menu, #schedule, #schedule a {padding-top: 0 !important} #indexCol1 div.firstAd, header {padding-right: 0 !important} #newsReader article p, #latestEp {padding-right: 40px !important} .loginBox button, .formBox button, header, #titleBloggerFollow, .readFull, #newsReader article p, #schedule a {padding-left: 0 !important} .meta p {border-style: dotted} section > section, .loginBox, .loginBox input, .formBox, #footBanner, #flash2, #flash, #titleBloggerFollow, #indexCol2 .meta, #newsReaderControls, #newsReaderControls li, #indexCol3 img.ad, #indexCol2 img, #indexCol1 div.firstAd img, #indexCol1 div, #newsReader, #menu {border-style: solid} .meta p, .loginBox, .loginBox input, .formBox, #flash2, #flash, #titleBloggerFollow, #newsReaderControls, #newsReaderControls li, #newsReader, #menu, #indexCol1 div.last, #indexCol1 div, #indexCol2 .meta, #indexCol1 div.firstAd img, #indexCol3 img.ad, #indexCol2 img, section > section {border-width: 1px} .loginBox button, .formBox button, .formBox input, .meta p, #titleBloggerFollow, #newsReader, #indexCol1 div.last, #indexCol1 div.firstAd, #indexCol1 div {border-top-width: 0 !important} .loginBox button, .formBox button, .formBox input, .meta p, #indexCol1 div.firstAd, #newsReaderControls li, #newsReaderControls, #newsReader, section > section {border-right-width: 0 !important} .loginBox button, .formBox button, .formBox input, #newsReaderControls li, #titleBloggerFollow, #newsReaderControls, #indexCol1 div.firstAd, /*#indexCol1 div.last,*/ section > section {border-bottom-width: 0 !important} .loginBox button, .formBox button, .formBox input, .meta p, #titleBloggerFollow, #newsReaderControls li, #newsReaderControls, #indexCol1 div.firstAd, #menu, #newsReader, #indexCol1 div, section > section {border-left-width: 0 !important} #indexCol1 div {border-width: 0 1px 1px 0} /*#indexCol1 div.last {border-width: 0 1px 0 0}*/ #footBanner, section > section {border-width: 1px 0 0} #menu {border-top-color: rgba(107,121,180,.7); border-right-color: rgba(165,173,205,.7); border-bottom-color: rgba(188,193,215,.7)} #flash2, #flash, #titleBloggerFollow, #indexCol2 .meta, .formBox, .loginBox, .firstAd img, #indexCol2 img, #indexCol3 img.ad, #indexCol1 div {border-color: rgb(46,54,56)} section > section {border-color: rgb(25,36,37)} #newsReaderControls, #newsReader {border-color: rgb(54,70,74)} #footBanner, #newsReaderControls li {border-color: rgb(78,95,102)} .meta p {border-color: rgb(37,37,37)} #indexCol1 a, .loginBox a.forget, .meta, header ul a {font-size: 11px} sup {font-size: .7em} body.blog article h3, #flashClose, footer li {font-size: 13px} #footBanner, #latestEp, #newsReader, #schedule {font-size: 14px} .loginBox input, .formBox input {font-size: 16px; line-height: 37px; vertical-align: middle} body.blog article h1, #newsReader h2 {font-size: 32px} li.yr, p.Verdana11blue, #seaonsSwitch, article.searchResults section div h3 strong, article.searchResults section ul a, #loginShowDiv a, article.webTV aside button, article.webTV aside input.videoSearch, .loginBox label, article.webTV aside h3, section.comments h3, #formatKiller, #clipList h4, body.blog article h2, body.blog article h1, body.blog aside li:first-child, #footBanner, footer li, .loginBox input, .loginBox button, .formBox input, .formBox button, .meta a, #subNav, aside li a, #newsReader a, #newsReader h2, #latestEp, #schedule {font-family: "HelveticaNeueLTStd-BdCnO","Franklin Gothic Medium Italic","Arial Narrow","HelveticaNeue",Arial,sans-serif !important} article.videoSegment p, .loginBox a.forget, body.blog article h3, body {font-family: "HelveticaNeue",Helvetica,Arial,sans-serif} #formatKiller table, article.searchResults section ul a span, body.blog article.searchResults div, aside .recent a span {font-family: "HelveticaNeue",Helvetica,Arial,sans-serif !important} #scheudle {font-style: italic} body.blog article h3, #indexCol1 a {font-weight: bold} adide .img h4, #newsReader h2 {line-height: 1 !important} #indexCol1 a, .meta p:hover span, #newsReader {line-height: 1.3 !important} .meta p {line-height: 21px; white-space: nowrap} .meta a, #newsReader li {line-height: 25px} .t, #footBanner, #latestEp, #newsReader, #schedule {line-height: 35px} #newsReaderControls {text-align: center} header a, section.container_12 a {text-decoration: none !important} .t a, .titles, .formBox h3, #eHouse, #footBanner a, #newsReaderControls div, #newsReaderControls li, #goldSponsors a, #logo {text-indent: -50000px} .meta p {text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;} #newsReader h2 {text-shadow: 0 0 6px rgb(32,32,32)} a#latestEp {text-shadow: 0 0 1px white} footer, body.blog aside li:first-child, .formBox button, .loginBox button, .readFull, .realatedVideo, .realatedPhotos, body.blog article h1, #newsReader h2, sup {text-transform: uppercase} footer li, body.blog aside li.archives a:hover, aside li a span.postDate, #indexCol1 a strong, .meta a {color: rgb(121,201,221) !important} #footBanner {color: rgb(14,14,14)} body, .loginBox a.forget:hover, .loginBox input:focus, .formBox input:focus, .loginBox button, .formBox input, aside li a, a#latestEp, .meta p:hover span, #schedule a {color: rgb(37,37,37)} #newsReaderControls, #newsReader h2 {color: rgb(255,255,255)} .loginBox a.forget, .loginBox input, body.blog article h3/* , .formBox input */ {color: rgb(200,200,200)} #flashClose, header a, footer a, .readFull a, .realatedVideo a, .realatedPhotos a {color: rgba(255,255,255,.5)} .formBox button, #indexCol1 a, .meta p {color: rgba(255,255,255,.6)} #flashClose:hover, header a:hover, footer a:hover, .formBox button:hover, #indexCol1 div:hover a, .meta a:hover, .readFull a:hover, .realatedVideo a:hover, .realatedPhotos a:hover, #newsReader p {color: rgba(255,255,255,.9)} #nextNews, .formBox button, .loginBox button, #flashClose, #previousNews, #newsReaderPlay, #newsReaderControls li {cursor: pointer !important} #newsReaderControls li.s {cursor: default !important} .t a, section, #footBanner, .formBox input, .loginBox input, .meta a, .meta p, #newsReader, body.blog article, #indexCol1 div.firstAd, #newsReader ul, #newsReader li, #indexCol1 div, #schedule {overflow: hidden} .meta p:hover {overflow: visible; white-space:normal} #schedule a {-moz-opacity:.6; opacity:.6} a#latestEp {-moz-opacity:.7; opacity:.7} #footBanner, a:hover#latestEp, #schedule a:hover {-moz-opacity:.9; opacity:.9} #newsReaderControls {-moz-box-shadow: 0 0 3px rgb(32,32,32); -webkit-box-shadow: 0 0 3px rgb(32,32,32); box-shadow: 0 0 3px rgb(32,32,32)} .loginBox input:focus, .formBox input:focus {-moz-box-shadow: 0 0 6px cyan; -webkit-box-shadow: 0 0 6px cyan; box-shadow: 0 0 6px cyan} #menu, #schedule {-webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px} #menu {-webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px} .loginBox input, .formBox input, #latestEp, section.container_12 {-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; border-top-left-radius: 8px} body.blog article, section {-webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px} body.blog article, #newsReader article, #newsReader {-webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px; border-top-left-radius: 7px} .loginBox input, .formBox input, #latestEp, section.container_12 {-webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px} .fancy {width: 1px !important; border: 0 !important; background: url(/img/backgrounds/fancy.png) no-repeat; top: 21px; left: 199px !important} /*.fancy.bottom {top: auto !important; bottom: 0 !important; background-position: 0 100% !important}*/ #schedule a {right: 8px; font-size: .8em;}