/*** common styles across variety.com pages ***/

body {
background:none;
background-color:#edf1ef;
font:12px/1.275em arial,helvetica,"MS Reference Sans Serif";
margin:0px;
padding:0px;
text-align:center;
}

form {
margin:0px;
padding:0px;
}

.clear{
clear:both;
margin:0;
padding:0;
}

.clearright{
clear:right;
}

.clearleft{
clear:left;
}

a{color:#369;text-decoration:none;}

a:hover{text-decoration:underline;color:#900;}

a:visited{text-decoration:none;color:#666;}

.more {
margin:0; 
padding:0 10px;
text-align:right;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

.more a {
color:#069;
}

.more a:hover{
color:#86a4cb;
}

#mainbody, #mainContainer {
background-color:#fff;
border:1px solid #cc9;
margin:0px auto 0px auto;
position:relative;
text-align:left;
width:996px;
}

#mainContainer {
background-color:#fefef4;
}

#mainbody {
border-top:1px solid #cc9;
border-left:none;
border-right:none;
border-bottom:none;
width:996px;
}

.adcontainer {
height:90px;
display:block;
background-color:#fff;
}

/*** header - logo - search ***/
#globalheader {
margin:10px;
}

#varietylogo, #varietylogo a {
background:url("http://images2.variety.com/graphics/variety/Variety_logo_green_tm.gif") #fff no-repeat 0px center;
display:block;
height:96px;
margin:0 0 0 -3px;
padding:0;
text-indent:-999em;
text-decoration:none;
width:338px;
float:left;
position:relative;
}

*html #varietylogo, #varietylogo a {
margin-left:-2px;
}

#globalinfo {
margin-top:80px;
float:left;
position:relative;
margin-left:-20px;
}

#globalNavSearch {
float:right;
position:relative;
}

#globalSearch {
margin-top:25px;
text-align:right;
}

.searchtextinputNew {
font:11px "MS Reference Sans Serif";
margin-right:3px;
}

#globalinfo, #globalNavSearch {
font:10px "MS Reference Sans Serif";
color:#369;
}

#globalinfo a, #globalNavSearch a {
text-decoration:none;
color:#369;
}

.headers {
font:bold 12px "MS Reference Sans Serif",arial,helvetica;
}

input#SearchText{
border:1px solid #bfb093;
background-color:#fff;
padding:2px 0 4px 2px;
width:inherit;
}

/*** global navigation/top navigation ***/
div#globalnav {
width:996px;
height:25px;
background-color:#daeadf;
border-top:1px solid #867f6e;
border-bottom:1px solid #867f6e;
overflow:visible;
z-index:99999999;
margin-bottom:11px;
}

div#topnavmenu {
position:relative;
z-index:999;
display:block;
overflow:visible;
width:999px;
}

ul#topnavlevel1,ul#topnav2,ul#globalnavMenu {
list-style:none;
z-index:100;
margin:0 0 0 4px;
padding:0;
}

ul#topnavlevel1 {
margin:0 4px 0 1px;
}

ul#topnav2 {
margin:0 3px 0 3px;
width:auto;
}

ul#topnavlevel1 li {
background-color:#daeadf;
display:block;
float:left;
position:relative;
margin:0;
padding:0 22px 0 23px;
border-right:1px solid #cc9;
}

ul#topnav2 li {
background:url("http://images2.variety.com/graphics/variety/TopNavGradient26.gif") repeat-x; 
display:block;
float:left;
position:relative;
margin:0;
padding:0 18px 0 18px;
border-right:1px solid #966;
color:#e0dbcd;
}

ul#topnav2 li#blogs, ul#topnav2 li#video, ul#topnav2 li#photo {
border-left:1px solid #fff;
border-right:none;
}

*html ul#topnav2 li {
padding:0 19px;
}

.webkit ul#topnav2 li {
padding:0 16px; /* for Safari only */
}

.chrome ul#topnav2 li {
padding:0 18px 0 19px; /* for chrome only */
}

.gecko ul#topnav2 li {
padding:0 20px 0 21px; /* for firefox win only */
}

