/* ELEMENTS */
body {
margin:0 auto;
padding:0;
background-color:black;
text-align:center;
font-family:Arial;
}
/* TOP NAV */
.topnav {font: 11px arial; color: white; font-weight: bold; height: 31px; text-align:left; width:1000px;}
.topnav a:link, .topnav a:visited {font: 11px arial; color: white; height: 14px; text-decoration: none; font-weight: bold;}
.topnav a:hover {font: 11px arial; color: white; height: 14px; text-decoration: none; font-weight: bold;}
.topSubnav, .topSubnav td {font: 11px arial; color: #fff; font-weight: bold;}
.topSubnav a:link, .topSubnav a:visited {font: 11px arial; color: #fff; text-decoration: none; font-weight: bold; line-height: 20px;}
.topSubnav a:hover {font: 11px arial; color: #fff; text-decoration: underline; font-weight: bold; line-height: 20px;}
.topNavItem {
padding: 11px 20px 4px 20px;
position: relative;
float: left;
}
#navContainerUL {
padding-left:4px;
width:1000px;
}
.topNavSubmenu {
display: none;
position: absolute;
top: 24px;
left: 0;
z-index: 2000;
min-width: 150px;
text-align: left;
border-left: 1px solid #3f4143;
border-bottom: 1px solid #3f4143;
border-right: 1px solid #3f4143;
background: transparent url('http://i.cdn.turner.com/v5cache/TNT/images/REDESIGN/universal/topnav_subnav_bg.png') repeat;
}
.topNavSubmenu table tr td {
white-space: nowrap;
}
.topnav ul {
padding: 0;
margin: 0;
list-style-type: none;
position: absolute; /* thanks IE */
z-index: 2000; /* thanks IE */
}
#topNavBackground{
background: transparent url(http://i.cdn.turner.com/v5cache/TNT/images/2010REDESIGN/headerNavBackgroundLong.gif) no-repeat;
}
#navContainer{
width:1000px;
height:31px;
margin: 0 auto;
}
/* ADS */
.adTagHorizontal {
margin: 7px auto;
height: 5px; /* thanks IE */
width: 71px; /* thanks IE */
overflow: hidden; /* thanks IE */
position: relative; /* thanks IE */
}
.adTagVertical {
position:absolute;
right:-12px;
}
.adTagExplorerFix {
position: absolute; /* thanks IE */
top: 0; /* thanks IE */
left: 0; /* thanks IE */
}
/* HEADER */
#headerContainer{
width:1000px;
margin: 0 auto;
}
#msNavSearchContainer{
width:1000px;
margin: 0 auto;
float:left;
}
#loginframe{
_filter:progid:DXImageTransform.Microsoft.Chroma(Color='#FFFFFF');
filter:alpha(opacity=100);
background-color: transparent;
background: transparent;
}
#searchTonightContainer{
background: url(http://i.cdn.turner.com/v5cache/TNT/images/2010REDESIGN/headerTonightontntBackgroundLong.gif) no-repeat;
width:1000px;
height:40px;
margin: 0 auto;
}
#logoBanner {
width:1000px;
height:110px;
margin-left:auto;
margin-right:auto;
padding-bottom:0;
}
#topLogo {
width:250px; float:left
}
#ad728 {
float:right;
position:relative;
margin-top: 10px;
}
.verticalAdLabel {
position:absolute;
right:-12px;
top:10px;
}
#myTNTbox {
width: 322px;
height: 28px;
float: right;
position: relative;
z-index: 100;
margin-top: 9px;
}
#facebookShare {
float: right;
margin: 14px 20px 0 20px;
}
#crumbs {
width: 380px;
height: 18px;
margin: 14px 0 0 19px;
background: url(http://i.cdn.turner.com/v5cache/TNT/images/2010REDESIGN/tonightOnTNTbackground.gif) repeat-x;
float: left;
text-align: left;
overflow: hidden;
}
#crumbsContent {
font-size: 10px;
color: #929393;
text-align: left;
margin: 2px 0 0 4px;
}
#crumbsContent a:link, #crumbsContent a:active, #crumbsContent a:visited, #lastcrumb {
color: #8dd5fd;
margin: 0 4px;
display: inline;
}
#search, #search td {font: 12px arial; color: #000;}
#searchContainer{
height:30px;
width: 150px;
margin:8px 15px 0 0;
float:right;
}
#searchForm{
display: inline;
padding: 0px;
margin: 0px;
width:117px;
}
#theSearchButton{
float:right;
width:19px;
}
#theSearchButtonImage {
margin-top:2px;
width:19px;
}
#theSearchInput{
float:right;
margin:2px;
}
#theSearchInput input {
margin-right:6px;
color: #656565;
width: 110px;
height:20px
background-color: #fff;
}
/* SHOW NAV */
#showNav {
color: #7796b4;
height: 35px;
width: 1000px;
margin: 0 auto 4px auto;
background: url(http://i.cdn.turner.com/v5cache/TNT/images/2010REDESIGN/show_nav_bg.gif) top left repeat-x #000;
text-align: left; /* for IE */
z-index: 1800; /* for IE */
}
#showNav ul {
padding-left: 4px;
margin: 0;
list-style-type: none;
}
#showNav ul li {
position: relative;
float: left;
z-index: 2;
}
#showNav ul li a, #showNav ul li a:visited {
color: #7796b4;
font-size: 13px;
font-weight: bold;
text-decoration: none;
display: block;
height: 35px;
line-height: 36px;
padding: 0 13px;
}
#showNav ul li a img {
border: 0;
margin-right: 6px;
}
#showNav ul li a:hover, #showNav a:hover, #showNav :hover > a {
background-color: #000;
z-index: 1800; /* for IE */
}
#showNav ul ul {
position: absolute;
top: 34px;
left: 0;
visibility: hidden;
z-index: 1800;
padding: 0;
background-color: #000;
}
#showNav ul ul li {
display: block;
float: none;
}
#showNav ul ul li a, #showNav ul ul li a:visited {
height: auto;
line-height: 13px;
padding: 5px 10px;
white-space: nowrap;
}
#showNav ul ul li.last {
height: 4px;
}
#showNav ul ul li a:hover {
background-color: #333;
}
#showNav ul li:hover ul, #showNav ul a:hover ul {
visibility: visible;
}
/* Series Home */
#mainBodyContainer {
padding:0;
margin: 0 auto;
text-align:center;
}
#mainBodyContainer a:link, #mainBodyContainer a:active, #mainBodyContainer a:visited {
text-decoration: none;
}
#mainBody {
width: 1000px;
min-height: 536px;
margin: 0 auto;
text-align: left;
}
#mainContentBottom {
margin: 6px auto;
background: url(http://i.cdn.turner.com/v5cache/TNT/images/2010REDESIGN/body_bottom.png) top left no-repeat;
width: 1000px;
height: 13px;
}
#seriesHeader {
width: 1000px;
/*height: 218px;*/
position: relative;
}
#airingRatings {
width: 202px;
font-weight: bold;
font-size: 12px;
margin-bottom: 30px;
margin-left: 5px;
color: #fff;
line-height: 20px;
}
.seriesRating {
font-size: 12px;
font-weight: normal;
font-style: italic;
color: #aaa;
}
#contentBody {
width: 1000px;
background: url(http://i.cdn.turner.com/v5cache/TNT/images/2010REDESIGN/body_background.png) top left repeat-y;
overflow: hidden;
margin: 0 auto;
}
#contentBodyInner {
/* This is necessary because IE sucks and can't float properly */
width: 1400px; /* excessively long so IE doesn't wrap the element */
}
#leftColumn {
width: 224px;
float: left;
}
#centerColumn {
width: 464px;
margin: 0 6px;
float: left;
}
#rightColumn {
width: 300px;
float: left;
color: #c0bebe;
}
#leftColumnInner, #rightColumnInner {
margin: 12px 6px 6px 6px;
}
#rightColumnTitle {
margin: 14px 0 14px 6px;
}
#centerColumnInner {
margin: 12px;
}
.columnTitle {
margin-bottom: 14px;
}
#300x250ad {
margin-bottom: 6px;
}
.connectHead {
color: #8db6dd;
border-bottom: 2px solid #526774;
margin-left: 5px;
margin-bottom: 9px;
font-size: 14px;
font-weight: bold;
width: 202px;
}
.connectHead a {
color: #8db6dd;
}
#voteHead {
margin-top: 36px;
font-size: 15px;
}
#voteBody {
color: #fff;
font-size: 11px;
margin-left: 5px;
margin-bottom: 32px;
width: 202px;
}
#voteBody a {
color: #79c9fe;
font-weight: bold;
}
#voteQuestion, #voteAnswers {
margin-bottom: 10px;
}
.wikiColor {
color: #fff;
}
.connectOffColor {
color: #9d9c9c;
}
.connectOn {
font-size: 12px;
}
.blogPost {
width: 440px;
margin: 0 auto 24px auto;
clear: left;
}
.blogImage {
width: 436px;
height: 130px;
position: relative;
border: 2px solid #000;
}
.blogImageLeft {
width: 86px;
height: 100px;
float: left;
margin-right: 10px;
border: 2px solid #000;
}
.blogTitle {
position: absolute;
top: 106px;
left: 11px;
}
.blogTitle a {
color: #fff;
font-size: 16px;
font-weight: bold;
}
.blogTitleSolo {
border-bottom: solid 1px #444;
}
.blogTitleSolo a {
color: #000;
font-size: 16px;
font-weight: bold;
}
.blogDateLine {
border-bottom: solid 1px #444;
}
.blogText, .blogTextOld {
margin: 8px 0 0 10px;
font-size: 12px;
color: #444;
}
.blogText a:link, .blogText a:active, .blogText a:visited {
color: #0864a4;
font-weight: bold;
}
.blogTextOld a:link, .blogTextOld a:active, .blogTextOld a:visited {
color: #444;
}
.blogDate {
color: #000;
font-size: 10px;
}
#blogNav {
color: #444;
font-size: 11px;
line-height: 24px;
width: 440px;
margin: -16px auto 16px auto;
text-align: right;
border-bottom: 1px solid #444;
display: none;
}
#blogNav a {
margin: 0 4px;
color: #444;
}
.shareBar {
background-color: #97a6ab;
height: 27px;
overflow: hidden;
padding: 0 8px;
margin-top: 8px;
}
.shareBar iframe {
margin-top: 2px;
}
.blogShare {
float: right;
margin-top: 7px;
}
.centerOverlay {
position: absolute;
top: 0;
left: 0;
}
#topRightBox {
width: 270px;
height: 104px;
margin: 0 auto 16px auto;
font-size: 12px;
}
#topRightImage {
width: 86px;
height: 100px;
border: 2px solid #717070;
float: right;
position: relative;
}
#topRightHeadline a, #topRightHeadline a:link, #topRightHeadline a:active, #topRightHeadline a:visited {
color: #a0d0fd;
font-size: 14px;
text-decoration: underline;
font-weight: bold;
}
#topRightText a:link, #topRightText a:active, #topRightText a:visited {
color: #fff;
font-weight: bold;
}
.rightFeature {
width: 285px;
height: 66px;
border: 2px solid #717070;
margin: 0 auto 9px auto;
position: relative;
}
#theMan {
font-size: 11px;
height: 418px;
background-position: top right;
background-repeat: no-repeat;
}
.theManText {
margin: 0 130px 0 16px;
}
.theManText a, .theManText a:link, .theManText a:active, .theManText a:visited {
color: #91babf;
}
#theMan .theManText a:hover {
text-decoration: underline;
}
.theManHeadline {
margin: 18px 130px 0 16px;
}
#theMan .theManHeadline a, #theMan .theManHeadline a:link, #theMan .theManHeadline a:active, #theMan .theManHeadline a:visited {
color: #a0d0fd;
font-size: 12px;
text-decoration: underline;
font-weight: bold;
}
#VotingShare {position:relative;width:435px;background-color: #97a6ab;height:30px;margin:10px 0;}
#facebookVoteShare {position:absolute;left:10px;top:5px; width: 100px; height: 30px;}
#twitterVoteShare {position:absolute;left:160px;top:5px;text-align: right; width: 130px;}
#subSocialWidgets {
float: right;
height: 40px;
margin: 15px;
position: relative;
width: 297px;
}
#gigyaVoteShare{
background: url("http://i.cdn.turner.com/v5cache/TNT/cvp/images/share2011.jpg") no-repeat scroll 0 0 transparent;
height: 19px;
margin-left: 23px;
width: 63px;
position:absolute;
right:10px;
top:5px;
text-align: right;
cursor: pointer;
}
/* Footer */
#footerv6 {width:1000; height:55px; position:relative; margin:30px auto 0 auto; padding:0px; color:#666; font:11px Arial,sans-serif; line-height: 20px;}
#footerv6 a:link, #footerv6 a:hover, #footerv6 a:visited {font: 11px Arial,sans-serif; text-decoration: underline; color: #999999;}
/* Clear */
.clear {clear:both;}
.clearBoth {
clear: both;
}
/* STORY */
#storyBody {
width: 1000px;
/*height: 683px;*/
font-size: 11px;
clear: both;
position: relative;
}
#leftStoryColumn {
width: 624px;
/*height: 684px;*/
float: left;
}
#storyContent {
width: 624px;
height: 614px;
overflow-x: hidden;
overflow-y: auto;
margin-left: 0;
position: relative;
}
#storyContentInner {
padding: 30px;
}
#quigoHome {
margin-top: 25px;
}
#quigoHolder {
float:left;
}
#bottomPromos {
margin-left: 27px;
}
.subBox {
float: left;
width: 191px;
height: 128px;
margin: 7px 0 0 7px;
background-color: #000;
}
.innerBox {
width: 181px;
margin: 5px;
}
.innerBoxText {
font: 12px verdana;
color: #fafad5;
font-weight: bold;
text-decoration: none;
}
#rightStoryColumn {
width: 376px;
float: left;
padding-bottom: 10px; /* this allows space for quigo and the 125x125 which are absolute positioned */
}
#rightStoryColumnInner {
padding-left: 22px;
}
#box300x250 {
width: 339px;
height: 266px;
margin: 7px 0 24px 0;
text-align: center;
background: url(http://i.cdn.turner.com/v5cache/TNT/images/2010REDESIGN/300x250_bg.png) top left no-repeat;
padding: 6px 0;
}
#box300x250 img {
margin-top: 8px;
}
#ad125x125home {
margin-top: 25px;
}
#ad125x125 {
float:left;
margin-left:14px;
}
#right300x250 {
width: 300px;
height: 250px;
overflow: hidden;
}
.storyConnectHead {
width: 336px;
color: #c6e3fe;
font-size: 16px;
border-bottom: 2px solid #526774;
font-weight: bold;
margin-bottom: 10px;
}
.storyConnectFollow {
font-size: 14px;
color: #8db6dd;
}
.storyConnect {
color: #8db6dd;
font-size: 14px;
font-weight: bold;
width: 320px;
border-bottom: 1px solid #000;
margin: 0 0 15px 16px;
}
.storyConnect a:link, .storyConnect a:active, .storyConnect a:visited {
color: #79c9fe;
font-weight: bold;
}
.connectType {
width: 336px;
color: #9d9c9c;
font-size: 14px;
margin: 0 10px 0 4px;
font-weight: bold;
}
#storyShareButton{
margin-bottom: 31px;
}
#storyContentBottom {
width: 1000px;
height: 13px;
margin: 0 auto;
}
#storyContentBottomChevy {height: 375px;display:none;}
#storyTitle {
display: none;
}
#storyText {
display: block;
}
#storyImage {
display: none;
}
/* episode guides */
.episodeguide {font: 11px verdana; text-decoration: none; color: #000;}
.episodeguideTtl {font: 18px verdana; text-decoration: none; font-weight: bold; color: #000}
.episodeguideDate {font: 11px verdana; text-decoration: none; font-weight: bold; color: #000}
.episodeguideSea {font: 12px verdana; text-decoration: none; font-weight: bold; color: #000}
.episodeguideSea a:link, .episodeguideSea a:visited {font: 12px verdana; text-decoration: none; font-weight: bold; color: #5E5E5E}
.episodeguideSea a:hover {font: 12px verdana; text-decoration: underline; font-weight: bold; color: #5E5E5E}
/* 2011 Alternative Layout */
#altstoryBody{ width: 1000px;clear: both;position: relative;}
#altLeftColumn{width:624px;margin:0px;float:left;}
#altRightColumn{width:376px;margin:0px;float:left;}
#altInnerRight{float:left;padding-left:20px;}
#altLrgColumn{width:356px;float:left;margin:6px 6px 0 6px;}
#altSmColumn{width:250px;float:left;margin-top:6px;}
#altLrgPicBox{width:350px; overflow:hidden;}
#altSmPicBox{width:250px; overflow:hidden;}
.altBlurbBox{width:250px;margin:8px 0 1px 0;float:left;height:80px;overflow:hidden;}
.altInnerBlubBox{width:149px;float:right;}
.altBlurbPic{width:96px;float:left;}
.picNudge{margin-right:5px;}
#right300x253{width:335px; margin:6px auto 8px;overflow:hidden;}
#altLrgPicBox, #altSmPicBox, #right300x253{height:253px;border-bottom:6px solid #000000;float:left;}
#altLrgColumn p{font-size:0.8em;}
.altsideTxt{font-size:0.76em;}
#altstoryContentInner{padding:10px;}
#altCharNav{width:604px; float:left; heigh:72px;}
#altCharNav li{list-style-type:none; display: inline;padding-right:3px;}
#altCharNav li .altLast {padding-right:0px;}
#altCharColumn{float:left;width:259px;margin-top:5px;margin-right:10px;}
#altCharBio{float:left;width:330px;}
#altCharBio p {font-size:0.75em;}
#altCharBio H1 {font-size:0.98em; font-weight:bold;}
.altInnerBlubBox .altSideSub{font-size:0.95em; font-weight:bold;color:#013973;margin-top:-3px;}
.altInnerBlubBox .altSideSub a{font-size:0.95em; font-weight:bold;color:#013973;margin-top:-3px;}
.altInnerBlubBox .altSideBlurb{font-size:0.7em;margin-top:-15px;}
#altmainContentBottom {margin: 6px auto;background: url(http://i.cdn.turner.com/v5cache/TNT/images/2010REDESIGN/body_bottom_2011.png) top left no-repeat;width: 1000px;height: 13px;}
#altWideholder, #altWideholder2{width:1000px;float:left;}
#altWideholder{text-align:center;margin-top:20px;}
#altWideholder2{text-align:left;margin-top:-4px;}
.altseriesLftColumn2{float:left;width:610px;margin-left:10px;margin-top:20px;}
.altseriesRtColumn2{float:left;width:380px;min-height:536px;}