							
			
						
			
		
																																																																																																																																														
		
			

							
	    
	

		
				
												
					
				
																																																																									
				
					

																													
		
	
				
												
					
				
																																																																																																															
				
					

														
		
	
	 						/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

	 						/* default moviefone css file */
* {box-sizing:border-box;}
body {background-color:#fff;color:#333;font-family:Helvetica,Arial,sans-serif;font-size:14px;padding:0;}
body.theater-mode {overflow:hidden;position:fixed;width:100%;}
a {color:#00c8ff;text-decoration:none;}
h1, h2, h3, h4, h5, h6 {color:#333;display:inline-block;font-weight:400;margin:0;}
h1 {font-size:34px;line-height:34px;}
h2 {font-size:28px;line-height:28px;}
h3 {font-size:18px;line-height:18px;}
p {color: #333333;line-height: 24px;padding-bottom: 12px;}
input, textarea {background-color:#fff;border:none;border-radius:3px;color:#333;font-family:Helvetica,Arial,sans-serif;font-size:14px;padding:10px;}
input {height:33px;}
b, strong {font-weight:600;}

.red-text {color:#ff4f37;}
.blue-text {color:#00ccff;}

.container {background-size:cover;margin:0 auto;max-width:970px;position:relative;width:100%; }

.column {float:left;font-size: 16px;line-height: 20px;}
.column .module:last-child {margin-bottom:0;}
.table {display:table;}
.cell {display:table-cell;height:100%;text-align:center;vertical-align:middle;}

.clear-fix:before, .clear-fix:after {content:" ";display:table;}
.clear-fix:after {clear:both;}
.clear {clear:both;}

.movie-module {background-color:#fff;margin-bottom:10px;border-radius: 2px;box-shadow: 0 0 2px #e3e3e3;padding: 20px;}
.movie-module.borderless {border-radius:0;box-shadow:none;padding:0;}
.movie-module > .head {display:inline-block;position:relative;width:100%;padding: 0 0 10px 0;}
.movie-module > .head.title {padding:0;}

.movie-module > .head h2 {display:inline-block;}
.movie-module .view-more {position:absolute;right:6px;top:4px;font-size:16px;font-weight:bold;}

#right .movie-module .view-more {color: #00ccff !important; display: inline-block !important; float: none !important; font-size: 16px !important; font-weight: bold !important; position: relative !important; right: auto !important; top: -2px !important;}
.movie-module .view-more span {display:inline-block;}
.movie-module .view-more .arrow-r-sml{display:inline-block;left: 5px;position: relative;top: 2px;}

.movie-module.listings {border-bottom:1px solid #dadada;border-top:1px solid #dadada;padding:10px;}
.movie-module.listings a {background:url("http://o.aolcdn.com/os/moviefone/img/icon-grid.png") no-repeat;padding-left:27px;}

/* RIGHT COLUMN */
#right h3 {font-size: 18px;line-height: 20px;}
#right .movie-module {display:inline-block;margin:0px 0px 20px 0px;width:100%;}
#right .movie-module.attribution {background:url("http://o.aolcdn.com/os/moviefone/img/attribution-tms.png") no-repeat;height:25px;margin-left: 20px;width:102px;}

#right .module-title, #right .title-grey, #right .module-title a {color: #333333;display: inline-block;font-weight: 700;text-transform: lowercase;}

.input-container {position:relative;}
.input-container input {padding-right:50px;}
.input-container a {border-top-left-radius:0;border-bottom-left-radius:0;height:100%;padding:10px;position:absolute;right:0;top:0;width:40px;}

button, .button {border:none;border-radius:3px;cursor:pointer;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:bold;padding:10px 20px 10px 20px;text-align:center;color:#fff;}
.blue {background-color:#00ccff;}
.blue:hover {background-color:#54ddff;}
.red {background-color:#ff4f37;}
.red:hover {background-color:#ff6549;}
.gray {background-color:#333;}
.gray:hover {background-color:#444;}
.light-gray {background-color:#aaa;}
.light-gray:hover {background-color:#bbb;}

#wrap {background-color:#fff;padding:20px;}

#left .module-title {color:#333333;float:left;font-size:34px;font-weight:700;line-height:40px;text-transform:capitalize;margin-bottom:7px;}
#left .module-title .title-grey {color:#333333;font-size:34px;font-weight:700;line-height:40px;text-transform:capitalize;}

/* BEGIN: Legacy Styles */

.movie-module .divider {background:#c0c0c0;color:#a4a4a4;display:inline-block;font-size:40px;font-weight:normal;height:25px;margin:0 10px;overflow:hidden;position:relative;top:3px;width:1px;}

.hover-cover, .hover-cover-main {height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;}
.movie-module .hover-cover, .list-slideshow .hover-cover, .movie-module .hover-cover-main {display: none;background: -moz-linear-gradient(45deg, rgba(69,198,254,0.65) 0%, rgba(69,198,254,0.65) 22%, rgba(69,198,254,0) 88%, rgba(69,198,254,0) 100%);background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(69,198,254,0.65)), color-stop(22%,rgba(69,198,254,0.65)), color-stop(88%,rgba(69,198,254,0)), color-stop(100%,rgba(69,198,254,0)));background: -webkit-linear-gradient(45deg, rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);background: -o-linear-gradient(45deg, rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);background: -ms-linear-gradient(45deg, rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);background: linear-gradient(45deg, rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a600c8ff', endColorstr='#0000c8ff',GradientType=1 );cursor: pointer;}
.list-slideshow a:hover .hover-cover {display: block;}
.list-slideshow a:hover h2 {color: #00c8ff;}

/*  ==================================================================================================================  */
/*  LIST MODULE GENERAL STYLES  ======================================================================================  */
/*  ==================================================================================================================  */
/*  SIDE COLUMN  ================  */
#right .list-module {background: #DEE2E3;}
#right .list-module .body ul {padding: 5px;}
#right .list-module .body ul li {border-bottom: 1px dotted #bbbbbb;}
#right .list-module .body ul li:last-of-type {border:none;}
#right .list-module .body ul li:hover {background: #e9ebec;}
#right .list-module .body ul li a {color: #666666; display: block; font-size: 14px; font-weight: 700; overflow: hidden; padding: 7px 10px 4px 10px; text-overflow: ellipsis; white-space: nowrap;}
#right .list-module .body ul li a:hover {color: #00c8ff;}

#right #release-schedule.movie-module {padding: 10px;}
#right #release-schedule.movie-module .head {padding-left: 5px;}
#right #release-schedule.movie-module.list-module .body ul li a {padding: 7px 10px 4px 0px;text-transform: capitalize;}

.close {background: url('http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png') no-repeat -118px -457px rgba(0,0,0,0); height: 30px; width: 30px;}
.close.grey {background-color: rgb(0,0,0);background-color: rgba(0,0,0,0); background-position: -148px -457px}
.close.blue {background-color: rgb(0,0,0);background-color: rgba(0,0,0,0); background-position: -178px -457px}

#details-overlay { display: none; }

.loading-white-on-blue {background: url('http://o.aolcdn.com/os/moviefone/img/loading-white-on-blue.gif') no-repeat 0px 0px; display: inline-block; height: 16px; width: 16px;}
.loading-blue-on-white {background: url('http://o.aolcdn.com/os/moviefone/img/loading-blue-on-white.gif') no-repeat 0px 0px; display: inline-block; height: 16px; width: 16px;}
.loading-white-on-grey {background: url('http://o.aolcdn.com/os/moviefone/img/loading-white-on-grey.gif') no-repeat 0px 0px; display: inline-block; height: 16px; width: 16px;}
.loading-blue-on-grey {background: url('http://o.aolcdn.com/os/moviefone/img/loading-blue-on-grey.gif') no-repeat 0px 0px; display: inline-block; height: 16px; width: 16px;}

.arrow-l-sml, .arrow-r-sml, .arrow-u-sml, .arrow-d-sml, .arrow-l-lrg, .arrow-r-lrg, .arrow-u-lrg, .arrow-d-lrg {background: url('http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png') no-repeat 0px 0px transparent; display: block;}
.arrow-l-sml {background-position: 0px -248px; height: 18px; width: 11px;}
.arrow-r-sml {background-position: -11px -248px; height: 18px; width: 11px;}
.arrow-u-sml {background-position: -22px -248px; height: 11px; width: 18px;}
.arrow-d-sml {background-position: -40px -248px; height: 11px; width: 18px;}
.arrow-l-lrg {background-position: 0px -182px; height: 33px; width: 21px;}
.arrow-r-lrg {background-position: -21px -182px; height: 33px; width: 21px;}
.arrow-u-lrg {background-position: -42px -182px; height: 21px; width: 33px;}
.arrow-d-lrg {background-position: -75px -182px; height: 21px; width: 33px;}

/*  ======================================================================================================  */
/*  BREADCRUMBS  =========================================================================================  */
/*  ======================================================================================================  */
.crumbs-list {height: 100%; text-transform: lowercase; overflow: hidden;}
.crumbs-list li {float:left;font-weight: 400;}
.crumbs-list li a {font-weight: 400;}
.crumbs-list li a:hover {color:#666;}
.crumbs-list li a:after {content:"/";margin:0px 10px;color:#00c8ff;}
.crumbs-list li:last-child a:after {content:"";}

/* END: Legacy Styles */


/*  MAIN COLUMN MODULE TITLES  ==  */
#main-column .module-title {color: #00c8ff;float:none;font-size: 28px; font-weight: 700; line-height: 34px; text-transform: lowercase;}
#main-column .module-title .title-grey {color: #666666; font-size: 28px; font-weight: 700;}

/* RECENT EPISODES ===== */
#main-column hr {background-color:#dadada;border:none;height:1px;margin:20px 0 20px 0;clear: both;}



@media screen and (max-width: 500px) {
	.container { overflow: hidden; }
}

@media screen and (max-width: 375px) {
	#right .movie-module .view-more{font-size:14px !important;}
}

	 						#header {left:0;top:0;width:100%;z-index:20;position:fixed;}
body.in-view #header {top:0;}
.transition{transition: top 0.2s ease-in-out;}
.leaderboard{position:absolute !important;}
.no-leaderboard{position:absolute !important;}
.nav-up{top:-110px !important;}
.nav-down{top:0 !important;position:fixed;}
.no-scroll{top:0 !important;}
#header .header {background:url("http://o.aolcdn.com/os/moviefone/img/background-header.jpg") repeat-x; color: #fff; font-size: 18px; float: left; left: 0px; position: relative; text-transform: lowercase; top: 0px; width: 100%;}
.has-gutters #header {margin:0 auto;max-width:970px;}
#header .desktop.header {padding: 10px 20px 10px 20px;}
#header .phone.header {height: 40px; padding: 5px; text-align: center;}
#header .header .logo {background: url(http://o.aolcdn.com/os/moviefone/img/logo-header-moviefone-2x.png) no-repeat center center;background-size:100% 100%; display: block;margin:0 auto; text-indent: -9999px;}
#header .desktop.header .logo {float:left; height: 57px; width: 170px;display:block;background-size: 100% 100%;}
#header .phone.header .logo {height:28px;width: 84px;}
#header .desktop.header nav {float:right;margin-top:9px;text-align:right;}
#header .home .desktop.header nav {margin-top: 19px;}
#header .desktop.header nav img {position: relative;}
#header .desktop.header a {color:#ffffff; padding: 0px 10px;}
#header .desktop.header .dropdown > li > a:hover, #header .desktop.header .dropdown > li > .active {color:#54c6fe;}
#header .header .social-wrap a {display: inline-block; margin-right: 7px; padding: 0; position: relative; text-indent: 999999px; top: 4px; width: 30px;}
#header .header .nav-social span {background: url("http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png") no-repeat; cursor: pointer; display: block; height: 28px; position: absolute; top: -10px; width: 28px;}
#header .header .nav-social.facebook span {background-position: -30px -93px;}
#header .header .nav-social.facebook:hover span {background-position: -30px -153px}
#header .header .nav-social.twitter span {background-position: 0px -93px;}
#header .header .nav-social.twitter:hover span {background-position: 0px -153px;}
#header .desktop.header .get-movie-times {color: #00c8ff;}
#header .desktop.header .get-movie-times:hover {color:#fff !important;}
#header .dropdown {float:right;margin-top:25px;overflow:hidden;text-align:right;}
#header .dropdown > li {border-right:1px solid #333;display:inline-block;margin-right:0px;padding-right:0px;}
#header .dropdown > li:last-child {border-right:none;margin-right:0;padding-right:0;}
#header .dropdown ul {background:#444;border-radius:3px;box-shadow:0 0 5px #000;display:none;padding:10px 0 10px 0;position:absolute;text-align:left;top:57px;z-index:5000000;}
#header .dropdown ul:before {border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #444444; content: ""; height: 0; left: 10px; position: absolute; top: -7px; width: 0; }
#header .dropdown ul li {cursor:pointer;overflow:hidden;padding:10px 20px 10px 20px;}
#header .dropdown ul li:hover {background-color:#00ccff;}
#header .dropdown ul a {display:block;width:100%;}
#header .search-link {padding-right:40px !important;position:relative;}
#header #magnifying-glass {height:24px;position:absolute;right:10px;top:-5px;width:24px;}
#header #username {display:inline-block; max-width:80px; overflow: hidden; position: relative; text-overflow: ellipsis; top: 4px; white-space: nowrap;}
#header .user-area {font-size: 14px;position: absolute;right: 6px;top: 0; width: 50%;}
#header .user-area a {margin-left: 10px;padding: 0 !important;}
#header .desktop.header .sign-in {color:#00C8FF; white-space: nowrap; display: block; text-align: right;}
#header #hamburger-button {height: 25px; left: 4px; padding: 5px; position: absolute; top: 0px; width: 25px;}
#header #hamburger-button span {background: url("http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png") no-repeat -118px -487px; display: block; height: 25px; width: 25px;}
#header #search-button {background: url("http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png") no-repeat -323px 0px;display:none; height: 24px; margin-top: -12px; position: absolute; right: 10px; top: 50%; width: 24px;}
#header #menu-overlay {background: #333333; color:#ffffff; display: block; left: -265px; width: 260px; transition: left .3s;}
#header .mobile-menu-open #menu-overlay {left: 0px;}
#header #menu-overlay .container {height: 100%; padding: 10px 0px; text-align: left;}
#header #menu-overlay .dropdown {float: none; text-align: left;}
#header #menu-overlay .dropdown a {background: #444444; border-bottom: 1px solid #191919; border-top: 1px solid #4a4a4a;color: #00c8ff; display:block; padding: 7px 0px 7px 20px;}
#header #menu-overlay .dropdown a:hover {background: #4e4e4e; -moz-box-shadow: 2px 0px 0px 0px rgba(1,200,255,1) inset; box-shadow: 2px 0px 0px 0px rgba(1,200,255,1) inset; color: #54ddff;}
#header #menu-overlay .dropdown ul {background: transparent; box-shadow: none; display: block; margin: 0px; padding: 0px; position: static;}
#header #menu-overlay .dropdown ul a {background: none; color: #ffffff; padding-left: 30px;}
#header #menu-overlay .dropdown ul a:hover {background: #3e3e3e; -moz-box-shadow: 2px 0px 0px 0px rgba(1,200,255,1) inset; box-shadow: 2px 0px 0px 0px rgba(1,200,255,1) inset; color: #00c8ff;}
#header #menu-overlay .dropdown ul ul a {}
#header #menu-overlay .dropdown > ul a {background: #444444; color: #00c8ff; display: block; font-weight: 700; padding: 7px 0px 7px 30px;}
#header #menu-overlay .dropdown > ul a:hover {}
#header #menu-overlay .dropdown li {display:block; margin: 0px; padding: 0px;}
#header #menu-overlay .dropdown li:hover {background: none;}
#header #menu-overlay .search-link {display:none;}

/* We need to merge code above/below this point */

#header .header {font-family: Helvetica, Arial, sans-serif !important;padding:15px !important;}
#header .mf-banner-container {background-color:#fff !important;}
#header .desktop.header > .container {max-width:930px !important;}
#header #desktop-search {background-color:#3b3b3b;border-radius:3px;float:right;height:54px;margin:0 0 13px 15px;position:relative;width:745px;z-index:5000001;}
#header #desktop-placeholder-1, #header #desktop-placeholder-2 {padding:15px;position:absolute;}
#header #desktop-placeholder-1 {color:#b0b0b0;font-size:24px;left:0;top:0;}
#header #desktop-placeholder-2 {color:#999;display:none;font-size:14px;right:50px;top:4px;text-align:right;}
#header #desktop-search-input {background-color:transparent;border:none;color:#b0b0b0;font-size:24px;height:100%;left:0;opacity:0;padding:15px 46px 15px 15px;position:absolute;top:0;width:100%;}
#header #desktop-search-input.resultsShowing {padding-right:258px;}
#header #desktop-search-icon {background:url("http://o.aolcdn.com/os/moviefone/img/icon-magnifying-glass.png") no-repeat scroll 0 0;height:36px;position:absolute;right:10px;top:9px;width:36px;}
#header #desktop-search-icon:hover { cursor: pointer;}
#header #desktop-search-results {background-color:rgba(34,34,34,.97);display:none;font-size:16px;height:auto;left:0;line-height:30px;list-style:none;margin:0;padding:53px 20px 20px 25px;position:absolute;width:745px;top:54px;}
#header #desktop-search-results li {margin:0;padding:0;}
#header #desktop-search-results a {color:#fff;font-weight:700;padding:0 !important;text-transform:none !important;}
#header #desktop-search-results a.button {line-height:normal !important;margin-top:10px !important;padding:10px !important;}
#header .dropdown {font-size:0 !important;margin-top:0 !important;text-align:left !important;width:745px !important; white-space: nowrap;}
#header .dropdown li, #header .dropdown a {font-size:14px !important;}
#header .dropdown ul:before {display:none !important;}
#header .dropdown > li {border-right:none !important;}
#header .dropdown ul {background-color:rgba(34,34,34,.9) !important;border-radius:0 !important;box-shadow:none !important;padding:20px !important;top:91px !important;}
#header .dropdown ul li {padding:0 0 25px 0 !important;}
#header .dropdown ul li:last-child {padding-bottom:0 !important;}
#header .dropdown ul li:hover {background-color:transparent !important;}
#header .dropdown ul li a {color:#b0b0b0 !important;font-size:16px !important;font-weight:700 !important;padding:0 !important;text-transform:none !important;}
#header .dropdown ul li a:hover {color:#00cdff !important;}
#header .dropdown-button, #header .sign-in {font-size:13px;font-weight:700;text-transform:uppercase !important;}
#header .dropdown-button {padding:0 47px !important;}
#header .dropdown-button:hover {color:#fff !important;}
#header .dropdown-button:first-child {padding-left:0 !important;}
#header .dropdown-button:last-child {padding-right:0 !important;}
#header .sign-in {color:#fff !important;}
#header .sign-in:hover {color:#fff !important;}
#header .blue-text {color:#00cdff !important;}
#header .gray-text {color:#878787;font-weight:400;}
#header .tablet.phone.header {height:50px !important;padding:10px !important;text-align:center;}
#header #hamburger-link {background:url("http://o.aolcdn.com/os/moviefone/img/sprite-mobile-nav.png") no-repeat 0 0;height:50px;left:0;position:absolute;top:0;width:50px; text-indent: -9999px;}
#header #hamburger-link.active {background-position:0 -100px;}
#header .tablet.phone.header .logo {height:30px !important;width:91px !important;}
#header #search-link {background:url("http://o.aolcdn.com/os/moviefone/img/sprite-mobile-nav.png") no-repeat 4px -50px;height:50px;position:absolute;right:0;top:0;width:50px; text-indent: -9999px;}
#header #search-link.active {background-position:4px -100px;}
#header #hamburger-menu {background-color:rgba(34,34,34,.9);display:none;left:0;line-height:30px;max-width:320px;padding:20px;position:absolute;text-align:left;top:50px;overflow:scroll;z-index:5;}
#header #hamburger-menu {font-size:14px !important;margin-top:0 !important;}
#header #hamburger-menu ul {margin-bottom:15px;padding-left:15px;}
#header #hamburger-menu > li {border-right:none !important;}
#header #hamburger-menu ul li a {color:#b0b0b0 !important;font-size:14px !important;font-weight:700 !important;padding:0 !important;text-transform:none !important;}
#header #hamburger-menu ul li a:hover {color:#00cdff !important;}
#header .link-category {color:#fff !important;}
#header .link-category, #header .sign-in {text-transform:uppercase !important;}
#header #mobile-search {background-color:rgba(34,34,34,.9);display:none;left:0;position:absolute;text-align:left;top:50px;width:100%;z-index:5000001;}
#header #mobile-search-input {background-color:#2e2e2e;color:#00c9ff;font-size:17px;font-weight:700;height:54px;padding:10px;width:100%;}
#header #mobile-search-input::-webkit-input-placeholder {color:#999;}
#header #mobile-search-input:-moz-placeholder {color:#999;}
#header #mobile-search-input::-moz-placeholder {color:#999;}
#header #mobile-search-input:-ms-input-placeholder {color:#999;}
#header #mobile-search-results {background-color:#333;font-size:14px;line-height:30px;list-style:none;margin:0;padding:10px;}
#header #mobile-search-results li {margin:0;padding:0;}
#header #mobile-search-results a {color:#fff;font-weight:700;text-transform:none !important;}
#header img.as-thumb {border: solid 1px #fff; float: left; height: 52px; margin: 0px 15px 8px 0px; width: 34px;}
#header p.as-subline {font-size: 16px; line-height: normal; padding: 0; text-transform: none;}
#header p.as-subline.indented {margin-left: 35px;}
#header #desktop-search-results .as-watch-now a.button.blue {margin-top:8px !important;padding:12px 9px !important;}
#header ul#desktop-search-results li, #header ul#mobile-search-results li {clear: both;}
#header ul#desktop-search-results li.as-watch-now.gray-text {margin: 9px 0 22px 0;}
#header ul#desktop-search-results li.as-watch-now {line-height: normal; margin-bottom: 12px;}
#header ul#desktop-search-results li.as-theater {margin: 0px 0px 15px 0px;}
#header ul#mobile-search-results li.as-theater {margin-bottom: 7px;}
#header ul#desktop-search-results, #header ul#mobile-search-results {padding-top: 52px;}
#header img.as-heart {height: 12px; margin: 0 0px 0px 12px; width: 14px;}
#header .search-overlay-loading {text-align: center;}
#header .search-overlay-loading div:before{content: "Loading results ";}
#header .search-overlay-loading span:before{content: "...";}
#header .search-overlay-loading span {-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}

@-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; }}
@-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; }}
@keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; }}

@media only screen and (min-width: 0px) and (max-width: 677px) {
   #header #mobile-search-results {font-size:14px; line-height: 18px;}
   #header #mobile-search-results li span.gray-text {font-size: 12px;}
   #header #mobile-search-results li p.as-subline {font-size: 12px;}
}

@media only screen and (max-width : 1046px) {
   /* #header {position:fixed;}  this was causing ad issues on tablet and desktop responsive for lb ads being cut and creating padding at top
   body.in-view {padding-top:50px;} */
}

@media only screen and (min-width: 1034px) and (max-width: 1050px){
   body:not(.homepage):not(.in-view) .no-leaderboard{margin-top:34px;}
}

@media (min-width: 1047px) {
   /*#header {position:absolute;}*/
   body.in-view {padding-top:130px;}
}

@media only screen and (max-width : 400px) {
    body.in-view {padding-top:0px;}
 }

	 						#left .breadcrumb li {
    float: left;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 0 20px;
}
#left .breadcrumb li a {
    float: left;
    display: block;
    text-transform: lowercase;
}
#left .breadcrumb li a:after {
    content: "/";
    color: #333333;
    margin: 0 10px;
}
#left .breadcrumb li.current {
    font-weight: 400;
    color: #666;
}
	 						#footer {background-color:#222;padding:55px 20px 20px 20px !important;}
#footer #just-logos {margin:0 auto;}
#footer #just-logos .cell:last-child {border-right:0;padding-right:0;}
#footer #logos-and-social {margin-bottom:55px;}
#footer .cell {border-right:1px solid #444;padding:0 20px;text-align:left;}
#footer #logos-and-social .cell:last-child, #footer #icons .cell:last-child {border-right:0;padding-right:0;}
#footer #logos-and-social .cell:first-child, #footer #icons .cell:first-child {padding-left:0;}
#footer .moviefone-logo {background:url("http://o.aolcdn.com/os/moviefone/img/logo-moviefone-2x.png") no-repeat center top;background-size:100% 100%;display:inline-block; text-indent: -9999px;}
#footer .whalerock-logo {background:url("http://o.aolcdn.com/os/moviefone/img/logo-whalerock-2x.png") no-repeat center top;background-size:100% 100%;display:inline-block;height:49px;width:97px; text-indent: -9999px;}
#footer .cell-heading {color:#888;display:inline-block;font-size:15px;margin-bottom:15px;}
#footer #icons a {margin-right:20px;}
#footer #icons .cell a:last-child {margin-right:0;}
#footer .newsletter input {width:279px;}
#footer #links { overflow: hidden; margin: 2% auto; display: table; }
#footer #links a {color:#999;margin-right:10px;padding-right:10px; line-height: 25px;}
#footer #links a:hover {color:#00c8ff;}
#footer #links a:last-child {border-right:0;padding-right:0;}
#footer #legal { overflow: hidden; margin: 2% auto; display: table; color:#555; line-height: 20px; font-size: 12px; }
#footer #google-icon {width:21px;}
#toast {background-color:#fff;border-left:2px solid #ccc;border-top:2px solid #ccc;bottom:0;color:#666;font-family:Helvetica,Arial,sans-serif;padding:10px;position:fixed;right:-230px;width:230px;z-index:999999;}
#toast .toast-title {border-bottom:2px solid #00c8ff;color:#666;display:block;font-size:12px;font-weight:400;margin:0 0 0 2px;padding-bottom:4px;text-transform:uppercase;}
#toast .toast-body {color:#666;display:block;font-size:14px;margin-top:10px;}
#toast .toast-close {background:rgba(0,0,0,0) url("http://cdn.sailthru.com/assets/images/icons/close.gif") no-repeat scroll 0 0;display:block;height:13px;position:absolute;right:5px;top:5px;width:13px;}

@media (max-width: 667px) {
	#footer #icons a {margin-right:15px;}
	#footer #logos-and-social, #footer #newsletter {margin-bottom:20px;}
	#footer #logos-and-social > .cell, #footer #just-newsletter .cell {border-right:0;padding:0;}
	#footer #just-newsletter {margin-bottom:20px;}
	#footer .unstacked {display:none !important;}
	#footer .table.stacked {display:table !important;}
}

@media (min-width: 668px) and (max-width: 1024px) {
	#footer #logos-and-social > .cell:first-child, #footer #logos-and-social > .cell:last-child, #footer #just-newsletter {display:none;}
	#footer #logos-and-social > .cell:nth-child(2) {padding-left:0;}
	#footer #logos-and-social > .cell:nth-child(3) {border-right:none;padding-right:0;}
	#logos-and-social {margin:0 auto 20px auto;}
}

@media (max-width: 1024px) {
	#footer {padding-top:20px !important;}
	#footer #just-logos {margin-bottom:20px;}
	#footer #just-logos .cell:first-child {border-right:none;padding:0 20px 0 0;}
	#footer #just-logos .cell:last-child {padding-left:20px;}
	#footer #just-newsletter {margin:0 auto 20px;}
	#footer #logos-and-social {margin:0 auto 25px;}
	#footer .moviefone-logo {height:23px;width:143px;}
	#footer #links-and-legal {text-align:center;}
	#footer #legal {display:block;margin-top:20px;}
}

@media (min-width: 1025px) {
	#footer .stacked {display:none !important;}
	#footer .table.unstacked {display:table !important;}
	#footer .moviefone-logo {height:29px;width:180px;}
}

	 						#leaderboard, #in-view {font-size:0;margin:0px auto;max-width:970px;position:relative;text-align:center;width:100%;z-index:2;}
#in-view {margin: 0 auto;}

#right-rail {margin-bottom:10px;}

#aol-mobile-leader {display: none;}

#similar-shows{    
    margin: 0px 0px 20px 0px;
    display: inline-block;
    width: 100%;
    background-color: #DEE2E3;
    padding:0;
}

#similar-shows .head{
    padding: 9px 0 7px 15px;
}

#similar-shows h2{
    color: #333333;
    display: inline-block;
    font-weight: 700;
    text-transform: lowercase;
    font-size: 18px;
    line-height: 20px;
}

#similar-shows .body{
    padding: 0 10px 10px 10px;
}

#similar-shows li{
    background-color: #fff;
    float: left;
    overflow: hidden;
    width: 135px;    
    list-style: none;
}
#similar-shows .item-thumbnail{
    display:inline;
}
#similar-shows .item:first-child{
    width:auto;
    margin:0 10px 10px 0;
}
#similar-shows .item{
    width:auto;
    margin:0 0 10px 0;
}

#similar-shows .item-thumbnail{
    display:inline;
}

#similar-shows a{
    margin-bottom: 0;
}

#similar-shows h4{
    color: #666;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 10px 10px;
    text-align: center; 
    width:100%;
}

#tv-listings{
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    padding: 10px;
}