.ie8 ul#topnav2 li {
padding:0 17px 0 17px; /* for ie8 only */
}

ul#globalnavMenu li {
display:block;
float:left;
position:relative;
margin:0;
padding:0;
}

ul#topnavlevel1 div.lvl2cont, ul#topnav2 div.lvl2cont, ul#topnav2 div.lvl2cont2 {
position:absolute;
top:13px;
width:700px;
height:1px;
z-index:100000;
left:-99999999px;
overflow:visible;
}

ul#globalnavMenu div.globalnavLev2 {
position:absolute;
top:10px;
height:1px;
z-index:100000;
left:-99999999px;
overflow:visible;
}

ul#topnav2 li#video {
padding:0 23px 0 22px;
}

html*ul#topnav2 li#video {
[padding:0 23px 0 22px; /*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
padding:0 21px 0 20px; /*Affects Google Chrome amd Safari for Macintosh only (v1-3). Seen also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]padding:0 21px 0 20px; /*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}
.dummyend[id]{clear:both;/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

*html ul#topnav2 li#video {
padding:0 21px 0 21px; /*Finally, be sure to reapply a fix that affects IE 5-6 only here*/
}

.webkit ul#topnav2 li#video {
padding:0 20px; /* for Safari only */
}

html*ul#topnav2 li#photo {
[padding:0 20px 0 20px; 
padding:0 15px 0 16px; 
]padding:0 25px 0 26px; 
}
.dummyend[id]{clear:both;}

* html ul#topnav2 li#photo {
padding:0 24px 0 26px; 
}

.chrome ul#topnav2 li#photo {
padding:0 24px 0 25px; /* for chrome only */
}

.gecko ul#topnav2 li#photo {
padding:0 15px 0 15px; /* for mac firefox, mozilla, camino */ 
position:absolute; 
right:3px; 
z-index:1; 
}

.win.gecko ul#topnav2 li#photo {
padding:0 20px 0 21px; /* for win firefox, mozilla, camino */
}

ul#topnavlevel1 li a, ul#topnav2 li a {
text-decoration:none;
}

ul#topnavlevel1 li:hover, ul#topnav2 li:hover {
background-color:#fff;
}

* html ul#topnavlevel1 li:hover, * html ul#topnav2 li:hover {
padding:0 7px 2px;
}

ul#globalnavMenu li:hover {
background-color:#fff;
}

ul#topnavlevel1 li a, ul#topnav2 li a{
color:#000;
}

ul#topnav2 div.lvl2cont {
width:305px;
}

ul#topnav2 div.lvl2cont2 {
width:244px;
}

ul#topnavlevel1 li h3, ul#topnav2 li h3 {
margin:4px 0;
font:bold 13px/1.275em verdana,arial,helvetica;
text-transform:uppercase;
}

ul#topnav2 li h3 {
margin:4px 0 5px 0;
color:#000;
}

ul#topnav2 li h3:hover {
color:#000;
}

ul#topnav2 li#photo h3 {
margin-right:1px;
}

ul#globalnavMenu div.globalnavLev2 {
width:80px;
}

ul#topnavlevel1 li.sfhover div.lvl2cont, ul#topnav2 li.sfhover div.lvl2cont, ul#topnav2 li.sfhover div.lvl2cont2 {
left:-1px;top:25px;
}

ul#globalnavMenu li.sfhover div.globalnavLev2 {
left:10px;
top:11px;
}

ul#topnavlevel1 ul.level2, ul#topnavlevel1 ul.level2b, ul#topnav2 ul.level2, ul#topnav2 ul.level2b {
position:relative;
top:0;
list-style-type:none;
float:left;
background-color:#daeadf;
border:1px solid #666;
z-index:100000;
margin:0;
padding:0;
}

ul#globalnavMenu ul {
position:relative;
top:0;
list-style-type:none;
float:left;
background-color:#ccc;
border:1px solid #666;
z-index:100000;
margin:0;
padding:0;
}

ul#topnav2 ul.level2, ul#topnav2 ul.level2b {
background-color:#999;
}

