/* ------------------------------ 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

*/
	.nav_wpr { height: 55px; /*background-color: #233870;*/ box-shadow: 0 3px 5px rgba(100, 100, 100, 0.49); }
	 /* ---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; }
    .photo-gallery-content .thumbgallery_blk > .thumbgallery_lst li.active,
			.photo-gallery > .thumbgallery_blk > .thumbgallery_lst li.active { outline: 5px solid #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; }
    .server_blk {color: #fff;}
    .discuss_blk { margin-bottom: 0; }

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

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

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

	body > header { height: auto; min-height: 60px; }
	.channel-nav > ul > li { margin-right: 2em; }
	.channel-nav > ul > li > a { letter-spacing: 1px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; }
	.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; letter-spacing: 2px; }
	.full-nav > .site-nav > li { padding: 0; }
	.full-nav > .site-nav > li > a { padding: 0 6px; 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; }
	.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: 250px; 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; }
	}

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

	/* --- 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 --- */

	body.homepage > .main { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; max-width: 1260px; padding: 0; background: transparent; }
    body.homepage > .main > .main_content { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-flex-basis: 100%; flex-basis: 100%; float: none; border: none; width: auto; padding: 0; margin: 0 0 40px 0; }
    body.homepage aside.sidebar { width: 330px; }
    body.skins #slotted-content { background: #808080; }
    body.skins aside.sidebar,
    	body.homepage.skins .contentgroup header { background: white; }
    body.homepage.skins .contentgroup header,
    	body.homepage.skins .contentgroup header h2 { padding-bottom: 0; }
    body.skins #slotted-content .tertiary-articles { border-color-top: #808080; }
    #slotted-content .main-article h1 a:hover { color: #FBC317; }

    #slotted-content .main-article a:hover ~ .headline-box h1,
        #slotted-content .main-article .headline-box:hover h1,
        #slotted-content .secondary-articles .headline-box:hover h2,
        #slotted-content .secondary-articles article:hover h2 { color: #FBC317; }
	#slotted-content .main-article .meta .channel-tag,
        #slotted-content .secondary-articles .meta .channel-tag,
        #slotted-content .tertiary-articles a .channel-tag { background: #FBC317; color: #444; text-transform: uppercase; font-weight: 700; padding: 4px 4px 2px 4px; }

    #slotted-content .tertiary-articles { color: #fff; }
    #slotted-content .tertiary-article-list li { /*display: block; */width: 100%; }
    #slotted-content .tertiary-article-list li .channel-tag { font-size: 11px; color: #444; font-weight: bold; }
    #slotted-content .tertiary-article-list li:hover a { color: #FBC317; }

    .contentgroup { background: #fff; font-weight: 600; color: #000; }
    .contentgroup article a .channel-tag { background: #FBC317; color: #000; font-weight: 700; }
    .contentgroup article .headline-box a { color: #233870; }
    .contentgroup article .headline-box .meta { color: #888; font-weight: 400; }
    .contentgroup .more-link { color: #233870; }
    .contentgroup .more-link:hover { text-decoration: none; color: #FBC317; }

	.flex > .seemore { border: 1px solid #233870; color: #233870; background: white; margin-bottom: 30px; }
	.flex > .seemore:hover { background: #233870; color: white; }
	#slotted-content .secondary-articles > article a { font-weight: 400; }
	#slotted-content .secondary-articles a h2 { color: #256295; }
	#slotted-content .secondary-articles a:hover { text-decoration: none; }
    @media screen and (min-width: 768px) {
        body.homepage > .main > .main_content { -webkit-flex-basis: calc(100% - 330px); flex-basis: calc(100% - 330px); }
        body.homepage > .main > .sidebar { float: none; }
        body.homepage > .main > .sidebar .cmp > header { background-color: transparent; }
	    #slotted-content .main-article article,
	    	#slotted-content .secondary-articles article { background-color: #182A50; }
        #slotted-content .tertiary-articles { background-color: #233870; }
    #slotted-content .tertiary-article-list li .channel-tag { margin-top: 5px; color: #ccc; }
        .contentgroup article .headline-box .channel-tag { color: #888; }
        #slotted-content .secondary-articles p.meta a {color: #ccc;}
        #slotted-content .secondary-articles a h2 {color: #fff;}
	}

	.category_art .video-content { position: relative; }
	.category_art .video-content div { display: block; position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(0,0,0,0.5); text-align: center; border-radius: 50%; color: #fff; transition: background-color 150ms ease; line-height: 70px; }
	.category_art .video-content:hover div  { background-color: #FAC415; }
	.category_art .video-content div svg { color: #fff; text-align: center; line-height: 70px; font-size: 28px; }
	.flex > .seemore { border: 1px solid #233870; color: #233870; background: white; margin-bottom: 30px; }
	.flex > .seemore:hover { background: #233870; color: white; }

	/* --- Content Footer Component --- */
	.main-article > header > h1 { font-weight: 400; }
	.next-article-tease.sticky { border-top-color: #233870; }
	.bottomads > .discuss_blk { border: none; }
	.show-hide-comments[data-count="0"] { display: none; }
	body.article_pg .landingstrip.article-landingstrip,
		.bottomads > .twobysix_blk { display: flex; flex-flow: row wrap; justify-content: space-between; padding: 20px 0; }
	body.article_pg .landingstrip.article-landingstrip { padding: 0 20px; }

    /* ---Comicbook Colors --- */
	.article-landingstrip .landingstrip-list > li > a > h3 { color: #256295; }
	.article-landingstrip .landingstrip-list > li > a > p { margin-bottom: 5px; font-size: .7em; line-height: 1.2em; color: #757575; }

	.bottomads > .twobysix_blk { overflow: hidden; -webkit-text-size-adjust: none; }

	.show-hide-comments { border: 1px solid #256295; color: #256295; background: white; }
	.show-hide-comments:hover { color: #fff; }
    .article-content .epiphany-title { font-family: "Helvetica Neue", Helvetica, "Arial", sans-serif; width: 600px; margin: 0 auto 5px; color: #999; font-size: 0.665em; text-transform: uppercase; }

	/* --- social login in comments --- */
	.post_itm .user-login { background-color: #E6E6E6; padding: 20px; margin: 0 0 20px -20px; display: flex; flex-basis: 80%; align-self: center; }
	.post_itm .user-login > div { max-width: 33%; align-self: top; }
	.post_itm .user-login > div > h2 { font-size: 1.3em; }
	.post_itm .user-login > span { display: block; margin: 0; text-align: center; align-self: center; }
	.post_itm .user-login > div > p { font-size: 14px; margin-top: 20px; text-align: center; }

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

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


    /* --- 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; }


		/*-- 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%; }
			.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 : 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; }
			.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%; }
		}


	/* --- 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: 312px;
        overflow: hidden;
    }

    .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: 16px 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: #256295; }
    .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.5em; display: inline-block; font-weight: 400; margin-bottom: 5px; line-height: 1.2em; }
    .embed > .title > h1 > .year { margin-left: 6px; }
    .embed > .title .year { font-size: 14px; color: #afafaf; display: inline-block; font-weight: 300; }

	.embed > .content:nth-child(3) { margin-left: 85px; margin-top: 0; }
	.embed > .content { margin-top: 15px; }
    .embed > .content .rating { margin-top: 10px; }
    .embed > .content > a { font-weight: 300; }
    .embed > .content > .composite-title { font-family: "Oswald", "Helvetica Neue", "Arial", sans-serif; text-transform: uppercase; color: #7b7b7b; margin-bottom: 0; font-weight: 400; font-size: 12px; }
    .embed > .content > .movie-score { font-family: "Helvetica Neue", "Arial", sans-serif; font-size: 2.8em; font-weight: 100; display: block; color: #7b7b7b; line-height: 1em; margin-bottom: 2px }

	.embed > .content > .movietickets { font-size: 0.85em; background-color: #256295; margin: 0; color: #fff; font-weight: 400; text-align: center; display: block; clear: both; padding: 10px; border-radius: 3px; }
	.embed > .content > .movietickets:hover { text-decoration: none; }

    .embed > .content > .rating > .rank,
   		.embed > .content > .rank { color: #256295; font-size: 1em; font-weight: 400; margin-right: 3px; }
    .embed > .content > .rating-container { width: calc(100% + 20px); overflow: hidden; margin: 10px 0 0 -10px; background-color: #eee; color: #666; padding: 10px; font-size: 0.875em; }
    .embed > .content > .rating-container > .stars { letter-spacing: normal; }
    .embed > .content > .rating-container > .stars > a { color: #666;font-size:1.4em; }

    .embed > .content > .rating-container > .stars span { letter-spacing: initial; }
    .embed > .content > .rating-container > .stars > .icon-star { font-size: 1.2em; color: #ccc; letter-spacing: -2px; cursor: pointer; }
    .embed > .content > .rating-container > .stars > .icon-star:first-of-type { margin-left: 2px; }
    .embed > .content > .rating-container > .stars > a:hover { color: #EDC300; text-decoration: none; }
    .embed > .content > .rating-container > .stars > .movieyellow,
   		.embed > .content > .rating-container > .stars > .starselected { color: #EDC300; }
   	.embed > .content > .rating-container .rating-half { font-weight: 400; line-height: 1.875em; }
    .embed > .content > .rating-container .rating-half > .user-ranking { margin-right: 10px; display: inline-block; white-space: nowrap; }
    .embed > .content > .rating-container .rating-half > .rank { margin-right: 4px; color: #256295; }
    .embed > .content > .rating-container .rating-half span a { margin-left: 3px; }

    .embed > .footer { padding: 5px 10px; line-height: 32px; font-size: 13px; margin: 0 0 0 -10px; width: calc(100% + 20px); display: flex; justify-content: space-between; border-top: solid 1px #ddd; }
    .embed > .footer > a { width: auto; max-width: 49%; align-self: flex-start; }
    .embed > .footer > a:last-of-type { align-self: flex-end;  max-width: 106px; height: auto; }
    .embed > .footer > .comicbook-logo { display: block; text-indent: -9999px; background-size: contain; width: 150px; height: 35px; float: right; margin-top: 6px; }

        @media only screen and (min-width: 360px) {
        	.embed > .title { margin-bottom: 0; }
    		.embed > .title > h1 { margin-right: 5px; }
    		.embed > .footer { margin-top: 15px; }
			.embed > .content > .movietickets { max-width: 215px; }
        }

        @media only screen and (min-width: 560px) {
        	.embed > .title { float: none; display: inline-block; vertical-align: top; margin-left: 10px; width: 100%; max-width: calc(100% - 85px); }
			.embed > .content:nth-child(3) { margin-left: 10px; width: calc(50% - 90px); }
			.embed > .content { display: inline-block; width: calc(50% - 12px); margin: 0 0 0 12px;  vertical-align: top; }
			.embed > .content > .movietickets { margin: 0 0 10px; max-width: 100%; }
			.embed > .content > .rating-container { margin: 0; width: auto; }
			.embed > .content > .rating-container .rating-half > .user-ranking { max-width: 100%; width: 100%; }
        }

        @media only screen and (min-width: 768px) {
			.embed > .content:nth-child(3) {  width: 175px; }
			.embed > .content { width: calc(100% + 20px); margin: 10px 0 0 -10px; }
			.embed > .content > .rating-container { margin: 0; width: auto; }
			.embed > .content > .rating-container .rating-half > .user-ranking { margin-right: 10px; width: 50%; display: inline-block; max-width: 160px; }
			.embed > .content > .movietickets { margin: 10px; max-width: 215px; }
        }

		 @media only screen and (min-width: 900px) {
    		/*.embed > .title { max-width: calc(100% - 85px); }*/
			.embed > .content:nth-child(3) { width: calc(50% - 90px); }
			.embed > .content { display: inline-block; width: calc(50% - 12px); margin: 0 0 0 12px;  vertical-align: top; }
			.embed > .content > .movietickets { margin: 0 0 10px; max-width: 100%; }
			.embed > .content > .rating-container .rating-half > .user-ranking { min-width: 50%; max-width: 100%; width: auto; }
        	.embed > .content > .rating-container .rating-half span { display: inline-block; width: auto; max-width: 100%; }
        }

        @media only screen and (min-width: 1024px) {
        	.embed > .content > .rating-container .rating-half > .user-ranking { white-space: nowrap; margin-right: 10px; width: auto; }
        }

    /* --- Author Listing --- */
    .author-page .author-label,
    .author-page .author-info h2 {
		font-family: 'Oswald', sans-serif;
    }
    .author-page .author-info h2 {
		font-weight: 600;
	}
	.stars > a:hover { color: #dbcb19 !important; cursor: pointer; }
	.article_pg.listing .main_content.entityrankings-page .entity-rating {
		display: flex !important;
	}
	.cmp footer {
		padding: 10px 15px 0;
		font-size: 0.75rem;
	}
	.text-uppercase {
		text-transform: uppercase;
	}
	/* --- Sidebar --- */
	.upcominglisting_cmp td:first-child {
		padding-left: 15px;
	}
	.upcominglisting_cmp td {
		padding: 0.125rem 0;
		vertical-align: middle;
		line-height: 1.1;
	}
	.upcominglisting_cmp td.cover-image a {
		max-height: 100px;
		display: inline-block;
		width: 4.2rem;
		overflow: hidden;
	}
	.upcominglisting_cmp td:not(:first-child) {
		padding: 0.25rem;
	}
	.upcominglisting_cmp td strong {
		display: block;
	}
	.upcominglisting_cmp td h2 {
		font-size: 0.875rem;
		line-height: 1.1;
	}
	.upcominglisting_cmp td .date {
		color: #999;
		font-size: 0.8em;
	}
	.upcominglisting_cmp td.cover-image .in-theaters {
		position: relative;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.upcominglisting_cmp td.cover-image .in-theaters:after {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		letter-spacing: 0.04rem;
		content: "In Theaters";
		text-transform: uppercase;
		padding: 0.25rem 0;
		width: 100%;
		font-size: 0.5rem;
		font-weight: 600;
		background-color: rgba(0,0,0,0.5);
		color: white;
	}
	.soclogin_lst > li:last-of-type { text-align: center;}