/* ------------------------------ Colors ------------------------------ */

/*
	$primary = #233870;
	$primary = rgba(35, 56, 112, 1)

	$secondary = #256295;
	$linkColor = #256295;

	$lightGray = #f7f7f7;
	$black = #252525
	Nav drop-down background - #256295
	Main "Menu" active background - #1a4a85
	Main "Menu" child background (right side) - #14437e


	$old1 = #52A6ED
	$old2 = #66ACE8
	$old3 = #328FDE

*/
	/*a { color: #256295; }*/
	.nav_wpr { height: 55px; /*background-color: #233870;*/ box-shadow: 0 3px 5px rgba(100, 100, 100, 0.49); }
	/*.nav_wpr { background-color: #233870; }*/
	/*body.homepage { background: url(http://media.comicbook.com/uploads1/2015/04/bpchlcthkr5iohacwqjqwu-133153-640x960.png) no-repeat #f7f7f7; background-size: 100%; } */

		@media screen and (min-width: 768px) {
		/*	body.homepage { background: url(http://media.comicbook.com/uploads1/2015/04/bpchlcthkr5iohacwqjqwu-133153-1280x1920.png) no-repeat #f7f7f7; background-size: 100%; } */
		}

	/*--- Comicbook Header Refresh ---*/

	body > header { height: auto; min-height: 60px; }
	body > header > .adhesion-block { background-color: #fff }
	.channel-nav { background: #eee; }
	.channel-nav > ul > li { margin-right: 2em; }
	.channel-nav > ul > li > a { text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-family: Helvetica, Arial, sans-serif; vertical-align: middle; }
	.channel-nav > .social > li { margin: 0 2em 0 0; }
	.channel-nav > .social > li:last-of-type { margin-right: 0; }
	.full-nav > ul > li { font-size: 16px; }
	.full-nav > ul > li > a { font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-family: Helvetica, Arial, sans-serif; display: block; transition: all 150ms ease; }
	.full-nav > .site-nav > li > a { text-decoration: none; padding: 0 12px; transition: all 125ms ease; }
	.full-nav > .site-nav > li > .navlst_blk { top: 100%; height: auto; max-height: 0; transition: max-height 100ms ease-in-out; }
	.full-nav > .site-nav > li > .navlst_blk.open { max-height: 999px; }
	.full-nav > .user-nav > li { border-right: 1px solid #ccc; padding: 0 8px; text-align: center; height: 31px; }
	.full-nav > .user-nav > li:last-of-type { border-right: none; }
	.full-nav > .user-nav > li > a { font-weight: 300; letter-spacing: 0.5px; }
	.full-nav.focused > .user-nav > .user { border-right-color: #797979; }
	.full-nav > .user-nav > .logout { display: none; }
	.full-nav > ul > li.search { font-size: 22px; padding-right: 10px; }
	.full-nav > ul > li.search > .navlst_blk > div fieldset { height: 34px; }
	.full-nav > ul > li.search > .navlst_blk > div input[type="search"] { border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: calc(300px - 42px); border: 0; height: 35px; font-size: 14px; }
	.full-nav > ul > li.search > .navlst_blk > div button { transition: all 150ms ease; font-size: 14px; }
	.full-nav > .user-nav > li > .user_nav { font-size: 22px; }

	.full-nav > .user-nav > .menu { border-right: none; cursor: pointer; }
	.full-nav > .user-nav > .menu > .main_menu { font-size: 2em; }
	.nav-icon { position: absolute; top: 4px; left: 13px; width: 18px; height: 2px; margin: 10px 0; }
	.nav-icon:before { top: -6px; content: ''; display: block; width: 18px; height: 2px; position: absolute; }
	.nav-icon:after { top: 6px; content: ''; display: block; width: 18px; height:2px; position: absolute; }

	/* --- logged in user menu--- */
	.full-nav > .user-nav .user_nav { width: 58px; }
	.full-nav > .user-nav .user_nav > img { width: 25px; height: 25px; vertical-align: text-bottom; margin-right: 5px; }
	.full-nav > .user-nav > .user { font-size: 22px; padding: 2px 8px 0; }
	.full-nav > .user-nav > .user > .usernav_blk { top: 44px; border-bottom: none; }
	.full-nav > .user-nav > .user > .usernav_blk a { font-size: 16px; }

	/* --- logged out user menu--- */
	.usernav_blk > header > div > .soclogin_lst > li > a b { font-size: 36px; }
	.full-nav > .user-nav > .log-in > .user_nav { font-size: 22px; height: 35px; width: 30px; }
	.full-nav > .user-nav > .log-in > .usernav_blk { top: 44px; }

	/* mobile menu */
	.menu_wpr.showmenu { top: 120px; }

	@media screen and (min-width: 320px) {
		.full-nav > a { width: 170px; max-width: calc(100% - 130px);}
		.full-nav > a > img { /*max-height: 40px;*/ width: auto; }
		.full-nav > .user-nav { max-width: 130px; }
		.full-nav > .user-nav > li { padding: 0 15px; }
	}

	@media screen and (min-width: 768px) {
		body { margin-top: 40px; }
		.menu_wpr.showmenu { top: 60px; }
		.channel-nav { padding-right: 25px; }
	}

	@media screen and (min-width: 880px) {
		body { margin-top: 90px; }
		body > header { min-height: 90px; height: 90px; }
		/*.full-nav > .site-nav { display: block; }*/
		.user-nav > .menu { display: none; }
		.full-nav,
			.channel-nav { padding: 0 20px 0 15px; }
		.full-nav > .user-nav > .logout { display: inline-block; }
	}

	@media screen and (min-width: 1024px) {
		.full-nav > a { margin-right: 25px; }
		.full-nav > .site-nav > li > a { padding: 0 16px; }
	}

	/* --- footer ---*/

	.site-footer { background: #233870; }
	.site-footer > .container > div > h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; white-space: nowrap; }
	.site-footer > .container > div > ul > li > a { font-weight: 400; color: #fff;}
	.site-footer > .container > div:last-of-type > ul > li { font-size: 1.125em; }
	.site-footer > .container > div:last-of-type > ul > li > a:hover { text-decoration: none; }
	.site-footer > .about { color: #fff; }

	/* --- Homepage --- */

	.mainarticle > figure > figcaption { background: rgba(255,255,255,0.8); }
	.mainarticle > figure > figcaption > h1 > a { color: #000; }
	.mainarticle > figure:hover > figcaption > h1 > a { color: #233870; text-decoration: none; }
	.acticle2_cmp > article > a { margin-bottom: 5px; }
	.acticle2_cmp > article > p { margin-bottom: 2px; font-size: .7em; line-height: 1.2em; color: #757575; }
	/*.article3_cmp > article > a > span > time { color: #fff; font-size: .8em; }*/
	.flex > .seemore { border: 1px solid #233870; color: #233870; background: white; margin-bottom: 30px; }
	.flex > .seemore:hover { background: #233870; color: white; }

	@media screen and (min-width: 1024px) {
		.article3_cmp > .btn { flex: 2 1 100%; width: 100%; }
	}

	/* --- Article Pages --- */

	.article4_cmp > section > .latest_art > .meta { margin: 10px 0 4px; }
	.article4_cmp > section > .latest_art > a { margin-right: 10px; }

    /* ---Comicbook Colors --- */

    .userprofilenav_lst > li > .active,
    	.userprofilenav_lst > li > .active:hover { background-color: #233870 }
    .user-options-menu > li > .current { background-color: #233870; }
    .shared_lst > li:first-of-type { border: 0; background-color: #233870; }
    .thread_cmp > header { background-color: #233870; }
    .socialtab_lst > li > ul > li { color: #233870; }
    .socialtab_lst > li > ul > .connect_itm { background-color: #233870; }
    .gallery_blk { background-color: #233870; }
    .pollicon_blk { background-color: #233870; }
    .poll-list > .submit_itm > input { background-color: #233870; }
    .answer-list > li .bar { background-color: #233870; }
    .answer-list > li .percentage { color: #233870; }
    .comment-box { background: #233870; }
    .comment-box:before { border-color: #233870 #233870 transparent transparent; }
    .comment-box.white:before { color: #233870; }
    .comment-box.white { color: #233870; }
    div > .search input.gsc-search-button { background-color: #233870;}
    .gsc-search-box input.gsc-search-button {  background-color: #233870; }
    .socialnav_blk { background-color: #233870; }
    button,
    	input[type="submit"] { background-color: #233870; }
    .btn { background-color: #233870; }
    .btn.grey { color: #233870; }
    .acticle2_cmp { background-color: #eee; padding: 5px 5px 0; }
    .server_blk {color: #fff;}
    .discuss_blk { margin-bottom: 0; }

	@media screen and (min-width: 768px) {
		.sidebar .cmp > header {
		    color: #000;
		}
	}


	/*.user_nav > span { color: #fff; font-size: 1.2em; }*/

    .newsletterlanding_cmp > header { background-color: #233870; }
    .newsletterlanding_cmp > section > p { color: #233870; }
    .newsletterlanding_cmp > section > .form_blk > a { color: #233870; }
    .category_cmp { background-color: #233870; }
    .reply_lst > .main-topic { border-bottom: solid 3px #233870; }
    .spoiler.on:before {  background-color: #233870; }
    .btn:hover { background-color: #294b82; }


    /* --- Movie Page --- */

		body.movie_pg .main,
			body.movie_pg .small-nav,
			body.movie_pg .full-nav { max-width: 1280px; }
		body.movie_pg .main { padding: 0; }
		.movie-page { overflow: hidden; background-color: #f7f7f7; }
		.movie-page > .edit_blk { padding: 5px; background-color: #eee; }
		.movie-page > .edit_blk > a { font-size: .8em; font-weight: 400; }
		/*-- Header --*/
		.movie-header { z-index: 5; position: relative; overflow: hidden; width: 100%; background: rgba(0, 0, 0, 1) none repeat scroll 0 0; }
		.movie-header > .socialcmp_blk { width: 100%; padding: 10px; margin-bottom: 35px; position: relative; height: 50px; }
		.movie-header > .socialcmp_blk > .search-block { position: relative; }
		.movie-header > .socialcmp_blk > .search-block > a { text-align: center; background: rgba(221, 221, 221, .3) none repeat scroll 0 0; padding: 6px 0 0; width: 35px; height: 28px; color: #fff; display: block; text-decoration: none; font-size: .9em; }
		.movie-header .form_blk { margin-top: 10px; position: absolute; left: 0; width: 100%; z-index: 5; }
		.movie-header .moviesearch_fds > input[type="search"] { float: left; width: 86%; height: 35px; padding: 0 10px; }
		.movie-header .moviesearch_fds > button { padding: 0 10px; height: 35px; background: rgba(221, 221, 221, .7) none repeat scroll 0 0; }
		.movie-header > .socialcmp_blk > .social-list { position: absolute; top: 10px; right: 10px; }
		.movie-header > .socialcmp_blk > .social-list > li { height: 28px; }
		.movie-header > .socialcmp_blk > .social-list > .twitter > a { background-color: #63ADED; }
		.movie-header > .socialcmp_blk > .social-list > .facebook > a { background-color:#385890; }
		.movie-header > .socialcmp_blk > .social-list > li > a { display: block; height: 30px; line-height: 28px; width: 70px; overflow: hidden; }
		.movie-header > .socialcmp_blk > .social-list > li span { color: #fff; display: block; float: left; width: 50%; line-height: 28px; text-align: center; font-size: .8em; }
		.movie-header > .socialcmp_blk > .social-list > li b { background: rgba(0, 0, 0, 0.1); color: #fff; display: block; float: left; width: 50%; line-height: 28px; text-align: center; }
		.movie-header > .tvinfo_blk { position: absolute; top: 55px; left: 10px; }
		.movie-header > .tvinfo_blk > span { font-weight: 300; color: #fff; display: inline-block; margin-right: 10px; font-size: .9em; }
		.movie-header > .tvinfo_blk > .icon-time { margin-right: 0; }
		.movie-header > .tvinfo_blk > a { font-weight: 300; color: #fff; font-size: .9em; border-right: 1px solid #ddd; padding-right: 5px; }
		.movie-header > .tvinfo_blk > a:last-of-type { padding-right: 0; margin-right: 0; border-right: 0; }

			.movieinfo_blk { padding: 10px; overflow: hidden; color: #fff; }
			.movieinfo_blk > img { width: 120px; height: 180px; float: left; margin-right: 10px; }
			.movieinfo_blk > .info_blk { float: left; width: 56%; margin-bottom: 5px; }
			.movieinfo_blk > .info_blk > h1 { font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 1.8em; margin-bottom: 10px; line-height: 30px; }
			.movieinfo_blk > .info_blk > h1 > .series_title { display: block; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: .55em; }
			.movieinfo_blk > .info_blk > h1 > .series_title > a { color: #fff; text-decoration:  none;}
			.movieinfo_blk > .info_blk > span { color: #ccc; display: block; font-weight: 300; font-size: .9em; line-height: 20px; }
			.movieinfo_blk > .info_blk > span > b { margin-right: 5px; }
			.movieinfo_blk > .info_blk > span > strong { font-weight: 300; color: #fff; }
			.movieinfo_blk > .info_blk > .movietickets,
				.movieinfo_blk > .info_blk > .movietrailer { display: inline-block; margin-right: 20px; vertical-align: top; }
			.movieinfo_blk > .info_blk > .movietickets { padding-bottom: 8px; }
			.movieinfo_blk > .info_blk > .movietrailer { padding-bottom: 20px; }
			.movieinfo_blk > .info_blk > .movietickets > span,
				.movieinfo_blk > .info_blk > .movietrailer > span { display: block; font-size: 0.5em; color: #808080; text-align: left; margin-left: 38px; margin-top: 3px; }
			.movieinfo_blk > .info_blk > .movietickets > span > span { color: #999; }
			.movieinfo_blk > .info_blk > a { color: #999; margin-top: 10px; font-weight: 300; text-align: center; width: 150px; display: block; background: rgba(51, 51, 51, .7) none repeat scroll 0 0; padding: 10px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; }
			.movieinfo_blk > .info_blk > a:hover { text-decoration: none; background: rgba(51, 51, 51, .9) none repeat scroll 0 0; }

			.movierankreview_blk { font-weight: 300; overflow: visible; }
			.movierankreview_blk > div { border-top: 1px solid rgba(255, 255, 255, 0.15); overflow: visible; padding: 10px; }
			.movierankreview_blk > div > .ranking_blk > .rank { background-color: #999; color: #333; }
			.movierankreview_blk > .composite_blk { background: rgba(150, 150, 150, 0.3) none repeat scroll 0 0;  }
			.movierankreview_blk > .composite_blk > .ranking_blk > a { color: #999; }
			.movierankreview_blk > .composite_blk { position: relative; }
			.movierankreview_blk > .composite_blk > .rating_blk > strong { font-family: 'Oswald', sans-serif; font-weight: 300; color: #fff; font-size: .9em; }
			.movierankreview_blk > .composite_blk > .rating_blk > .openquestion_anc { text-decoration: none; display: inline-block; font-weight: 600; color: #fff; border-radius: 15px; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: #666; }
			.movierankreview_blk > .composite_blk > .rating_blk > .rating { color: #fff; font-size: 2.4em; vertical-align: middle; display: inline-block; font-weight: 100; margin-left: 10px; }
			.movierankreview_blk > .composite_blk > .rating_blk > .compdesc_blk { position: absolute; width: 90%; left: 5%; bottom: -25%; padding: 10px; background: rgba(0, 0, 0, 0.9); border: 1px solid #666; }
			.movierankreview_blk > .composite_blk > .rating_blk > .compdesc_blk > p { color: #fff; font-weight: 300; font-size: .9em; line-height: normal; }
			.movierankreview_blk > .composite_blk > .rating_blk > .compdesc_blk > a { color: #666; text-decoration: none; display: inline-block; float: right; }

			.movierankreview_blk > .composite_blk > .ranking_blk { margin: 5px 0; font-size: .9em; }
			.movierankreview_blk > div > .ranking_blk > .rank { display: inline-block; padding: 5px 10px; border-radius: 3px; font-weight: 500; margin-right: 5px; }

			.movierankreview_blk > .starrank_blk > .stars { overflow: hidden; margin-bottom: 20px; line-height: normal; }
			.movierankreview_blk > .starrank_blk > .stars > a { letter-spacing: 1px; font-size: 1.4em; color: #333; line-height: normal; text-decoration: none; }
			.movierankreview_blk > .starrank_blk > .stars > a:hover { text-decoration: none; }
			.movierankreview_blk > .starrank_blk > .stars > .movieyellow,
				.movierankreview_blk > .starrank_blk > .stars > .starselected { color: #dbcb19; }
			.movierankreview_blk > .starrank_blk > .stars > strong { font-family: 'Oswald', sans-serif; display: inline-block; color: #fff; font-size: .9em; font-weight: 300; margin: 0 5px 0 1px; }
			.movierankreview_blk > .starrank_blk > .stars > .modal { font-weight: 300; font-size: .9em; }
			.movierankreview_blk > .starrank_blk > .ranking_blk { overflow: hidden; margin: 0 0 10px; font-size: .9em; }
			.movierankreview_blk > .starrank_blk > .ranking_blk > .userrating { display: inline-block; color: #fff; margin-right: 5px; }
			.movierankreview_blk > div > .ranking_blk > .rank.skn2 { background-color: #999; color: #fff; }

				@media (min-width : 768px) {
					.movierankreview_blk > .composite_blk > .rating_blk > .compdesc_blk {
						left: auto;
						bottom: auto;
						width: 270px;
					}
				}


			.info_blk > .stars { overflow: hidden; margin-bottom: 10px; line-height: normal; }
			.info_blk > .stars > a { letter-spacing: 1px; font-size: 1.4em; color: #d6d6d6; line-height: normal; text-decoration: none; }
			.info_blk > .stars > a:hover { color: #F4DF3F; text-decoration: none; }
			.info_blk > .stars > .movieyellow,
				.info_blk > .stars > .starselected { color: #F4DF3F; }
			.info_blk > .stars > strong { color: #333; font-size: 1.125em; font-weight: 700; margin: 0 0 0 5px; }
			.info_blk > .stars > .modal { font-weight: 300; font-size: .9em; }

		/*-- The Meat --*/
		.movie_cmp,
			.cast_cmp { padding: 0; background-color: #fff; overflow: hidden; }
		.movie_cmp > p { font-family: Georgia,"Times New Roman",Times,serif; padding: 10px; font-size: 17px; line-height: 20px; padding: 15px 10px 20px; color: #000; }
		.movie_cmp > section { margin-bottom: 20px; padding: 10px 10px 0; }
		.movie_cmp > section > header { overflow: hidden; }
		.movie_cmp > section > header > h2 { font-family: 'Oswald', sans-serif; font-size: 1.2em; font-weight: 300; float: left; line-height: normal; }
		.movie_cmp > section > header > a,
			.movie_cmp > section > header > span { display: block; margin-left: 10px; font-size: .9em; font-weight: 300; float: left; line-height: 35px; }
		.movie_cmp > .topbilled_cmp { padding: 25px 10px 0; background-color: #eee; }
		.movie_cmp > .topbilled_cmp > ul,
			.movie_cmp > .trailer_cmp > ul,
			.movie_cmp > .pictures_cmp > ul {
				overflow-y: hidden; overflow-x: scroll;
				display: -ms-flex; display: -webkit-flex; display: flex;
				-ms-box-direction: normal; -moz-box-direction: normal; -webkit-box-direction: normal; box-direction: normal;
				-ms-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal;
			}
			.topbilled_cmp > ul { padding-bottom: 20px; }
			.topbilled_cmp > ul > li { float: left; width: 125px; min-width: 125px; margin-right: 10px; background-color: #fff; }
			.topbilled_cmp > ul > li > img { display: block; width: 125px; height: 188px; }
			.topbilled_cmp > ul > li > a { display: block; font-size: .9em; font-weight: 400; padding: 5px 5px 3px; line-height: normal; }
			.topbilled_cmp > ul > li > span { font-family: Georgia,"Times New Roman",Times,serif; color: #999; display: block; font-style: italic; font-size: .8em; font-weight: 300; padding: 0 5px 30px; }

			/* -- TV Episode Guide -- */
				.epguide_cmp { overflow: hidden; }
				.epguide_cmp > header { margin-bottom: 15px; }
				.epguide_cmp > header > .h_lst { line-height: 35px; margin-left: 1em; float: right; font-weight: 300; }
				.epguide_cmp > header > .h_lst > li:first-of-type { font-family: 'Oswald', sans-serif; }
				.epguide_cmp > header > .h_lst > li > a { margin: 0 4px; }
				.epguide_cmp > div { overflow: hidden; margin-bottom: 20px;  width: calc(100% - 10px);}
				.epguide_cmp > div > h3 { margin-bottom: 10px; line-height: normal; font-size: .9em; }
				.epguide_cmp > div > h3 > strong { text-transform: uppercase; }
				.epguide_cmp > div > h3 > .date { display: block; color: #999; font-weight: 300; }
				.epguide_cmp > div > img { display: block; float: left; width: 120px; height: auto; margin-right: 10px; }
				.epguide_cmp > div > ul { float: left; }
				.epguide_cmp > div > ul { width: 55%; }
				.epguide_cmp > .nextup_blk > ul > li,
					.epguide_cmp > .nextup_blk > ul > li > span { clear: left; }
				.epguide_cmp > .mostrecent_blk > ul > li,
					.epguide_cmp > .nextup_blk > ul > li { line-height: 1.2em;  display: block; }
				.epguide_cmp > div > ul > li > .episode { font-family: 'Oswald', sans-serif; display: block; float: left; margin-right: 5px; }
				.epguide_cmp > div > ul > li > a { display: block; padding: 5px 0 10px; font-size: .9em; font-weight: 600; }
				.epguide_cmp > div > ul > li > .modulestars_blk a { line-height: 18px; display: inline-block; letter-spacing: -3px; font-size: 1.2em; color: #999; text-decoration: none; }
				.epguide_cmp > div > ul > li > .modulestars_blk a:hover,
					.epguide_cmp > div > ul > li > .modulestars_blk .movieyellow,
					.epguide_cmp > div > ul > li > .modulestars_blk .starselected { color: #dbcb19; }
				.epguide_cmp > div > ul > li > p { font-family: Georgia,"Times New Roman",Times,serif; line-height: normal; }
			/* -- End -- */

			.trailer_cmp > ul > li { float: left; width: 260px; margin-right: 5px; min-width: 260px; }
			.trailer_cmp > ul > li > a { display: block; position: relative; text-decoration: none; }
			.trailer_cmp > ul > li > a > img { width: 260px; height: 150px; }
			.trailer_cmp > ul > li > a > b { display: block; color: #fff; opacity: .8; position: absolute; top: 40px; font-size: 4em; left: 100px; }
			.trailer_cmp > ul > li > a > span { position: absolute; display: block; bottom: 0; width: 100%; color: #fff; font-size: .8em; font-weight: 500; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; line-height: normal; padding: 5px 10px; }

			.pictures_cmp > ul > li { float: left; margin-right: 5px; }
			.pictures_cmp > ul > .horizontal { min-width: 267px; }
			.pictures_cmp > ul > .vertical { min-width: 102px; }
			.pictures_cmp > ul > li > a { display: block; text-decoration: none; }
			.pictures_cmp > ul > li > a > img { width: auto; height: 150px; display: block; }

			.storyline_cmp > p { font-family: Georgia,"Times New Roman",Times,serif; font-size: 17px; line-height: normal; padding: 0 0 20px; }

			.updates_cmp > ul { overflow: hidden; }
			.updates_cmp > ul > li { float: left; margin-bottom: 20px; width: 100%; height: 230px; }
			.updates_cmp > ul > li > a { line-height: normal; display: block; margin: 0 0 5px; font-size: .9em; position: relative; font-weight: 600; }
			.updates_cmp > ul > li > .img_anc > img { width: 100%; height: auto; }
			.updates_cmp > ul > li > .img_anc b { display: inline-block; padding-right: 5px; }
			.updates_cmp > ul > li > .img_anc > span { text-align: right; font-weight: 300; width: 100%; display: block; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0 0; padding: 10px; color: #fff; }

		/*-- Movie Sidebar --*/
		.movie.sidebar { display: block; background-color: #fff; overflow: hidden; }
		.movie.sidebar > #sticky-anchor,
			.movie.sidebar > #sticky-element { display: none; }
		.boxoffice_cmp { margin: 20px 0; }
		.boxoffice_cmp > header > h2,
			.cast_cmp > header > h2,
			.topratedeps_cmp > header > h2 { font-family: 'Oswald', sans-serif; padding: 0 10px 5px; font-size: 1.2em; font-weight: 300; line-height: normal; }
		.boxoffice_cmp > ul > .gross_itm { background-color: #eee; padding: 10px; }
		.boxoffice_cmp > ul > li { padding: 5px 10px; font-weight: 300; font-size: .9em; line-height: normal; }
		.boxoffice_cmp > ul > li > b { font-weight: 600; }

		/*-- Top Rated Episodes --*/
			.topratedeps_cmp { margin: 20px 0; }
			.topratedeps_cmp > header { overflow: hidden; }
			.topratedeps_cmp > header > h2 { float: left; }
			.topratedeps_cmp > header > a { display: block; font-size: .9em; font-weight: 300; float: left; line-height: 35px; }
			.topratedeps_cmp > ul { padding: 0 10px; }
			.topratedeps_cmp > ul > li { padding: 10px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
			.topratedeps_cmp > ul > li > img { display: block; float: left; height: 150px; width: 100px; margin-right: 5px; }
			.topratedeps_cmp > ul > li > .info_blk { float: left; width: 65%; }
			.topratedeps_cmp .info_blk > a { clear: left; display: block; padding: 5px 0 10px; font-weight: 600; font-size: .9em; }
			.topratedeps_cmp .info_blk > p { color: #888; font-weight: 300; font-size: .9em; line-height: normal; }
			.topratedeps_cmp .info_blk > .episode { line-height: 20px; margin-right: 5px; display: block; float: left; font-family: 'Oswald', sans-serif; font-size: .9em; }
			.topratedeps_cmp .info_blk > div > a { line-height: 18px; display: inline-block; letter-spacing: -3px; font-size: 1.2em; color: #999; text-decoration: none; }
			.topratedeps_cmp .info_blk > div a:hover,
				.topratedeps_cmp .info_blk > div .movieyellow,
				.topratedeps_cmp .info_blk > div .starselected { color: #dbcb19; }


		/*-- Episode info above 'Cast and Characters header' --*/
			.episodeinfo_blk { color: #666; font-size: 0.875em; font-weight: 300; padding: 20px 15px 5px; }
			.episodeinfo_blk > a:first-of-type { font-weight: 400; }
			.episodeinfo_blk > .prev { margin-left: 1.25em }


		/*-- Cast and Characters --*/
			.cast_cmp > ul { padding: 5px 10px 30px; }
			.cast_cmp > ul > li { padding: 5px 0; border-top: 1px solid #ddd; overflow: hidden; position: relative; }
			.cast_cmp > ul > li > img { width: 40px; height: 60px; float: left; }
			.cast_cmp > ul > li > a { display: block; float: left; font-size: .8em; font-weight: 600; margin: 3px 0 0 5px; }
			.cast_cmp > ul > li > .character { font-style: italic; font-weight: 300; position: absolute; top: 25px; left: 40px; }

		@media only screen and (min-width : 480px) {
			.movie-header > .socialcmp_blk { margin-bottom: 20px; }
			.movie-header .form_blk { margin-top: 0; top: 0; left: 35px; width: 55%;}
			.movie-header .moviesearch_fds > input[type="search"] { height: 28px; width: 80%; }
			.movie-header .moviesearch_fds > button { height: 28px; }
			.movieinfo_blk > .info_blk,
				.epguide_cmp > div > ul { width: 70%; }
			.topratedeps_cmp > ul > li > .info_blk { width: 75%; }
			.updates_cmp > ul > li { width: 48%; margin-right: 10px; }
			.updates_cmp > ul > li:nth-of-type(2n) { margin-right: 0; }
			.cast_cmp > ul > li > a { margin-top: 15px; }
			.cast_cmp > ul > li > .character { left: 60%; top: auto; }
			.movie-header > .tvinfo_blk { top: 50px; }
		}

		@media only screen and (min-width : 568px) {
			.movieinfo_blk > .info_blk { width: 75%; }
			.epguide_cmp > div > h3 > .date { display: inline; }
			.topratedeps_cmp > ul > li > .info_blk { width: 80%; }
		}

		@media only screen and (min-width : 768px) {
			.movie_cmp > section > header > h2,
				.boxoffice_cmp > header > h2,
				.cast_cmp > header > h2,
				.topratedeps_cmp > header > h2 { font-size: 1.4em; }
			.topratedeps_cmp > header > a { line-height: 40px; }
			.topratedeps_cmp > ul > li > .info_blk { width: 200px; }
			.epguide_cmp > div > ul { width: 65%; }
			.epguide_cmp > div > h3 { font-size: 1em; }
			.epguide_cmp > header > .h_lst > li { margin-top: 0; }
				.movie_cmp > section > header > a,
			.movie_cmp > section > header > span { line-height: 40px; }
			.movie.sidebar { background-color: #f7f7f7; float: right; }
			.movie.sidebar > #sticky-anchor,
				.movie.sidebar > #sticky-element { display: block; }
			.movie-header > .socialcmp_blk { position: absolute; top: 0; }
			.movie-header > .socialcmp_blk > .search-block { position: absolute; left: 140px; width: 55%; }
			.movie-header .form_blk { width: 100%; }
			.movieinfo_blk { min-height: 260px; }
			.movie-header > .tvinfo_blk { left: 140px; }
			.movieinfo_blk > .info_blk { margin-top: 45px; }
			.movieinfo_blk.skn2 > .info_blk { margin-top: 65px; }
			.movieinfo_blk > .info_blk { width: 35%; }
			.movierankreview_blk { position: absolute; right: 10px; top: 55px; }
			.movierankreview_blk > div { border-top: 0; padding: 10px 20px; background: rgba(221, 221, 221, 0.3) none repeat scroll 0 0; }
		}

		@media only screen and (min-width : 900px) {
			.updates_cmp > ul > li { width: 49%; }
		}

		@media only screen and (min-width : 1024px) {
			.movie-header > .tvinfo_blk { left: 220px; }
			.movie-header > .socialcmp_blk > .search-block { left: 220px; }
			.movieinfo_blk > img { width: 200px; height: 300px; }
			.movieinfo_blk > .info_blk { margin-top: 65px; }
			.movieinfo_blk > .info_blk > h1 { font-size: 2em; line-height: 35px; }
			.movierankreview_blk { top: 75px; }
			.updates_cmp > ul > li { width: 32%; min-height: 200px; }
			.updates_cmp > ul > li:nth-of-type(2n) { margin-right: 10px; }
			.updates_cmp > ul > li:nth-of-type(3n) { margin-right: 0; }
			.cast_cmp > ul > li > .character { left: 55%; }
		}

		@media only screen and (min-width : 1100px) {
			.epguide_cmp > div { width: 50%; float: left; padding-right: 20px; }
			.epguide_cmp > div { padding-right: 0; }
			.epguide_cmp > .mostrecent_blk.skn2 { width: 100%; }
			.epguide_cmp > div > ul { width: 64%; }
			.epguide_cmp > .mostrecent_blk.skn2 > ul { width: 75%; }
			.updates_cmp > ul > li { width: 32%; min-height: 230px; }
		}


	/* --- Movie Fancybox --- */

		.video-embed-block { width: 100%; }
		.video-embed-block > div { margin-bottom: 5px; }
		.video-embed-block > h2 { margin-bottom: 5px; max-width: 600px; }
		.video-embed-block > p { color: #999; max-width: 600px; font-size: .8em; line-height: 1.2em; }

		@media only screen and (min-width : 700px) {
			.video-embed-block { width: 600px; }
		}


    /* --- Movie and TV Embeds    embedmovie.css --- */

    .cb_embed {
        margin-bottom: 20px;
        min-height: 389px;
    }

    .embed_preview {
        margin-top: 40px;
    }

    .embed_preview > div:not(.embed) {
        width: 80%;
        max-width: 800px;
        margin: 40px auto;
    }

    .embed_preview > legend {
        font-family: "Oswald", "Helvetica Neue", "Arial" , sans-serif;
        margin-bottom: 0.5em;
    }

    .embed {
        background-color: #fff;
        border: solid 1px #ddd;
        padding: 10px 10px 0;
        width: 100%;
        max-width: 585px;
        margin: 0 auto 1em;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 0 20px #ddd;
        position: relative;
        font-family: "Oswald", "Helvetica Neue", "Arial", sans-serif;
    }

    .article-content > .embed {
    	margin-bottom: 20px;
    }

    .embed > a { text-decoration: none; color: #0059B2; }
    .embed > .blank { background-color: #bbb; }
    .embed > .image { width: 75px; height: auto; float: left; margin-bottom: 10px }
    .embed > .image > img { max-width: 100%; height: auto; display: block; }

    .embed > .title { padding: 5px 0; margin-left: 85px; }
    .embed > .title > h1 { font-size: 1.6em; display: inline-block; margin-right: 5px; font-weight: 400; font-family: "Oswald", "Helvetica Neue", "Arial", sans-serif; }
    .embed > .title > h1 > .year { font-family: "Arial"; font-size: 0.75em; color: #999; display: inline-block; font-weight: 300; margin-left: 0.5em;}

    .embed > .title .rating { margin-top: 5px; }
    .embed > .title .rating > p { color: #999; margin-bottom: 5px; font-family: "Oswald", "Helvetica Neue", "Arial", sans-serif; font-weight: 300; }
    .embed > .title .rating > .movie-score { font-size: 3em; font-weight: 100; display: block; margin-bottom: 10px; font-family: "Helvetica Neue", "Arial" , sans-serif; }


    .embed > .movietickets { font-family: "Helvetica Neue", "Arial", sans-serif; font-weight: 100; font-size: 0.85em; background-color: #ddd; display: block; margin: 0 10px 0 0; padding-bottom: 8px; color: #0059B2; font-weight: 300; text-align: center; width: 150px; display: block; clear: both; padding: 10px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; }
    .embed > .movietickets > b { color: #333; vertical-align: baseline; }
    .embed > .movietickets > span { display: block; font-size: 0.5em; color: #808080; text-align: left; margin-left: 36px; margin-top: 3px; }
    .embed > .movietickets > span > span { color: #0059B2; }
    .embed > .movietickets > a:hover { text-decoration: none; background: rgba(51, 51, 51, .9) none repeat scroll 0 0; }

    .embed > .title > .rating > .rank,
           .embed > .rating-container > .rating-half > .rank { display: inline-block; color: #fff; background-color: #256295; border-radius: 3px; padding: 3px 8px; margin-right: 8px; font-size: 1em }
    .embed > .rating-container { clear: both; overflow: hidden; margin: 10px 0; }
    .embed > .rating-container > .rating-half { padding: 0px 5px; line-height: 20px; width: auto; max-width: 100%; display: block; vertical-align: top; }
    .embed > .rating-container > .stars { background-color: #eee; padding: 5px 15px; margin-bottom: 10px; line-height: 40px; font-size: 1em;  font-family: "Oswald", "Helvetica Neue", "Arial", sans-serif; color: #666; letter-spacing: normal; width: 233px; }
    .embed > .rating-container > .stars > a { color: #666; }
    .embed > .rating-container > .stars > .icon-star { font-size: 1.1em; color: #999; }
    .embed > .rating-container > .stars > .icon-star:first-of-type { margin-left: 0.5em; }
    .embed > .rating-container > .stars > .icon-star:hover { color: #dbcb19; text-decoration: none; }
    .embed > .rating-container > .stars > .movieyellow,
           .embed > .rating-container > .stars > .starselected { color: #dbcb19; }
    .embed > .rating-container > .rating-half > .user-ranking { margin-right: 10px; color: #666; font-size: 1em; font-weight: 200; font-family: "Helvetica Neue", Arial, sans-serif; }

    .embed > .footer { border-top: solid 1px #ddd; padding: 5px 5px 10px; line-height: 32px; }
    .embed > .footer > a > .comicbook-logo { display: block; background: url(http://asset.comicbook.com/img/comicbook/comicbook-logo-1a.png); text-indent: -9999px; background-size: 100% 100%; width: 167px; height: 28px; float: right; margin-top: 4px;}

        @media only screen and (min-width: 420px) {
            .embed.tickets > .title { width: 288px; }
            .embed > .title { width: 100%; }
        }

        @media only screen and (min-width: 600px) {
            .article-content iframe.cb_embed { min-width: 100%; min-height: 389px; }
            .embed > .image { width: 110px; }
            .embed > .title { margin-left: 120px; width: 288px; }
            .embed > .rating-container > .rating-half { display: inline-block; }
            .embed > .rating-container > .stars { margin-right: 1em }
            .embed > .rating-container > .rating-half > .user-ranking { display: block; margin-top: 0; }
        }

        @media only screen and (min-width: 980px) {
            .embed > .movietickets { position: absolute; right: 0; top: 10px; margin-left: 120px; }
            .embed > .rating-container > .rating-half {  margin-bottom: 0; }
            .embed > .rating-container > .stars { margin-right: 1em; }
            .embed > .rating-container > .rating-half > .user-ranking { display: block; margin-top: 0; }
        }