ul#topnavlevel1 ul.level2b {
border-left:none;
}

ul#topnav2 ul.level2 {
border-right:none;
}

ul#topnavlevel1 li ul.level2 li, ul#topnavlevel1 li ul.level2b li, ul#topnav2 li ul.level2 li, ul#topnav2 li ul.level2b li {
border-top:1px dotted #999;
border-bottom:none;
float:none;
white-space:nowrap;
background:none;
color:#000;
margin:0;
padding:0;
}

ul#topnav2 li ul.level2 li, ul#topnav2 li ul.level2b li {
border-top:1px dotted #000;
}

ul#topnavlevel1 li ul.level2 li:hover, ul#topnavlevel1 li ul.level2b li:hover, ul#topnavlevel1 li ul.level2 li.sfhover, ul#topnavlevel1 li ul.level2b li.sfhover,
ul#topnav2 li ul.level2 li:hover, ul#topnav2 li ul.level2b li:hover, ul#topnav2 li ul.level2 li.sfhover, ul#topnav2 li ul.level2b li.sfhover {
border-left:none;
border-right:none;
background-color:#fff;
}

ul#globalnavMenu li ul li {
border-top:1px dotted #999;
width:98px;
padding:2px 0 2px 2px;
margin:0;
}

ul#globalnavMenu li ul li.first {
border-top:none;
}

ul#globalnavMenu li ul li:hover, ul#globalnavMenu li ul li:sfhover {
background-color:#fff;
}

ul#topnavlevel1 li ul.level2 li.first, ul#topnavlevel1 li ul.level2b li.first,
ul#topnav2 li ul.level2 li.first, ul#topnav2 li ul.level2b li.first {
border-top:none;
float:none;
white-space:nowrap;
margin:0;
padding:0;
}

ul#topnavlevel1 li ul.level2 li.first:hover, ul#topnavlevel1 li ul.level2b li.first:hover, ul#topnavlevel1 li ul.level2 li.firstsfhover, ul#topnavlevel1 li ul.level2b li.firstsfhover,
ul#topnav2 li ul.level2 li.first:hover, ul#topnav2 li ul.level2b li.first:hover, ul#topnav2 li ul.level2 li.firstsfhover, ul#topnav2 li ul.level2b li.firstsfhover {
background-color:#fff;
border:none;
margin:0;
padding:0;
}

ul#topnavlevel1 li ul.level2 li a, ul#topnavlevel1 li ul.level2b li a,
ul#topnav2 li ul.level2 li a, ul#topnav2 li ul.level2b li a {
display:block;
font:11px bold arial, helvetica, sans-serif;
white-space:nowrap;
line-height:14px;
margin:0;
padding:5px 6px 3px;
text-transform:uppercase;
}

ul#topnavlevel1 li ul.level2 li a:hover, ul#topnavlevel1 li ul.level2b li a:hover,
ul#topnav2 li ul.level2 li a:hover, ul#topnav2 li ul.level2b li a:hover {
border:none;
margin:0;
padding:5px 6px 3px;
}

* html ul#topnavlevel1 li ul.level2 li a,* html ul#topnavlevel1 li ul.level2b li a,* html ul#topnavlevel1 li ul.level2 li a:hover,* html ul#topnavlevel1 li ul.level2b li a:hover,
* html ul#topnav2 li ul.level2 li a,* html ul#topnav2 li ul.level2b li a,* html ul#topnav2 li ul.level2 li a:hover,* html ul#topnav2 li ul.level2b li a:hover {
width:1px;
line-height:14px;
}

ul#topnav2 li div.lvl2cont, ul#topnav2 li div.lvl2cont2 {width:300px;}
ul#topnav2 li div.lvl2cont #OpinionsContainer {width:350px;}
ul#topnav2 li ul.level2 {float:left;position:relative;}
ul#topnav2 li ul.level2b {float:left;}
ul#topnav2 li div#blogContainer {margin-left:-171px;}
ul#topnav2 li div#videoContainer {margin-left:-170px;}
ul#topnav2 div#photoContainer {margin-left:-109px;}