#creative66972968_1 > div, #creative66972967_1 > div{
    top:0 !important;
}
.sponsor-logo{float:left;}
.article-gallery-logo { 
  margin-bottom: 20px;
  width:100%;
}

@media only screen and (min-width: 1047px){
    body:not(.in-view):not(.homepage):not(.tv):not(.movie):not(.celeb) #wrap,
    body.movie-streaming #wrap {margin-top:110px;}
}

@media only screen and (max-width: 1046px){
    /*#leaderboard, #right-rail {display:none;}  this was causing the ads to not show on tablets*/
    body:not(.in-view):not(.homepage):not(.tv):not(.movie):not(.celeb) #wrap,
    body.movie-streaming #wrap {margin-top:70px;}
    #in-view {margin-top:70px;}
}


@media only screen and (max-width: 767px){
    #aol-mobile-leader { position: fixed; bottom: 0; left: 0; display: block; text-align:center !important;width: 100%; z-index: 4; }
    #aol-mobile-leader > div {margin: 0 auto;}
    body:not(.in-view):not(.homepage) #wrap {margin-top:0;padding:10px;}
    body.in-view #wrap{margin-top:50px;}
    #in-view {display:none;}
    #leaderboard, #right-rail {display:none;}
}
	 						@media (max-width: 767px) {
	.phone {display: inline-block !important;}
	.desktop, .tablet {display:none;}
}

