/* TOC -------------------------------------------------------------------------------------------------------- 1 - Global Reset 2 - Navigation 3 - Global elements 4 - General /* 1 - Global Reset - Eric Meyer 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-family: inherit; vertical-align: baseline;} :focus {outline: 0;} body {color: #464646; background: #333; text-align:center; font: 62.5% Helvetica, Arial, sans-serif; width:auto} ol, ul {list-style: none} table {border-collapse: separate; border-spacing: 0} caption, th, td {text-align: left;font-weight: normal} blockquote:before, blockquote:after, q:before, q:after {content: ""} blockquote, q {quotes: "" ""} /* 2 - Structural elements ---------------------------------------------------------------------------------------------------------------*/ /******************* Main structural wrappers *******************/ .fixed-wrapper {width:960px; text-align:left; font-size:1.0em; margin:0 auto 10px auto} .flexible-wrapper {width:100%; text-align:center; font-size:1.0em; margin-bottom:10px} /******************* Coluns *********** *************************/ #site-navigation a:focus {color:#fff !important} /* 2 - Navigation ---------------------------------------------------------------------------------------------------------------*/ /** Site navigation */ #site-navigation {width:960px; margin:0; padding:0; font-size:1.0em; padding:14px 0 13px 0; text-align:left; background:url(../images/nav-bottom-border.gif) #1e1e1e bottom left no-repeat; color:#fff} #site-navigation a {text-decoration:none; color:#DF5902} #site-navigation a:hover {color:#fff; cursor:pointer} #primary-nav {margin:0 17px; font-size:1.4em; font-weight:bold; min-height:22px; _height:22px; line-height:22px; /*padding-bottom:8px*/} #primary-nav li {float:left; position:relative; color:#fff; background:url(../images/nav-divider.gif) top right repeat-y; padding:0 13px 0 13px;} #primary-nav #nav-home {padding-left:0} #primary-nav li#nav-search {padding-right:0 !important; padding-left:0px !important; background:none; margin-right:0} #primary-nav #nav-search form {float:left} #primary-nav #nav-search label {float:left; margin-right:10px; display:inline; line-height:22px; color:#999; font-weight:bold; font-size:0.85em; padding-left:13px} #primary-nav #nav-search #videosearch {border:0; float:left; height:17px; width:98px; padding-top: 4px} #primary-nav #nav-search #searchbox {float:left !important} #primary-nav #nav-search #searchl {width:10px; height:22px; float:left; font-size:0; line-height:0} #primary-nav #nav-search #searchr {width:31px; height:22px; float:left; font-size:0; line-height:0} #primary-nav #nav-search #tl {width:10px; height:11px; background:url(../images/search-bg.gif) 0 0 #fff no-repeat} #primary-nav #nav-search #bl {width:10px; height:11px; background:url(../images/search-bg.gif) bottom left #fff no-repeat } #primary-nav #nav-search #tr {width:31px; height:11px; background:url(../images/search-bg.gif) top right #fff no-repeat} #primary-nav #nav-search #br {width:31px; height:11px; background:url(../images/search-bg.gif) bottom right #fff no-repeat } #primary-nav #nav-search #searchsubmit {margin-top:2px; width:29px; height:18px; border:0; position:absolute; right:2px} #primary-nav a {float:left; letter-spacing:-0.01em} #primary-nav #upload {background:url(../images/nav-upload-arrow.gif) center right no-repeat; padding-right:37px} #secondary-nav {font-size:1.2em; position:relative;} #secondary-nav .category-box {padding:13px 17px 0 17px; background-color:#1e1e1e;} #secondary-nav .category-title {position:absolute; left:-9999px; top:-9999px; height:1px; font-size:1; line-height:0; overflow:hidden} #secondary-nav .category-intro {/*margin-bottom:13px;*/ padding:13px 0; border-bottom:solid 1px #333; border-top:solid 1px #333} #secondary-nav dl {width:175px; float:left; font-weight:bold; margin-right:12px; /*padding-top:13px;*/padding-bottom:0;} #secondary-nav dt {padding:13px 0 10px 0} #secondary-nav dd {width:161px; float:left; margin-bottom:10px; display:block; padding-left:14px; background:url(../images/nav-bullet.gif) transparent /*center*/left 0.25em no-repeat; background-repeat:no-repeat !important /* required for ie5.5*/; clear:left} #secondary-nav dd a {min-height:14px; _height:14px; float:left; clear:left; /*border:solid 1px red*/} .catchupshow {/*background:url(../images/icon-catchup.gif) transparent top right no-repeat; padding-right:21px;*/} .catchupshow span {display:none} .catchupshow img {margin-left:5px} /*.catchupshow img {background:url(../images/icon-catchup.gif) transparent top right no-repeat; padding-right:21px}*/ /* 3 - Site components ---------------------------------------------------------------------------------------------------------------*/ /* Lineup summaries */ #lineup {width:571px; margin-left:10px; font-size:1.0em} #lineup ol {border-bottom:solid 1px #d5d5d5; margin-bottom:25px} #lineup-header {margin:15px 0 10px 0} #lineup-header h1 {width:449px; float:left; font-size:1.8em; font-weight:bold} #lineup-header .pagination {float:right; border:none; margin-bottom:0} #lineup .lineup-summary {font-size:1.2em; border-top:solid 1px #d5d5d5; padding-top:10px; width:571px; background:url(../images/lineupsummary-bg.gif) transparent 0 0 no-repeat; margin-bottom:10px; position:relative} .lineup-descripton {float:left; width:449px;} .lineup-descripton .lineup-thumb {float:left; width:120px; height:90px; border:solid 1px #aaa; padding:2px} .lineup-descripton h2, .lineup-descripton h3, .lineup-descripton p {margin-left: 136px;} .lineup-descripton h2 {margin-bottom:10px; font-size:1.2em; font-weight:bold} .lineup-descripton h2 span {display:block; color:#666; font-size:0.83em} .lineup-descripton h3 {margin-bottom:5px; font-size:0.95em} .lineup-descripton p {margin-bottom:13px; line-height:1.3em} .lineup-descripton .lastitem {margin-bottom:0} .lineup-feedback {float:right; width:105px} .lineup-feedback li {margin-bottom:10px} .lineup-feedback .lineup-days {color:#1f93bc} .lineup-feedback .lineup-views {font-weight:bold} .lineup-feedback .lineup-rating .js-kit-rating {margin-left:-5px !important; margin-top:-5px !important; padding-bottom:0; height:15px !important} .lineup-feedback .js-rating-labelText {display:none} .lineup-feedback .lineup-duration {position:absolute; bottom:-10px; left:469px; width:105px; } /* Pagination */ .pagination li {float: left} .pagination li a {background: #fff;display: block;width: 18px;min-height: 18px;_height:18px;font-size: 1.1em;font-weight: bold;border: 1px solid #df5902;text-align: center;line-height: 1.6em;margin-left: 4px;} .pagination li a:hover {color: #333;} /* 3 - Global elements ---------------------------------------------------------------------------------------------------------------*/ /** stv header **/ #stv-header-wrapper {font-size:1.0em; margin-bottom:0; border-bottom:solid 1px #e2e2e2; padding-top:1px; background-color:#fff /* 1px padding required for Opera bug*/} #stv-header {width: 950px; font-size:1.1em; margin:0 auto; min-height:150px; _height:150px; text-align:left} #stv-header ul {padding-top: 6px; margin-bottom: 15px} #stv-header li {padding-right:13px; background:url(../images/divider.gif) transparent top right no-repeat; float:left} #stv-header a {color: #009cc9;font-weight: bold} #stv-header a:hover {color: #004e64} #stv-header #stv-header-left {float: left; width:430px} #stv-header #stv-header-right {float: right; text-align:right; width:520px} #stv-header #stv-header-right ul {float:right} #stv-header #stv-logo {display: block;width: 164px;height: 88px;float: left;} #stv-header #collapsedBanner {float: right;width: 728px;height: 90px;text-align: right} #stv-header .lastcol {background-image:none !important} /** Player banner **/ #playerbanner {width:960px; margin-top:10px; background: url(http://files.stv.tv/img/player/video.banner.top.gif) #161616 0 0 no-repeat; min-height:26px; _height:26px; padding-top:6px} #playerbanner p {width:960px; background: url(http://files.stv.tv/img/player/video.banner.bottom.gif) #161616 bottom left no-repeat;} #playerbanner p a {color:#6cbfff; font-weight:bold; font-size:1.4em; display:block; padding-left:300px} #playerbanner p a:hover {cursor:pointer} #playerbanner p img {float:left; position:relative; top:-4px} #playerbanner p span {float:left; padding:0 25px 3px 20px; width:205px; background: url(http://files.stv.tv/img/player/video.banner.play.icon.gif) #161616 100% 0 no-repeat; display:block; position:relative; top:3px} #content {margin:10px 0 20px 0} /* 7 - General Styles ---------------------------------------------------------------------------------------------------------------*/ /* Clearing Styles */ .clearleft{clear:left} .clearright{clear:right} .clearboth{clear:both} /* CSS clearing */ .clearing:after, .row:after {content: "."; display:block; height: 0; clear: both; visibility: hidden} .clearing, .row {display: inline-block} /* Hides from IE-mac \*/ * html .clearing, * html .row {height: 1%} .clearing, .row {display: block} /* End hide from IE-mac */ /* Floats */ .fright {float:right;} .fleft {float:left} /* Skip link */ #skiplink {position:absolute; left:-9999px; top:-9999px; height:1px; font-size:1; line-height:0; overflow:hidden} /* remove spacing from last column item */ .lastcol {margin-right:0 !important; padding-right:0 !important; border-right:none !important; background:none !important} .lastitem {margin-bottom:0 !important; padding-bottom:0 !important; border-bottom:none !important} .blue {background-color:#0000FF} .bolden {font-weight:bold} /* No script message */ .nsmsg {padding: 0 5px 5px 5px; font-size:1.2em; font-weight:500; color:#000; line-height:1.3} .nsmsg h3 {font-size:1.4em} #helpbut {background:url(../images/stv-action-bar-divider.jpg) transparent 10px 0 no-repeat; padding-left:10px} /* .js #player {visibility:hidden} */