.safari ul#topnav2 li div#blogContainer {
margin-left:-188px; /* for Safari and Chrome */
}

.safari ul#topnav2 div#photoContainer {
margin-left:-150px;
}

.chrome ul#topnav2 li div#blogContainer {
margin-left:-171px; /* for Chrome only */
}

.chrome ul#topnav2 div#photoContainer {
margin-left:-109px;
}

.gecko ul#topnav2 li div#blogContainer {
margin-left:-167px; /* for firefox win only */
}

.gecko ul#topnav2 div#photoContainer {margin-left:-119px;}



/*** FOOTERS, COPYRIGHT ***/
#dotRule {
border-top:1px dotted #c2ceda;
margin:0;
padding:0;
}

#copyright {
background-color:transparent;
color:#333;
font:11px Arial, Helvetica, sans-serif;
margin:10px 0 5px 20px;
}

#copyright a {
color:#369;
}

#copyright a img {
border:none;
vertical-align:text-bottom;
}

#footercontainer, #footercontainerNew {
background-color:#f0f0f0;
border:1px solid #c2ceda;
color:#369;
margin:8px;
height:295px;
padding:0;
}

.wtf {
float:left;
width:30%;
text-align:left;
margin:10px;
}

.wtf h5 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
margin:0 0 5px 0;
}

.wtf ul {
list-style:none;
margin:0 0 4px;
padding:0;
}

.wtf ul li, .wtf ul li a {
font:11px Arial, Helvetica, sans-serif;
color:#369;
list-style:none;
display:inline;
padding:0;
}


/*** variety to go ***/
#navWidgets {
width:298px;
border:1px solid #ccc;
background-color:#f6f6f6;
font:12px Arial, Helvetica, sans-serif;
color:#369;
margin-bottom:10px;
}

#navWidgets a {
color:#369;
text-decoration:none;
margin:10px;
}

#navWidgetsHead {
background-color:#ccc;
padding:8px 10px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#0F7F33;
}

#varietyToGoLeft, #varietyToGoRight {
float:left;
width:50%;
margin-top:4px;
}

.varietyToGo {
float:left;
margin:7px 0;
}

#navWidgetsSignup {
background-color:#ccc;
padding:8px 8px;
}


#navWidgetsSignup h2, .announce {
font:11px Arial, Helvetica, sans-serif,"MS Reference Sans Serif";
}

#navWidgetsSignup h2 {
color:#000;
float:left;
position:relative;
margin:0;
padding:0;
}

.searchtextinputToGo {
font:11px "MS Reference Sans Serif";
}

#digitalVariety {
position:absolute;
left:870px;
top:192px;
z-index:100;
white-space:nowrap;
}

*html #digitalVariety {
left:885px;
}

.announce {
display:inline;
float:right;
}

/** ads **/
div#headeradleaderboard {
position:absolute;
top:0px;
text-align:center;
z-index:900000 !important;
overflow:visible !important;
text-align:center;
left:133px;
background-color:#fff;
}

div#stripad{
margin:0 1px;
padding:0;
line-height:0.1em;
}

div#advertisement{
color:#999;
font: bold 10px arial, sans-serif;
text-align:center;
}

div#ad330x74 {
margin:0;
padding:0;
}

#w300x250 {
clear:both;
width:300px;
height:250px;
}


/* ie fix if 300x250 is a flash ad that is too big */
* html div.iefix {
text-align:center;
background-color:#fff;
}

* html div.iefix div{
width:336px;
height:286px;
text-align:center;
overflow:visible;
clip:hidden;
background-color:#fff;
}

* html div.iefix table{
position:relative;
left:0px;
top:0px;
width:300px;
background-color:#fff;
}


/*** css sprites ***/
#share, #bookmark, #rss, #digital, #mobile, #homedeliver {
background:url('http://images2.variety.com/graphics/variety/evSprites4.gif') no-repeat;
float:left;
position:relative;
width:32px;
margin-left:4px;
}

#share {
background-position:0 -2px;
height:24px;
}

