@font-face{font-family:'StylelistIcons';src:url('http://o.aolcdn.com/os/stylelist/fonts/StylelistIcons.eot');src:url('http://o.aolcdn.com/os/stylelist/fonts/StylelistIcons.eot?#iefix') format('embedded-opentype'),url('http://o.aolcdn.com/os/stylelist/fonts/StylelistIcons.woff') format('woff'),url('http://o.aolcdn.com/os/stylelist/fonts/StylelistIcons.ttf') format('truetype'),url('http://o.aolcdn.com/os/stylelist/fonts/StylelistIcons.svg#StylelistIcons') format('svg');font-weight:normal;font-style:normal}

* {box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}

/*  ==================================================================================================================  */
/*  RESET / FONT / COPY  =============================================================================================  */
/*  ==================================================================================================================  */
html, body, div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym,
em, font, img, strong,
object, iframe, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, input, textarea, label, legend, input
table, tbody, tr, th, td {font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; border: 0; outline: 0;}

/*  SAME THINGS AS ABOVE MINUS THE b,u AND i TAGS  */
html, body, div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym,
em, font, img, object, iframe, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input
table, tbody, tr, th, td {font-weight: lighter;}

ol, ul {list-style: none;}
:focus {outline:0;}
table {border-collapse:collapse; border-spacing:0;}
img {-ms-interpolation-mode:bicubic;}
strong, .bold {font-weight:bold;}


