/* 
	CSS
	------------------------------------------------------------------------------------------
	@site				sho.com/movies
	@project			movies
	@file				movies.css
	@modified			10.05.09
	@author				ncavanagh
	@desc				rules for movie page (/site/movies.do)
	
	/*
	=:movies
	----------------------------------------------------------------------------------------*/
	body#movies { background:#000 url(/site/movies/image-panel/backgrounds/home-full.jpg) no-repeat top center scroll; } /* was home.jpg */
	
	#wrapper-bottom { z-index:0; }
	
	/* adjust for dark background */
	#movies #masthead h1 a { background-image:url(/site/sho/image-panel/common/logo-white_180x90.png)  }
	#movies #membership-tools, #membership-tools a, #membership-tools p { color:#fff; }
	#site-info, #site-info a:link, #site-info a:visited, #site-info a:hover, #site-info a:active { color:#fff; }
	#site-info a:link, #site-info a:visited, #site-info a:hover, #site-info a:active { text-decoration:underline; }
	
	/* adjust for centered nav */	
	#movies-content #nav-movies { 
		top:86px;
		left:322px; }
		
	#movies #nav-movies #main { display:none; }
	#movies #nav-movies li.on .nav-genre { left:-210px; }
	#movies #nav-movies ul li .tail { left:220px; }
	#movies #nav-movies li.on .nav-channel { left:-270px; }
	#movies #nav-movies ul.nav-channel li .tail { left:288px; }
	/* strange MAC FF bug */	
	#movies #nav-movies .nav-genre { width:418px; }
	#movies #nav-movies ul.genre-col a { margin-left:1px; }
	
	#movies-content a:link, #movies-content a:visited, #movies-content a:hover, #movies-content a:active {
		color:#89B5CC;
		font-weight:bold;
		text-decoration:none; }
		
	#movies-content a:hover { color:#2F96CB; }
	
	body#movies #content { 
		padding-top:0px;
		padding-bottom:12px;
		min-height:900px;
		background:none; }
		
	#movies-content { padding-top:463px; position:relative; }  /* was 533px */
		
	#movies h2.header {
		position:absolute;
		top:10px;
		left:60px;
		height:59px;
		width:850px;
		background:transparent url(/site/movies/image-panel/movies-on-showtime.png) no-repeat; 
		text-indent:-6000px; }
		
	#movies-carousel, #movies-carousel-noscript {
		position:absolute;
		top:117px;   /* was 89px */
		left:10px;
		height:437px;
		width:950px;
		overflow:hidden;
		background:transparent; }
		
	#carousel {
		height:437px;
		margin-bottom:0px; }	
		
	#carousel .panel {
		height:437px;
		width:950px; }
		
	#movies-carousel-bottom {
		position:relative;
		left:10px;
		height:20px;
		width:950px; }
		
	#movies .primary  { z-index:199; }
	#movies .secondary { z-index:1; }
	
	/*
	=:mod
	----------------------------------------------------------------------------------------*/
	.mod { color:#B3B3B3; }
	.mod-set { background:#121212 url(/site/movies/image-panel/mod-stripe_390x54.png) repeat-y scroll left top; }
	.c4 .mod-set { background:#0B0B0B url(/site/movies/image-panel/mod-black-bg_12x2.png) repeat-y scroll left top; }
	.primary .mod { background:#121212 url(/site/movies/image-panel/mod-bg_10x100.gif) repeat-y scroll left top; }
	
	.mod .tr { background-image:url(/site/movies/image-panel/mod-corner-tr.gif); }
	.mod .tl { background-image:url(/site/movies/image-panel/mod-corner-tl.gif); }
	.mod .bl { background:#121212 url(/site/movies/image-panel/mod-corner-bl.gif) no-repeat scroll left top; }
	.mod .br { background:#121212 url(/site/movies/image-panel/mod-corner-br.gif) no-repeat scroll right top; }

	.mod-set .tl { background-image:url(/site/movies/image-panel/mod-stripe-top_390x10.png); }
	.mod-set .tr { background-image:url(/site/movies/image-panel/mod-stripe-top_390x10.png); }
	.mod-set .bl { background-image:url(/site/movies/image-panel/mod-stripe-corner-bl.png); }
	.mod-set .br { background-image:url(/site/movies/image-panel/mod-stripe-corner-br.png); }
	
	.c4 .mod-set .tl { background-image:url(/site/movies/image-panel/mod-black-top_292x10.png); }
	.c4 .mod-set .tr { background-image:url(/site/movies/image-panel/mod-black-top_292x10.png); }
	.c4 .mod-set .bl { background-image:url(/site/movies/image-panel/mod-black-bottom_292x10.png); }
	.c4 .mod-set .br { background-image:url(/site/movies/image-panel/mod-black-bottom_292x10.png); }
	
	.secondary .mod { 
		padding:0px;
		border:0px; 
		background:none; }
	
	/*
	=:headers
	----------------------------------------------------------------------------------------*/
	.primary .mod h3, .secondary .mod-set .mod h3 {
		padding:8px 0 8px;
		color:#A5A5A5;
		font-size:20px;
		font-family:Helvetica,Arial,sans-serif;
		text-transform:none;
		border-bottom:0px;
		background:transparent url(/site/movies/image-panel/stroke.png) repeat-x scroll left bottom; }

	h3 span { 
		display:block;
		width:300px;
		height:22px; 
		text-indent:-6000px;}
		
	h3 #on-demand-header { background: url(/site/movies/image-panel/headers/on-demand.png) no-repeat left center; } 
	h3 #on-tonight-header { background: url(/site/movies/image-panel/headers/on-tonight.png) no-repeat left center; } 
	h3 #action-header { background: url(/site/movies/image-panel/headers/action-on-showtime.png) no-repeat left center; } 
	h3 #comedy-header { background: url(/site/movies/image-panel/headers/comedy-on-showtime.png) no-repeat left center; }
	h3 #drama-header { background: url(/site/movies/image-panel/headers/drama-on-showtime.png) no-repeat left center; }
	h3 #horror-header { background: url(/site/movies/image-panel/headers/horror-on-showtime.png) no-repeat left center; }
	h3 #romance-header { background: url(/site/movies/image-panel/headers/romance-on-showtime.png) no-repeat left center; }
	h3 #discuss-header { background: url(/site/movies/image-panel/headers/discuss.png) no-repeat left center; }
		
	/*
	=:featured movies
	----------------------------------------------------------------------------------------*/
	#featured-movies { 
		position:relative;
		padding-bottom:25px;
		min-height:250px; 
		z-index:11000; }
	
	.movie-set {
		margin-top:10px;
		/* height:225px; */ }
		
	.movie-set li {
		float:left;
		margin-right:38px; }
		
	#featured-movies ul.movie-set { padding-bottom:20px; }
		
	/* noscript */	
	.movie-set li a {
		float:left;
		display:block;
		width:100px;
		min-height:180px;
		text-align:center; }
	
	/* script on 
	.js .movie-set li a {
		margin-right:37px; } */	
	
	.movie-set li.last  { margin-right:0px; }

	.movie-set li a img {
		margin-bottom:6px;
		border:1px solid #2A2A2A; }
		
	.more-picks {
		position:absolute;
		top:15px; right:15px; }
		
	.two-up li { margin-right:0px; }
	
	.two-up li.logline { width:150px; }
	
	.two-up li p { 
		text-align:left;
		padding-right:15px; }
	
	.two-up li .title { display:none; }
	
	.two-up li a { 
		float:none;
		min-height:0px;
		margin-right:10px; 
		text-align:left; }
		
	.two-up li p.last a { width:150px; margin-right:0px;  }
	
		
	/*
	=:discuss and connect
	----------------------------------------------------------------------------------------*/
	ul#discuss li {	
		float:left;
		padding-right:20px;
		width:255px; }
		
	ul#discuss li.last { 
	 	padding-right:10px;
		width:235px; }
		
	ul#discuss li img {	
		float:left;
		margin-right:10px; }
		
	ul#discuss li a { font-size:13px; }
	
	ul#discuss li p { margin:2px 0px 0px 52px; }
		
	/*
	=:promos
	----------------------------------------------------------------------------------------*/
	#promos .mod { 
		float:left;
		margin-right:10px;
		padding-top:20px;
		min-height:86px;
		width:280px; }
		
	#promos .atoz { 
		margin-right:0px;
		width:200px; }
	
	#promos img {	
		float:left;
		margin-right:10px;
		border:1px solid #2A2A2A; }
		
	#promos a { font-size:13px; }
	#promos p { margin:2px 0px 0px 0px; }
	
	.mod-divider {
		height:5px; 
		width:auto; 
		margin-bottom:10px;
		border-bottom:5px solid #303030; }
	
	/*
	=:on-tonight
	----------------------------------------------------------------------------------------*/
	#on-tonight { 
		position:relative;
		margin-bottom:9px;
		padding:5px 0 0 0; }
		
	#on-tonight.loading { 
		padding:20px;
		background:transparent url(/site/movies/image-panel/progress_16x16.gif) no-repeat center; }

	#on-tonight ul { margin-bottom:7px; }
	
	#on-tonight ul li { 
		float:left;
		font-weight:bold;
		color:#B3B3B3; }
	
	#on-tonight ul li.air-time { 
		padding-right:9px;
		width:57px; 
		text-align:right; }
		
	#on-tonight ul li.title { 
		padding:0 9px;
		width:136px; }
		
	#on-tonight ul li.channel { 
		padding:0 10px;
		font-size:11px;
		text-transform:uppercase; }

	#on-tonight #all-times { 
		position:absolute;
		top:-30px;
		right:2px;
		width:100px;
		font-size:10px;
		font-style:italic;
		text-align:right;
		color:#AEAEAE; }
		
	#movies .see-full-schedule a, #movies a.genre-link {
		display:block;
		padding-right:12px;
		background:transparent url(/site/movies/image-panel/arrow.png) no-repeat scroll right 2px;
		text-align:right;
		text-transform:uppercase; }
		
	#movies .see-full-schedule a:hover, #movies a.genre-link:hover { background-image:url(/site/movies/image-panel/arrow-on.png); }
	
	#movies a.genre-link {
		position:absolute;
		bottom:12px;
		right:18px; }
		
	#movies #order-showtime {
		position:absolute;
		bottom:0px;
		margin-top:25px;
		padding-left:133px;
		padding-top:24px;
		height:53px;
		width:237px;
		background:transparent url(/site/movies/image-bin/home/order-showtime_370x79.png) no-repeat scroll;
		color:#B3B3B3; }
		
	#movies #order-showtime strong { font-size:13px; }
	
	#movies #order-showtime a { 
		font-size:14px;
		letter-spacing:-1px; }
		
	/*
	=:on-demand
	----------------------------------------------------------------------------------------*/
	#on-demand { 
		position:relative;
		margin-bottom:9px;
		padding:5px 0 0px; }
	
	#on-demand #available-until { 
		position:absolute;
		top:-30px;
		right:15px;
		width:100px;
		text-align:right;
		font-size:10px;
		font-style:italic;
		color:#AEAEAE; }

	#on-demand ul { margin-bottom:7px; }
	
	#on-demand ul li { 
		float:left;
		font-weight:bold;
		color:#B3B3B3; }
	
	#on-demand ul li.title { 
		padding-right:9px;
		width:279px;  }
		
	#on-demand ul li.odEnd { 
		padding:0 9px; }
	
	#on-demand .divider, #on-tonight .divider { display:none; }
	
	#on-demand ul li.odEnd, #on-tonight ul li.title { 
		border-left:1px solid #303030;
		padding-bottom:7px; }
		
	#on-tonight ul li.title { border-right:1px solid #303030; }
		
	#on-demand ul, #on-tonight ul { margin-bottom:0px; }
	
	#on-demand ul a, #on-tonight ul a { display:block; }
	
	#on-demand ul.last li.odEnd { padding-bottom:0px; }

	
	/*
	=:movies-carousel-noscript
	----------------------------------------------------------------------------------------*/
	#movies-carousel { z-index:1; }
	
	#movies-carousel #carousel { position:relative; }
	
	#movies-carousel .panel .bottom_info {
		background:transparent url(/site/movies/image-panel/backgrounds/overlay-bg.png) repeat scroll 0 0;
		height:56px;
		padding:12px 10px 0px 10px;
		position:absolute;
		top:369px;
		width:930px; }
		
	#movies-carousel .panel .bottom_info .title {
		padding-bottom:10px;
		font-size:28px;
		color:#fff;
		text-transform:uppercase; }
		
	#movies-carousel .bottom_info a.more {
		display:block;
		height:23px; 
		width:90px;
		background: url(/site/movies/image-panel/more-info.png) no-repeat;
		background-position:0px -23px;
		text-indent:-6000px; }
		
	#movies-carousel .bottom_info a.more:hover { background-position:0px 0px; }
	
	#movies-carousel .panel .thumb,
	#movies-carousel .panel .bottom_info .video,
	#movies-carousel .panel .bottom_info .info,
	#movies-carousel .panel .info_box { display:none; }
	
	#movies-content #thumbs {
		position:absolute;
		top:395px; 
		left:660px; }
		
	#movies-content #thumbs li {
		float:left;
		margin-right:5px; }
		
	#movies-content #thumbs li a:link img, #movies-content #thumbs li a:visited img { border:1px solid #2A2A2A; }
	#movies-content #thumbs li a:hover img, #movies-content #thumbs li a:active img { border:1px solid #fff; }