#bookmark {
background-position:0 -29px;
height:21px;
margin-top:4px;
}

#rss {
background-position:0 -50px;
height:23px;
margin-top:2px;
}

#digital {
background-position:0 -128px;
width:81px;
height:25px;
}

#mobile {
background-position:0 -100px;
height:26px;
}

#homedeliver {
background-position:0 -73px;
height:25px;
}

/*General -- Section Headers*/
div#sectionheader h3 {
margin: 0px; 
padding: 17px 0px 0px 5px;
font: bold 26px Georgia, "Times New Roman", Times, Courier, serif; 
color: #666;  
text-transform: uppercase;
}

div#sectionheadercontainer {
background:url("http://images2.variety.com/contents/images/evRarticlecontainertile.gif") transparent repeat-x top left;
margin:0 0 5px 0;
padding:0 0 0 5px;
position:relative;
}

div#sectionheader,
div#columnistarchive,
div#columnistarchive h3 {
background:url("http://images2.variety.com/contents/images/evRBackgroundTriangleTile.gif") transparent repeat-x bottom left;
margin:0;
padding:5px 0 5px 5px;
position:relative;
}

div#sectionheader h1 {
margin:0;
padding:17px 0 5px 0;
font-weight:bold;
font-size:26px;
color:#666;
text-transform:uppercase;
line-height:26px;
}

div#sectionheader h1 a{
font-size:26px;
font-weight:bold;
color:#666;
text-transform:uppercase;
}

div#sectionheader h1 a:hover {
text-decoration:none;
}

div#sectionheader div.sponsor{
display:block;
float:right;
text-align:center;
width:88px;
height:42px;
}

div#sectionheader div.sponsor a img{
border:none;
}

div#sectionheader div.sponsortext{
background-color:transparent;
color:#999;
font:bold 8px arial, sans-serif;
text-align:justify;
text-transform:uppercase;
width:88px;
}

div#sectionheadermenu {
margin:0;
padding:0;
border:1px solid #fff;

}



div#sectionheadermenu ul {
font-weight:bold;
margin:0 0 30px 15px;
padding:0;
list-style-type:none;
}

div#sectionheadermenu li {
margin:0;
padding:0 5px 0 0;
float:left;
color:#174A76;
font-weight:bold;
}

div#sectionheadermenu li a, div.sectionheadersubnav li a {
margin:0;
padding:0;
text-transform:uppercase;
}

div.sectionheadersubnav ul {
border-bottom:3px solid #0F7F33;
margin:0 0 10px 5px;
padding:0 0 10px 10px;
list-style-type:none;
}

div.sectionheadersubnav li {
border-left:1px solid #1d4f79;
color:#174A76;
display:inline;
margin:0;
padding:0 5px;
}

div.sectionheadersubnav li.first {
display:inline;
margin:0;
padding:0 5px 0 0;
color:#174A76;
border-left:none;
}

div.sectionheadersubnav li a {
font-weight:bold;
}

div.sectionheaderdescriptioncontainer{
margin:0 0 10px 0;
padding:0 0 0 5px;
}

div.sectionheaderdescription,
div.sectionheaderdescriptionfirst{
border-bottom:1px dotted #ccc;
display:block;
float:left;
height:165px;
margin:0 0 0 2px;
padding:0 0 5px 0;
width:159px;
}

div.sectionheaderdescriptionfirst{
margin:0;
}

div.sectionheaderdescription h4,
div.sectionheaderdescriptionfirst h4{
border-bottom:1px dotted #ccc;
margin:0 0 5px 0;
padding:0 5px 5px 5px;
}

div.sectionheaderdescription h4 a,
div.sectionheaderdescriptionfirst h4 a{
text-transform:uppercase;
}

div.sectionheaderdescription div.copy,
div.sectionheaderdescriptionfirst div.copy{
color:#333;
font-size:10px;
margin:0;
padding:0 5px;
}

div#sectionheadercontainer div#sectionheader div#pwclogo {
float:right;
display:block;
width:260px;
text-align:center;
}