body {overflow-x:hidden !important;}
p {color: #333333; line-height:24px; padding-bottom:12px}
h1 {font-size: 24px; line-height: 30px; letter-spacing: -0.5px; }
h2 {font-size: 24px; line-height: 30px; letter-spacing: -0.5px;}
h3 {font-size: 22px; line-height: 24px}
h4 {font-size: 18px; line-height: 20px}
h5 {font-size: 13px; line-height: 20px}
h6 {font-size: 14px; line-height: 20px}

a:link, a:active, a:visited, a:focus {color:#00c8ff; text-decoration: none}
a:hover {color: #54DDFF;}
#main-column a {font-weight: 500;}
h1 a, h2 a, h4 a, .profileComments h3 a, #comments h3 a {color:#333333}

/*  FORM PLACEHOLDER  */
::-webkit-input-placeholder {color:#dadada;opacity:1;}
::-moz-placeholder {color:#dadada;opacity:1;}
:-ms-input-placeholder {color:#dadada;opacity:1;}
:-moz-placeholder {color:#dadada;opacity:1;}
input:-moz-placeholder {color:#dadada;opacity:1;}


.byline {color:#555; font-weight:bold;}
#main-column {font-size: 16px; line-height: 20px;}
#side-column h3 {font-size:18px; line-height:20px}


/*  ==================================================================================================================  */
/*  Z-INDEX  =========================================================================================================  */
/*  ==================================================================================================================  */
/*  SIDE COL - 2 COL LAYOUT */	#side-column {z-index: 1;}
/*  MAIN COL - 2 COL LAYOUT	*/	#main-column {z-index: 2;}
/*  PAGE TOP AD AREA		*/	.header-ad {z-index: 2;}
/*  CONTENT WRAPPER			*/	#content {z-index: 2;}
/*  DROPDOWNS				*/	ul.select {z-index: 2;}
/*  SEARCH INPUT 			*/	#prompt {z-index: 3;}
/*  HEADER BAR	  			*/	#container {z-index: 99800;}
/*  HEADER BAR search open  */  #container.search-open {z-index: 7000000;}
/*  NAV BAR  				*/	#moviefone-subheader {z-index: 9999999;}

/*  ==================================================================================================================  */
/*  GENERIC STYLES / CLASSES / MODULES  ==============================================================================  */
/*  ==================================================================================================================  */
.clrFx {*zoom: 1;}
.clrFx:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clr {font-size: 1px; line-height: 1px; background: transparent; height: 1px !important; margin: 0; border: 0 !important}
.clear {clear: both;}
.hide {display: none;}
.offset {position: absolute; left: -2000px;}
.scrollable {overflow-y: auto; -webkit-overflow-scrolling: touch;}
hr {background-color: transparent; border: none; border-top: 1px dotted #fff; clear: both; height: 0px; margin: 10px 0 10px 0; width: 100%;}
.divider {color:#818181;margin:0 10px 0 10px;}
.border-clear {clear: both;border-bottom: 1px solid #dadada;border-top: none;margin: 15px 0;}
body.theater-mode {overflow:hidden; position:fixed; }

/*  BUTTONS  ====================  */
button, .button {background-color: transparent; border: none; border-radius: 3px; cursor: pointer; display: inline-block; font-size: 16px; font-weight: bold; padding: 10px 20px 10px 20px; text-align: center; text-transform: lowercase; color: #ffffff;}
.carousel button, .carousel .button {color: #ffffff;}
.red, a.red {background-color:#ff4f37;color:#fff;}
.red:hover, a.red:hover {background-color: #ff6549;}
.blue, a.blue {background-color:#00c7fc;color:#fff;}
.blue:hover, a.blue:hover {background-color: #54ddff;}
.gray, a.gray {background-color:#333;}
.gray:hover, a.gray:hover {background-color:#414141;}
.lt-gray {background: #acacac;}
a.lt-gray {color: #ffffff;}
.lt-gray:hover {background: #bbbbbb;}
.dark-white {background-color: #F6F6F6;}
.dark-white:hover {background-color: #00c8ff; color: #ffffff;}
.silver {background-color:#bbb;}
.silver:hover {background-color:#c9c9c9;}
.white {background-color:#fff;color:#00c7fc;}
.white-stroke {background-color:transparent;border:1px solid #fff;color:#fff;}
.white-stroke:hover {background-color:#fff;color:#00c7fc !important;}


.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}

/*  LOADING SPINNERS  ===========  */
.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;}


/*  ARROWS  =====================  */
.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;}
/*  SMALL  */
.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;}
/*  LARGE  */
.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;}

/*  KILL IOS DEFUALT BUTTONS IN TEXT SHOWTIMES  =====================  */
#s2c-widget button,
#s2c-widget textarea,
#s2c-widget input[type="text"],
#s2c-widget input[type="button"],
#s2c-widget input[type="submit"] {-webkit-appearance: none !important;}

/*  STAR RATINGS  ===================  */
.star-rating-wrap .rating-star { width: 16px; height: 100%; display: inline-block;}
.rated .star-rating-wrap .rating-star { background: none;}
.star-rating-wrap {background: #999999; cursor: pointer; height: 16px; position: relative; width: 97px;}
.rating-bar {background: #00c8ff; height: 100%; left: 0px; position: absolute; top: 0px;}
.star-mask {background: url('http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png') no-repeat -365px 0px; height: 16px; left: 0px; position: absolute; top: 0px;width: 97px;}

.theme-blue.star-rating-wrap {background: #00b2e3;}
.theme-blue.star-rating-wrap:hover .rating-bar {background: #c9f3ff;}
.theme-blue.star-rating-wrap.user-rating .rating-bar {background: #ffd800}
.theme-blue.star-rating-wrap.user-rating:hover .rating-bar {background: #c9f3ff;}
.theme-blue .rating-bar {background: #ffffff;}
.theme-blue .star-mask {background: url('http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png') no-repeat -365px -16px;}


/*  DROPDOWN  ===================  */
ul.select {border-radius: 3px; color: #777777; display: inline-block; font-size: 16px; position: absolute;}
ul.select li {clear: both; cursor: pointer; line-height: 30px; padding: 0 36px 0 20px; position: relative; width: 100%;}
ul.select li .option {float: left;}
ul.select li .arrow-d-sml {display: none; position: absolute; right: 8px; top: 10px;}
ul.select li:first-of-type .arrow-d-sml {display: block;}
ul.select li:nth-child(n+2) {display: none;}
ul.select.activated {background-color: rgb(255,255,255);background-color: rgba(255,255,255,.9); box-shadow: 0 0 10px #e2e2e2; z-index: 10;}
ul.select.activated li:nth-child(n+2) {display:inline-block !important;}

ul.select.activated li:hover {background: #00c8ff;}
ul.select.activated li:hover span {color: #ffffff;}
ul.select.activated li:hover .arrow-d-sml {background-position: -98px -248px;}

ul.select .selected {color: #696969; display: inline-block; font-weight: bold;}
select.select {display: none;}

/*  BLUE THEME  ===== */
ul.select.theme-blue {border-radius: 0px; display: block; width: 100%;}
ul.select.theme-blue li {padding: 0px;}

ul.select.theme-blue li .option {font-size: 16px; left: 0px; padding: 0px 0px 0px 13px; position: relative; right: 40px; top: 3px;}
ul.select.theme-blue li .option:hover {color: #ffffff;}

ul.select.theme-blue li.selected {height: 34px; padding: 0px;}
ul.select.theme-blue li.selected:after {background: #00c8ff; border-radius: 2px; content: ""; float: right; height: 34px; right: 0; top: 0; width: 34px;}
ul.select.theme-blue li.selected:hover .option {color: #696969;}
ul.select.theme-blue li.selected .option {background: #ffffff; border-radius: 2px; height: 34px; left: 0px; padding: 3px 0px 0px 13px; position: absolute; overflow: hidden; right: 40px; text-overflow: ellipsis; top: 0px; white-space: nowrap; width: auto;}
ul.select.theme-blue li.selected .arrow-d-sml {background-position: -98px -248px; display: block; float: right; position: absolute; right: 8px; top: 13px;}

ul.select.theme-blue.activated {border-radius: 3px; position: absolute;}
ul.select.theme-blue.activated li:hover .option {color: #ffffff;}
ul.select.theme-blue.activated li.selected:after {background: none;}
ul.select.theme-blue.activated li.selected .arrow-d-sml {background-position: -40px -248px;}
ul.select.theme-blue.activated li.selected:hover .arrow-d-sml {background-position: -98px -248px;}
ul.select.theme-blue.activated li .option {background: none;}

/*  GREY THEME  ===== */
ul.select.theme-grey {}
ul.select.theme-grey li:hover .option {color: #ffffff;}
ul.select.theme-grey li .option {}
ul.select.theme-grey li.selected {background: #acacac; border-radius: 2px ;height: 36px; line-height: 40px;}
ul.select.theme-grey li.selected .option {color: #ffffff; width: 100%;}
ul.select.theme-grey li.selected .arrow-d-sml {background-position: -98px -248px; top: 13px;}

ul.select.theme-grey.activated li.selected {background: none;}
ul.select.theme-grey.activated li.selected .option {color: #696969}
ul.select.theme-grey.activated li.selected .arrow-d-sml {background-position: -40px -248px;}


/*  ==================================================================================================================  */
/*  CUSTOM SELECT (NEW)  =============================================================================================  */
/*  ==================================================================================================================  */

.custom-select {border-radius:3px;display:inline-block;font-weight:100 !important;line-height:normal !important;margin:0;overflow:hidden;padding:0;font-size:0px;}
.custom-select .arrow {background-image:url("http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png");background-repeat:no-repeat;cursor:pointer;height:11px;position:absolute;right:10px;top:14px;width:18px;}
.custom-select ul, .custom-select li {list-style:none;margin:0;padding:0;}
.custom-select.relative {position:relative;visibility:hidden;}
.custom-select.relative .original, .custom-select.relative .selected li:nth-child(n+2) {display:none;}
.custom-select ul {cursor:pointer;font-size:16px;}
.custom-select li {padding:10px 38px 10px 10px;}
.custom-select .selected, .custom-select li:last-child {margin-bottom:0;}
.custom-select select {left:0px;opacity:0;position:absolute;top:0px;}
.custom-select a {display:inline-block;font-weight:100 !important;text-decoration:none;width:100%;}
.custom-select.absolute {position:absolute;z-index:99999;} 
.custom-select.absolute ul {max-height:600px;overflow-y:auto;}
.custom-select.absolute .selected {left:0;position:absolute;top:0;}

/* WHITE THEME ===== */
.custom-select.white {background-color:#fff;color:#333 !important;}
.custom-select.absolute.white {box-shadow:0 0 10px #dadada;}
.custom-select.white .arrow {background-position:-40px -248px;}
.custom-select.white li {background-color:#fff;}
.custom-select.white a {color:#333 !important;}
.custom-select.white li:hover {background-color:#00c8ff; color:#fff !important;}
.custom-select.white li:hover a {color:#fff !important;}

.custom-select.white li.selected:hover {background: #ffffff; color: #333333!important;}
.custom-select.white li.selected:hover a {color: #333333!important;}

/* LIGHT GRAY THEME ===== */
.custom-select.light-gray {background-color:#dadada;color:#333 !important;}
.custom-select.absolute.light-gray {box-shadow:0 0 10px #fff;}
.custom-select.light-gray .arrow {background-position:-40px -248px;}
.custom-select.light-gray li {background-color:#dadada;}
.custom-select.light-gray a {color:#333 !important;}

.custom-select.light-gray li:hover {background-color:#00c8ff; color:#fff !important;}
.custom-select.light-gray li:hover a {color:#fff !important;}

.custom-select.light-gray li.selected:hover {background: #dadada; color: #333333!important;}
.custom-select.light-gray li.selected:hover a {color: #333333!important;}

/* BLUE THEME ===== */
.custom-select.blue {background-color:#00c7fc;color:#fff !important;}
.custom-select.absolute.blue {box-shadow:0 0 10px #fff;}
.custom-select.blue .arrow {background-position:-98px -248px;}
.custom-select.blue li {background-color:#00c8ff;}
.custom-select.blue a {color:#fff !important;}
/*.custom-select.blue li:hover {background-color:#fff;color:#00c7fc !important;}
.custom-select.blue li:hover a {color:#00c7fc !important;}*/

/* DARK GRAY THEME ===== */
.custom-select.dark-gray {background-color:#acacac;color:#fff !important;}
.custom-select.absolute.dark-gray {box-shadow:0 0 10px #fff;}
.custom-select.dark-gray .arrow {background-position:-98px -248px;}
.custom-select.dark-gray li {background-color:#acacac;}
.custom-select.dark-gray a {color:#fff !important;}
/*.custom-select.blue li:hover {background-color:#fff;color:#acacac !important;}
.custom-select.blue li:hover a {color:#acacac !important;}*/

/*  ==================================================================================================================  */
/*  MAIN LAYOUT  =====================================================================================================  */
/*  ==================================================================================================================  */
html {background-color:#dadada;}
body, html {position: relative; width: 100%;}

/*  TOP ADS  ====================  */
/*  !*!*!*!*!  TEMP  !*!*!*!*!  TEMP  !*!*!*!*!  TEMP  !*!*!*!*!  TEMP    */
.mf-banner-container {/*height: 30px;*/}
.mf-banner-container .mf-banner {}
.theater-mode .mf-banner-container > div {visibility: hidden;}

/*  !*!*!*!*!  TEMP  !*!*!*!*!  TEMP  !*!*!*!*!  TEMP  !*!*!*!*!  TEMP    */
.mf-banner-container {background: #1d1d1d; margin: 0px auto; text-align: center; width: 100%;}
.gutters .mf-banner-container {background: none; width: 970px;}
.mf-banner-container .mf-banner {display: inline-block; text-align: center;}
.gutters .mf-banner-container .mf-banner {width: 970px;}

/*  HEADER  =====================  */
#container {background: #333;position: relative;  width: 100%;}
.gutters #container {left: 50%; margin-left: -485px; width: 970px;}

.sticky-header #container {position: fixed; top: 0px;}
.phone-view.sticky-header #container {position: relative; top: 0px;}
.scroll-header #container {position: relative; top: 0px;}
#background-stripe {background: #525252; display: none; height: 160px; position: absolute; top: 0; width: 100%;}
.has-hero.gutters #background-stripe {display: none;}

/*  MAIN CONTENT  ===============  */
#content-wrapper {}
.sticky-header #content-wrapper {padding-top: 75px;}
.phone-view.sticky-header #content-wrapper {padding-top: 0px;}
.scroll-header #content-wrapper {padding-top: 0px;}
.phone-view.sticky-header #content-wrapper {padding-top: 0px;}
#content-inner {padding: 0px; position: relative;}
#content, #z{background: #ffffff; margin: 0 auto; max-width: 970px; padding:20px;position: relative;}
#z{margin: 0px auto; overflow: hidden; padding: 20px 9px 0px 5px; width: 980px;}

/*  HUB HEADER  =================  */
#content .page-header h1 {color:  #00c8ff; font-size: 34px; font-weight: bold; padding:6px 20px 20px 0;}
#content .page-header h1 .title-grey {color: #666; font-weight: bold;}

body.home {background: #eeeeee;}

/*  2 COL LAYOUT  ===============  */
.movie #content-inner, .title #content-inner {padding: 80px 0px 0px 0px;}
.blog.movie #content-inner {padding: 0px;}
#main-column-wrap {box-sizing: border-box; -moz-box-sizing: border-box; float: left; position:relative;width: 100%;}
#content #main-column {margin-right: 320px; min-height: 10px; min-width: 300px; position: relative;}
#content #side-column {float: left; margin-left: -300px; position: relative; width: 300px;}

#content #content-top {margin: 0px 0px 17px 0px;}
#content #top {margin-bottom: 0;}
#content #left-column, #content #nav-column {width: 160px; float: left;}
#content #middle-column {float: left; width: 500px;}
#content #content-bottom {margin: 35px 0px 40px 0px;}
#bottom {clear: both; background-color: transparent;}

#bottom {margin: 20px auto 0px; width: 980px;}
#y {margin: 24px 0px 0px 0px;}

/* PAGES WITH HERO */
.has-hero #background-stripe {background-color:#444;display:block;height:77px;top:400px;}
.has-hero #content-inner {padding-top:0px;}
.has-hero.no-iconic #artwork, .has-hero.no-iconic #gradient{display:none;}
.has-hero.no-iconic #content-inner {padding-top:0px;}

/* PAGES WITH NO STRIPE */
.no-stripe #content-inner {padding-top:20px;}
.no-stripe #content {padding-top:20px;}

/*  ==================================================================================================================  */
/*  HEADER AD AREA  ==================================================================================================  */
/*  ==================================================================================================================  */
.header-ad {margin: 0 auto; position: relative; text-align: center; width: 100%;}
.header-ad {display: none;}


/*  ==================================================================================================================  */
/*  HEADER  ==========================================================================================================  */
/*  ==================================================================================================================  */
.header {background-color: #1d1d1d; color: #fff; font-size: 18px; float: left; left: 0px; position: relative; text-transform: lowercase; top: 0px; width: 100%; z-index: 4;}
.desktop.header {height: 72px; padding: 10px 20px 10px 20px;}
.phone.header {height: 40px; padding: 5px; text-align: center;}

/*  LOGO  */
.header .logo {background: url('http://o.aolcdn.com/os/canada/movies/ch_movies/moviefone_on_blk.png') no-repeat center center;background-size:100% 100%; display: block;margin:0 auto;}
.desktop.header .logo {float:left;height:58px;width:178px;margin-left:-14px;max-width:178px}
.phone.header .logo {height:28px;width: 84px;}

/*  NAV  */
.desktop.header nav {float:right;margin-top:9px;text-align:right;}
.home .desktop.header nav {margin-top: 19px;}
.desktop.header nav img {position: relative;}
.mfmovies{background:url("http://www.blogsmithmedia.com/dev.sandbox.mfblog.aol.ca/media/ddarw_new.png") no-repeat scroll 66px 4px / 12px auto rgba(0, 0, 0, 0)}
.mfdvd{background:url("http://www.blogsmithmedia.com/dev.sandbox.mfblog.aol.ca/media/ddarw_new.png") no-repeat scroll 40px 4px / 12px auto rgba(0, 0, 0, 0)}
.mfnews{background:url("http://www.blogsmithmedia.com/dev.sandbox.mfblog.aol.ca/media/ddarw_new.png") no-repeat scroll 51px 4px / 12px auto rgba(0, 0, 0, 0)}
/*  LINKS  */
.desktop.header a {color:#ffffff; padding: 0px 10px;}
/*.desktop.header a:hover, .desktop.header .active {color:#54c6fe;}*/

.header .social-wrap a {display: inline-block; margin-right: 7px; padding: 0; position: relative; text-indent: 999999px; top: 4px; width: 30px;}
.header .nav-social span {background: url('http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png') no-repeat; cursor: pointer; display: block; height: 30px; position: absolute; top: -10px; width: 30px;}
.header .nav-social.facebook span {background-position: -30px -92px;}
.header .nav-social.facebook:hover span {background-position: -30px -152px}
.header .nav-social.twitter span {background-position: 0px -92px;}
.header .nav-social.twitter:hover span {background-position: 0px -152px;}

.desktop.header .get-movie-times {color: #00c8ff;}

/* DROPDOWN */
.dropdown {float:right;margin-top:25px;text-align:right;}
.dropdown > li {border-right:1px solid #333;display:inline-block;margin-right:10px;padding-right:10px;}
.dropdown > li:last-child {border-right:none;margin-right:0;padding-right:0;}
.dropdown ul {background:#444 url("http://testing.giantsource.biz/testing/berman-braun/moviefone/img/point.png") no-repeat top left;border-radius:3px;box-shadow:0 0 5px #000;display:none;padding:10px 0 10px 0;position:absolute;text-align:left;top:48px;}
.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; }
.dropdown ul li {cursor:pointer;overflow:hidden;padding:10px 20px 10px 20px;}
.dropdown ul li:hover {background-color:#00c7fc;}
.dropdown ul a {display:block;width:100%;}
.search-link {padding-right:40px !important;position:relative;}
#magnifying-glass {height:24px;position:absolute;right:10px;top:-5px;width:24px;}
#username {display:inline-block; max-width:80px; overflow: hidden; position: relative; text-overflow: ellipsis; top: 4px; white-space: nowrap;}
.mfmovies {background: url("http://www.blogsmithmedia.com/devbox.sandbox.mfblog.aol.ca/media/ddarw_new.png") no-repeat scroll 59px 4px/ 12px auto rgba(0, 0, 0, 0);}
.mftv {background: url("http://www.blogsmithmedia.com/devbox.sandbox.mfblog.aol.ca/media/ddarw_new.png") no-repeat scroll 25px 4px/ 12px auto rgba(0, 0, 0, 0);}
.mfwatchnw {background: url("http://www.blogsmithmedia.com/devbox.sandbox.mfblog.aol.ca/media/ddarw_new.png") no-repeat scroll 93px 4px/ 12px auto rgba(0, 0, 0, 0);}
.mfnews {background: url("http://www.blogsmithmedia.com/devbox.sandbox.mfblog.aol.ca/media/ddarw_new.png") no-repeat scroll 47px 4px/ 12px auto rgba(0, 0, 0, 0);}
.mffolwus {background: url("http://www.blogsmithmedia.com/devbox.sandbox.mfblog.aol.ca/media/ddarw_new.png") no-repeat scroll 80px 4px/ 12px auto rgba(0, 0, 0, 0);}
.desktop.header a{padding:0 10px 0 0}
.user-area {font-size:14px;position:absolute;right:6px;top:0;width:50%}
.user-area a {margin-left: 10px;padding: 0 !important;}
.desktop.header a.mfSignIn {color:#00C8FF;display:block;text-align:right;white-space:nowrap}

/*  HAMBURGER MENU  */
#hamburger-button {height: 25px; left: 4px; padding: 5px; position: absolute; top: 0px; width: 25px;}
#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;}
#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;}


/*  ==================================================================================================================  */
/*  MOBILE NAV  ======================================================================================================  */
/*  ==================================================================================================================  */
#menu-overlay {background: #333333; color:#ffffff; display: block; left: -265px; width: 260px; transition: left .3s;}
.mobile-menu-open #menu-overlay {left: 0px;}
#menu-overlay .container {height: 100%; padding: 10px 0px; text-align: left;}
#menu-overlay .dropdown {float: none; text-align: left;}
#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;}
#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;}
#menu-overlay .dropdown ul {background: transparent; box-shadow: none; display: block; margin: 0px; padding: 0px; position: static;}
#menu-overlay .dropdown ul a {background: none; color: #ffffff; padding-left: 30px;}
#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;}
#menu-overlay .dropdown ul ul a {}
#menu-overlay .dropdown > ul a {background: #444444; color: #00c8ff; display: block; font-weight: bold; padding: 7px 0px 7px 30px;}
#menu-overlay .dropdown > ul a:hover {}
#menu-overlay .dropdown li {display:block; margin: 0px; padding: 0px;}
#menu-overlay .dropdown li:hover {background: none;}

#menu-overlay .search-link {display:none;}


/*  ==================================================================================================================  */
/*  FOOTER  ==========================================================================================================  */
/*  ==================================================================================================================  */
.icon-aol-eraser:before{font-family:'StylelistIcons';speak:none;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased}
.icon-aol-eraser:before{content:"\e00b"}
#footer {background-color:#222222;color:#fff;font-size:18px;padding:10px 20px 10px 20px;text-align:center;}
#footer .footer{padding-bottom:12px}
#footer .main-nav li a{color:#c7c7c9}
#footer .main-nav{border-bottom:0}
#footer .home-link a{background-position:0 -60px;margin-top:-10px;width:100px}
#footer #aol-follow li.facebook a{background-position:-100px 0}
#footer #aol-follow li.twitter a{background-position:-130px 0}
#footer #aol-follow li.pinterest a{background-position:-165px 0}
#footer #aol-footer-links li{border-right:1px solid #555;font:400 12px/1 arial,helvetica,sans-serif;text-transform:none;word-spacing:1px}
#footer #aol-footer-links li.last{border-right:0}
#footer .main-nav li a{color:#fff}
#copyright{list-style:none;padding:0}
#copyright li{float:left;padding:0 10px}
#copyright li,#privacy li{display:inline-block;float:none;padding:0 10px;font-weight:normal;text-decoration:none;color:#fff;font-size:11px;line-height:20px}
#privacy{font-size:10px;list-style:none outside none;text-transform:uppercase}
#privacy a,#copyright{color:#fff;font-size:12px;text-decoration:none;margin-top:-3px}
#privacy>li:first-child{border-right:none;height:18px}
#privacy>li:last-child,#privacy li.last{border-left:none;height:18px}
#privacy a.icon-aol-eraser{font-size:40px;position:relative;top:10px}
#privacy a.icon-aol-eraser .link-text{font-size:0}
#footer #copyright{margin-top:10px}


/*  ==================================================================================================================  */
/*  SEARCH  ==========================================================================================================  */
/*  ==================================================================================================================  */
#prompt .search, #search-overlay .search {background-color:rgb(0,0,0);background-color:rgba(0,0,0,.75);border:1px solid #00c7fc;border-radius:3px;margin:0 auto;max-width:970px;position:relative;width:100%;}
#prompt .search input, #search-overlay .search input {background-color:transparent;border:none;color:#fff;font-weight:bold;text-transform:lowercase;width:100%;}
#prompt .search input::-ms-clear, #search-overlay .search input::-ms-clear {display: none;}
#prompt .search .icon, #search-overlay .search .icon {background: url('http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png') no-repeat -293px 0px; height:30px; margin-top: -15px; position:absolute; right: 23px; top: 50%; width: 30px;}
#prompt {cursor:pointer; height: 0px; left:0px;position:relative; width:100%;}
.home #prompt {position: absolute; top: 50px}
#prompt input {cursor:pointer;}
#prompt.docked {background: #1a1a1a ;border:none;border-bottom:1px solid #00c7fc; display:none !important; height: 40px; position:relative;}
.home #prompt.docked {top: 0px;}
#prompt.docked .search {background:transparent;border:none;padding:10px;}
#prompt.docked .container {padding:0;}

/*  SEARCH OVERLAY  =============  */
#search-overlay {background-color:rgb(2,192,244);background-color:rgba(2,192,244,.97);color:#fff;font-size:24px;text-align:center;}
#search-overlay .container {height:100%;padding:20px; }
#search-overlay .search {background:rgb(0,0,0);background:rgba(0,0,0,.75);}
#search-overlay h2 {color:#057094; font-size: 36px; font-weight: bold; line-height: normal; letter-spacing: normal;}
#search-overlay hr {border-top:1px solid #fff;margin:20px 0 20px 0;}
#search-overlay a {color:#fff;}
#search-overlay a.white {color:	#00c8ff;}
#close-search {right: -20px; top: -16px;}


/*  ==================================================================================================================  */
/*  MOVIEFONE NAV BAR  ===============================================================================================  */
/*  ==================================================================================================================  */
#moviefone-subheader {background: #888888; clear: both; position: relative; width: 100%;}
#moviefone-subheader .subhead {margin: 0 auto; overflow: hidden; padding: 8px 0; text-align: center; width: 970px;}
#moviefone-subheader .subhead li {border-right: 1px dotted #ffffff; float: left; padding: 9px 18px; width: auto;}
#moviefone-subheader .subhead li.first {padding-left: 0px;}
#moviefone-subheader .subhead li.last {border-right: 0 none; padding-right: 0px;}
#moviefone-subheader .subhead li a span {color: #99ccff; padding: 0 4px 0 0;}
#moviefone-subheader .subhead li a {color: #ffffff; display: block; font-weight: normal; font-size: 16px; padding: 3px 0;}


/*  ==================================================================================================================  */
/*  BREADCRUMBS  =====================================================================================================  */
/*  ==================================================================================================================  */
#main-column .breadcrumb-wrap {overflow: hidden;float: left;}
#main-column .breadcrumb {font: 18px; list-style: none;}
#main-column .breadcrumb li { float: left;}
#main-column .breadcrumb li a {color: ##00c8ff; display: block; float: left; font-size: 16px; font-weight: bold; padding: 10px 0 10px 0px; position: relative; text-decoration: none; text-transform: lowercase; *padding: 10px 10px 10px 10px; *border-right: solid 1px #333;}
#main-column .breadcrumb li.current {color: #ffffff; display: block; float: left; font-weight: bold; padding: 10px 0 10px 0px; position: relative; text-decoration: none; *padding: 10px 10px 10px 10px;}
#main-column .breadcrumb li.current h1 {font-size: 16px; font-weight: lighter; line-height: 20px; letter-spacing:0;color:#666;}

#main-column .breadcrumb li a:hover {color: #333333}
#main-column .breadcrumb li a:after {color: #333333; content: "/"; margin: 0px 10px;}
#main-column .breadcrumb li a:hover:after {color: #00c8ff;}
#main-column .breadcrumb li:first-child a {}
#main-column .breadcrumb li:last-child a {color: #333333;}
#main-column .breadcrumb li:last-child a:after {content: "";}
#main-column .breadcrumb-hone {margin: 20px 0px;}



/*  ==================================================================================================================  */
/*  DATE PICKER  =====================================================================================================  */
/*  ==================================================================================================================  */
#ui-datepicker-div {background: #00c8ff; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); display: none; padding: 12px 20px 20px 20px;}

/*  HEADER  */
#ui-datepicker-div .ui-datepicker-header {height: 40px; position: relative;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {cursor: pointer; display: block; height: 30px; position: absolute; top: -2px; width: 34px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {background: url('http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png') no-repeat 0px 0px; display: block; height: 9px; position: absolute; text-indent: -99999px; top: 11px; width: 6px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {display: none;}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {left: -10px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {background-position: -116px -259px; left: 14px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {right: -10px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {background-position: -122px -259px; right: 14px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {color: #FFFFFF; display: block; margin: 0px auto; padding-top: 7px; position: relative; text-align: center; width: 150px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span {font-weight: 500;}

/*  CALENDAR  */
#ui-datepicker-div .ui-datepicker-calendar {}
#ui-datepicker-div .ui-datepicker-calendar thead {}
#ui-datepicker-div .ui-datepicker-calendar thead tr {}
#ui-datepicker-div .ui-datepicker-calendar thead tr th {}
#ui-datepicker-div .ui-datepicker-calendar thead tr th span {color: #ffffff; display:block; font-size: 12px; font-weight: 500; padding: 0px 7px;}

#ui-datepicker-div .ui-datepicker-calendar tbody {}
#ui-datepicker-div .ui-datepicker-calendar tbody tr {}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td {}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-state-disabled  {}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-state-disabled span, #ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-state-disabled a {color: #dadada; font-weight: lighter;}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-today {background: #33d3ff;}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {background: #ffffff;}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a {color: #00c8ff;}


#ui-datepicker-div .ui-datepicker-calendar tbody tr td span, #ui-datepicker-div .ui-datepicker-calendar tbody tr td a {display: block; font-size: 12px; font-weight: bold; padding: 10px 0 7px 0px; text-align: center;}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td span {}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td a {color: #ffffff;}


/*  ==================================================================================================================  */
/*  STORY CONTENTS  ==================================================================================================  */
/*  ==================================================================================================================  */
/*  STORY GENERAL  ========================  */
#permalink {margin: 12px 0 20px;}
#permalink .entry-content {}
#permalink .entry-content iframe {display: block; text-align: center;}
#permalink h1{  font-size: 34px;font-weight: 500;line-height: 40px;}
#permalink .tags a{font-weight:bold}
#permalink .categories a{font-weight:bold}
/*  STORY META DATE (AT TOP OF POST)  =====  */
#permalink .meta {font-size: 15px; margin: 20px 0;}
#permalink .meta .byline a, #permalink .meta {color: #666666; }
#permalink .meta .byline a:hover {text-decoration: underline;}
#permalink .meta .posted, #permalink .meta .byline {float: left; margin: 0 10px 0 0; color: #666666;}
#permalink .meta .byline .author .fn a {font-weight: bold;}

/*  STORY TAGS / CATEGORIES  ==============  */
#permalink .tags a {font-weight: bold;}
#permalink .categories, #permalink .tags {color: #939598; font-size: 14px; line-height: 16px; margin: 0 0 4px; text-transform: lowercase;}
#permalink .categories span, #permalink .tags span {color: #666666; font-weight: bold; font-size: 14px; padding: 0 4px 0 0;}
#permalink .categories span:after, #permalink .tags span:after {content: ":";}
#permalink .categories {margin: 10px 0 20px; }
#permalink .categories a {font-weight: bold;}

/*  STORY COPY / LINKS  ===================  */
#permalink h1 {font-size: 34px; font-weight: 500; line-height: 40px;}
#permalink .entry-content, #permalink .entry-content p {font-size: 14px; letter-spacing: normal; line-height: 24px;}
#permalink a:hover {text-decoration: none;}

/*  STORY IMAGE  ==========================  */
#permalink .entry-content img {display: block; margin: 10px auto; text-align: center; width: 100%;}
#permalink .entry-content p.cap {}
#permalink .entry-content p.cap img {width: 100%;}

/*  SHOW POST (PREV/NEXT AT BOTTOM)  =====  */
#permalink .nav-crumb  {margin: 20px 0 40px; padding: 0;}
#permalink .nav-crumb .prev-article, #permalink .nav-crumb .next-article {background: #dee2e3; border-radius: 2px; color: #ffffff; float: left; min-height: 60px; position: relative; width: 300px;}
#permalink .nav-crumb .prev-article:hover, #permalink .nav-crumb .next-article:hover {background: #eeeeee;}
#permalink .nav-crumb .next-article {margin-left: 10px;}
#permalink .nav-crumb .next-article:hover, #permalink .nav-crumb .prev-article:hover {background: #ffffff;}
#permalink .nav-crumb .prev-cat, #permalink .nav-crumb .next-cat {color: #666666; font-size: 13px; padding: 10px 0px;}
#permalink .nav-crumb .prev-cat {float: left; margin: 0px 10px 0px 40px; }
#permalink .nav-crumb .next-cat {float: right; margin: 0px 40px 0px 10px; text-align: left;}
#permalink .nav-crumb .prev-arrow, #permalink .nav-crumb .next-arrow {background: url("http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png") no-repeat transparent; height: 60px; margin-top: -30px; position: absolute; top: 50%; width: 35px;}
#permalink .nav-crumb .prev-arrow {background-position: -35px -426px; left: 0px;}
#permalink .nav-crumb .next-arrow { background-position: -35px -486px; right: 0px;}
#permalink .nav-crumb .cat-name {float: left; width: 300px; text-align:center; padding: 22px 0 0;}
#permalink .nav-crumb .cat-name a {color: #fff; text-decoration: none; margin: 0 20px 0 0;}

/*  AOL PLAYER  ==========================  */
.fmvps-wrapper {padding-bottom: 65.8% !important; position: relative; width: 100% !important;}
.fmvps-wrapper > div, .fmvps-wrapper object, .fmvps-wrapper video, .fmvps-limited-mode {height: 100% !important; position: absolute !important; width: 100% !important;}
.fmvps-wrapper div#fiveMinCB_1 {height: auto; width: auto;}

/*  YOUTUBE VIDEOS  ======================  */
.youtube-video-wrap {margin: 10px 0px; padding-bottom: 56.25%; position: relative;}
.youtube-video-frame {height: 100%; eft: 0px; position: absolute; top: 0px; width: 100%;}

/*  FACEBOOK POSTS  ======================  */
.fb-post.fb_iframe_widget {width: 100% !important;}
.fb-post.fb_iframe_widget span {width: 100% !important;}
.fb-post.fb_iframe_widget span iframe {width: 100% !important;}

/*  INTERLINK OVERRIDE  ======================  */
body .post a.interlink{background:transparent}

/*  ==================================================================================================================  */
/*  SETTINGS  ========================================================================================================  */
/*  ==================================================================================================================  */
.movie-nav .movie-share {position: absolute; right: 0px; text-align: center;}
.movie-nav .movie-share span {color: #B5B5B5; float: none;  font-size: 11px; font-weight: bold; margin: 6px 0 0; text-shadow: 0 1px 1px #000000; }
.movie-nav .movie-share a {margin: 3px 4px; width: 22px !important; }
.movie-nav .movie-share a:first-child {margin-left: 7px !important; }
.movie-nav .movie-share a:last-child {margin-right: 0 !important; }
.movie #featured .movie-nav .movie-share {bottom: -13px; margin-left: 20px; position: absolute; right: 0; text-align: center; width: 115px; }
.movie #featured .movie-nav .movie-share span {color: #A9AAAA; float: none;  font-size: 12px; font-weight: bold; margin: 5px 0 0; text-shadow: 0 1px 1px #000000; }
.movie #featured .movie-nav .movie-share a {margin: 3px 4px; width: 22px !important; }
.movie #featured .movie-nav .movie-share a:first-child {margin-left: 7px !important; }
.movie #featured .movie-nav .movie-share a:last-child {margin-right: 0 !important; }
.movie #featured {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 0 none; height: 385px; overflow: hidden; }
.movie #featured .big-poster {height: 320px; }
.movie #featured #movie-big-poster {height: 365px; }
.movie #featured .tagAlerts {bottom: -20px; }
.movie #featured .big-poster-overlay {height: 320px; }
.movie #featured .big-poster-overlaybottom {display: none; }
.movie #featured + #content > #main-column {margin-top: 0; }
#movie-maininfo.subpage .movie-share {bottom: 15px; position: absolute; right: -5px; text-align: center; width: 115px; }


.aol-share a.aol-share-facebook,
.aol-share a.aol-share-twitter,
.aol-share a.aol-share-pinterest,
.aol-share a.aol-share-email {background: url('http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png') no-repeat 0px 0px transparent; display: block; float: left; height: 30px; width: 30px; text-indent: 0; overflow: hidden;}

.aol-share a.aol-share-facebook {background-position: -60px -122px;}
.aol-share a.aol-share-facebook:hover{background-position: -60px -152px;}

.aol-share a.aol-share-twitter {background-position: 0px -122px;}
.aol-share a.aol-share-twitter:hover {background-position: 0px -152px;}

.aol-share a.aol-share-pinterest {background-position: -90px -122px;}
.aol-share a.aol-share-pinterest:hover {background-position: -90px -152px;}


.aol-share a.aol-share-email {background-position: -270px -122px;}
.aol-share a.aol-share-email:hover {background-position: -270px -152px;}

#featured .movie-nav .aol-share a:hover {opacity: 0.5; }
.tagAlerts { color: #666666; font-size: 11px; float: right;}
.tagAlerts a {color:#00c8ff;cursor:pointer;display:block;font-size:14px;height:60px;letter-spacing:1px;line-height:16px;overflow:hidden;text-align:center;text-decoration:none;text-transform:lowercase;width:189px;margin:auto;padding:10px 16px 0 40px}
.tagAlerts a:hover {background: url("http://o.aolcdn.com/os/moviefone/img/sprite-main.png") no-repeat scroll -9px -3048px rgba(0, 0, 0, 0); }
.tagAlerts a.unfollow, .tagAlerts a.unfollow:hover {font-size: 13px !important; }
.featured .tagAlerts {color: #666666; font-size: 11px; position: absolute; right: -204px; top: -30px; }
.breadcrumb-wrap .tagAlerts {bottom: 0; color: #666666; font-size: 11px; position: absolute; right: 0; }
.breadcrumb-wrap .tagAlerts a {background: none repeat scroll 0 0 #666666; border-radius: 5px; box-shadow: 2px 2px 2px #111111; color: #FFFFFF; cursor: pointer; display: block;  font-size: 11px; font-weight: bold; height: 22px; line-height: 12px; margin: 2px; overflow: hidden; padding: 5px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px #000000; text-transform: uppercase; width: 170px; }
.breadcrumb-wrap .tagAlerts a:hover {background: none repeat scroll 0 0 #333333; }
.breadcrumb-wrap .tagAlerts span.bell {background: url("http://o.aolcdn.com/os/moviefone/img/sprite-main.png") no-repeat scroll -53px -2955px rgba(0, 0, 0, 0); display: block; float: left; height: 20px; margin: 2px 5px; width: 20px; }
.follow-popup-content {background: none repeat scroll 0 0 #E7E5E5; bottom: 80px; box-shadow: 0 3px 10px 2px #111111; cursor: default; height: 70px; left: 40px !important; position: absolute; width: 210px; z-index: 5000000; }
.follow-popup-content p {color: #4A4A4A;  font-size: 11px; padding: 0; }
.follow-popup-inner {padding: 10px; }
.follow-popup-foot {margin: 10px; overflow: hidden; }
.follow-popup-arrow {background: url("http://o.aolcdn.com/os/moviefone/img/sprite-main.png") no-repeat scroll -80px -1927px rgba(0, 0, 0, 0); bottom: -20px; height: 20px; left: 6%; position: absolute; width: 15px; }
#blackground {z-index: 9999991 !important; }
.sf-menu li {z-index: 9999990 !important; }
#GH_NewsletterSettings {display: none; }

#SettingsContents .button {float: none; margin: 20px auto !important; width: 160px; }
#SettingsContents h2, #SettingsContents fieldset {padding: 0 15px; }
#newsletter .entry {float: left; margin-bottom: 10px; text-align: left; }
#newsletter .entry.email input {width: 260px !important; }
#newsletter .entry input {border: 1px solid #999999; box-shadow: 2px 2px 2px #DDDDDD; font-size: 12px; height: 25px; padding: 2px 5px; width: 200px; }
#newsletter .required {color: #666666; }
#newsletter .policy {bottom: 10px; font-size: 12px; font-weight: normal; left: 10px; position: absolute; text-decoration: underline; }
#newsletter .brand-color {color: #999999; }

/*DL Animation Styles */
.grid {
	max-width: 69em;
	list-style: none;
	margin: 30px auto;
	padding: 0;
}

.grid .article {
	display: block;
	float: left;
	padding: 7px;
	width: 33%;
	opacity: 0;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	transition: all .6s linear;
}

.grid div.shown,
.no-js .grid div.article,
.no-cssanimations .grid div.article, .no-csstransitions .grid div.article{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 3: Scale up */
.grid.effect-3 div.animate {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity:1;
}

/*  ==================================================================================================================  */
/*  RESPONSIVE MEDIA-QUERIES  ========================================================================================  */
/*  ==================================================================================================================  */
@media only screen and (min-width: 320px) and (max-width: 969px) {
	/*  NEXT / PREV BUTTONS ON ARTICLES  =====  */
	#permalink .nav-crumb .prev-article, #permalink .nav-crumb .next-article {margin: 5px 0px; width: 100%;}

}

@media only screen and (min-width: 0px) and (max-width: 677px) {
	/*  MAIN LAYOUT  =========================  */
	#main-column-wrap {margin: 0px;}
	#main-column-wrap #main-column {margin: 0px;}
	#content #side-column {clear: both; float: none; margin: 0px auto; top: 30px; width: 100%;}
}

/*  ==================================================================================================================  */
/*  ROBS GLOBAL.CSS  =================================================================================================  */
/*  ==================================================================================================================  */

.white {background-color:#fff;color:#00c7fc;}
.container {background-size: cover; margin:0 auto;max-width:970px;position:relative;width:100%;}
.close {position:absolute;z-index:6;}

/* SUB NAV ===== */

.subnav {position:relative;z-index:1;}
.subnav .container {background-color:#dadada;height:57px;}
.subnav a {color:#000;display:block;float:left;padding:20px;}
.subnav a:hover {background-color:#ececec;}
.subnav a.active {background-color:#fff;}
.subnav .container .tablet.phone {float:right;margin:10px 10px 0 0;}
.subnav .nav {float:left;}

/*  HERO UNIT ===== */

.home-hero, .hero {background-color:#434343; margin: 0px auto; position: relative; text-align: center; width: 100%; overflow: hidden; clear: both;}
.gutters .home-hero, .gutters .hero {max-width: 970px;}
.home .home-hero {width: 100%;}
.home-hero .container, .hero .container {height:100%;}
.home-hero { background-color: #000;}
.home-hero strong.title, .hero h1, .hero .h1 {color:#fff !important;font-size: 42px; font-weight: bold; letter-spacing: normal; line-height: 42px; display: block;}
.home-hero strong.subtitle, .hero h2 {font-size: 24px; font-weight: bold; letter-spacing: normal; line-height:34px; display: block; }
.home-hero strong.subtitle a, .hero h2 a {font-weight: bold;}

.home-hero .artwork, #artwork, .home-hero .gradient, #gradient, .home-hero .info, #info {height:100%;left:0px;position:absolute;top:0px;width:100%;}
.home-hero .artwork .container, #artwork .container, .home-hero .gradient .container, #gradient .container {max-width:1440px;}
.home-hero .artwork .container, #artwork .container {background-position:center center;background-repeat:no-repeat;background-size:cover;}
.home-hero .details, .hero .details {bottom:0px;display:inline-block;left:0px;padding:20px 20px 60px 20px;position:absolute;text-align:left;width:auto; max-width: 100%;}
.home-hero a.button, .hero button {margin-top:20px;}
.home-hero .red, .hero .red {margin-right:10px}
.home-hero .gradient .container, #gradient .container {background-size:cover;}
.home-hero .info, #info {text-shadow:0 2px 2px #000;}
.home-hero .info .container, #info .container {position:relative;}
.home-hero a.button {
    text-shadow: none;
}
.home-hero .details hr.second {
    display: none;
}

.home-hero { margin-top: 0; }
.home-hero .details strong.subtitle { max-width: 75%;}


.heart {color: #ff4f37;}
#viewport {display:none;height:100%;position:absolute; top: 0px;}
#viewport > li {float:left;height:100%;position:relative;}
#indicators {bottom:20px;position:absolute;text-align:center;width:100%;}
#indicators a {background-color:#757575;border-radius:50%;display:inline-block;height:10px;margin-right:10px;width:10px;}
#indicators .active {background-color:#33c7f5;}
#arrows {
    top: 50%;
    position: absolute;
    width: 100%;
    z-index: 4;
}
#arrows a {
    position: absolute;
    top: -32px;
    display: block;
    height: 63px;
    background: url(http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png) -118px -394px no-repeat;
    width: 42px;
    overflow: hidden;
    text-indent: -9999em;
}
#arrows a.previous {
    left: 50px;
}

#arrows a.next {
    right: 50px;
    background-position: -160px -394px;
}

/* MANDATORY SHARE BAR ===== */
.mandatory-share {margin:0 auto;max-width:970px;position:relative;width:100%;z-index:3;}
.share {left:30px !important;position:absolute !important;top:-40px !important;} 


#gradient{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(65%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
	height: 100%;
}
.ie9 .home-hero .gradient .container,
.ie9 .home-hero .gradient {
    filter: none;
}
.home-hero .gradient {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(65%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* W3C */
    height: 100%;
}

.home-hero .gradient .container {
    background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 3%, rgba(0,0,0,0) 97%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(3%,rgba(0,0,0,0)), color-stop(97%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

} 

#gradient .container {
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 3%, rgba(0,0,0,0) 97%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(3%,rgba(0,0,0,0)), color-stop(97%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#434343',GradientType=1 ); /* IE6-9 */
}

/* Sections ===== */

.list {position:relative;top:3px;}
#more {display:block;margin:0 auto 20px auto;}

/* Overlays ===== */

.overlay {display:none;height:100%;left:0px;position:fixed;top:0px;width:100%;z-index:5;}
#details-overlay {background-color:rgb(0,0,0);background-color:rgba(0,0,0,.9);}
#close-details, #close-menu {right:5px;top:5px;}
#results {display:none;}

/* Animations ===== */


.circleGs {width:93.33333333333333px;}
.circleG {background-color:transparent;float:left;height:20px;margin-left:11px;width:20px;-moz-animation-duration:1.9500000000000002s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-moz-border-radius:13px;-webkit-animation-duration:1.9500000000000002s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-webkit-border-radius:13px;-ms-animation-duration:1.9500000000000002s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-ms-border-radius:13px;-o-animation-duration:1.9500000000000002s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;-o-border-radius:13px;animation-duration:1.9500000000000002s;animation-iteration-count:infinite;animation-direction:linear;border-radius:13px;}

#search-overlay .loading {display: none; margin-top:20px;}
#search-overlay .circleG {animation-name:bounce_circleG_white;-ms-animation-name:bounce_circleG_white;-o-animation-name:bounce_circleG_white;-moz-animation-name:bounce_circleG_white;-webkit-animation-name:bounce_circleG_white;}

.carousel .loading {margin:145px auto;width:93px;}
.carousel .circleG {animation-name:bounce_circleG_blue;-ms-animation-name:bounce_circleG_blue;-o-animation-name:bounce_circleG_blue;-moz-animation-name:bounce_circleG_blue;-webkit-animation-name:bounce_circleG_blue;}

.circleG_1 {-moz-animation-delay:0.39s;-webkit-animation-delay:0.39s;-ms-animation-delay:0.39s;-o-animation-delay:0.39s;animation-delay:0.39s;}
.circleG_2 {-moz-animation-delay:0.9099999999999999s;-webkit-animation-delay:0.9099999999999999s;-ms-animation-delay:0.9099999999999999s;-o-animation-delay:0.9099999999999999s;animation-delay:0.9099999999999999s;}
.circleG_3 {-moz-animation-delay:1.1700000000000002s;-webkit-animation-delay:1.1700000000000002s;-ms-animation-delay:1.1700000000000002s;-o-animation-delay:1.1700000000000002s;animation-delay:1.1700000000000002s;}




/*  Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢  */
/*  START STYLES FROM share.css  Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢  */
div.share {font-family: "TradeGothicLTPro-Bold", Georgia, "Times New Roman", Times, serif; position: relative; width: 145px; text-align: left; margin: 0 0 10px;}
div.share.hide {display: none !important;}
.fb_iframe_widget iframe {position: static !important;}
.fb_iframe_widget span {display: inline !important;}
div.share .fb .boxcount {position: absolute; top: -9999em;}
div.share .fb .buttoncount {position: absolute; top: 0;}
div.share .tw {position: relative; display: inline-block; margin: 0 0 0 12px; height: 26px; width: 83px; vertical-align: top;}
div.share h4 {display: none;}
div.share .more-wrap {position: absolute;display: inline-block; right: 0px; top:0;vertical-align: top; z-index: 4;}
div.share .more-wrap .more-share a.more {background-color: #00CCFF; color: #fff; font-weight: bold; height: 20px; width: 20px; display: block; border: none; border-radius: 50%; padding-left: 5px; position: relative; text-shadow: none; overflow: hidden;}
div.share .more-wrap .more-share ul.more-items {display: none;}
div.share .more-wrap .more-share.more-hover {overflow: visible; border-color: transparent; background: none;}
div.share .more-wrap .more-share.more-hover ul.more-items {display: block; right: 0; position: absolute; background-color: #00CCFF; color: #fff; top: 25px; padding:5px 0 0 5px;z-index: 6;width:227px;}
div.share .more-wrap .more-share.more-hover ul.more-items li {display:inline-block;font-size:0;margin-right:5px;}
div.share .more-wrap .more-share.more-hover ul.more-items li.twitter {display:none;}
div.share .more-wrap .more-share.more-hover ul.more-items li.stumbleupon iframe, div.share .more-wrap .more-share.more-hover ul.more-items li.linkedin .IN-widget {position:relative;top:-2px;}
div.share .more-wrap .more-share.more-hover ul.more-items li.reddit a {position:relative;top:-5px;}
div.share .more-wrap .more-share.more-hover ul.more-items li.mail a {width: 23px; height: 17px; background: url("http://o.aolcdn.com/os/themanual/img/v2/sprite.png") -431px -43px no-repeat; text-indent: -999em; overflow: hidden; position:relative;top:-4px;display: block;}*/
div.share .comment-count {height: 31px; width: 31px; display: inline-block; position: relative; top: -1px; vertical-align: top; background: url("http://o.aolcdn.com/os/themanual/img/v2/sprite.png") -431px top no-repeat;}
div.share .comment-count a {display: block; height: 24px; width: 31px; text-indent: 0; font-size: 16.28px; line-height: 24px; background-color: #ed1c24; color: #ffffff; text-align: center;}
div.share .comment-count b {display: none; font-weight: normal;}
@media only screen and (min-width: 1350px) {
	div.share.dockable {position: absolute; left: -83px; top: 23px; width: 63px; text-align: center; margin-top: 10px; max-height: 100%;}
	div.share.dockable.docked {position: fixed; top: 0; left: auto; margin-left: -83px;}
	div.share.dockable h4 {font-size: 16px; text-transform: uppercase; color: #ed1c24; line-height: 22px; margin-bottom: 10px; display: block;}
	div.share.dockable .more-wrap {height: 53px; margin: 10px 3px; width: 53px; position: relative;}
	div.share.dockable .fb_iframe_widget {margin: 0 auto;}
	div.share.dockable .tw {position: absolute; top: -9999em; height: 0;}
	div.share.dockable .fb {top: auto; height: 90px; width: 100%; float: none;}
	div.share.dockable .fb .boxcount {top: 0; left: 8px;}
	div.share.dockable .fb .buttoncount {top: -9999em;}
	div.share.dockable .comment-count {background: url("http://o.aolcdn.com/os/themanual/img/v2/sprite.png") -580px top no-repeat; height: 63px; width: 63px; color: #ffffff; text-transform: uppercase; font-size: 10px;}
	div.share.dockable .comment-count a {background-position: -580px top; background-color: #ed1c24; color: #ffffff; font-size: 26px; height: 32px; width: auto; line-height: 32px;}
	div.share.dockable .comment-count b {font-weight: normal; display: block;}
	div.share.dockable .more-share {height: 51px; width: 51px; border: 1px solid #ed1c24; overflow: hidden; background: #ffffff;}
	div.share.dockable .more-share a.more {height: 51px; width: 51px; background-position: -1447px 1px; border: none;}
	div.share.dockable .more-share .more-items {display: none; width: 230px; position: absolute; left: 52px; top: 15px;}
	div.share.dockable .more-share .more-items li {display: inline-block; margin: 3px 10px;}
	div.share.dockable .more-share .more-items li.twitter {margin-right: 0; width: 90px;}
	div.share.dockable .more-share.more-hover {width: 302px; height: 94px; position: absolute; z-index: 10; left: auto; border-color: #ed1c24; background: #ffffff;}
	div.share.dockable .more-share.more-hover a.more {border: none; margin-left: 0; height: 51px; width: 51px; top: auto; left: auto; position: static;}
	div.share.dockable .more-share.more-hover ul.more-items {width: 220px; position: absolute; left: 55px; top: 10px; border: none; display: block;}
	div.share.dockable .more-share.more-hover ul.more-items li.twitter {position: static;}
	#permalink-gallery div.share.dockable {top: -12px;}
}

/*  END STYLES FROM share.css  Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢  */
/*  Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢Ã¢â‚¬Â¢  */





@-moz-keyframes bounce_circleG_white {
0% {}
50% {background-color:#ffffff}
100%{}
}
@-webkit-keyframes bounce_circleG_white {
0% {}
50% {background-color:#ffffff}
100% {}
}
@-ms-keyframes bounce_circleG_white {
0% {}
50% {background-color:#ffffff}
100% {}
}
@-o-keyframes bounce_circleG_white {
0% {}
50% {background-color:#ffffff}
100% {}
}
@keyframes bounce_circleG_white {
0% {}
50% {background-color:#ffffff}
100% {}
}

@-moz-keyframes bounce_circleG_blue {
0% {}
50% {background-color:#00c7fc}
100%{}
}
@-webkit-keyframes bounce_circleG_blue {
0% {}
50% {background-color:#00c7fc}
100% {}
}
@-ms-keyframes bounce_circleG_blue {
0% {}
50% {background-color:#00c7fc}
100% {}
}
@-o-keyframes bounce_circleG_blue {
0% {}
50% {background-color:#00c7fc}
100% {}
}
@keyframes bounce_circleG_blue {
0% {}
50% {background-color:#00c7fc}
100% {}
}
#aol-mobile-leader {
    display: none;
}
/* Media Queries ===== */

@media only screen and (max-width : 767px) {
	.phone {display: inline-block !important;}
	.desktop, .tablet {display:none;}
	#container, .gutters #container {left: 0px; margin-left: 0px; width: 100%;}
	#content, #z {padding:10px;}
	#content-wrapper {margin-top: 0px;}
	.sticky-header #content-wrapper {padding-top: 40px;}
	#aol-mobile-leader { position: fixed; bottom: 0; left: 0; display: block; width: 100%; z-index: 5; }
    #aol-mobile-leader >div {
        margin: 0 auto;
        
    }
	/*  HERO UNIT  ============================  */
	.hero {height:350px;margin-top:0px;}
	.home-hero strong.title, .hero h1 {font-size:24px;line-height:34px;}
	.home-hero strong.subtitle, .hero h2 {font-size:18px;line-height:28px;}
	.home-hero { height: 377px;  }
	.home-hero #viewport { height: 377px;}
	.home-hero #viewport>li {
	    overflow: hidden;
	    display: inline-block;
	    position: relative;
	}
	.home-hero #viewport>li iframe {
	    width: 100%;
	    height: 100%;
	    
	}
	.home-hero .gradient, .home-hero .artwork {
	    height: 180px;
	}
    .home-hero .details {
        top: 180px;
        padding-top: 10px;
    }
    .home-hero .details hr.first {
        display: none;
    }
    .home-hero .details hr.second {
        margin-top: 15px;
        display: block;
    }
    .home-hero .details strong.title{
        font-size: 19px;
        line-height: 23px;
    }
    .home-hero .details strong.subtitle {
        max-width: 100%;
        font-size: 13px;
        line-height: 18px;
    }
    .home-hero #arrows {
        top: 25%;
    }
    .home-hero a.button {
        margin-top: 7px;
        padding: 12px;
        font-size: 16px;
        line-height: 17px;
    }
    .home-hero #indicators {
        bottom: 217px;
    }
    .home-hero #indicators a {
        height: 5px;
        width: 5px;
        border-radius: 5px;
    }
    #arrows a.previous {
        left: 20px;
    }

    #arrows a.next {
        right: 20px;
        
    }
	
	/*  SEARCH  =====  */
	.home #prompt {top:50px;}
	.home #prompt .search input, #search-overlay .search input {font-size:13px;padding:10px;}
	.home #prompt .search .icon,  #search-overlay .search .icon {background-position: -347px 0px; height: 18px; right:10px;top: 23px; width: 18px;}
	.home #prompt.docked {display:none;}
	#prompt .container {padding:0 10px 0 10px;}	
	#prompt.docked input {font-size:18px !important;padding:0 !important;}
	#prompt.docked .icon {background-position: -347px 0px; height: 18px; top: 25px; width: 18px;}	
	#search-overlay, #search-overlay h2 {font-size: 16px;}
	#search-overlay .container {padding-top: 50px;}
	#search-overlay li {margin-bottom: 5px;}
	#suggestions, #results, #search-overlay ul {margin: 10px 0px 10px 0px;}

	/* FOOTER ===== */
	#footer {padding:10px 10px 62px 10px;text-align:center;}
	#footer .moviefone-logo, #footer .whalerock-logo {float:none;margin:0;}
	#footer .navigation {float:none;margin:10px 0 0 0;}
	#footer p {line-height:24px;}
}
@media only screen and (min-width : 768px) {
	/*  so the expandable ads will be on top  */
	/*  SIDE COL - 2 COL LAYOUT */  #side-column {z-index: 2;}
	/*  MAIN COL - 2 COL LAYOUT */  #main-column {z-index: 1;}
	
	/*  SO THE GALLERY FLYOUT WILL BE ON TOP WHEN IT'S OPEN  */
	/*  SIDE COL - 2 COL LAYOUT */ .twist-flyout-open #side-column {z-index: 1;}
	/*  MAIN COL - 2 COL LAYOUT */ .twist-flyout-open #main-column {z-index: 2;}

}
@media only screen and (min-width : 768px) and (max-width : 1046px) {
	.tablet {display:inline-block !important;}
	.desktop, .phone {display:none;}
	#container, .gutters #container {left: 0px; margin-left: 0px; width: 100%;}
	#content, #z {padding:20px;}
	.sticky-header #content-wrapper {padding-top: 0px;}
	.sticky-header.mobile #content-wrapper {padding-top: 0px;}
	/*  HERO UNIT  ============================  */
	.home-hero, .hero {height:600px;margin-top:0px;}
	.sticky-header.home .home-hero {margin-top: 46px;}
	.sticky-header #container {position:relative !important;}
	#arrows a.previous { left: 25px; }
    #arrows a.next { right: 25px; }
	
	/*  SEARCH  =====  */
	.home #prompt {top:50px;}
	.home #prompt .search input, #search-overlay .search input {font-size:35px;padding:20px;}
	.home #prompt.docked {display:none;}
	#prompt .container {padding:0 10px 0 10px;}	
	#prompt.docked input {font-size:18px !important;padding:0 !important;}
	#prompt.docked .icon {background-position: -347px 0px; height: 18px; right:10px;top: 25px; width: 18px;}	
	#search-overlay {font-size: 24px;}
	#search-overlay .container {padding-top: 50px;}
	#search-overlay li {margin-bottom: 10px;}
	#suggestions, #results, #search-overlay ul {margin: 20px 0px 20px 0px;}
	
	/*  HEADER BANNER  ========================  */
	.mf-banner-container {overflow: hidden; width: 100%;}
}

@media only screen and (min-width : 1047px) {
	.desktop {display:inline-block !important;}
	.tablet, .phone {display:none;}
	#container {}
	.has-hero #content, #z {padding:20px;}

	/*  HIDE MOBILE MENU  */
	#menu-overlay {display: none;}

	/*  HERO UNIT  ============================  */
	.home-hero, .hero {height: 600px ;margin-top: -4px; padding-top: 76px;}
	.sticky-header .hero {margin-top: 76px;}
	.home.sticky-header .home-hero {margin-top: 72px;}	

	/*  SEARCH  =====  */
	.home #prompt {top:92px;}
	.home #prompt .search input, #search-overlay .search input {font-size:48px;padding:20px;}
	#prompt .container {padding:0 20px 0 20px;}	
	#prompt.docked input {font-size:24px !important;padding:0 !important;}
	#prompt.docked .icon {height: 30px; top: 21px; width: 30px;}	
	#search-overlay {font-size: 24px;}
	#search-overlay .container {padding-top: 133px;}
	#search-overlay li {margin-bottom: 10px;}
	#suggestions, #results, #search-overlay ul {margin: 20px 0px 20px 0px;}
}