@media (min-width: 768px) and (max-width : 1046px) {
	.tablet {display:inline-block !important;}
	.desktop, .phone {display:none;}
}

@media (min-width: 1047px) {
	.desktop {display:inline-block !important;}
	.tablet, .phone {display:none;}
}

	 						.grv_rail {
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
	padding: 0 20px 10px;
	margin-bottom:20px;
	position: relative;
}
.grv_trending_title{
	padding: 20px 20px 5px;
}
.grv_stories_title{
	padding: 20px 20px 10px;
}
.mv-popular .grv_img_link .grv_article_img{
	left:0 !important;
}
#grv-personalization {
	-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius:  2px 2px 0 0;
	box-shadow: 0 -1px 0px #f1f1f1, 1px 0px 0px #f1f1f1, -1px 0 0 #f1f1f1;
}
#grv-personalization h3 {
	font-size: 28px;
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #333;
	margin: 0;
	padding: 0;
	line-height: normal;
}
.grv_rail .grv_article {
	margin-bottom: 5px;
	padding: 0 0 10px 0 !important;
	position: relative;
}
.grv_rail .grv_article:hover .grv_title {
	color: #00C8FF;
}
.grv_rail .grv_title {
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	margin: 5px 0 0;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	text-transform: none;
	width: auto;
	outline: 0;
	word-wrap: break-word;
}
.grv_rail .by_gravity {
	color: #999;
	font-size: 11px;
	float: right;
}
.grv_rail .by_gravity:hover {
	text-decoration: underline;
}
.grv_stories .grv_img_link, .grv_stories .grv_has_image a.grv_img_link {
	height: 130px !important;
	width: 100%;
	display: block;
	background: #fff;
	overflow: hidden;
	position: relative;
	margin: 0px;
	z-index: 1;
}
.grv_stories .grv_img_link img {
	width: 100%;
	height: auto;
	left: 0;
}
.grv_trending, .grv_stories {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: -1px 0 0px #f1f1f1, 1px 0px 0px #f1f1f1, 0 1px 0 #f1f1f1;
	padding: 0 20px 20px 20px;
}
.grv_trending .grv_article {
	padding: 5px 0;
	border-bottom: 1px solid #E3E3E3;
	height: 84px;
}
.grv_trending .grv_article.last {
	border: none;
}
.grv_trending .grv_img_link {
	display: block;
	position: absolute;
	width: 66px;
	height: 66px;
	top: 5px;
	left: 0;
	margin: 0 !important;
}
.grv_trending .grv_article_title {
	padding-top: 0;
	margin-top: -5px;
}
.grv_trending .grv_title {
	display: block;
	margin: 0 0 0 76px;
	height: 75px;
}
.grv_trending .by_gravity {
	bottom: 20px;
	right: 20px;
}
.gravity-hub-news {
	padding: 0;
	box-shadow: none;
}
.grv_trending li.grv_article a.grv_img_link{
	margin-left:0 !important;
	top:4px !important;
}

.gravity-hub-title h1,
.news-archives h1 {
	color: rgb(51,51,51);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 100;
	height: 46px;
	letter-spacing: -0.5px;
	line-height: 46px;
	margin: 0 0 10px;
	padding: 0;
}
.news-archives h1 {
	height: auto;
	line-height: 38px;
}
.gravity-hub-main {
	position: relative;
	margin-bottom: 25px;
}
.gravity-hub-main img {
	width: 100%;
}
.gravity-hub-main h2 {
	position: absolute;
	bottom: 5px;
	background-color: #000;
	opacity: 0.8;
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
	overflow: hidden;
	white-space: normal;
	margin: 10px 0 0;
	text-decoration: none;
	z-index: 10;
	width: 100%;
	padding: 20px;
	line-height: 23px;
}
.gravity-hub-main h2:before {
	content: "featured story";
	display: block;
	color: #00CDFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
}
.grid.gravity-hub-news h2 {
	text-align: left;
}
.grid.gravity-hub-news h2 a {
	color: rgb(51,51,51);
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	white-space: normal;
	z-index: 10;
	text-align: left;
}
.grid.gravity-hub-news .item-thumbnail:hover ~ h2 a {
	color: #00CDFF;
}
.grid.gravity-hub-news h2 a:hover {
	color: #00CDFF;
}
@media (max-width:767px) {
	.mv-popular .grv_img_link .grv_article_img	{
		width:100% !important;
		height:auto !important;
	}
}
@media (max-width: 677px) {
	.grv_stories {
		width: 100%;
	}
	.grv_stories .grv_img_link img {
		width: 100%;
	}
	.grv_stories .grv_title{
		margin:10px 0 0;
	}
}

	 						#mf-intercept { 
	display: none; 
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%; 
	z-index: 99999999;
	background: rgba(0, 0, 0, 0.8);
}
#mf-intercept .intercept-container { 
	opacity:0; 
	height: 100%;    
	background-size: cover;    
	margin: 120px auto 20px;    
	max-width: 500px;    
	position: relative;    
	background-color: #f2f2f2;   
	width: 80%;   
	max-height: 270px;    
	box-shadow: 1px 1px 4px #272727;
	border-radius: 6px;
}
#mf-intercept .intercept-container-inner { 
	overflow: hidden; 
	border-radius: 3px;
}
#mf-intercept .intercept-image { 
	width: 100%;
	background: #fff;
	overflow: hidden;
	border-bottom: solid 1px #ddd;
}
#mf-intercept .intercept-image img { 
	width: 100%;
    max-width: 250px;
    height: auto;
    display: block;
    padding: 3% 0 0;
    margin: 0 auto;
}
#mf-intercept .intercept-info {
	float: left; 
	width: 100%; 
	padding: 3% 12% 0;
}
#mf-intercept .intercept-title {
	font-size: 22px;    
	margin: 2% 0 4%;    
	color: #fff; 
}
#mf-intercept .intercept-description {
	font-size: 15px;
    margin: 1% 11% 4%;
    color: #000;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
}
#mf-intercept .signup-email { 
	width: 77%;
    display: block;
    padding: 3% 4%;
    margin: 0 3% 1% 0;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    float: left;
    outline: none;
    font-weight: 100;
}
#mf-intercept button {
	width: 20%;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    background-color: #00c8ff;
    transition: 0.25s;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    font-weight: 200;
    outline: none;
    height: 32px;
}
#mf-intercept button:hover {
	background-color: #999;
}
#mf-intercept .clear {
	clear: both;
}
#mf-intercept #intercept-close { 
	z-index: 9;
    font-size: 18px;
    position: absolute;
    right: -30px;
    top: -30px;
    display: block;
    padding: 6px 8px;
    font-weight: 100;
    cursor: pointer;
    color: #00c8ff;
}
#mf-intercept #intercept-email {    
	overflow: hidden;
}
#mf-intercept #intercept-msg {    
	color: #F00;
    margin: 0 auto;
    display: block;
    text-align: left;
    font-size: 11px;
    clear: both;
    padding: 0;
    margin: 0 0 0 4%;
	padding: 4px 0 0;
}
#mf-intercept #intercept-msg.success {
	color: #03A90A;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}
#mf-intercept .intercept-privacy { 
	color: #666;
	font-size: 11px; 
	text-align: center;
	margin: 3% 0 0;
    line-height: 18px;
}
#mf-intercept .intercept-privacy .privacylink {
	color: #666;
	font-weight: bold;
}


@media (max-width: 667px) {
    #mf-intercept .intercept-info {
        padding: 3% 6% 0;
    }
    #mf-intercept .intercept-container {
        max-height: 300px;
    }
}
	