/* ------------------------------ Reset ------------------------------ */


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

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, b, u, i, center,
	dl, dt, dd, ol, ul, li,	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
	body { line-height: 1; background-color: #f7f7f7; }
	ol, ul, menu { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	table { border-collapse: collapse; border-spacing: 0; }

	html, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #333; }
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	a { text-decoration: none; }
	a:hover { text-decoration: underline; }
	img { vertical-align: middle; max-width: 100%; height: auto; }
	iframe, object { vertical-align: middle; max-width: 100%; }
	textarea { resize: vertical; }
	video { width: 100% !important; height: auto !important; }

	h1 { font-size: 2em; }
	h2 {font-size: 1.2em; }
	h3 { font-size: 1em; }
	h4 { font-size: 1em; }
	h5 { font-size: 0.83em; }
	h6 { font-size: 0.67em; }

	strong { font-weight: bold; }
	em, i { font-style: italic; }
	.underline { text-decoration: underline; }

	::-webkit-input-placeholder { color: #666; }
	::-moz-placeholder { color: #666; }
	:-ms-input-placeholder { color: #666; }
	input:-moz-placeholder { color: #666; }

    svg { fill: currentColor; display: inline-block; height: 1em; width: 1em; vertical-align: middle; }

/* ------------------------------ Layout ------------------------------ */
	.h_lst { overflow: hidden; }
	.h_lst > li { float: left; }
	.h_lst.right > li { float: right; }
	.float-right { float: right; }
	.float-left { float: left; }

	.grid.full { width: 100%; }
	.flex > .half { width: 100%; }
	/* .yellow { color: #efc018; } */
	.lightgrey { color: #ddd; }
	/* .green { color: #6cac45; }
	.orange { color: #f47320; }
	.blue { color: #508bbc; } */
	.sidebar-sticky {
		position: relative;
	}
	.sidebar-sticky .at-top {
		position: absolute;
		top: 0;
		width: 330px;
	}
	.sidebar-sticky .at-middle-up {
		position: fixed;
		top: 90px;
		width: 330px;
	}
	.sidebar-sticky .at-middle-down {
		position: fixed;
		bottom: 0;
		width: 330px;
	}
	.sidebar-sticky .at-bottom {
		position: absolute;
		bottom: 0;
		width: 330px;
	}
	body { margin-top: 124px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.sticky { position: fixed; top: 0; width: 330px; }
	.dimmer { height: 100%; width: 100%; position: fixed; background: rgba(51, 51, 51, .7); top: 0; left: 0; z-index: 99999999; }

		@media screen and (min-width: 600px) {
			.flex {
				display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal;
				-moz-box-direction: normal;
				-webkit-box-orient: horizontal; -moz-box-orient: horizontal;
				-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
				-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
			}
			.grid.full { width: 100%; margin-left: 0; margin-right: 0; }
			.flex > .third { width: 31.33333333%; flex-grow: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; ms-flex-grow: 1; margin: 0 0 15px 0; }
			.flex > .third:nth-of-type(1) { margin-right: .5%; }
			.flex > .third:nth-of-type(2) { margin-right: .5%; margin-left: .5%; }
			.flex > .third:nth-of-type(3) { margin-left: .5%; }

			.no-flexbox .flex { display: block; }
			.no-flexbox .flex > .third { float: left; width: 30%; margin-right: 3%; }
		}
		@media screen and (min-width: 660px) and (max-width: 767px), (min-width: 1000px)  {
			.flex > .half {
				-webkit-box-flex: 0;
				-moz-box-flex: 0;
			    -webkit-flex: 1 1 45%;
				-ms-flex: 1 1 45%;
				flex: 1 1 45%;
    		}
			.flex > .half:nth-of-type(2n-1) { margin-right: 1%; }
			.flex > .half:nth-of-type(2n) { margin-left: 1%; }

			.no-flexbox .flex > .half { width: 48%; float: left; min-height: 300px; margin-right: 1%; }
		}
		@media screen and (min-width: 600px) {
			.no-flexbox .flex > .half { min-height: 360px; }
		}
	.nav_wpr { height: 55px; box-shadow: 0 3px 5px rgba(100, 100, 100, 0.49); }
	.server_blk { margin: 20px 0; text-align: center; }
	.main { overflow: hidden; max-width: 1024px; background-color: #fff; padding: 0 0 10px; clear: both; position: relative;z-index: 1; }
	.sidebar { display: none; }

		@media screen and (min-width: 550px) {
			.main { margin: 0 auto; padding: 10px 0 0; }
			.main_content { padding: 0 15px; }
		}
		@media screen and (max-width: 768px) {
			.sidebar { display: none; }
		}
		@media screen and (min-width: 768px) {
			.main_content:not(.full) { width: calc(100% - 330px); border-right: solid 1px #ddd; float: left; }
			.no-csscalc .main_content { width: 55%; border-right: solid 1px #ddd; float: left; }
			.sidebar { width: 330px; float: right; display: block; }
			.sidebar .cmp > header { padding: 5px 15px 0 15px; color: #fff;  background-color: #999; }
		}
		@media screen and (min-width: 900px) {
			.no-csscalc .main_content { width: 60%; }
		}
		@media screen and (min-width: 1024px) {
			.no-csscalc .main_content { width: 660px; }
			.nav_wpr { height: 96px; padding-top: 40px; }
		}

	/*--- Header ---*/

	body > header { position: fixed; top: 0; width: 100vw; z-index: 99999999; background: #fff; }
	body > header > .adhesion-block { background-color: #fff }
	.full-nav,
		.channel-nav { padding: 0 0 0 10px; max-width: 100vw !important; }
	.full-nav { height: 60px; }
	.channel-nav { display: none; background: #eee; }
	.full-nav > ul,
		.channel-nav > ul { float: left; }
	.channel-nav > ul { height: 30px; line-height: 30px; font-size: 12px; }
	.channel-nav > ul > li { margin-right: 1em; float: left; }
	.channel-nav > .social > li { margin-left: 1em; }
	.channel-nav > .social > li > a { text-decoration: none; font-size: 16px; display: block; }
	.channel-nav > .social > li > a > img { height: 100px; }
	.full-nav > .user-nav,
		.channel-nav > .social { float: right; line-height: 30px; margin: 15px 0; }
	.channel-nav > ul > li > a { text-transform: uppercase; text-decoration: none; transition: color 150ms ease; }
	.channel-nav > .social { margin: 0; }
	.channel-nav > .social > li { display: inline-block; }
	.channel-nav > .social > li > a { transition: color 150ms ease; }
	.channel-nav > .social > li > a b { vertical-align: text-top; }
	.full-nav > a { float: left; font-size: 14px; line-height: 60px; margin-right: 10px; }
	.full-nav > ul { font-size: 0; line-height: 60px; }
	.full-nav > ul > li { font-size: 14px; display: inline-block; vertical-align: top; position: relative; }
	.full-nav > ul > li > a { display: block; text-transform: uppercase; }
	.full-nav .navlst_blk { position: absolute; z-index: 99999999; display: none; }
	.full-nav > .site-nav { display: none; }
	.full-nav > .site-nav > li { border-top-width: 0; }

	.full-nav > ul > li.search { position: relative; display: none; padding-right: 10px; }
	.full-nav > ul > li.search > .navlst_blk { position: absolute; right: 100%; top: -3px; width: 300px; }
	.full-nav > ul > li.search > .navlst_blk > div {  padding: 0; }
	.full-nav > ul > li.search > .navlst_blk > div input[type="search"] { border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: calc(300px - 54px); border: 0; height: 35px; font-size: 1em; }
	.full-nav > ul > li.search > .navlst_blk > div button { height: 35px; }
	.full-nav > ul > li.search > form > fieldset > button { width: 54px; }

	.full-nav > .user-nav a { transition: color 150ms ease; cursor: pointer; }
	.full-nav > .user-nav > li > .usernav_blk { z-index: 99999999; line-height: 35px; position: absolute; display: none; top: 30px; }
	.full-nav > .user-nav > .menu { width: 45px; padding: 0; }
	.full-nav > .user-nav > .menu > .main_menu { font-size: 2em; display: block; height: 60px; }

	/* --- logged in user menu--- */
	.full-nav > .user-nav > .user { position: relative; }
	.full-nav > .user-nav > .user > .usernav_blk { width: 200px; right: -1px; text-align: center; }
	.full-nav > .user-nav > .user > .usernav_blk a { font-size: 1.2em; padding: 0; }

	/* --- logged out user menu--- */
	.full-nav > .user-nav > .log-in { position: relative; }
	.full-nav > .user-nav > .log-in > .usernav_blk { right: -44px; padding: 0; width: 320px;  font-size: 16px; }

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

	@media screen and (min-width: 370px) {
		.full-nav > a { width: 160px; }
		.full-nav > .user-nav > li { padding: 0 15px; }
		.full-nav > .user-nav > .approved-link { width: 70px; }
	}

	@media screen and (min-width: 768px) {
		body { margin-top: 90px; }
		.menu_wpr.showmenu { top: 60px; }
		.full-nav > .user-nav > .log-in > .usernav_blk { right: -1px; }
	}

	@media screen and (min-width: 880px) {
		.full-nav,
			.channel-nav { padding: 0 22px 0 15px; }
		.channel-nav { display: block; }
		.user-nav > .menu { display: none; }
		.full-nav > .user-nav > .approved-link,
			.full-nav > .user-nav > .search,
			.full-nav > .user-nav > .logout { display: inline-block; }
	}

	@media screen and (min-width: 948px) {
		.full-nav > .site-nav { display: block; }
	}

	@media screen and (min-width: 1024px) {
		.full-nav > a { margin-right: 25px; }
		.full-nav > a,
			.full-nav > a > img { width: 225px; }
	}

	/* --- AdBlock --- */

		@media screen and (min-width: 768px) {
			#xnotify-container { margin-top: 40px; }
		}
	/* --- Nav --- */

		.menu_wpr { background-color: #14437e; }
		.menu_wpr.js { position: fixed; top: 110px; left: 100%; max-width: none; height: 100%; background: rgba(0, 0, 0, .88); width: 100%; z-index: 999998; }
		.menu_wpr.js > nav { width: 100%; margin: 0 auto; height: 100%; z-index: 11; }
		.menu_wpr.showmenu { left: 0; position: absolute; }

		.nav > header { color: #fff; background: rgba(0,0,0,.7); padding-left: 15px; position: relative; height: 40px; }
		.nav > header > a { text-transform: uppercase; line-height: 50px; display: none; color: #fff; line-height: 35px; padding: 0 10px; text-decoration: none; background-color: #508BBC; margin: 10px 0; }
		.menu_wpr.js .nav > header > a { display: inline-block; }
		.nav > header > .btn { font-size: 0.8em; width: auto; }

		@media screen and (min-width: 400px) {
			.menu_wpr.js .nav > header > a { padding: 0 5px 0 10px; }
		}

		@media screen and (min-width: 1024px) {
			.nav > header { height: 95px; }
			.menu_wpr.js .nav > header > a { margin-top: 51px; }
		}

		@media screen and (min-width: 1100px) {
			.nav > header { padding-left: 0; }
		}

		.nav > div { background-color: #aaa; }
		.nav_lst > li { border-bottom: 1px solid rgba(255,255,255,0.1); overflow: hidden; }

			/* ---Social Media In Menu Nav --- */
			.nav > div > .navsocial_blk { padding: 10px 0; background-color: #999; }
			.navsocial_blk > div { overflow: hidden; padding: 0 10px; background-color: transparent; }
			.navsocial_blk > .newsletter > a { color: #fff; display: block; margin: 0 5px 10px 5px; padding: 10px 0; text-align: center; background-color: #aaa; }
			.navsocial_blk > .newsletter > a:hover { text-decoration: none; }
			.socialnav_blk { width: 45px; height: 40px; float: left; color: #fff; line-height: 40px; margin: 5px 13px 5px 5px; }
			.socialnav_blk > b { font-size: 1.2em; float: left; display: block; padding: 10px 10px 10px 13px; }
			.navsocial_blk > div > .twitter-follow-button { float: left; margin-top: 10px; }
			.navsocial_blk > div > .facebook_blk { margin-top: 5px; height: 40px; background-color: rgba(255, 255, 255, 0.3); border-radius: 3px; padding: 5px; }
			.navsocial_blk > div > .googleplus_blk { margin-top: 10px; }
			.navsocial_blk > div > .youtube_blk a { color: #fff; line-height: 50px; }

    /* --- Social Share Component --- */
			.main-article .social_blk { background: none; padding: 0 10px; }
		    .social_blk .social-list { display: flex; }
		    .social_blk .social-list > li { width: 25%; max-width: 40px; margin-right: 10px; border-radius: 3px; text-align: center; height: auto; }
		    .social_blk .social-list > li > a { background-color: transparent !important; padding: 6px; display: block; }
		    .social-list > .sms_itm,
		        .social-list > .whatsapp_itm { display: none; }
		    .social_blk .social-list > .sms_itm { background-color: #119609; }
		    .social_blk .social-list > .sms_itm: before { border-color: #119609; }
		    .social_blk .social-list > .facebook { background-color: #324f81; }
		    .social_blk .social-list > .facebook:before { border-color: #324f81; }
		    .social_blk .social-list > .twitter { background-color: #599BD5; }
		    .social_blk .social-list > .twitter:before{ border-color: #599BD5; }
		    .social_blk .social-list > .pinterest { background-color: #bd081c; }
		    .social_blk .social-list > .pinterest:before { border-color: #bd081c; }
		    .social_blk .social-list > .google-plus { background-color: #C64333; }
		    .social_blk .social-list > .google-plus:before { border-color: #C64333; }
		    .social_blk .social-list > .whatsapp_itm { display: none; width: 25%; background: #5CBE4A; }
		    .social_blk .social-list > .whatsapp_itm:before { border-color: #5CBE4A;}
		    .social_blk .social-list > .whatsapp_itm iframe { height: 27px !important; }
		    .social_blk .social-list > .reddit { background: #005695; }
		    .social_blk .social-list > .reddit:before { border-color: #005695; }
		    .social_blk .social-list > .newsletter { background: #999999; }
		    .social_blk .social-list > .newsletter:before { border-color: #999999;}
		    .social_blk .social-list > li:last-of-type { margin-right: 0; }
		    .social_blk .social-list > li > a,
		        .social_blk .social-list > li > iframe { height: auto !important; width: 100%; text-align: center; color: #fff; font-size: 16px;  border-radius: 3px; line-height: 1em; }

		    @media screen and (min-width: 768px) {
		        .main_content:not(.rankings) .main-article .social_blk { padding: 0 0 15px 0; margin: 0 20px; border-bottom: 1px solid #ccc; }
		    }

		.nav_lst > li > a { display: block; line-height: 50px; color: #fff; padding: 0 15px; position: relative; font-weight: 300; }
		.nav_lst > li > a > b { position: absolute; right: 5px; line-height: 50px; font-size: 1.2em; }
		.nav_lst > li > a:hover { text-decoration: none; }
		.nav_lst section { display: none; }

		/*.main_nav > ul > li > .navlst_blk { min-width: 320px; }*/
		.navlst_blk > h3 { background-color: #256295; color: #9ACCF6; font-size: 0.8em; font-weight: 300; padding: 12px 15px 8px; text-transform: uppercase; line-height: 1em; }

		.subnav_lst { background-color: #999; }
		.subnav_lst > li { border-top: 1px solid rgba(255,255,255,0.1); }
		.subnav_lst > li > a { display: block; line-height: 50px; min-height: 1.2em; color: #fff; font-weight: 300; padding: 0 45px 0 15px; white-space: nowrap; }

		.subnav_lst > li > a:hover { text-decoration: none; }

		@media screen and (min-width: 640px) {
			.nav > div > div, .nav > div > menu { max-width: 320px; background-color: #1d619a; }
		}

		/*-- Menu Holder --*/
		.menuholder { display: none; float: right; min-width: 320px; width: calc(100% - 320px); }
		.no-csscalc .menuholder { width: 320px; }
			@media screen and (min-width: 768px) {
				.no-csscalc .menuholder { width: 447px; float: right; }
			}
			@media screen and (min-width: 1024px) {
				.no-csscalc .menuholder { width: 703px; float: right; }
			}
		.menuholder > h3 { padding: 15px; color: #9ACCF6; font-size: 0.8em; text-transform: uppercase; font-weight: 300; padding: 20px 15px 10px; }

		.small-nav a:hover,
			.full-nav a:hover { text-decoration: none; }

	/* --- Homepage Slotted Content Carousel --- */

    body.homepage > aside.sidebar { width: 330px; }
    #slotted-content { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 1260px; margin-bottom: 15px; }
    #slotted-content .main-article { -webkit-flex-basis: 100%; flex-basis: 100%; position: relative; }
    #slotted-content .main-article a { display: block; }
    /*#slotted-content .main-article a img,*/
        /*#slotted-content .main-article .ph-video-player { position: absolute; height: 100%; left: 50%; top: 50%; min-width: 100%; max-width: none; width: auto; }*/
    /*#slotted-content .main-article a img { min-width: 100%; height: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }*/

    /*#slotted-content .main-article .ph-video-player { -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }*/
    #slotted-content .main-article h1 a { color: #fff; font-size: 18px; font-weight: 600; }
    #slotted-content .main-article h1 a:hover { text-decoration: none; }
    #slotted-content .main-article .headline-box { position: absolute; bottom: 0; width: 100%; padding: 15px; background-color: rgba(0,0,0,0.5); transition: top 150ms ease, bottom 150ms ease; }
    #slotted-content .main-article .meta,
        #slotted-content .secondary-articles .meta { color: #ccc; font-weight: 700; /*text-transform: uppercase;*/ font-size: 12px; margin-bottom: 10px; }
    #slotted-content .main-article .meta .channel-tag,
        #slotted-content .secondary-articles .meta .channel-tag,
    	#slotted-content .secondary-articles a .channel-tag,
        #slotted-content .tertiary-articles a .channel-tag { display: inline-block; padding: 5px 6px 1px 4px; margin-right: 8px; text-shadow: none; font-weight: 700; font-size: 12px; }

    #slotted-content .secondary-articles { padding: 20px 15px; }
    #slotted-content .secondary-articles .meta { margin: 5px 0 0; }
    #slotted-content .secondary-articles a .channel-tag { display: none; }
    #slotted-content .secondary-articles .meta .channel-tag,
    	#slotted-content .secondary-articles a .channel-tag,
    	#slotted-content .tertiary-articles a .channel-tag { position: absolute; left: 0; top: 0; }
    #slotted-content .secondary-articles { -webkit-flex-basis: calc(25% - 1px); flex-basis: calc(25% - 1px); }
    #slotted-content .secondary-articles > article { display: -webkit-flex; display: flex; position: relative; }
    #slotted-content .secondary-articles > article:first-of-type { padding-bottom: 15px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px; }
    #slotted-content .secondary-articles > article a { -webkit-flex-basis: calc(50% - 15px); flex-basis: calc(50% - 15px); position: relative; }
    #slotted-content .secondary-articles > article .headline-box { -webkit-flex-basis: 50%; flex-basis: 50%; margin-left: 15px; }
    #slotted-content .secondary-articles h2 { color: #444; font-size: 15px; font-weight: 700; }

    #slotted-content .tertiary-articles { -webkit-flex-basis: 100%; flex-basis: 100%; padding: 15px; border-top: 1px solid #e1e1e1; }
    #slotted-content .tertiary-article-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; }
    #slotted-content .tertiary-article-list li { font-size: 14px; display: -webkit-flex; display: flex;  padding-bottom: 15px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px; flex-basis: 100%; }
    #slotted-content .tertiary-article-list li:last-of-type { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
    #slotted-content .tertiary-article-list li h4 { margin-bottom: 3px; }
    #slotted-content .tertiary-article-list li a { font-weight: bold; display: block; transition: color 100ms ease; position: relative; }
    #slotted-content .tertiary-article-list li a:hover { font-weight: bold; text-decoration: none; }
    #slotted-content .tertiary-article-list li > a { -webkit-flex-basis: calc(50% - 15px); flex-basis: calc(50% - 15px); }
    #slotted-content .tertiary-article-list li > a img { width: 100%; }
    #slotted-content .tertiary-article-list li > a .channel-tag { display: block; font-size: 12px; }
    #slotted-content .tertiary-article-list li div { -webkit-flex-basis: 50%; flex-basis: 50%; margin: 0 0 0 15px; }
    #slotted-content .tertiary-article-list li div .meta { color: #888; font-weight: 400; /*text-transform: uppercase; */font-size: 12px; margin: 5px 0 0; }
    #slotted-content .tertiary-article-list li div .channel-tag { display: none; }

		/* --- video icon overlays --- */
		#slotted-content .video-content { position: relative;/* height: 399px;*/ }
		#slotted-content .main-article .ph-video-player,
             #slotted-content .main-article a .video-overlay { position: absolute; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-height: 100%; max-width: none; width: auto; left: 50%; top: 50%; }

		#slotted-content .main-article .ph-video-player { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
		#slotted-content .main-article a .video-overlay { left: 50%; top: 50%;  }
	    #slotted-content .video-content .icon-holder { display: block; position: absolute; top: 50%; left: 50%; height: 90px; width: 90px; -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(0,0,0,0.5); padding: 0; text-align: center; border-radius: 50%; color: #fff; transition: background-color 150ms ease; line-height: 90px; z-index: 1; }
		#slotted-content .secondary-articles .video-content .icon-holder { height: 50px; width: 50px; line-height: 50px; }
		#slotted-content .secondary-articles .video-content .icon-holder svg { line-height: 70px; font-size: 21px; }
	   	#slotted-content .video-content .icon-holder svg { color: #fff; text-align: center; line-height: 90px; font-size: 38px; }
	    #slotted-content .video-content:hover .icon-holder { background-color: #FAC415; }

        @media screen and (min-width: 486px) {
            #slotted-content .main-article h1 a { font-size: 27px; }
        }

        @media screen and (min-width: 600px) {
            #slotted-content .main-article { margin-bottom: 0; }
            #slotted-content .secondary-articles article .headline-box { margin-top: 35px; }
        }

        @media screen and (min-width: 768px) {

		    #slotted-content .main-article a img,
		        #slotted-content .main-article .ph-video-player { position: absolute; height: 100%; left: 50%; top: 50%; min-width: 100%; max-width: none; width: auto; min-width: 100%; height: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }


            #slotted-content { display: -webkit-flex; display: flex; max-height: 400px; }
			#slotted-content .video-content { position: relative; height: 399px; }
            #slotted-content .main-article { -webkit-flex-basis: calc(50% - 1px); flex-basis: calc(50% - 1px); margin: 0 1px 0 0; overflow: hidden; }
            #slotted-content .main-article a img { min-height: 100%;min-width: 100%; max-width: none; width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
            #slotted-content .main-article .ph-video-player,
             	#slotted-content .main-article a .video-overlay { position: absolute; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-height: 100%; max-width: none; width: auto; }
            #slotted-content .main-article a .video-overlay { left: 50%; top: 50%;  }
            #slotted-content .main-article .headline-box { padding: 20px 25px; }
            #slotted-content .main-article a .headline-box,
                #slotted-content .secondary-articles .headline-box { pointer-events: none; padding: 15px; background-color: rgba(0,0,0,0.5); }
            #slotted-content .main-article h1 a { line-height: 1em; transition: color 100ms ease; color: #fff; font-size: 30px; font-weight: 700; }
            #slotted-content .main-article a:hover ~ .headline-box h1,
                #slotted-content .main-article .headline-box,
                #slotted-content .main-article .headline-box:hover h1,
                #slotted-content .secondary-article .headline-box h2,
                #slotted-content .secondary-articles a:hover,
                #slotted-content .secondary-article .headline-box,
                #slotted-content .secondary-articles .headline-box:hover h2 { cursor: pointer; }
            #slotted-content .secondary-article a {color: #fff;}
            #slotted-content .main-article .meta,
                #slotted-content .secondary-articles .meta { color: #ccc; }

            #slotted-content .main-article a,
                #slotted-content .secondary-articles > article a { height: 100%; overflow: hidden; }
			#slotted-content .secondary-articles .video-content .icon-holder { height: 70px; width: 70px; line-height: 70px; }
            #slotted-content .secondary-articles > article a img { position: absolute; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); min-width: 100%; max-width: none; width: auto; /*max-height: 100%; */}
            #slotted-content .secondary-articles { -webkit-flex-direction: column; flex-direction: column; -webkit-flex-basis: 25%; flex-basis: 25%; margin: 0; padding: 0; }

            #slotted-content .secondary-articles article { height: 50%; display: block; }
            #slotted-content .secondary-articles article:first-of-type { height: calc(50% - 1px); padding: 0; margin: 0 0 1px 0; border: none; }
            #slotted-content .secondary-articles article > a,
                #slotted-content .secondary-articles article .headline-box { display: block; margin: 0; }
            #slotted-content .secondary-articles article .headline-box .channel-tag { display: inline-block; }
            #slotted-content .secondary-articles article > a { min-height: calc(200px - 1px); }
            #slotted-content .secondary-articles a .channel-tag { display: none; }
            #slotted-content .secondary-articles article .headline-box > h2 { color: #fff; transition: color 100ms ease; }
            #slotted-content .secondary-articles article .headline-box { position: absolute; bottom: 0; width: 100%; }
            #slotted-content .secondary-articles .meta { margin-bottom: 7px; overflow: hidden; white-space: nowrap; }
            #slotted-content .secondary-articles .meta .channel-tag { position: relative; margin-right: 8px; }

            #slotted-content .tertiary-articles { -webkit-flex-basis: calc(25% - 1px); flex-basis: calc(25% - 1px); display: block; overflow: hidden; background: #999; margin: 0 0 0 1px; padding: 15px 0; }

            #slotted-content .tertiary-article-list li { border: none; padding-bottom: 0; }
            /*#slotted-content .tertiary-article-list li:last-of-type { display: none; }*/
            #slotted-content .tertiary-article-list li img,
            	#slotted-content .tertiary-article-list li > a,
            	#slotted-content .tertiary-article-list li .meta { display: none; }
            #slotted-content .tertiary-article-list li .headline-box { -webkit-flex-basis: 100%;  flex-basis: 100%; margin: 0 15px; }
            #slotted-content .tertiary-article-list li .headline-box .channel-tag { display: block; }
			#slotted-content .tertiary-article-list li h3 a { color: #fff; }

            /* takeover override styles */
            .skins #slotted-content { max-height: 1000px; margin: 0 auto; }
            .skins #slotted-content .main-article { -webkit-flex-basis: calc(67% - 1px); flex-basis: calc(67% - 1px); height: 474px; }
            .skins #slotted-content .secondary-articles { -webkit-flex-basis: 33%; flex-basis: 33%; height: 474px; }
            .skins #slotted-content .tertiary-articles { -webkit-flex-basis: 100%; flex-basis: 100%; margin: 0; }
            .skins #slotted-content .tertiary-article-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; }
            .skins #slotted-content .tertiary-article-list li { display: -webkit-flex; display: flex; -webkit-flex-basis: 46%; flex-basis: 46%; font-size: 14px; line-height: 1.2em; padding-bottom: 0; }
            .skins #slotted-content .tertiary-article-list li:last-of-type { display: flex; }
            .skins #slotted-content .tertiary-article-list li:last-of-type,
                 .skins #slotted-content .tertiary-article-list li:nth-last-of-type(2) { margin-bottom: 0; }
           	.skins #slotted-content .tertiary-article-list li > a { display: inline-block; margin-right: 15px; vertical-align: top; }
            .skins #slotted-content .tertiary-article-list li img { display: inline-block; }
        	.skins #slotted-content .tertiary-article-list li a .channel-tag { display: none }
           	.skins #slotted-content .tertiary-article-list li > div { vertical-align: top; margin: 0; }
        }

		/* --- Ads --- */

		.ad_blk { text-align: center; padding: 5px 0; }
		.ad_blk > iframe { margin: 0 auto; }
		/*.ad_blk > img { margin-bottom: 10px; }  ToDo: change this selector when actual ads are brought in. */
		.hero-ad { display: none; }
		.small-hero-ad { padding: 5px 0; }

		.main-article .small-hero-ad { margin: 0 -10px; }

		@media only screen and (min-width: 330px) {
			.ad_blk { padding: 5px; }
		}

		@media only screen and (min-width: 768px) {
			.hero-ad { display: block; }
			.ad_blk { padding: 14px 0; max-height: 620px; }
			.ad_blk.hidden { padding: 0; max-height: 620px; }
			.ad_blk > img { margin-bottom: 0; }
			.ad_blk > iframe { margin: 0 auto; }
			.small-hero-ad { display: none; }
			/*#oas_Middle1,
				#oas_Middle2 { min-height: 270px; }*/
			/*#oas_Bottom,
				#oas_Top { min-height: 110px; }*/
		}

		:root body .hero-ad,
		:root body .ad_blk,
		:root body #oas_Top,
		:root body #oas_Middle1 { display:block !important; }

		.article3_cmp > .ad_blk iframe { margin: 0 auto; }

		.oas_mobile_banner { margin: 0 auto; min-height: 50px; min-width: 300px; display: flex; justify-content: center; }
		.oas_desktop_banner { display: none; height: 0px; }
		.adhesion-block { height: 60px; }
		@media screen and (min-width: 768px) {
			.nav { max-width: 1024px; margin: 0 auto; }
			.adhesion-block { display: none; height: 0px}
			.oas_mobile_banner { display: none; height: 0px; }
			.oas_desktop_banner { display: block; min-height: 90px; height: auto; text-align: center; }
		}

		@media screen and (min-width: 1024px) {
			.oas_desktop_banner { margin: 30px auto; /* width: 970px; padding: 20px 0; */ }
			body.homepage.skins > .main { display: -webkit-flex; display: flex; min-width: 751px; width: 70%; }
			.skins #slotted-content .tertiary-article-list li { font-size: 16px; line-height: 1.2em; }
			.skins #slotted-content .tertiary-article-list li > div { padding-top: 5px; }
			.skins #slotted-content .tertiary-article-list li div span { margin-top: 0; }
		}

        @media screen and (min-width: 1440px) {
        	body.homepage.skins { background-size: 1440px auto !important; }
        }

        @media screen and (min-width: 1600px) {
            body.homepage.skins > .main { max-width: 1140px; }
        }

		/* --- Takeover Ad --- */

        body.homepage.skins {
        	background-size: 100% auto !important;
		}

		.skins .left > a,
			.skins .right > a { display: block; width: 100%; height: 100%; }
		.skins .top > a { height: 113px; position: absolute; width: 100%; z-index: -1; }
		.skins .left { position: fixed; left: 0; height: 100%; }
		.skins .right { position: fixed; right: 0; height: 100%; }
		#oas_frame_Left1 { display: none; }

		@media screen and (min-width: 1090px) {
			.skins .left,
				.skins .right { width: 15%; }
		}

		@media screen and (min-width: 1628px) {
        	body.homepage.skins { background-size: 1628px auto !important; }
			.skins .left,
				.skins .right { width: calc((100% - 1140px) / 2); }
		}

	/* --- Video Takeover --- */

		.video, .imagetakeover { position: fixed; top: 0; max-width: 100%; z-index: 2147483647; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,.8); padding-top: 60px; }
		.video .close, .imagetakeover .close { position: absolute; right: 0; top: 10px; width: 40px; height: 40px; color: #fff; text-decoration: none; font-size: 1.5em; z-index: 3001; line-height: 40px; }
		.video video { max-width: 80%; margin-bottom: 20px; position: relative; z-index: 3001; }
		.video .clickthrough, .imagetakeover .clickthrough { position: fixed; top: 40px; left: 0; z-index: 3000; height: 100%; width: 100%; }
		.video .image { display: block; margin: 0 auto; width: 100%; height: auto; }
		.imagetakeover .image { width: 300px; height: 250px; margin: 0 auto; display: block; }

		@media only screen and (min-width: 1280px) {
			.video .image { max-width: 600px; }
		}

		@media only screen and (min-width: 1280px) {
			.video video { max-width: 1024px; }
		}

    .contentgroup { padding: 15px; }
    .contentgroup header { color: #444; text-transform: uppercase; }
    .contentgroup header h2 { font-size: 21px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding-bottom: 15px; }
    .contentgroup header a { display: none; font-size: 13px; vertical-align: bottom; line-height: 21px; text-align: right; }
    .contentgroup header img { vertical-align: bottom; width: auto; max-width: 220px; /*margin-left: 15px;*/ margin-bottom: 10px; }

    .contentgroup article { display: -webkit-flex; display: flex; padding: 15px 0; border-bottom: 1px solid #eee; }
    .contentgroup article:last-of-type { border-bottom: none; }
    .contentgroup article > a { -webkit-flex-basis: calc(50% - 15px); flex-basis: calc(50% - 15px); position: relative; }
    .contentgroup article .video-content { position: relative; }
    .contentgroup article .video-content .icon-holder { display: block; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; -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: 50px; }
    .contentgroup article .video-content:hover .icon-holder { background-color: #FAC415; }
   	.contentgroup article .video-content .icon-holder svg { color: #fff; text-align: center; line-height: 50px; font-size: 28px; }
    .contentgroup article a .channel-tag { color: #000; padding: 4px 5px 2px 4px; margin-right: 5px; text-shadow: none; font-weight: 700; position: absolute; top: 0; left: 0; font-size: 12px; text-transform: uppercase; white-space: nowrap; max-width: 100%; overflow: hidden; }
    .contentgroup article .headline-box { -webkit-flex-basis: 50%; flex-basis: 50%; margin: 4px 0 0 15px; }
    .contentgroup article .headline-box a { transition: color 150ms ease; position: relative; }
    .contentgroup article .headline-box a:hover { text-decoration: none; }
    .contentgroup article .headline-box .channel-tag { display: none; text-transform: uppercase; margin-bottom: 5px; font-size: 10px; }
    .contentgroup article .headline-box h3 { font-size: 14px; }
    .contentgroup article .headline-box .meta { color: #999; font-size: 13px; margin-top: 5px; font-weight: 600; }
    .contentgroup .more-link { transition: color 150ms ease; }
    .contentgroup .more-link:hover { text-decoration: none; }
    .contentgroup > .more-link { display: block; font-size: 14px; padding: 15px 15px 5px; text-align: center; text-transform: uppercase; border-top: 1px solid #eee; }
    .contentgroup > .more-link:hover { text-decoration: none; }

		@media screen and (min-width: 468px) {
            .contentgroup article .headline-box h3 { font-size: 16px; }
		}

        @media screen and (min-width: 600px) {
            .contentgroup article .headline-box { margin-top: 15px; }
            .contentgroup article .headline-box h3 { font-size: 18px; }
        }

        @media screen and (min-width: 768px) {
            .contentgroup { padding: 0; -webkit-flex-basis: 100%; flex-basis: 100%; }
            .contentgroup header { padding: 35px 15px 15px 15px; background: #f8f8f8; }
            .contentgroup header img { margin-left: 5px; max-width: 320px; }

            .contentgroup article { padding: 15px 0; margin: 0 15px; }
            .contentgroup article .video-content { max-width: 315px; line-height: 70px; }
            .contentgroup article .video-content .icon-holder { height: 70px; width: 70px; }
            .contentgroup article:last-of-type { border-bottom: 1px solid #eee; }
            .contentgroup article > a { -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 315px; }
            .contentgroup article > a .channel-tag { display: none; }
            .contentgroup article .headline-box { -webkit-flex-grow: 2; flex-grow: 2; margin-top: 0; }
            .contentgroup article .headline-box h3 { font-size: 16px; }
            .contentgroup article .headline-box .channel-tag { font-size: 14px; display: inline-block; }
            .contentgroup > .more-link { padding: 20px; border: none; }
        }

        @media screen and (min-width: 960px) {
            .contentgroup article .headline-box { margin-top: 20px; }
            .contentgroup article .headline-box h3 { font-size: 21px; }
            .contentgroup header a { display: block; }
        }

        @media screen and (min-width: 1260px) {
            .contentgroup header { padding: 35px 15px 15px; }
        }

	/* --- Footer --- */

		.site-footer { z-index: 2; width: 100%; padding-bottom: 20px; }
		.site-footer > .container { width: 100%; max-width: 1024px; margin: 0 auto; display: flex; flex-wrap: wrap; flex-grow: 2; flex-direction: row; justify-content: space-around; padding: 40px 20px 20px; }
		.site-footer > .container > div { flex-basis: 40%; margin-bottom: 1em; }
		.site-footer > .container > div:last-of-type { flex-basis: 100%; text-align: center; margin: 1em auto 0; }
		.site-footer > .container > div > h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25em; margin-bottom: 0.5em }
		.site-footer > .container > div > ul > li { line-height: 1.75em; }
		.site-footer > .container > div > ul > li > a { font-weight: 300; font-size: 0.9em; color: #777; }
		.site-footer > .container > div:last-of-type > ul > li { display: inline-block; margin-right: 0.5em; font-size: 1.125em; }
		.site-footer > .container > div:last-of-type > ul > li > a:hover { text-decoration: none; }
		.site-footer > .about { font-size: 12px; font-weight: 300; color: #888; font-style: italic; background: transparent; text-align: center; margin: 1em auto; }

		@media screen and (min-width: 480px) {
			.site-footer > .container > div { flex-basis: 32%;  margin-bottom: 1em; }
			.site-footer > .container > div:last-of-type { flex-basis: 32%; text-align: left; margin: 0 auto 1em; }
		}

		@media screen and (min-width: 768px) {
			.site-footer > .container { flex-wrap: nowrap; flex-grow: 2; justify-content: space-around; padding: 2.5em 2em 1em; }
		}

		.footer { padding: 0 15px; }
		.footer > p, .meta a, .meta a:hover { line-height: 1.5em; color: #999; }

	/* --- Global input styles --- */

		/* input[type="text"], input[type="password"] { padding: 5px; } */
		/* input[type="submit"] { border: none; height: 32px; } */


	/* --- Global button styles using .btn --- */

		.btn { color: #fff; padding: 15px 20px; display: inline-block; text-align: center; box-shadow: none; width: 100%; background-color: #999; }
		.btn:hover { text-decoration: none; }
		.btn.grey { background-color: #f7f7f7; }
		.btn.grey:hover { background-color: #eee }
		.btn.dark { background-color: #256295; color: #fff; }

			@media screen and (min-width: 550px) {
				.btn { width: auto; padding: 10px 15px; }
			}

	/* --- Global Component Styles using .cmp --- */

		.cmp { margin-bottom: 25px; }
		.cmp > header { padding: 0 5px; line-height: 2.5em; }
		.cmp > section { padding: 5px 0 0; }


	/* --- 'See More' btn --- */

		.seemore { border-radius: 5px; padding: 12px 20px; transition: all 150ms ease; display: block; font-size: 16px; text-align: center; margin: 0 auto 2em; width: 200px; }
		.flex > .seemore { flex: 1 1 100%; max-width: 200px; margin: 0 calc(50% - 100px) 30px; }
		.seemore:hover { text-decoration: none; }


	/* --- Helper classes --- */

		.ir { background-color: transparent; border: 0; overflow: hidden; text-indent: -9999px; }
		.ir:before { content: ""; display: block; width: 0; height: 150%; }
		.hidden { display: none !important; visibility: hidden; }
		.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
		.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
		.invisible { visibility: hidden; }
		.clearfix:before, .clearfix:after { content: " "; display: table; }
		.clearfix:after { clear: both; }
		.clearfix { zoom: 1; }


/* ------------------------------ Forms ------------------------------ */


	form ol, form ul { list-style: none; margin-left: 0; }
	fieldset { border: 0; padding: 0; margin: 0; }
	label { display: block; padding-bottom: 0.5em; }
	button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
	input, textarea { width: 100%; padding: 0.8em; border: 1px solid rgba(0,0,0,0.2);}
	input[type=text], input[type=search], input[type=url], input[type=number], textarea { -webkit-appearance: none; }
	button, input[type="submit"] { border: none; cursor: pointer; color: #fff; padding: 10px 15px; }
	input[type="checkbox"], input[type="radio"] { width: auto; margin: 0 0.3em; box-shadow: none;}
	input[type="search"] { -webkit-appearance: none; border-radius: 0; }
	input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

	fieldset > ul > li { margin-bottom: 10px; }

/* ------------------------------ Components ------------------------------ */


	/* --- content footer component --- */

	.bottomads { clear: both; }
	.bottomads > .revcontent_blk { padding: 0 20px; margin-bottom: 20px; }
	.rc-headline { font-size: 13px !important; }   /* revcontent headline sizing on mobile */
	.videoad { padding: 20px; }

	/* -- Discuss Component -- */

	.bottomads > .discuss_blk { border: none; height: auto; width: 100%; overflow: hidden; padding: 20px; transition: all 150ms ease; }
	.discuss_blk > header { margin-bottom: 10px; }
	.discuss_blk > section { padding: 0 20px; }
	.discuss_blk > .post_itm { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; margin: 20px 20px 0 20px; -webkit-flex-basis: calc(100% - 40px); flex-basis: calc(100% - 40px); }
	.discuss_blk > .post_itm > #post_frm { -webkit-flex-basis: calc(100% - 70px);  flex-basis: calc(100% - 70px); }
	.discuss_blk > .post_itm .user-login { -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 30px 0; -webkit-flex-basis: 100%; flex-basis: 100%; }
	.discuss_blk > .post_itm .user-login > div { -webkit-flex-basis: 100%; flex-basis: 100%; -webkit-align-self: top; align-self: top; max-width: 100%; }
	.discuss_blk > .post_itm .user-login > div > h2 { font-size: 1.3em; }
	.discuss_blk > .post_itm .user-login > span { -webkit-flex-basis: 100%; flex-basis: 100%; display: block; margin: 0 0 10px 0; text-align: center; -webkit-align-self: center; align-self: center; }
	.discuss_blk > .post_itm .user-login > div > p { font-size: 14px; margin-top: 20px; text-align: center; }
	.discuss_blk > .post_itm .user-login .soclogin_lst { text-align: center; }
	.discuss_blk > .post_itm .user-login .soclogin_lst li { width: 50px; }

		@media only screen and (min-width: 768px) {
			.bottomads > .discuss_blk { padding: 40px 40px 0 40px; }
			.discuss_blk > .post_itm { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
			.discuss_blk > .post_itm .user-login { -webkit-flex-basis: 80%; flex-basis: 80%; margin: 20px auto; }
			.discuss_blk > .post_itm .user-login > div { -webkit-flex-basis: 40%; flex-basis: 40%; }
			.discuss_blk > .post_itm .user-login > span { -webkit-flex-basis: 19%; flex-basis: 19%; }
		}

	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; }
	.bottomads .ym { margin-top: 20px; }
	.bottomads > .twobysix_blk { padding: 10px; background-color: #eee; margin: 0 10px 10px; width: calc(100% - 20px); overflow: hidden; }
	.bottomads > .twobysix_blk > div { flex: 1 1 100%; margin: 5px 0; min-height: 75px; }
	.bottomads > .twobysix_blk > div:last-of-type { display: none; }
	.bottomads > .twobysix_blk > div img { width: 50%; float: left; }
	.bottomads > .twobysix_blk > div p,
		.bottomads > .twobysix_blk > div h3 { width: 47%; float: right; }
	.bottomads > .twobysix_blk > [data-key] > a > img { margin-bottom: 5px; }
	.article-landingstrip .landingstrip-list > li { border: none; }
	.article-landingstrip .landingstrip-list > li { flex: 1 1 100%; max-width: 100%; width: 100%; display: none; }
	.article-landingstrip .landingstrip-list > li:first-of-type { display: block; margin-right: 0; }
	.article-landingstrip .landingstrip-list > li > a > h3,
		.bottomads > .twobysix_blk > [data-key] > a > h3 { padding: 0 !important; }
	.bottomads > .twobysix_blk > [data-key] > a > h3 { font-size: 14px; }
	.article-landingstrip .landingstrip-list > li > a > p,
		.bottomads > .twobysix_blk > [data-key] > a > p { margin-bottom: 5px; font-size: .7em; line-height: 1.2em; color: #757575; }
	.bottomads > .twobysix_blk { overflow: hidden; -webkit-text-size-adjust: none; }
	#ym_1300004 { margin: 10px 10px 20px; max-width: calc(100% - 20px); }

	/*.bottomads > #dfp_bottom_300 { height: 250px; width: 300px; margin: 20px auto; }*/
	.bottomads > #oas_Bottom { margin-bottom: 10px; }
	.bottomads > #oas_Bottom2 { margin: 0 auto; /*min-height: 90px;*/ }

	.show-hide-comments { cursor: pointer; margin: 20px auto; display: block; max-width: 225px; border-radius: 3px; transition: all 150ms ease; padding: 0.75em; }
	.show-hide-comments:hover { color: #fff; }

	@media only screen and (min-width: 400px) {
		.bottomads > .twobysix_blk > div p { margin-top: 5px; }
	}

	@media only screen and (min-width: 768px) {
		.show-hide-comments { padding: 15px 20px; }
		.bottomads > .twobysix_blk { background-color: #fff; display: flex; }
		.bottomads .landingstrip-list > li,
			.bottomads > .twobysix_blk > div { width: 30%; height: 225px; flex: 1 1 30%; margin: 20px 10px 10px; }
		.bottomads > .twobysix_blk > div:last-of-type { display: block; }
		.bottomads > .twobysix_blk > div img,
			.bottomads > .twobysix_blk > div p,
			.bottomads > .twobysix_blk > div h3 { width: 100%; float: none; }
		.article-landingstrip .landingstrip-list > li { display: block; margin-right: 10px; }
		.article-landingstrip .landingstrip-list > li:first-of-type { margin-right: 10px; }
		.article-landingstrip .landingstrip-list > li:last-of-type { margin-right: 0; }
		.bottomads > #oas_Bottom,
			.bottomads > #oas_Bottom2 { display: block; }

		.rc-headline { font-size: 16px !important; }   /* revcontent headline sizing on mobile */
	}

	/*------ Next Article Teaser component ------*/


	/* --- InContent Ad-fillers --- */
	.content-gallery-content div[id*="oas_"] { position: relative; }
	.modernInContent .next-article-tease { position: absolute; top: 0; left: 0; width: 300px; height: 250px; background: #fff; }
	.modernInContent .next-article-tease header h2 { text-align: center; margin: 0; }
	.modernInContent .next-article-tease > a { flex-wrap: wrap; }
	.modernInContent .next-article-tease > a > img,
		.modernInContent .next-article-tease > a > div { flex-basis: 100%; max-width: 100%; padding: 0; }
	.modernInContent .next-article-tease > a > div { margin-top: 10px; }
	.modernInContent .next-article-tease > a > div .meta { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; }

	.teaser-container { position: relative; display: block; background-color: #fff; padding: 0; margin: 0 20px; }
	.next-article-tease { background-color: #fff; clear: both; }
	.next-article-tease > header > h2 { font-weight: 300; font-size: 1.2em; line-height: 40px; }
	.next-article-tease > a { display: flex; flex-wrap: wrap; align-items: center; position: relative; font-weight: 300; font-size: 1.2em; text-decoration: none; }
	.next-article-tease > div.close { position: absolute; right: 10px; top: 10px; display: none; font-weight: 700; height: 16px; width: 16px; }
	.next-article-tease > div.close b { font-weight: bold; }
	.next-article-tease > a > div { flex-basis: 100%; margin-bottom: 0.5em; }
	.next-article-tease > a > div > h3 { flex-basis: 100%; line-height: 1.2em; font-size: 0.8332em; font-weight: 400; text-decoration: none; }
	.next-article-tease > a > div > p.meta { margin: 8px 0 2px; font-size: 12px; line-height: 1.2em; color: #757575; }
	.next-article-tease > a:hover { text-decoration: none; }
	.next-article-tease > a:after { content: "\3e"; font-family: 'comicbook'; position: absolute; display: none; height: 40px; width: 40px; right: 5px; top: 50%; transform: translate(0, -80%); opacity: 0.25; font-size: 40px; color: #888; transition: all 200ms ease;
	}

	.next-article-tease.sticky { background: white; position: fixed; bottom: 0; top: auto; border-top: 3px solid #999; width: 100vw; z-index: 200; left: 0; font-size: 0.9em; padding: 0 10px 10px; -webkit-transition: bottom 150ms ease; -moz-transition: bottom 150ms ease; transition: bottom 150ms ease; }
	.next-article-tease.sticky > a { flex-wrap: nowrap; }
	.next-article-tease.sticky > div.close { display: block; }
	.next-article-tease.sticky > a img { width: 40%; margin-right: 15px; align-self: flex-start; }
	.next-article-tease.sticky > a div { flex-basis: 52%; margin: 0; }
	.next-article-tease.sticky > a div > p.meta { margin-top: 0; }

		@media only screen and (min-width: 510px) {
			.next-article-tease > a { flex-wrap: wrap; }
			.next-article-tease > a > img { margin-right: 0; }
		}

		@media only screen and (min-width: 620px) {
			.next-article-tease > a { flex-wrap: nowrap; }
			.next-article-tease > a > img { flex-basis: 50%; max-width: 50%; margin-right: 0.75em; margin-bottom: 0; }
			.next-article-tease > a > div { flex-basis: 50%; padding-right: 0; }
		}

		@media only screen and (min-width: 768px) {
			.teaser-container { margin: 20px; }
			.next-article-tease { margin: 0; border-top: none; }
			.next-article-tease > a { flex-wrap: wrap; font-size: 1.2em; }
			.next-article-tease > a > img { flex-basis: 100%; max-width: 100%; margin-right: 0; }
			.next-article-tease > a > div { flex-basis: 100%; }
			.next-article-tease > a:hover { text-decoration: none; }
			.next-article-tease > a:hover:after { opacity: 1; right: 0; }
		}

		@media only screen and (min-width: 900px) {
			.next-article-tease > a { flex-wrap: nowrap;/* font-size: 1em;*/ }
			.next-article-tease > a:after { display: block; }
			.next-article-tease > a > img { flex-basis: 50%; max-width: 50%; margin-right: 15px; margin-bottom: 0; }
			.next-article-tease > a > div { flex-basis: 50%; padding-right: 50px; }
			.next-article-tease > a > div > p.meta { margin-top: 0; }
			/*.next-article-tease > a > h3 { flex-basis: 50%; }*/
		}

		@media only screen and (min-width: 1024px) {
			.next-article-tease > a { /*font-size: 1.2em;*/ }
			/*.next-article-tease > a > h3 { max-width: 237px; }*/
			/*.next-article-tease > a > div { padding-right: 50px; }*/
		}

		@media only screen and (min-width: 480px) and (max-width: 736px) and (orientation: landscape) {
			.next-article-tease { height: 130px; }
			.next-article-tease > a > img { height: 75px; width: 150px; max-width: 150px; }
			.next-article-tease > a div { flex-basis: calc(100% - 190px) !important; }
		}

	/* --- Header/Menu --- todo: remove these unused styles */

		.main_logo { display: inline-block; width: 160px; height: auto; margin-left: -80px; position: absolute; left: 50%; max-height: 55px; overflow: hidden;  }
		.main_logo > img { margin-top: -10px; }

			@media screen and (min-width: 600px) {
				.main_logo { width: 215px; margin-left: -107.5px; top: 0; }
				.main_logo > img { margin-top: -26px; }
			}
			@media screen and (min-width: 1024px) {
				.main_logo { max-height: 95px; width: 310px; margin-left: -155px; margin-top: -41px; top: 0; }
			}

	/* --- Home Page --- todo: remove these unused styles */
		.mainarticle { margin-bottom: 10px; overflow: hidden; }
		.mainarticle > figure { position: relative; }
		.mainarticle > figure > a { display: block; }
		.mainarticle > figure > a > img { width: 100%; }
		.mainarticle > figure > figcaption {
			position: absolute;
			bottom: 0;
			width: 100%;
			padding: 15px;
			margin-bottom: 15px;
			background: rgba(0,0,0,0.8);
		 }
		.mainarticle > figure > figcaption > h1 { font-size: 1.1em; font-weight: bold; }
		.mainarticle > figure > figcaption > h1 > a { color: #fff; }
		.mainarticle > figure:hover > figcaption > h1 > a { text-decoration: underline; }
		/*.mainarticle > figure > figcaption > p { font-size: .9em; display: none; padding-right: 55px; }*/
		.mainarticle > p { margin: 3% 10px; font-size: .9em; }

			@media screen and (min-width: 600px) {
				.mainarticle > figure > figcaption > h1 { font-size: 1.6em;  }
			}

		/* -- Bucket 2 -- todo: remove these unused styles*/
		.acticle2_cmp { padding: 10px 0 0; overflow: hidden; margin-bottom: 10px; }
		.acticle2_cmp > article { margin: 0 3% 10px; overflow: hidden; }
		.acticle2_cmp > article > a, .acticle2_cmp > article > h3 { display: block; width: 48%; float: left; height: auto; margin-right: 2%; }
		.acticle2_cmp > article > h3 { font-size: .9em; line-height: 1.2em; }

			@media screen and (min-width: 600px) {
				.acticle2_cmp > article > a,
					.acticle2_cmp > article > h3 { float: none; width: 100%; }
				.acticle2_cmp > article > h3 > a { display: block; }
			}

		/* -- Bucket 3 -- todo: remove these unused styles*/
		.article3_cmp > article { margin-bottom: 40px; padding: 0 10px; }
		.article3_cmp > article > a { display: block; margin: 0 -10px 5px; }
		.article3_cmp > article > a > img { width: 100%;  height: auto; }
		.article3_cmp > article > h3 { margin-bottom: 4px;  }
		.article3_cmp > article > p { margin-bottom: 2px; font-size: .7em; line-height: 1.2em; color: #757575; }
		.article3_cmp > article > p.meta { text-transform: capitalize; }
			@media screen and (min-width: 550px) {
				.article3_cmp > article { padding: 0; }
				.article3_cmp > article > a { margin: 0 0 5px; }
			}
			@media screen and (min-width: 800px) {
				.article3_cmp > .btn { flex: 1 1 45%; margin: 0 calc(100% - 424px) 40px; }
			}


		/* -- Bucket 4 (currently in sidebar) -- */

		.article4_cmp { font-weight: 300; }
		.article4_cmp > section { margin: 0; }
		.article4_cmp .latest_art { border-bottom: none; padding: 5px 15px; }

		/* -- Bucket 4&5 -- */
		.latest_art { overflow: hidden; padding: 10px 15px; border-bottom: solid 1px #ddd; }
		.latest_art > a { display: block; float: left; margin-right: 5px; }
		.latest_art > a > img { height: 60px; width: 60px; }
		.latest_art > h3 { font-size: .9em; line-height: 1.3em; }
		.latest_art > time { color: #999; font-size: 0.8em; }


	/* --- Email Sidebar Component --- */

		.emailnewsletter_cmp { margin: 0 auto 20px auto; }
		.emailnewsletter_cmp > header > h2 { font-weight: 300; }
		.emailnewsletter_cmp > section { padding: 0; margin-top: 5px; }
		.emailnewsletter_cmp > section > h3 { text-align: center; border: 1px solid #ddd; background-color: #e3f4cc; color: #666; line-height: 25px; margin: 10px; padding: 10px; font-weight: 300; }
		.emailnewsletter_cmp input[type="text"],
		.emailnewsletter_cmp input[type="submit"] { -webkit-appearance: none; display: block; width: 90%; margin: 0 auto; }
		#e2ma-signup-popup .error-email,
		#e2ma-signup-popup .error,
		#e2ma-signup-popup .success,
		#e2ma_signup .error-email,
		#e2ma_signup .error,
		#e2ma_signup .success {
			display: block;
		}
		#e2ma-signup-popup #id_email.error {
			color: rgb(174,72,58);
		}
		#e2ma-signup-popup .error:not(input),
		#e2ma-signup-popup .success {
			margin: 2rem;
			padding: 1rem;
		}
		#e2ma-signup-popup .error strong,
		#e2ma-signup-popup .success strong {
			display: block;
			font-size: 2rem;
		}
		#e2ma-signup-popup .error-email {
			padding: 1rem;
		}
		#e2ma_signup .error-email,
		#e2ma_signup .error,
		#e2ma_signup .success {
			padding: 0.5rem;
			margin: 0 0.9375rem;
		}
		#e2ma-signup-popup .success,
		#e2ma_signup .success {
			background-color: rgba(92,184,92,0.25);
			color: rgb(71,141,71);
		}
		#e2ma-signup-popup .error-email,
		#e2ma-signup-popup .error:not(input),
		#e2ma_signup .error-email,
		#e2ma_signup .error:not(input) {
			background-color: rgba(217,83,79,0.25);
			color: rgb(174,72,58);
		}
		#e2ma-signup-popup .error,
		#e2ma_signup .error {
			border-color: rgb(174,72,58);
		}
		#e2ma_signup ul {
			margin: 1rem 0.9375rem 0.5rem;
		}
	/* --- Email Landing/Pop up Page --- */

		.newsletterlanding_cmp { padding: 10px; }
		.newsletterlanding_cmp > header { overflow: hidden; position: relative; padding: 20px 0 10px; width: 100%; text-align: center; }
		.newsletterlanding_cmp > header > h1 { color: #fff; font-size: 1.6em; font-weight: 300; letter-spacing: -1px; margin: 10px 0 20px; }
		.newsletterlanding_cmp > header > span { display: block; font-size: .9em; color: #fff; font-weight: 300; margin: 20px 0; }
		.newsletterlanding_cmp > header > img { width: 180px; height: auto; }

		.newsletterlanding_cmp > section { background-color: #f7f7f7; overflow: hidden; padding: 0 10px; }
		.newsletterlanding_cmp > section > h3 { float: right; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #e3f4cc; color: #666; line-height: 25px; margin: 10px 0; padding: 10px; font-weight: 300; }
		.newsletterlanding_cmp > section > p { font-size: 1.8em; font-weight: 300; padding: 10px; line-height: 35px; }
		.newsletterlanding_cmp > section > .form_blk { overflow: hidden; }
		.newsletterlanding_cmp > section > .form_blk > form { padding-bottom: 5px; }
		.newsletterlanding_cmp > section > .form_blk > a { display: block; margin: 5px 0 10px; background-color: #fff; border: 1px solid #ddd; padding: 10px; width: 100%; text-align: center; text-decoration: none; }
		.newsletterlanding_cmp > section > .form_blk > a > b { vertical-align: middle; font-size: 1.5em; }
		.newsletterlanding_cmp > section > .form_blk > a > span { display: inline-block; margin-left: 10px; font-size: .9em; font-weight: 300; }
		.newsletterlanding_cmp > section > .form_blk > .or { display: block; width: 100%; padding: 5px 0; text-align: center; font-size: .9em; font-weight: 300; color: #999; }
		.newsletterlanding_cmp > section > .form_blk > .txt { display: block; width: 100%; font-size: .8em; font-weight: 300; color: #999; line-height: 18px; padding-bottom: 10px; }
		.newsletterlanding_cmp > section input { box-shadow: none; font-size: 1.1em; font-weight: 300; /*-webkit-appearance: none; -- breaks checkboxes */ border-radius: 0; }
		.newsletterlanding_cmp > section input[type="text"] { font-size: .9em; }

		@media screen and (min-width: 768px) {
			.newsletterlanding_cmp > section > p { display: block; float: left; width: 45%; }
			.newsletterlanding_cmp > section > h3 { width: 45%; }
			.newsletterlanding_cmp > section > .form_blk > form { padding: 10px 0 5px; display: block; float: right; width: 82%; }
			.newsletterlanding_cmp > section > .form_blk > a,
			.newsletterlanding_cmp > section > .form_blk > .or,
			.newsletterlanding_cmp > section > .form_blk > .txt { clear: right; float: right; width: 82%; }
		}

        /* --- Email Sign Up Div -- */

            .newsletterdiv_cmp { position: fixed; top: 0; left: 0; width: 100%; max-width: 800px; z-index: 100000000; overflow: auto; max-height: 100%; }
        	.newsletterdiv_cmp > header > a { position: absolute; right: 10px; top: 10px; color: #ddd; font-size: 1.2em; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; }


	/* --- Newsletter Popup --- */

		.small-nav > .small-menu > .newsletter { position: relative; }
		.newsletter-popup { position: absolute; width: 300px; right: 0; top: 0; background-color: #fff; border: solid 1px #ddd; padding: 10px; z-index: 999999; }
		.newsletter-popup > form > fieldset > div { overflow: hidden; margin-bottom: 10px; }
		.newsletter-popup > form > fieldset > div > input[type="text"] { width: 70%; padding: 3px; display: block; float: left; }
		.newsletter-popup > form > fieldset > div  > button { width: 30%; padding: 3px; display: block; float: left; }
		.newsletter-popup > form > fieldset > p { color: #999; margin-bottom: 10px; }
		.newsletter-popup-list > li { margin-bottom: 0; }
		.newsletter-popup-list > li input[type="checkbox"] { float: left; }
		.newsletter-popup .newsletter-popup-list > li input[type="checkbox"] {margin-top: 4px; }


	/* --- categories (sidebar) --- */

		.category_cmp { margin: 0; font-weight: 300; background-color: #999; }
		.category_lst { width: 300px; overflow: hidden; margin: 0 auto; }
		.category_lst > li { float: left; width: 140px; margin-bottom: 20px; }
		.category_lst > li:nth-of-type(2n-1) { margin-right: 20px; }
		.no-csscaclc .category_lst > li { margin-right: 10px; }
		.category_fig { line-height: 18px; font-weight: 300; text-align: center; }
		.category_fig > img { margin-bottom: 8px; height: 140px; width: 140px; }
		.category_fig > figcaption { color: #fff; display: inline-block; font-size: .9em; }


	/* --- Related Articles List --- */

		.relart_lst { margin-bottom: 10px; }
		.relart_lst > li { max-width: 150px; margin-right: 10px; }


	/* --- Modals --- */

		.modal h3 { font-weight: 300; border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 5px; }
		.modal div { margin: 10px 0; }
		.modal div > h4 { font-weight: 600; }
		.modal div > ol > li { color: #757575; margin: 15px; list-style-type:disc; font-size: 0.8em; }
		.modal div > form .btn { float: right; font-size: 0.8em; margin-top: 10px; }


	/* --- Generic Styles --- */

		.gen_lst > li { margin-bottom: 10px; }
		.subhead { display: block; text-transform: uppercase; font-size: 1.2em; font-weight: 600; border-bottom: 1px solid #eee; padding: 10px 0; margin-bottom: 15px; text-align: center; letter-spacing: -0.5px; }

	/* --- Pagination --- */

		.pagn { overflow: hidden; position: relative; }
		.pagn > ul > li { float: left; margin: 0 10px 0 0; }
		.pagn > ul > .float-right { float: right; margin: 0 0 0 10px}
		.pagn > ul > li > a { text-decoration: none; font-size: .9em; padding: 10px; }
		.pagn > ul > li > a > b { display: none; }
		.pagn > ul > li > .double_arw { letter-spacing: -10px; }
		.pagn > ul > li > .first_lnk:before { content: "First "; letter-spacing: 0; }
		.pagn > ul > li > .prev_lnk:before { content: "Prev "; }
		.pagn > ul > li > .next_lnk:after { content: "Next "; }
		.pagn > ul > li > .last_lnk:after { content: "Last "; letter-spacing: 0; }
		.pagn > ul > li > ol { display: none; }

			@media screen and (min-width: 768px) {
				.pagn { float: right; font-size: 1.2em; }
				.pagn > ul > .page_lst { float: right; margin: 0; font-size: .8em; }
				.pagn > ul > li > .first_lnk,
				.pagn > ul > li > .last_lnk { padding: 5px 15px 5px 5px; }
				.pagn > ul > li > a { padding: 5px; }
				.pagn > ul > li > a > b { display: inline; }
				.pagn > ul > li > .first_lnk:before,
				.pagn > ul > li > .prev_lnk:before,
				.pagn > ul > li > .next_lnk:after,
				.pagn > ul > li > .last_lnk:after { content: none; }
				.pagn > ul > li > ol { display: block; }
				.pagn > ul > li > ol > li { float: left; line-height: 30px; margin: 0 10px; }
			}

	/* --- Notification Messages --- */

		body { padding-top: 1px; }
		.successMessage, .errorMessage, .warningMessage, .noticeMessage { max-width: 1024px; text-align: center; padding: 20px; margin: 15px auto; font-weight: 300; color: #666; background-color: #eee; border: 1px solid rgba(0,0,0,0.025); }
		.successMessage { background-color: #e3f4cc; }
		.errorMessage { background-color: #fae1e8; }
		.warningMessage { background-color: #f7edd2; }
		.successMessage > a, .successMessage > a:hover { color: #78b81b; text-decoration: none; border-bottom: 1px dotted #78b81b; }
		.errorMessage > a, .errorMessage > a:hover { color: #a9254a; text-decoration: none; border-bottom: 1px dotted #a9254a; }
		.warningMessage > a, .warningMessage > a:hover { color: #e76610; text-decoration: none; border-bottom: 1px dotted #e76610; }

			@media only screen and (min-width: 550px) {
				.successMessage, .errorMessage, .warningMessage, .noticeMessage  { width: 96%; }
			}


	/* --- Shared between the 2 lists (maybe rename classes) --- */

		.meta { font-size: .8em; }
		.b-sidebar { display: none; }
		.shared_cmp > section { background-color: #fff; padding: 0; margin-bottom: 20px; }
		.shared_cmp > header > h1 { line-height: 1em; padding: 15px 0 5px 0; font-weight: 300; }

		.shared_lst { margin-bottom: 25px; width: 100%; }
		.shared_lst > .shared_lst > li:nth-of-type(2n) { background-color: #f7f7f7; }
		.shared_lst > li:first-of-type { border: 0; background-color: #999; color: #fff; font-weight: bold; font-size: 0.8em; }
		.shared_lst > li { border-bottom: solid 1px #ddd; }
		.shared_lst > li > ul > li:last-of-type { border-right: none; }
		.shared_lst > li > ul > li { padding: 15px 15px 0; }

		.shared_lst > li > .hdr { display: none; }

			@media only screen and (min-width: 550px) {
				.shared_lst > li { border-right: solid 1px #ddd; border-left: solid 1px #ddd; }
				.shared_lst > .ad_blk { border-left: 0; border-right: 0; }
				.shared_cmp > section { overflow: hidden; padding: 15px; }
			}

			@media only screen and (min-width: 768px) {

				.board-category, .shared_lst, .pm_cmp { width: calc(100% - 170px); float: left; }
				.no-csscalc .board-category, .no-csscalc .shared_lst, .no-csscalc .pm_cmp { width: 75%; }
				.shared_lst > li > .hdr { display: block; }
				.shared_lst > li > .hdr > li { min-height: 36px; }
				.b-sidebar { display: block; float: right; text-align: center; width: 170px; padding: 0 0 10px 10px; }
				.b-sidebar > div { margin-bottom: 25px; }

			}

	/* --- Board List --- */

		.board_lst { margin-bottom: 25px; color: #999; }
		.board_lst > li > ul > li:not(:first-of-type) { float: left; }

		.board_lst > li > ul > li:nth-of-type(1) { font-size: 0.8em; padding: 10px 10px 5px; }
		.board_lst > li > ul > li:nth-of-type(2) { width: 100%; display: inline-block; padding: 0 15px; }
		.board_lst > li > .bdy > li:nth-of-type(3), .board_lst > li > .bdy > li:nth-of-type(4) { font-size: .8em; color: #999; padding: 5px 0 10px 15px; }
		.board_lst > li > ul > li:nth-of-type(3):before { content: "Topics: "; }
		.board_lst > li > ul > li:nth-of-type(4):before { content: "Posts: "; }
		.board_lst > li > ul > li > .meta > a { color: #666; }
		.board_lst > li > .bdy { margin-bottom: 10px; }
		.board-category { padding: 10px; font-weight: 300; border-bottom: 1px solid #ddd; }

			@media only screen and (min-width: 768px) {
				.board_lst > li > .bdy { margin-bottom: 0; }
				.board_lst > li > .bdy > li { min-height: 80px; }
				.board_lst > li > ul > li { border-right: solid 1px rgba(0,0,0,0.15); float: left; }
				.board_lst > li > ul > li:nth-of-type(1) { width: 30%; padding: 15px; }
				.board_lst > li > ul > li:nth-of-type(2) { width: 46.5%; padding: 15px; }
				.board_lst > li > ul > li:nth-of-type(3) { width: 13.5%; }
				.board_lst > li > ul > li:nth-of-type(4) { width: 10%; }
				.board_lst > li > ul > li:nth-of-type(3):before { content: none; }
				.board_lst > li > ul > li:nth-of-type(4):before { content: none; }
				.board_lst > li > .bdy > li:nth-of-type(3), .board_lst > li > .bdy > li:nth-of-type(4) { padding: 15px; }
				.board_lst > li > .hdr > li:first-of-type { font-size: 1em; background-color: transparent; }
			}
			@media only screen and (min-width: 960px) {
				.board_lst > li > .bdy > li { min-height: 75px; }
			}

	/* --- Topic List --- */

		.status_icns { position: absolute; }

		.topic_cmp > header > p { color: #757575; font-style: italic }

		.topic_lst { margin-bottom: 10px; color: #999; border-top: 1px solid #ddd; }
		.topic_lst > li > p { padding: 10px; }
		.topic_lst > li > ul > li:nth-of-type(1) { padding: 10px; position: absolute; }
		.topic_lst > li > ul > li:nth-of-type(2) { width: 100%; position: relative; padding: 15px 30px 0 40px; }
		.topic_lst > li > ul > li:nth-of-type(3) { padding: 0 15px 5px 40px; }
		.topic_lst > li > ul > li:nth-of-type(4),
		.topic_lst > li > ul > li:nth-of-type(5) { font-size: .8em; color: #999; padding: 0 15px 15px 10px; float: left; }
		.topic_lst > li > ul > li:nth-of-type(4) { clear: left; padding: 0 15px 15px 40px; }
		.topic_lst > li > ul > li:nth-of-type(4):before { content: "Posts: "; }
		.topic_lst > li > ul > li:nth-of-type(5):before { content: "Views: "; }
		.topic_lst > li > ul > li > .lock,
		.topic_lst > li > ul > li > .pin,
		.topic_lst > li > ul > li > .green,
		.topic_lst > li > ul > li > .vote { font-size: .8em; margin: 5px 0; display: inline-block; }
		.topic_lst > li > ul > li > .green.status_icns { top: 10px; left: 10px; font-size: 18px; }
		.topic_lst > li > ul > li > .orange.status_icns { top: 20px; left: 6px; }
		.topic_lst > li > ul > li > .lightgrey.status_icns,
		.topic_lst > li > ul > li > .blue.status_icns { top: 18px; font-size: 18px; }
		.topic_lst > li > ul > li > h3 { word-wrap: break-word; padding-bottom: 5px; line-height: 20px; }
		.topic_lst > li > ul > li > .meta a { color: #666; }

		.boardlegend_lst { overflow: hidden; clear: left; font-size: .9em; background-color: #eee; padding: 10px 10px 0; }
		.boardlegend_lst > li { float: left; color: #666; padding: 0 10px 15px; font-size: .8em; }
		.boardlegend_lst > li > b { display: inline-block; padding-right: 5px; }
		.boardlegend_lst > .header_itm { display: block; width: 100%; font-size: 1.1em; border-bottom: 1px solid #ddd; padding: 0 10px 5px; }

		@media only screen and (min-width: 768px) {
			.topiclist_bdy { margin-top: 10px; }

			.topic_lst > li > ul > li { line-height: 1.5em; min-height: 90px; border-right: solid 1px rgba(0,0,0,0.15); float: left; }
			.topic_lst > li > ul > li:nth-of-type(1) { width: 65px; position: relative; }
			.topic_lst > li > ul > li:nth-of-type(2) { width: 45%; padding: 10px 25px 10px 10px; }
			.topic_lst > li > ul > li:nth-of-type(3) { width: 20%; padding: 10px; }
			.topic_lst > li > ul > li:nth-of-type(4) { width: 12%; padding: 10px; clear: none; }
			.topic_lst > li > ul > li:nth-of-type(5) { width: 11%; padding: 10px; }
			.topic_lst > li > .hdr > li:nth-of-type(4),
			.topic_lst > li > .hdr > li:nth-of-type(5) { font-size: 1em; color: #fff; }
			.topic_lst > li > ul > li:nth-of-type(4):before { content: none; }
			.topic_lst > li > ul > li:nth-of-type(5):before { content: none; }
			.topic_lst > li > .bdy > li > .lightgrey.status_icns,
			.topic_lst > li > .bdy > li > .blue.status_icns,
			.topic_lst > li > .bdy > li > .green.status_icns { left: 22px; font-size: 20px; }
			.topic_lst > li > .bdy > li > .orange.status_icns { left: 16px; font-size: 20px; }
			.topic_lst > li > .bdy > li > .lock { position: absolute; right: 2px; top: 0; }
			.topic_lst > li > .bdy > li > .pin { position: absolute; right: 5px; top: 17px; }
			.topic_lst > li > .bdy > li > .green { position: absolute; right: 15px; top: 32px; }
			.topic_lst > li > .bdy > li > .vote { position: absolute; right: 5px; top: 28px; }

			.boardlegend_lst { width: calc(100% - 170px); }
			.no-csscalc .boardlegend_lst { width: 75%;  }
		}

		@media only screen and (min-width: 900px) {
			.topic_lst > li > ul > li { min-height: 70px; }
		}

	/* --- Board Toolbar --- */

		.toolbar > ul { overflow: hidden; padding: 10px; }
		.toolbar.skn2 > ul > .pagn_itm { margin-bottom: 10px; }
		.toolbar.skn2 > ul > .back_itm { margin: 10px 0 0; width: 100%; font-size: .8em; text-decoration: none; padding: 0; background-color: #F7F7F7; }
		.toolbar.skn2 > ul > .back_itm > a { display: block; padding: 15px; text-decoration: none; }
		.toolbar.skn2 > .nexttopic_itm,
		.toolbar.skn2 > .prevtopic_itm { background-color: #F7F7F7; padding: 5px; margin: 0 10px; }
		.toolbar.skn2 > .nexttopic_itm { float: right; }
		.toolbar.skn2 > .prevtopic_itm { float: left; }
		.toolbar.skn2 > div > a { text-decoration: none; }
		.toolbar.skn2 > div > a > span { display: block; text-align: center; font-size: .8em; line-height: 20px; }
		.toolbar > ul > .newpost_itm { font-weight: bold; font-size: 0.8em; line-height: 40px; }
		.toolbar > ul > .newpost_itm > a { width: 100%; display: block; padding: 0 10px; }
		.toolbar .social_itm { overflow: hidden; float: right; padding: 12px 5px 0; }
		.toolbar .social_itm > ul > li { float: left; }
		.toolbar .social_itm > ul > li > .twitter-share-button { margin: 2px 8px 0 0; }
		.toolbar .social_itm > ul > li > .facebook_itm { margin-top: 2px; overflow: hidden; width: 100px; height: 25px; }
		.toolbar .control_itm { overflow: hidden; float: left; padding: 5px 0 0 10px; font-size: .8em; }
		.toolbar .control_itm > ul > li { line-height: 40px; padding: 0 10px 0 0; float: left; text-align: center; border-right: 1px solid #ddd; }
		.toolbar .control_itm > .pagn { margin-top: 10px; }
		.toolbar.skn3 { padding: 10px 10px 0; overflow: hidden; }


			@media only screen and (min-width: 768px) {
				.toolbar > ul { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0; border-right: 1px solid #ddd; }
				.toolbar.skn2 { clear: left; }
				.toolbar.skn2 > ul { margin: 10px 0 0; }
				.toolbar.skn2 > ul > .pagn_itm { margin: 5px 5px 0 0; overflow: hidden; float: right; }
				.toolbar.skn2 > ul > .back_itm { width: auto; background-color: transparent; margin: 0; }
				.toolbar.skn2 > ul > .back_itm > a { padding: 13px; }
				.toolbar > ul > .newpost_itm,
				.toolbar .social_itm { float: left; }
				.toolbar .social_itm { padding: 7px 0 0 10px; }
				.toolbar .control_itm { float: right; padding: 0; }
				.toolbar .control_itm > ul > li { padding: 0 10px; border-left: 1px solid #ddd; border-right: 0; }
				.toolbar .control_itm.skn2 { border-right: 1px solid #ddd; font-size: 1em; }
				.toolbar .control_itm.skn2 > .pagn { margin: 0; }
				.toolbar .control_itm.skn2 > .pagn > ul > li { line-height: 40px; }
				.toolbar .control_itm.skn2 > .pagn ol li { line-height: 39px; }
				.toolbar > ul > .newpost_itm > a { width: auto; }
			}
		/*-- -- */
		.toolbar2 { padding: 8px; }
		.toolbar2 > .lnk_lst { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px; line-height: 25px;  }

			@media only screen and (min-width: 768px) {
				.toolbar2 { padding: 8px 8px 0; }
				.toolbar2 > .lnk_lst { float: left; padding: 0; margin: 0; border: 0; }
			}

	/* --- Reply_lst --- */

		.thread_cmp > header { background-color: #000; color: #fff; padding: 10px 15px; margin-bottom: 10px; overflow: hidden; }
		.thread_cmp > header > .btn { padding: 5px; width: 100%; font-size: 1em; margin: 0 0 10px 0; }
		.thread_cmp > header > h1 { font-size: 1.4em; line-height: 25px; word-wrap: break-word; }
		.thread_cmp > section { background-color: #fff; }
			@media only screen and (min-width: 768px) {
				.thread_cmp > header { margin: 10px 0; }
			}

		.reply_lst { margin-bottom: 10px; }
		.reply_lst > li { position: relative; overflow: hidden; border-bottom: solid 1px rgba(0,0,0,0.15); padding: 5px; min-height: 60px; }
		.reply_lst > .main-topic { border-bottom: solid 3px; }
		.reply_lst > .main-topic:not(.page1) { display: none; }
		.reply_lst > li > div { padding: 5px; }
		.reply_lst > li:last-of-type { border-bottom: none; }
		.reply_lst > .notification { min-height: 0; padding: 10px; text-align: center; background-color: #f7f7f7; }
		.reply_lst > .deleted { min-height: 0; }
		.reply_lst > li > .ignoredpost_blk { padding: 10px; background-color: #f7f7f7; font-size: .8em; }
		.reply_lst > .deleted { padding: 0; }
		.reply_lst > .deleted > div { display: none; }
		.reply_lst > li > .banned_blk { text-align: center; padding: 20px; float: none; line-height: 130px; }
		.reply_lst > li > .post_blk { min-height: 130px; }

			.user_blk { overflow: hidden; font-size: 0.8em; }
			.user_blk > .fancybox { display: inline-block; float: left; margin-right: 5px; }
			.user_blk > a > img { width: 25px; height: 25px; }
			.user_blk > h3 { float: left; font-weight: 600; line-height: 25px; }
			.user_blk > ul { display: none; }

			/*-- Stars --*/
			.stars > span { letter-spacing: -3px; }

			.post_blk > .lnk_lst { margin: 55px 0 10px; line-height: 20px; }
			.post_blk > .post-time { margin-bottom: 10px; }
			.post_blk > .post-time > time { color: #999; font-size: .8em; }

			.post_blk > .permalink_blk { position: absolute; right: 10px; top: 10px;}
			.post_blk > .pm.margin_blk { margin: 100px 0 0; }

			.post_blk > .post-content p { margin-bottom: 10px; font-size: .9em; line-height: 17px; word-wrap: break-word; }
			.post_blk > .post-content blockquote { overflow: hidden; font-size: .8em; padding: 5px 20px; background-color: #f7f7f7; margin-bottom: 10px; border: solid 1px #ddd; font-style: italic; }
			.post_blk > .post-content blockquote blockquote { display: none; }

			.post-content > .topicarticle { overflow: hidden; background-color: #f3f3f3; font-size: .8em; font-weight: bold; border: 1px solid #ddd; padding: 15px; }
			.post-content > .topicarticle > img { width: 50px; float: left; display: block; margin-right: 5px; }
			.post-content > .topicarticle > h4 { display: block; line-height: 17px; font-size: .9em; }

				@media only screen and (min-width: 400px) {
					.post-content > .topicarticle > h4 { display: block; line-height: 25px; font-size: 1.1em; }
				}
				@media only screen and (min-width: 768px) {
					.post-content > .topicarticle > h4 { font-size: 1.4em; }

				}

			/* -- Animated Gifs --* 	commenting out b/c these are currently unused classes
				.animated { position: relative; display: inline-block; max-width: 100%; }
				.animated:after { font-family: 'comicbook'; content: "\e01c"; position: absolute; left: 50%; top: 50%; color: #fff; font-size: 3em; }
				.animated > img { opacity: .8; }

			/* -- Spoiler -- */
			.spoiler { padding: 10px; font-size: .9em; line-height: 1.3em; cursor: pointer; position: relative; font-style: italic; }
			.spoiler.on { color: rgba(0,0,0,0); text-shadow: 0 0 10px #000; }
			.spoiler.on:before { content: 'Show Spoiler Text'; position: absolute; text-shadow: none; color: #fff; width: 140px; height: 28px; line-height: 28px; text-align: center; left: 50%; top: 50%; margin-left: -70px; margin-top: -14px;  }

			.useractions { position: absolute; bottom: 10px; right: 10px; width: 70px; }

			.useractions > a { width: 100%; display: block; margin-top: 10px; font-size: 0.8em; padding: 13px 0; }

			.vote_blk { width: 70px; overflow: hidden; background-color: rgba(0,0,0,0.05); line-height: 28px; display: block; text-align: center; background-color: rgba(0,0,0,0.1); }
			.vote_blk > .rtd { display: block; padding: 5px 10px; font-size: .9em; }
			.vote_blk > .rtd > b { padding: 4px 0 0; display: block; float: left; font-size: 1.3em; }
			.vote_blk > span > .rtup { text-decoration: none; display: block; }
			.vote_blk > span > .rtup > .approve { font-size: 11px; display: block; text-align: center; line-height: 0; height: 10px; }

			@media only screen and (min-width: 568px) {
				.thread_cmp > header > h1 { font-size: 1.5em; line-height: 30px; }
				.reply_lst > li > div { float: left; padding: 10px; }
				.reply_lst > li > .post_blk { width: 70%; min-height: 160px; border-left: solid 1px #ddd; }

				.user_blk { position: relative; width: 30%; min-height: 160px; }
				.user_blk > a > img { position: absolute; top: 35px; left: 10px; width: 50px; height: 50px; }
				.user_blk > a > img { width: 50px; height: 50px; }
				.user_blk > ul { position: absolute; top: 35px; left: 63px; display: block; }
				.user_blk > ul > li { font-size: 0.8em; line-height: 1.5em; }
				.user_blk > ul > li > a { margin-right: 3px; }

				.badge_itm > img { width: 50px; height: 30px; }

				.post_blk > .post-content { padding-right: 90px; }
				.post_blk > .pm.margin_blk { margin: 0; }
				.vote_blk { width: 60px; position: absolute; right: 10px; top: 115px; }
				.useractions { position: absolute; right: 10px; top: 35px; bottom: auto; width: 60px; }
				.useractions > a { margin: 0 0 5px 0; padding: 10px 0; }
			}
			@media only screen and (min-width: 768px) {
				.reply_lst { width: calc(100% - 170px); float: left; }
				.no-csscalc .reply_lst { width: 75%; }
				.thread_cmp > header > h1 { font-size: 1.8em; float: left; display: block; width: 75%; line-height: 40px; }
				.thread_cmp > header > .btn { float: right; margin: 0; padding: 0 15px; font-size: 0.8em; width: auto; }
				.thread_cmp > section { padding: 15px; overflow: hidden; }
			}
			@media only screen and (min-width: 900px) {
				.user_blk { width: 20%; }
				.reply_lst > li > .post_blk { width: 80%; }
				.thread_cmp > header > h1 { width: 80%; }
			}


	/* --- ToolTip --- */

			.tooltip-block { display: none; position: absolute; top: 0; left: 0; background: #fff; border: solid 3px #ddd; padding: 10px; }
			.tooltip-block > .tooltip-close { float: right; }
			.user_blk .tooltip-block { top: -30px; left: -40px; width: 110px; }

	/* --- Link List --- */

		.lnk_lst { overflow: hidden; }
		.lnk_lst > li { float: left; font-size: .8em; }
		.lnk_lst > li { margin-right: 6px; padding-right: 6px; }
		.lnk_lst > .like_itm { font-weight: 600; float: left; }

		@media only screen and (min-width: 400px) {
			.lnk_lst > li { border-right: solid 1px #ddd; }
			.lnk_lst > li:last-of-type { border-right: none; }
			.lnk_lst > .like_itm { float: left; border-right: 1px solid #ddd; margin-bottom: 0; }
		}

	/* --- Post Form --- */

		.close_frm { position: absolute; right: 0; }
		.post_frm { padding: 15px; overflow: hidden; }
		.post_frm textarea { height: 100px; }
		.post_frm input[Name="Title"] { margin-bottom: 10px; }
		.post_frm .reply_btn { width: auto; }

		.postbody_blk { margin: 10px 0; }
		.postbody_blk > .PM-title { margin-top: 10px; }

		.posttools_blk { margin-bottom: 5px; }
		.posttools_lst { overflow: hidden; margin-bottom: 5px; }
		.posttools_lst > li { float: left; }
		.posttools_lst > li > a {
			color: #333;
			border: 1px solid #ddd;
			margin-right: 3px;
			display: block;
		    height: 33px;
		    line-height: 25px;
		    padding: 3px;
		    text-align: center;
		    width: 33px;
		}
		.posttools_lst > li > a:hover { text-decoration: none; background-color: rgba(255,255,255,0.8); }
		.posttools_blk > div { display: none; }

		.reply_lst > .post_itm  { background-color: #eee; position: relative; }
		.reply_lst > .post_itm > .icon-close  { margin: 15px; font-size: 1.5em; }
		.reply_lst > .post_itm > .icon-close:hover  { text-decoration: none; color: #999; }
		.reply_lst > .post_itm > .post_frm > fieldset > h1  { margin-bottom: 15px; font-size: 1.5em; font-weight: 300; color: #757575; }

	/* --- Private Messages --- */

		.pm_lst { border-top: 1px solid #ddd; }
        .pm_lst > li { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: solid 1px #ddd; padding: 10px; }
        .pm_lst > .ad_blk { border-left: 0; border-right: 0; }
 		.pmitm_lst { overflow: hidden; width: 100%; position: relative; }
        .pmitm_lst > li { float: left; margin-right: 10px; }

        .pmitm_lst > .green.status_icns { top: 0; left: 5px; font-size: 1.4em; }
        .pmitm_lst > .orange.status_icns { top: 5px; left: 0; font-size: 1.4em; }

		.pmitm_lst > .avatar.skn2 { margin-left: 45px; }
      	.pmitm_lst > .content.skn2 { margin-left: 45px; width: 80%; }
        .pmitm_lst > .avatar > img { width: 25px; height: 25px; }
        .pmitm_lst > .group { line-height: 20px; min-width: 140px; margin-top: -3px; }
        .pmitm_lst > .group > a { font-weight: bold; font-size: .8em; float: left; }
        .pmitm_lst > .group > time { float: left; clear: left; font-size: .7em; }
        .pmitm_lst > .group > div { float: left; margin: 0 10px; }
        .pmitm_lst > .content { width: 100%; margin: 5px 0; padding: 10px; background-color: #f3f3f3; }
        .pmitm_lst > .content > a { display: block; margin-bottom: 10px; font-size: 1em; }
        .pmitm_lst > .content > p { font-size: .8em; font-style: italic; }
      	.pmitm_lst > .delete { position: absolute; right: 0; top: 5px; margin: 0; font-weight: bold; }
      	.pmitm_lst > .delete > a { text-decoration: none; }

      		@media only screen and (min-width: 600px) {
      			.pmitm_lst > .content.skn2 { margin-left: 0; width: 50%; }
      			.pmitm_lst > .avatar > img { width: 50px; height: 50px; }
      			.pmitm_lst > .group > a { display: block; }
      			.pmitm_lst > .group > div { clear: left; margin: 0; }
      			.pmitm_lst > .content { width: 50%; background: transparent; padding: 0; margin: 2px 0 0; }
      			.pmitm_lst > .delete { top: 20px; }
      		}

	/* --- My items --- */

		.myitems_cmp > header { padding: 10px; border-bottom: solid 1px #ddd; }
		.myitems_cmp > section { padding: 10px; }

		/* -- Quotes -- */
		/* -- Links -- */

	/* --- User Options --- */

		.user-options { background-color: #fff; }
		.user-options > div { display: none; padding: 10px; font-size: .8em; }
		.user-options > .visible { display: block; }

		.user-options-menu { overflow: hidden; padding: 5px; border-bottom: 1px solid #ddd; }
		.user-options-menu > li { float: left; text-align: center; margin: 0 5px 10px 0; border: 1px solid #ddd;
  			-webkit-box-shadow: 0px 0px 2px -2px #000000;
          			box-shadow: 0px 0px 2px -2px #000000;
		}
		.user-options-menu > li > a { display: block; background-color: #f3f3f3; padding: 10px; font-size: .8em; text-decoration: none; }
		.user-options-menu > li > .current { color: #fff;}

		.user-options_lst { overflow: hidden; }
		.user-options_lst > li { overflow: hidden; margin: 10px 0 25px 0; }
		.user-options_lst > li > label { font-weight: 600; }
		.user-options_lst > li > .helper { color: #999; margin: 10px 0; font-size: 0.8em; display: block; }
		.user-options_lst > li > .note { display: block; margin-top: 10px; color: #666; font-size: .9em; float: right; }

			@media only screen and (min-width: 550px) {
				.user-options input[type=text],
				.user-options input[type=password] { width: 70%; font-size: 1.2em; }
				.user-options_lst > li > label { width: 30%; float: left; margin-top: 15px; font-weight: 600; }
				.user-options_lst > .save_itm { border-top: 1px solid #ddd; padding: 10px 0; }
				.user-options_lst > .showname_itm { margin: 10px 0 25px 30%; }
				.user-options_lst > li > .helper { margin-left: 30%; }
			}
			@media only screen and (min-width: 768px) {
				.user-options-menu.skn2 { border: 0; }
			}

		/* -- Signature -- */
		.signature_lst > li { border-bottom: 1px solid #ddd; margin: 5px 0 25px; padding-bottom: 10px; line-height: normal; overflow: hidden; }
		.signature_lst > li > fieldset > label { font-weight: 600; }
		.signature_lst > li > fieldset > textarea,
		.signature_lst > li > fieldset > input { margin-bottom: 10px; }
		.signature_lst > li > fieldset > p { color: #999; line-height: 18px; font-size: .9em; }
		.signature_lst > .togglesig_itm { font-weight: 600; padding-top: 10px; border: 0; margin-bottom: 5px; }
		.signature_lst > .togglesig_itm > span { float: left; padding-right: 10px; }
		.signature_lst > .togglesig_itm > fieldset > span { padding-right: 30px; }

		.siglayout_lst { width: 100%; overflow: hidden; margin-top: 10px; }
		.siglayout_lst > li { float: left; width: 180px; margin: 2px 0 30px 20px; }
		.siglayout_lst > li > .disabled { color: #999; }
		.siglayout_lst > li > label { display: block; height: 50px; margin-left: 20px; }
		.siglayout_lst > li > span { margin-left: 20px; display: block; height: 25px; font-size: 11px; color: #999; padding-top: 5px; }
		.siglayout_lst > li > input { float: left; }

		.sigpreview_fds { margin-bottom: 10px; }

		/*-- display of signature --*/
		.signature { display: none; }
		.post_blk .signature { margin-right: 90px; }
		@media only screen and (min-width: 568px) {
			.signature { margin-top: 10px; padding-top: 10px; border-top: solid 1px #ddd; display: block; }
			.signature > div { overflow: hidden; margin-bottom: 5px; }
			.signature > div > a { display: inline-block; max-height: 125px; float: left; }
			.signature > .images1 > a { width: 100%; }
			.signature > .images2 > a { width: 50%; }
			.signature > .images3 > a { width: 33.3333%; }
			.signature > div > a > img { width: 100%; }
			.signature > p { clear: both; font-size: .8em; color: #999; }
		}

		/* -- PMs Tab -- */

		.PM-tab_lst > .togglePMhdr_itm { font-weight: bold; font-size: 1.4em; margin-bottom: 20px; }
		.PM-tab_lst > li > label { font-weight: bold; background-color: #eee; padding: 10px; }
		.PM-tab_lst > .save_itm { border-top: 1px solid #ddd; padding-top: 10px; }

		/* -- Newsletter Tab -- */

		.newsletter_tab_blk .legend { display: block; width: 100%; padding-bottom: 10px; }
		.newsletter_tab_blk input[type="text"] { width: 100%; }
		.newsletter_tab_blk .sub_btn { width: 100%; }
		.newsletter_tab_blk > ul { border-top: 1px solid #ddd; margin: 15px 0;  }
		.newsletter_tab_blk > ul > li { border-bottom: 1px solid #ddd; padding: 10px; }
		.newsletter_tab_blk > ul > li:hover { background-color: #eee; }
		.newsletter_tab_blk > ul > li > a { text-align: right; }

		@media only screen and (min-width : 768px) {
			.newsletter_tab_blk .legend { width: auto; padding-right: 15px; line-height: 40px; float: left; }
			.newsletter_tab_blk input[type="text"] { width: 50%; padding: 11px; }
			.newsletter_tab_blk .sub_btn { margin-left: -5px; width: auto; padding: 13px 13px 11px; }
		}

		/* -- Social Tab -- */

		.socialtab_blk { margin-bottom: 50px; }
		.socialtab_blk > p { text-align: center; font-weight: 300; font-size: 1.6em; margin: 25px 0 35px; color: #666; }

		.socialtab_lst { overflow: hidden; }
		.socialtab_lst > li { float: left; width: 100%; text-align: center; }

		.socialtab_lst > li > ul > li { font-size: 1.5em; font-weight: lighter; height: 50px; line-height: 50px; }
		.socialtab_lst > li > ul > .connect_itm { margin-bottom: 25px; }

		.socialtab_lst > li > ul > .connect_itm.skn2 { background-color: #fff; border: 1px solid #ddd; }
		.connect_itm > a { display: block; color: #fff; text-decoration: none; }

		@media only screen and (min-width: 568px) {
			.socialtab_lst { margin-left: 15px; }
			.socialtab_lst > li { width: 28%; }
			.socialtab_lst > .middle_itm { margin: 0 40px; }
		}

		@media only screen and (min-width: 768px) {
			.socialtab_lst { margin-left: 3%; }
			.socialtab_lst > .middle_itm { margin: 0 50px; }
		}

	/* --- User Profile --- */

		.userprofile_hdr { width: 100%; }
		.userprofile_hdr > div { overflow: hidden; padding: 10px 5px 5px; }
		.userprofile_hdr > div > .profile_img { float: left; width: 50px; height: 50px; }
		.userprofile_hdr > div > h2 { float: left; padding: 0 5px; line-height: 50px; font-size: 1.8em; font-weight: bold; }

		.userprofilenav_lst { border: 1px solid #ddd; overflow: hidden; display: block;  margin-bottom: 10px; }
		.userprofilenav_lst > li { width: 100%; float: left; border-bottom: 1px solid #ddd; background-color: #f7f7f7; }
		.userprofilenav_lst > li:last-of-type { border-bottom: 0; }
		.userprofilenav_lst > li > a { display: block; padding: 10px; font-size: 0.8em; text-align: left; }
		.userprofilenav_lst > li > a:hover { text-decoration: none; background-color: #eee }
		.userprofilenav_lst > li > .active, .userprofilenav_lst > li > .active:hover { color: #fff; cursor: text }

		.userinfo_lst { overflow: hidden; font-size: .8em; padding: 0 0 10px 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
		.userinfo_lst.skn2 { margin-bottom: 0; border: 0; }
		.userinfo_lst > dt { float: left; margin-right: 5px; }

		.userbadge_lst { overflow: hidden; margin: 10px 5px 0 0; float: left; clear: left; width: 100%; border-top: 1px solid #ddd; padding-top: 10px; }
		.userbadge_lst > li { float: left; padding: 0 10px 10px 0; }
		.userbadge_lst > li > img { width: 50px; height: 30px; }

		.userbadge_lst.skn2 { margin: 0; position: absolute; top: 90px; left: 10px; }
		.userbadge_lst.skn2 > li { float: none; padding: 0 0 5px 0; }

		.edit_usr { display: block; float: left; margin: 20px 10px 0 0; }

		/* --- User Rating Tab in User Options ---*/
		.userentityrating_lst { border: 1px solid #ddd; border-bottom: 0; margin: 5px 10px 10px; float: left; width: 100%; }
		.userentityrating_lst > li { overflow: hidden; border-bottom: 1px solid #ddd; padding: 10px; }
		.userentityrating_lst > li > a { display: block; font-weight: 400; }
		.userentityrating_lst > li > a > img { width: 50px; height: auto; margin-right: 10px; float: left; }
		.userentityrating_lst > li > span { display: block; font-size: .9em; margin-top: 10px; font-weight: 300; }
		.userentityrating_lst > li > span > strong { font-weight: 300; }
		.userentityrating_lst > li > span > b { font-size: .8em; letter-spacing: -5px; }
		.userentityrating_lst > li > span > b:last-of-type { margin-right: 5px; }

		@media only screen and (min-width: 480px) {
			.userprofilenav_lst > li { border-right: 1px solid #ddd; width: 20%; border-bottom: 0; }
			.userprofilenav_lst > li:last-of-type { border-right: 0; }
			.userprofilenav_lst > li > a { text-align: center; }
		}
		@media only screen and (min-width: 550px) {
			.userprofile_hdr > div > h2 { font-size: 2em; font-family: "Oswald", "Helvetica Neue", Arial, sans-serif; letter-spacing: 1px; }
			.userbadge_lst { margin: 0; float: right; clear: none; width: auto; border: 0; }
			.userentityrating_lst { margin: 5px 0; }
		}

	/* --- Media Gallery --- */

		.gallery-content { padding: 0 0 20px; overflow: hidden; position: relative; border-top: 1px solid #ddd; padding-top: 5px; }
		.gallery-content .active { border: 5px solid #508bbc; }
		.gallery-content > h3 { font-size: 1.2em; font-weight: 300; display: block; color: #666; padding: 10px 10px 10px 0; background-color: #fff; width: 80%; float: left; }

		.gallery_blk { overflow: hidden; position: relative; width: 100%; }
		.gallery_blk > .slideshow_blk { position: relative; }
		.gallery_blk > .slideshow_blk > p { text-align: center; color: #508bbc; padding: 10px; font-weight: 300; font-size: .9em; }
		.gallery_blk > .slideshow_blk > img { cursor: pointer; max-width: 100%; max-height: 300px; margin: 0 auto; display: block; }
		.gallery_blk > .slideshow_blk > .nextgallery_btn,
		.gallery_blk > .slideshow_blk > .prevgallery_btn { display: block; position: absolute; background-color: #fff; padding: 20px 0 15px; top: 100px; font-size: 1.8em; text-decoration: none; color: #508bbc; z-index: 1;}
		.gallery_blk > .slideshow_blk > .nextgallery_btn { right: 0; }
		.gallery_blk > .slideshow_blk > .prevgallery_btn { left: 0; }

		.gallery_blk.skn2 { position: relative; margin: 15px 0 0; text-align: center; background: none; overflow: visible; }
		.gallery_blk.skn2 > .slideshow_blk > p { font-size: .9em; color: #666; }
		.gallery_blk.skn2 > .slideshow_blk > img { cursor: default; max-width: 100%; max-height: 1300px; }
		.gallery_blk.skn2 > .slideshow_blk > .nextgallery_btn,
		.gallery_blk.skn2 > .slideshow_blk > .prevgallery_btn { padding: 20px 0; top: 50px; }

		.thumbgallery_blk { overflow-x: scroll; -webkit-overflow-scrolling: touch; width: 100%; background: rgba(0, 0, 0, .1); height: 80px; -webkit-scrollbar: none; }
		.thumbgallery_blk.skn2 { background: rgba(0, 0, 0, .80); position: fixed; bottom: 0; left: 100%; }
		.fullscreen_blk > .showthumbs { left: 0; }

		.thumbgallery_lst { display: -webkit-flex; justify-content: space-between; overflow: hidden; position: absolute; transition: left 250ms ease; }
		.thumbgallery_lst > li { float: left; margin-right: 10px; width: 100px; height: 60px; overflow: hidden; }
		.thumbgallery_lst > li > a { display: block; }

		.fullscreen_blk { overflow: scroll; position: fixed; top: 60px; left: 100%; max-width: none; height: 100%; background: rgba(0, 0, 0, .90); width: 100%; z-index: 99999999; }
		.fullscreen_blk::-webkit-scrollbar { height: 0 }
		.fullscreen_blk > .ad_blk { margin: 0 auto; }
		.fullscreen_blk > .gallery_ad2 { margin-bottom: 150px; }
		.fullscreen_blk > .fullscreen_hdr { overflow: hidden; position: relative; text-align: center; }
		.fullscreen_blk > .fullscreen_hdr > img { width: 210px; display: block; margin: 0 auto; }
		.fullscreen_blk > .fullscreen_hdr > h4 { border-top: 1px solid #666; text-align: center; text-transform: uppercase; display: block; color: #fff; font-weight: 300; font-size: 1.3em; padding: 15px 10px; line-height: 24px; margin: 0 auto; }
		.fullscreen_blk > .fullscreen_hdr > .galleryclose_btn { position: absolute; right: 10px; top: 40px; font-size: .9em; text-decoration: none; color: #fff; }

		.showgallery { left: 0; }
		.slideshow_blk .left-ad, .slideshow_blk .right-ad { display: none; }

		@media screen and (min-width: 768px) {
			.fullscreen_blk { top: 0; }
			.gallery-content { margin: 0 20px; padding: 20px 0; }
			.gallery_blk > .slideshow_blk > .nextgallery_btn,
				.gallery_blk > .slideshow_blk > .prevgallery_btn,
				.gallery_blk.skn2 > .slideshow_blk > .nextgallery_btn,
				.gallery_blk.skn2 > .slideshow_blk > .prevgallery_btn { padding: 15px 8px; }
			.gallery_blk.skn2 > .slideshow_blk > p { font-size: 1.1em; }
		}

		@media screen and (min-width: 800px) {
			.fullscreen_blk > .fullscreen_hdr > img { position: absolute; left: 10px; top: 0; }
			.fullscreen_blk > .fullscreen_hdr { border-bottom: 1px solid #666; height: 100px; }
			.fullscreen_blk > .fullscreen_hdr > h4 { border: 0; padding-top: 40px; width: 45%; }
		}
		@media screen and (min-width: 1100px) {
			.slideshow_blk .left-ad { position: absolute; top: 0; left: 50px; height: 600px; width: 160px; background: rgba(255,255,255,.3); display: block; }
			.slideshow_blk .right-ad { position: absolute; top: 0; right: 50px; height: 600px; width: 160px; background: rgba(255,255,255,.3); display: block; }
		}

	/* --- Photo Gallery --- */

		.photo-gallery-content > .thumbgallery_blk,
			.photo-gallery > .thumbgallery_blk { transform: translate3d(0,0,0); margin-top: 20px; height: auto;}
		.photo-gallery-content .thumbgallery_blk > .thumbgallery_lst,
			.photo-gallery > .thumbgallery_blk > .thumbgallery_lst { position: relative; padding: 0 10px 10px 10px; }
		.photo-gallery-content .thumbgallery_blk > .thumbgallery_lst li,
			.photo-gallery > .thumbgallery_blk > .thumbgallery_lst li { cursor: pointer; width: auto; height: auto; max-width: 140px; max-height: 140px; margin: 10px 10px 0 0; }
		.photo-gallery-content .thumbgallery_blk > .thumbgallery_lst li.active,
			.photo-gallery > .thumbgallery_blk > .thumbgallery_lst li.active { border: none; outline: 5px solid #999; margin: 10px 10px 0 0; }
		.photo-gallery-content .thumbgallery_lst > li:last-of-type,
			.photo-gallery .thumbgallery_blk > .thumbgallery_lst > li:last-of-type { margin-right: 0; }

		.startgallery_blk { margin-bottom: 20px; }

		@media screen and (min-width: 768px) {
			.thumbgallery_blk { -webkit-scrollbar: default; }
		}

	/* --- Landing Strip --- */

		.landingstrip { padding: 10px 10px 15px; overflow-x: scroll; -webkit-overflow-scrolling: touch; margin: 0 auto; max-width: 1024px; clear: both; }
		.landingstrip::-webkit-scrollbar { display: none; }
		.landingstrip > a { float: right; padding: 5px; }
		.landingstrip-list { width: 3000px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; display: -webkit-flex; /*justify-content: space-between;*/ }
		.landingstrip-list > li { width: 200px; min-width: 20px; border: solid 1px #ddd; margin-right: 10px; background-color: #fff; }
		.landingstrip-list > li > .image_anc:hover { text-decoration: none; }
		.landingstrip-list > li > a { display: block; }
		.landingstrip-list > li > a > img { max-width: 100%; width: 100%; height: 107px; max-height: 109px; display: block; margin-bottom: 5px; }
		.landingstrip-list > li > a > h3 { transition: all 150ms ease; color: #333; padding: 0 5px !important; margin-bottom: 5px !important; font-size: 0.9em !important; font-weight: 400 !important; }
		.landingstrip-list > li > .edit-link { float: right; padding: 5px 10px; }
		.landingstrip-list > li:nth-of-type(16){ display: none; }

		/*.article-landingstrip { padding: 0 !important; }*/
		.article-landingstrip > .landingstrip-list { width: 100%; }
		.article-landingstrip > .landingstrip-list > li { max-width: 50%; }
		.article-landingstrip > .landingstrip-list > li:last-of-type { margin-right: 0; display: none; }

		@media only screen and (min-width : 500px) {
		 	.article-landingstrip .landingstrip-list > li,
				.landingstrip-list > li { width: 300px; }
			.article-landingstrip > .landingstrip-list > li:nth-of-type(3) { display: block; }
		 	.landingstrip-list > li { width: 300px; }
		 	.no-flexbox .landingstrip-list > li { width: 155px; }
		}

		@media only screen and (min-width : 768px) {
			.landingstrip-list > li:nth-of-type(5) { margin-right: 0; }
				.landingstrip-list > li:nth-of-type(n+6){ display: none; }
			.landingstrip { padding: 10px; overflow-x: hidden; }
			body.article_pg .landingstrip.article-landingstrip { padding: 0; margin: 0px 20px; }
			.article-landingstrip > .landingstrip-lst,
				.landingstrip-list { width: 100%; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
			/*.landingstrip-list > li { max-width: 19%; border: solid 1px #ddd; }*/
			/*.article-landingstrip > .landingstrip-lst > li { max-width: 32%; }*/
		}

	/* --- Polls --- */

		.poll_frm { width: 100%; }

		.poll { padding: 30px 0 0; border: solid 1px #eee; margin: 15px; box-shadow: 0 0 4px #eee; position: relative }
		.pollicon_blk { position: absolute; top: -8px; left: 10px; padding: 8px 5px 0px; }
		.pollicon_blk > img { vertical-align: baseline; }
		.pollicon_blk > b { color: #fff; line-height: 20px; font-weight: bold; display: inline-block; }
		.poll-header { padding: 0 20px; overflow: hidden; margin-top: 8px; }
		.poll-header > h2 { margin-bottom: 10px; font-weight: bold; font-size: 1.1em; color: #999; }
		.poll-header > img { max-width: 100%; margin-bottom: 10px; width: 100%; height: auto; }
		.poll-header > img.vertical { width: 50%; float: right; }
		.poll-header > h1 { font-size: 1.3em; margin-bottom: 10px; }
		.poll-header > span { margin-bottom: 3px; display: block; color: #999; font-size: .8em; }

		.pollstatus { padding: 20px; text-align: center; background-color: #f7f7f7; }
		.pollstatus > h4 { font-weight: bold; }

		.poll-list, .answer-list { border-top: solid 1px #eee; }
		.poll-list > li,
			.answer-list > li { border-bottom: solid 1px #eee; }
		.poll-list > li:last-of-type, .answer-list > li:last-of-type { border-bottom: none; }
		.poll-list > .submit_itm { width: 100%; padding: 5px; }
		.poll-list > .submit_itm > input { width: 100%; font-size: 1em; padding: 10px; cursor: pointer; color: #fff; display: block;  }
		.poll-list > li { display: block; padding: 12px 20px 12px 10px; color: #005695; }
		.poll-list > .other { position: relative; }

		.answer_frm .other_blk input[type="text"] { width: 150px; }
		.answer_frm .other_blk { position: absolute; left: 70px; top: 8px; }
		.answer_frm .other_blk > a { position: absolute; left: 160px; display: block; padding: 2px 3px; top: 0; }

		.percent-container { width: 90%; }

		.answer-list > li { padding: 6px 20px; overflow: hidden; }
		.answer-list > li > h4 { margin-bottom: 1px; color: #999; font-weight: normal; font-size: .9em; }
		.answer-list > li .count { background-color: #eee; padding: 5px; float: right; color: #aaa; }
		.answer-list > li .bar { display: block; text-indent: -9999px; margin: 5px 5px 5px 0; height: 3px; }
		.answer-list > li .percentage { display: block; color: #999; font-size: .8em; position: relative; top: 1px; }

	/* --- Slider for Next Up On Comicbook --- */

		.slider.js { position: relative; }
		.slider.js .slider-prev { position: absolute; top: 45%; left: 0; }
		.slider.js .slider-next { position: absolute; top: 45%; right: 0; }

		.arrow { border-top: solid 1px #fff; border-left: solid 1px #fff; width: 30px; height: 30px; display: block; transform: rotate(-45deg); }
		.arrow.slider-next { transform: rotate(135deg); }

	/* --- Comment Box --- */

		.comment-box { font-size: 0.75em; color: #FFF; position: relative; padding: 7px 13px 7px; }
		.comment-box:before { position: absolute; content: " "; color: #FFF; border-style: solid; border-width: 4px; bottom: -7px; right: 7px; }
		.comment-box.white { background: #fff; font-weight: 600; }
		.comment-box.white:before { border-color: #fff #fff transparent transparent; }

	/* --- Category Main Article --- */

		.category-main { color: #fff; position: relative; background-color: #000; }
		.category-main > header { position: absolute; top: 0; left: 0; }
		.category-main > header > h1 { font-size: .9em; padding: 8px 10px; }
		.category-main > header > h1 > .category { color: rgba(255,255,255,.6); }
		.category-main > article > .info { padding: 10px; }
		.category-main > article > .info > h2 { margin-bottom: 10px; font-size: 1.4em; line-height: 1.1em; }
		.category-main > article > .info > p { margin-bottom: 10px; font-weight: 100; }
		.category-main > article > .info > .author { font-size: .7em; }
		.category-main > article > .info > .author > span { text-transform: uppercase; }
		.category-main > article > .info > .teaser { font-size: .8em; line-height: 1.2em; }
		.category-main > article > .info > a { display: inline-block; padding: 10px 20px; color: #000; background-color: #fff; }

		@media only screen and (min-width: 550px) {
			.category-main > header { position: static; }
			.category-main > header > h1 { font-size: 1.5em; padding: 8px 0; font-weight: 300; }
			.category-main > article { overflow: hidden; }
			.category-main > article > div { float: left; width: 50%; margin-bottom: 15px; }
			.category-main > article > .info > h2 { font-size: 1.9em; font-weight: 300; }
		}
		@media only screen and (min-width: 800px) {
			.category-main { padding: 0 15px; }
		}

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

        .category_bdy { margin-top: 10px; }
        .category-page > header { width: 100%; overflow: hidden; margin: 10px 0 0; border-bottom: 1px solid #ddd; }
        .category-page > header > h1 { display: block; font-weight: 300; font-size: 1em; padding: 0 10px 5px; margin-bottom: 5px; border-bottom: 1px solid #ddd; text-transform: capitalize; }
        .category-page > section > .ad_blk { padding: 0 0 15px; border-bottom: dotted 1px #ddd; }

        .category_art { display: flex; flex-flow: row wrap; align-items: flex-start; margin-bottom: 20px; padding: 0 10px; }
        .category_art > a { flex-basis: 100%; margin: 0 0 8px 0; }
        .category_art > div { flex-basis: 100%; }
        .category_art > div > h1,
        	.category_art > div > h3 { display: block; font-size: 1em; line-height: 1.1em; color: #333; }
		.category_art > div > .meta { margin-bottom: 4px; font-size: .7em; line-height: 1.2em; color: #757575; }

			@media only screen and (min-width: 400px) {
		        .category_art > a { flex-basis: 100%; }
		        .category_art > div { flex-basis: 100%; }
			}
            @media only screen and (min-width: 550px) {
                .category-page > header { padding: 0; }
                .category-page > header > h1 { font-size: 2em; }
                .category_art { padding: 0; flex-wrap: nowrap; align-items: flex-start; margin-bottom: 15px; }
                .category_art > a { margin: 0 15px 4px 0; }
				.category_art > div > h1,
					.category_art > div > h3 { font-size: 1em; line-height: 1.2em; }
				.category_art > div > .meta { font-size: 0.8em; }
            }
            @media only screen and (min-width: 768px) {
		        .category_art > a { flex-basis: 50%; margin-right: 15px; }
		        .category_art > div { flex-basis: 50%; padding: 0 15px 0 0; }
            }
            @media only screen and (min-width: 1024px) {
            	.category_art { margin-bottom: 20px; }
		        .category_art > div { padding: 15px 20px 0 0; }

            }
	/* --- Author Article Pages --- */

        .author_bdy { margin-top: 10px; }
        .author-page > section > .ad_blk { padding: 0 0 15px; border-bottom: dotted 1px #ddd; }

        .author_art { display: flex; flex-flow: row wrap; align-items: flex-start; margin-bottom: 20px; padding: 0 10px; }
        .author_art > a { flex-basis: 100%; margin: 0 0 8px 0; }
        .author_art > div { flex-basis: 100%; }
        .author_art > div > h1 { display: block; font-size: 1em; line-height: 1.1em; color: #333; }
		.author_art > div > .meta { display: block; margin-bottom: 4px; font-size: 0.75em; line-height: 1.2em; color: #757575; }
		.no-flexboxlegacy .author-page .author-comp > .author-guest .author-info {
			display: inline-block;
			white-space: wrap;
			max-width: calc(100% - 16px);
		}
		.author-page .author-comp > .author-guest {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-flow: row nowrap;
			    flex-flow: row nowrap;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			padding: 8px 0;
			margin: 0 0 16px;
		}
		.author-page .author-profile {
			-ms-flex-negative: 0;
			    flex-shrink: 0;
			display: none;
			-ms-flex-item-align: start;
			    align-self: flex-start;
		}
		.author-page .author-profile img {
			width: 100%;
			object-fit: cover;
		}
		.author-page .authorprofilesocial_lst {
			margin: 8px 0;
		}
		.author-page .authorprofilesocial_lst a {
			padding: 4px;
		}
		.author-page .authorprofilesocial_lst a:hover {
			text-decoration: none;
		}
		.author-page .authorprofilesocial_lst li:first-child a {
			padding-left: 0;
		}
		.author-page .author-label {
			color: #999;
		}
		.author-page .author-bio {
			font-size: 1em;
			line-height: 1.25em;
		}
		.author-page .author-info h2 {
			margin-bottom: 4px;
		}
		.author-page .author-info {
			padding: 16px 16px 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-flow: column wrap;
			    flex-flow: column wrap;
			-webkit-box-align: baseline;
			    -ms-flex-align: baseline;
			        align-items: baseline;
		}
		.author-page .authorsocial_lst {
			border-width: 1px 0 1px;
			border-color: #ddd;
			border-style: solid;
			width: 100%;
			padding: 4px 16px;
			margin: 4px 0;
		}

	[data-lengthlimit],
		[data-mobilelengthlimit] { position: relative; height: auto; overflow: hidden; transition: max-height 150ms ease; padding-bottom: 12px; }
	[data-lengthlimit] .less,
		[data-mobilelengthlimit] .less,
		[data-lengthlimit] .more,
		[data-mobilelengthlimit] .more { cursor: pointer; display: block; position: absolute; bottom: 0; right: 0; text-align: center; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: 300; font-size: 24px; background: white; color: #666; text-align: right; height: 20px; text-decoration: none; padding: 0; width: 100%; line-height: 20px; }
	[data-lengthlimit] .less,
		[data-mobilelengthlimit] .less { bottom: auto; top: calc(100% - 14px); margin: 0; }
	[data-lengthlimit] .more,
		[data-mobilelengthlimit] .more { bottom: 0; top: auto; }

			@media only screen and (min-width: 400px) {
		        .author_art > a { flex-basis: 100%; }
		        .author_art > div { flex-basis: 100%; }
			}
            @media only screen and (min-width: 550px) {
				.author-page .authorsocial_lst {
					padding: 4px 0;
				}

            	.author-page .author-comp > .author-guest {
            		padding: 0;
            	}
				.author-page .author-profile {
					display: -webkit-inline-box;
					display: -ms-inline-flexbox;
					display: inline-flex;
					-ms-flex-preferred-size: 120px;
					    flex-basis: 200px;
					max-height: 200px;
					-ms-flex-negative: 0;
					    flex-shrink: 0;
				}
				.author-page .author-info {
					padding: 0 16px;
				}
				.no-flexboxlegacy .author-page .author-comp > .author-guest .author-profile {
					display: inline-block;
					max-width: 200px;
					height: auto;
					vertical-align: top;
				}
				.no-flexboxlegacy .author-page .author-comp > .author-guest .author-info {
					max-width: calc(100% - 136px);
				}
                .author_art { padding: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; margin-bottom: 15px; }
                .author_art > a { margin: 0 15px 4px 0; }
				.author_art > div > h1 { font-size: 1em; line-height: 1.2em; }
				.author_art > div > .meta { font-size: 0.8em; }
            }
            @media only screen and (min-width: 768px) {
		        .author_art > a { flex-basis: 50%; margin-right: 15px; }
		        .author_art > div { flex-basis: 50%; padding: 0 15px 0 0; }
            }
            @media only screen and (min-width: 1024px) {
            	.author_art { margin-bottom: 20px; }
		        .author_art > div { padding: 15px 20px 0 0; }

            }


		/* -- Category Social List --*/

		.categorysocial_lst, .authorsocial_lst { overflow: hidden; clear: left; width: 250px; padding: 0 10px; }
		.categorysocial_lst > li, .authorsocial_lst > li { float: left; margin-right: 10px; }
		.categorysocial_lst > .google_itm, .authorsocial_lst > .google_itm { margin-top: -3px; }
		.no-flexboxlegacy .categorysocial_lst > .google_itm, .no-flexboxlegacy .authorsocial_lst > .google_itm { margin-top: 0;}

		.entitycat_hdr { display: block; margin: 10px; }

		.category-hero-block { margin-bottom: 20px; }
		.category-hero-block img { width: 100%; }

		@media only screen and (min-width: 600px) {
			.category-hero-block { margin-top: -10px; }
		}

		/* --- List Category Sorting Sidebar --- */

		.lists-categories { background: #fff; border: 1px solid #ddd; border-right: none; padding: 1.25em; line-height: 1.5em; font-size: 0.9em; margin-top: -10px; }
		.lists-categories a { color: #36B5A3; }
		.lists-categories b { font-weight: 700; }
		.lists-categories h3 { text-transform: uppercase; font-size: 1.2em; font-weight: 300; margin-bottom: 3px; }
		.lists-categories ul { font-family: "Raleway", "Helvetica Neue", Arial, sans-serif; font-weight: 400; line-height: 1.75em; }
		.lists-categories > section:first-of-type { cursor: pointer; }
		.lists-categories > section { margin-bottom: 1.5em; }
		.lists-categories > section > ul > li > b { color: #00B4A4; transition: all 200ms ease; }
		.lists-categories > section > ul ul { max-height: 0; overflow: hidden; margin-left: 1em; transition: all 200ms ease; }
		.lists-categories > section > ul > li > a { text-decoration: none; }
		.lists-categories > section > ul > .open > ul { height: auto; max-height: 350px; }
		.lists-categories > section > ul > .open > b::before { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
		.lists-categories > section > ul ul > li:first-of-type { font-weight: 700; }

	/* --- Database Page --- */

		.database-page > header { width: 100%; overflow: hidden; margin: 10px 0 0; border-bottom: 1px solid #ddd; }
		.database-page > header > h1 { display: block; font-weight: 300; font-size: 1.5em; padding: 0 10px 5px; margin-bottom: 5px; border-bottom: 1px solid #ddd; }

		.database-nav { background-color: #999; color: #fff; line-height: 40px; margin-bottom: 10px; }
		.database-nav > li { border-right: 1px solid rgba(255, 255, 255, 0.1); }
		.database-nav > li > a { font-family: 'Oswald', sans-serif; color: #fff; padding: 0 10px; font-weight: 300; text-transform: uppercase; text-decoration: none; }
		.database-nav > .current { background-color: rgba(255,255,255,0.1); }

		.database-search { margin-bottom: 10px; padding: 0 10px; }
		.database-search input[type="search"] { width: calc(100% - 60px); }

		.item-block { margin-bottom: 25px; }
		.item-block > h1 { font-size: 1em; margin-bottom: 10px; padding: 0 10px; }
		.item-block > h1 > a { color: #999; font-weight: 300; }

		.item-block > div > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
		.item-block > div > ul > li { margin-right: 3px; width: 100px; min-width: 100px; flex-grow: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; }

		.results-block > ul { margin: 10px 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
		.results-block > ul > li { width: calc(100% / 3 - 3px); margin-right: 3px; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; }
		.results-block > ul > li:nth-of-type(3n) { margin-right: 0; }
		.no-csscalc .results-block > ul > li { width: 33%; }
		.no-flexbox .item-block > div { overflow-x: scroll; }
		.no-flexbox .item-block > div > ul { width: 2600px; }

		.single-item { position: relative; background-color: #eee; max-width: 100%; }
		.single-item .rank { position: absolute; left: 37px; top: 5px; background-color: #fff; font-size: .8em; padding: 3px 5px; min-width: 25px; text-align: center; border-radius: 5px; }
		.single-item img { max-width: 100%; height: auto; }
		.single-item > div { padding: 5px; }
		.single-item .date { display: block; color: #999; margin-bottom: 3px; font-size: .7em; }
		.single-item h2 { font-size: .8em; font-weight: 500; margin-bottom: 5px; }
		.single-item h2 > a { color: #666; }
		.single-item .score { background-color: #F4DF3F; color: #233870; font-size: .8em; padding: 3px; border-radius: 5px; display: inline-block; }
		.single-item .gross { background-color: #999; color: #fff; display: inline-block; text-align: center; font-size: .8em; padding: 3px 5px; border-radius: 5px; }


		@media only screen and (min-width: 500px) {
			.results-block > ul > li { width: calc(25% - 3px); }
			.results-block > ul > li:nth-of-type(3n) { margin-right: 3px; }
			.results-block > ul > li:nth-of-type(4n) { margin-right: 0; }
			.no-csscalc .results-block > ul > li { width: 24%; }
		}
		@media only screen and (min-width: 550px) {
			.database-page > header > h1 { padding: 0 0 5px; }
			.database-search,
			.item-block > h1 { padding: 0; }
		}
		@media only screen and (min-width: 700px) {
			.results-block > ul > li { width: calc(20% - 3px); }
			.results-block > ul > li:nth-of-type(4n) { margin-right: 3px; }
			.results-block > ul > li:nth-of-type(5n) { margin-right: 0; }
			.no-csscalc .results-block > ul > li { width: 19%; }
		}
		@media only screen and (min-width: 700px) {
			.results-block > ul > li { width: calc(100% / 6 - 3px); }
			.results-block > ul > li:nth-of-type(5n) { margin-right: 3px; }
			.results-block > ul > li:nth-of-type(6n) { margin-right: 0; }
			.no-csscalc .results-block > ul > li { width: 13%; }
		}


	/* --- Top Grossing Movies Sidebar  --- */

		.topboxoffice_cmp > header > h2 { font-weight: 300; }
		.topboxoffice_cmp > section { background-color: #f7f7f7; padding: 10px; }
		.topboxoffice_cmp > section > ul > li { line-height: 30px;  }
		.topboxoffice_cmp > section > ul > li span { float: right; color: #aaa; font-size: .7em; letter-spacing: .5px; }
		.topboxoffice_cmp > section > ul > li h3 { font-size: .9em; max-width: 250px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

	/* --- Article Comments Component (.article .Comments_cmp) --- */

		.discuss_blk { background-color: #fff; border-right: solid 1px #ddd; border-left: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px; margin-bottom: 20px; }
		.discuss_blk > header > h1 { font-size: 1.3em; }
		.discuss_blk .profile_img { float: left; margin-right: 10px; display: none; }
		.discuss_blk .post_frm { padding: 0; width: calc(100%); }
		.discuss_blk .postbody_blk { margin: 0 0 5px 0; }
		.discuss_blk textarea { height: 50px; }
		.discuss_blk textarea.expand { height: 100px; }
		.discuss_blk button { float: right; padding: 5px 10px; font-size: .9em; color: #ffffff; }


		.comments_cmp {  padding-top: 10px; }
		.comments_cmp > header { overflow: hidden; }
		.comments_cmp > footer { padding: 10px 0; overflow: hidden; }
		.comments_cmp > header > h3 { font-weight: bold; padding: 0 10px 5px; font-size: .8em; }
		.comments_cmp > header > .pagn { padding: 5px 10px; }
		.comments_cmp > footer > .pagn { padding: 0 10px 0; }
		.comments_cmp .reply_lst { width: 100%; margin-bottom: 0; }
		.article-entities b:last-of-type { display: none; }
			@media only screen and (min-width: 375px) {
				.discuss_blk .profile_img { display: block; }
				.discuss_blk .post_frm { width: calc(100% - 60px); }
			}
			@media only screen and (min-width: 550px) {
				.comments_cmp { padding: 0; }
				.comments_cmp > section { overflow: hidden; }
				.comments_cmp > header > h3 { padding: 0 0 5px; }
				.comments_cmp > header > .pagn { padding: 5px 0; }
			}
			@media only screen and (min-width: 768px) {
				.discuss_blk { padding: 20px; clear: both; }
			}


	/* --- Login Block --- */

		.login-text { padding: 20px 0; font-size: .8em; width: 100%; }
		.login-text a { font-weight: 600; }

	/* --- User Register --- */

		.user-register { padding: 10px; }
		.user-register > header { max-width: 300px; margin: 20px auto; }
		.user-register > header > h1 { font-size: 1.8em; text-align: center; font-weight: 300; }
		.user-register > div { overflow: hidden; margin: 0 auto; width: 300px; }
		.user-register > div > section { max-width: 300px; margin: 0 0 20px 0; float: left; }
		.user-register > div > section > p { text-align: center; font-size: .8em; }
		.user-register .callout { margin-bottom: 15px; line-height: 1.2em; color: #757575; }

		.or_blk { float: left; font-weight: 300; font-size: 1.1em; color: #666; width: 100%; margin: 0 0 20px 0; text-align: center;  }

		.freeacct_hdr { text-align: center; color: #666; height: 75px; background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff); background-image: linear-gradient(to bottom, #eeeeee, #ffffff); }
		.freeacct_hdr > h2 { color: #666; font-weight: 300; font-size: 1.1em; text-align: center; padding: 25px 0 0; }

		@media only screen and (min-width: 680px) {
			.user-register > div { width: 680px; }
			.user-register.skn2 > div { width: 300px; }
			.or_blk { margin: 25px 0; width: 50px; }
		}

		.register_frm { margin-bottom: 25px; }

		.register_lst > li > p, .register_lst > li > .checkbox_lbl { font-size: .8em; line-height: 1.3em; color: #757575; }
		.register_lst > li > .register_btn { width: 100%; padding: 15px 0; margin: 10px 0; font-size: 1em; }
		.register_lst > li > p > b { font-weight: 600; }

		/*-- Captcha List --*/
		.captcha_lst { overflow: hidden; }
		.captcha_lst > li { float: left; margin-right: 1px; width: 59px; height: 60px; }
		.captcha_lst > li:last-of-type {  margin-right: 0; }
		.captcha_icn { display: inline-block; cursor: pointer; height: 60px; width: 59px; }
		.captcha_icn.selected { opacity: .5; }
		.captcha-select { background-color: #eee; font-weight: bold; text-align: center; padding: 5px 0; font-size: .8em; }

		/* -- User Profile -- */
		.user_nav { position: relative; display: block; width: 25px; height: 25px; }
		.user_nav > span { position: absolute; top: 0; right: 0; font-size: 1.2em; font-weight: lighter; color: #333; line-height: normal; padding: 3px; display: block; border-radius: 2px; }
		.user_nav > .profile_img { width: 25px; height: 25px; }


		/* -- Social Media Log In -- */

			.usernav_blk > header { position: relative; text-align: center; background-color: #334c8f; width: 100%; }
			.usernav_blk > header > h2 { font-size: 1em; font-weight: 300; }
			.usernav_blk > header > div { margin: 0 auto; width: 240px; }
			.soclogin_lst { overflow: hidden; width: 100%; }
			.soclogin_lst > li { display: inline-block; background-color: #fff; /*width: 50px;*/ height: 50px; /*margin: 0 15px;*/ text-align: center; width: 100%; }
			.soclogin_lst > li > a { display: block; height: 50px; text-decoration: none; }
			.soclogin_lst > li > a b { font-size: 1.4em; line-height: 50px; }

			.soclogin_lst.skn2 { width: 300px; background-color: #eee; padding: 10px; text-align:center  }
			.soclogin_lst.skn2 > li { float: none; width: auto; height: 50px; margin: 0 25px 10px; line-height: 50px; text-align: center; border: 1px solid #ddd; }
			.soclogin_lst.skn2 > li > a { width: 100%; padding: 0 20px; }
			.soclogin_lst.skn2 > li > a > div { width: 100px; margin: 0 auto; overflow: hidden; font-weight: 300; }
			.soclogin_lst.skn2 > li > a > div > b { display: block; float: left; margin: 0 5px 0 0; }
			.soclogin_lst.skn2 > li > a > div > span { float: left; }
			.soclogin_lst.skn2 > .first_itm { background: transparent; border: 0; margin: 0; }
			.soclogin_lst.skn2 > .first_itm > p { font-weight: 300; font-size: 1.1em; color: #666; text-align: center; }

			.soclogin_lst.skn3 { width: 200px; margin: 0 auto 10px; }
			.soclogin_lst.skn3 > li { margin: 0 5px; background-color: #334c8f; }
			.soclogin_lst.skn3 > li > a > b { display: block; text-align: center; color: #fff; }

		.user-login { padding: 30px 0; }
		.user-login h2 { font-family: 'Oswald', sans-serif; text-align: center; font-size: 1em; font-weight: 300; margin: 0 0 10px; }
		.user-login > div { max-width: 320px; margin: 0 auto; }
		.user-login .login_blk.skn3 { padding: 15px 10px; font-size: .7em; line-height: 16px; }

		.login_frm { margin: 10px; line-height: normal; overflow: hidden; }
		.login_frm > fieldset:first-of-type { margin-bottom: 10px; }
		.login_frm > fieldset > input[type="text"], .login_frm > fieldset > input[type="password"] { margin-bottom: 5px }
		.login_frm > .remember_fds { line-height: 22px; }
		.login_frm > .remember_fds > input { float: left;  margin-top: 6px; }
		.login_frm > .remember_fds > label { float: left; font-size: .8em; padding-bottom: 0; line-height: 28px; }
		.login_frm > .remember_fds > label > span { display: none; }

			@media only screen and (min-width: 400px) {
				.user-login > h2 { font-size: 1.3em; }
				.login_frm > .remember_fds > label > span { display: inline; }
			}

		.login_frm > button { width: auto; float: right; font-size: .8em; padding: 10px 15px; position: relative; top: -5px; }
		.login_blk { padding: 0 10px; text-align: center; font-size: 0.8em; }

		.usernav_blk .login_blk { border-top: solid 1px #256295; }
		.usernav_blk .login_blk.skn2 { padding: 10px; }
		.usernav_blk .login_blk.skn2 > p { line-height: 14px; font-size: 11px; }
		.usernav_blk .login_blk > p > a { color: #fff; }
		.usernav_blk .login_frm > fieldset > input[type="text"], .usernav_blk .login_frm > fieldset > input[type="password"] { border-color: #256295; }

		.post_itm > .login_frm { margin: 20px auto 0; max-width: 300px; }
		.post_itm > .login_blk { margin: 0 auto 20px; max-width: 300px; float: none; }

	/* --- Google Search --- */

		div > .search:not(.ui):not(i.icon) { background-color: #14437E; padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); }
		.nav > div > div > .search { background-color: #aaa; }
		div > .search > .home { display: block; text-align: center; color: #fff; padding: 15px 0; background-color: #bbb; margin-top: 10px; }
		div > .search > .home:hover { text-decoration: none; }
		div > .search > form > fieldset > button { padding: 0.5em 1em; }

		.secondary_lst div > .search > .home { display: none; }
		.googlesearch_fds > input[type="search"] { width: calc(100% - 54px); float: left; padding: 0.8em; font-size: 0.8em; }
		.no-csscalc .googlesearch_fds > input[type="search"] { width: 235px; }
		.googlesearch_fds > button { float: left; }
			div > .search .gsc-control-cse { background-color: #14437E; border: none; padding: 0; height: 38px; }
			div > .search .gsc-search-box { margin: 0; }
			div > .search input.gsc-search-button { color: #FFFFFF; height: 38px; margin: 0; padding: 8px; width: 38px; display: block; background-image: none; border: none; }

			div > .search .gsc-input-box { height: 38px; line-height: 38px; }
			div > .search .gsib_a { padding: 0; }

	    .search_cmp > .cmp_hdr { padding: 10px; }
	    .gsc-branding { display: none; }
	    .gsc-clear-button { display: none; }
	    .gsc-search-box { margin-top: 10px; }
	    .gs-result .gs-title, .gs-result .gs-title * { color: #000000 ; text-decoration: none; }
	    .gs-webResult.gs-result { margin: 0; padding: 10px 10px 5px; }
	    .gsc-expansionArea .gsc-webResult:nth-child(2n+1) { background-color: #f7f7f7;}
	    .gcsc-branding { margin-top: 10px; width:190px; margin: 0 auto; }
	    .gsc-control-cse { font-family: Arial, sans-serif; float: left; overflow: hidden; }
	    form.gsc-search-box { border-bottom: 1px solid #ddd; display: block; padding: 10px; }

		table.gsc-search-box { width: 100%; }
		.gsc-search-box table.gsc-search-box td.gsc-input { width: 80%; }
		.gsc-search-box td.gsc-search-button { width: 20%; }

	    .gsc-search-box input.gsc-input {
	        border-color: #DDD;
	        border-style: solid;
	        font-size: 13px;
	        height: 35px;
	        padding: 0 15px;
	        margin: 0;
	    }
	    .gsc-search-box input.gsc-search-button {
	        color: #fff;
	        font-size: 14px;
	        font-weight: bold;
	        padding: 7px 10px;
		    border-style: solid;
		    border-width: 1px;
		    margin: 0;
        }

		.gsc-wrapper .gsc-result .gs-title { height: auto; line-height: 20px; }
		.gsc-wrapper .gs-web-image-box, .gsc-wrapper .gs-promotion-image-box { margin-right: 3px; }
		.gsc-results .gsc-cursor-box { text-align: center; padding-top: 10px; }

		@media only screen and (min-width: 550px) {
			form.gsc-search-box { padding: 0 0 10px 0; }
			.search_cmp > .cmp_hdr { padding: 0; }
		}


	/* --- Not Activated --- */
		.notactivated_cmp > .cmp_bdy p { margin-bottom: 10px; line-height: 1.4em; }
		.fancybox-inner .notactivated_cmp { max-width: 500px; }

	/*--- Pages --- */
		.page-article { padding: 10px; }
		.page-article p { line-height: 1.4em; margin-bottom: 10px; font-size: .8em; }
		.page-article > header > h1, .page-article > header > h2, .page-article > header > h3 { margin-bottom: 10px; }
		.page-article ul { margin-left: 20px; list-style-type: disc; margin-bottom: 10px; }
		.page-article ol { margin-left: 20px; list-style-type: decimal; margin-bottom: 10px; }
			.sweepstakes_lst { font-weight: bold; }
			.sweepstakes_lst > li { margin-bottom: 10px; }
			.sweepstakes_lst > li > span { font-weight: normal; }
		.page-article li { line-height: 1.4em; font-size: .8em; }
		.page-article h2 { font-weight: bold; margin-bottom: 5px; }
		.page-article h3 { font-weight: bold; margin-bottom: 3px; }
		.page-article h4 { font-size: .9em; margin-bottom: 3px; }

		.page-article .staff_lst { list-style-type: none; margin-left: 5px; }

		.page-article .offset { margin-left: 20px; margin-bottom: 10px; }
		.page-article .offset > p { margin-bottom: 0; }

		@media only screen and (min-width: 550px) {
			.page-article { padding: 0; }
		}

		.stop-scrolling { height: 100%; overflow: hidden; }
		#oas_frame_Left2 { display: none; }

	/* --- global loading --- */

		#global-loading {
			width: 44px; height: 44px;
			background-color: #000;
			position: fixed;
			overflow: hidden;
			top: 50%; left: 50%;
			margin-top: -22px; margin-left: -22px;
			opacity: 0.8;
			cursor: pointer;
			z-index: 10033; display: block;
			}
		#global-loading > div {	width: 44px; height: 44px; background: url(http://media.comicbook.com/files/img/spinner.gif) center center no-repeat; }

	/* -- Element Overlay Loader -- */
	.loading-overlay {
		position: relative;
	}
	.loading-overlay::before {
		z-index: 10;
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		height: 100%;
		width: 100%;
		content: "";
		background: rgba(255,255,255,0.75) url(http://media.comicbook.com/files/img/loading.gif) center center no-repeat;
	}
/*	.instagram-embed.loading-overlay::after {
		content: "( Click to attempt to reload )";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 1em;
		text-align: center;
		z-index: 11;
		color: rgb(54,181,163);
		font-size: 0.8em;
		background-color: #fafafa;
		border-bottom-left-radius:inherit;
		border-bottom-right-radius:inherit;
	}
	.instagram-embed.loading-overlay:hover {
		cursor:pointer;
	}*/
	.instagram-media-registered.loading-overlay::before, .instagram-media.loading-overlay::before {
		border-radius: 5px;
		background-color: rgba(255,255,255,0.75);
	}

	/* --- image uploader (all of this appears in an iframe)--- */

		.image-manage > div { overflow: hidden; }

		.image-tabs { overflow: hidden; }
		.image-tabs > li { width: 33%; float: left; padding: 20px 5px; }
		.image-tabs > .active > a  { color: #000; }

		.tab-content .tab-pane { display: none; }
		.tab-content .tab-pane.active { display: block; }
		.tab-content .tab-pane > section { padding: 20px 5px; }

		.preview-tab {}
		.preview-tab > form { margin-bottom: 20px; }
		.preview-tab > form .double input { width: 25%; }
		.preview-tab > form input { padding: 5px; }

		.library-tab { overflow: hidden; }
		.library-tab > .image-search { margin-bottom: 20px; }
		.library-tab > .image-search > input[type="text"] { width: 60%; }
		.library-tab > .image-search > button { width: 38%; }

		.library-item .item { float: left; width: 75px; height: 75px; margin: 5px 20px 10px 5px; overflow: hidden;}

		.upload-tab {}
		.upload-tab .drop { border: 1px dotted #000; min-height: 150px; position: relative; text-align: center; width: 100%; z-index: 20; }
		.upload-tab .drop > .upload_btn { left: 50%; position: absolute; top: 65px; width: 110px; padding: 5px; background-color: #e5e5e5; margin-left: -55px; z-index: 15; cursor: pointer; border: solid 1px #ddd; }
		.upload-tab .drop > input[type="file"] { display: none; }
		.upload-tab .Name  { display: none; }
        .upload-tab .Entites { display: inline; }
		@media only screen and (min-width: 768px) {
			.image-tabs { float: left; width: 150px; padding-top: 20px; border-right: solid 1px #ddd; }
			.image-tabs > li { width: 100%; float: none; padding: 5px; }

			.tab-content { float: left; width: calc(100% - 150px); }
			.no-csscalc .tab-content { width: 600px; }
			.preview-tab > form { width: 50%; float: left; }
			.preview-tab > div { width: 50%; float: left; padding: 0 10px; }
		}
	.reorderable-input-list { }
	ol.reorderable-input-list { list-style-type: decimal; padding-left: 22px; }
	.reorderable-input-list > li { margin-bottom: 10px; }
	.reorderable-input-list > li:last-of-type { list-style-type: none; }
	.reorderable-input-list > li:last-of-type { list-style-type: none; }
	.reorderable-input-list > li:first-of-type > a { display: none; }
	.reorderable-input-list > li > b {  }

	.token-input-list { overflow: hidden; height: auto !important; width: 100%; border: 1px solid #999; cursor: text; font-size: 12px; z-index: 999; }
	.token-input-list > li { margin: 0; }
	.token-input-list > li > input { border: none; padding: 1em; box-shadow: none; width: 100% !important; }
	.token-input-list > .token-input-token { overflow: hidden; border-radius: 3px; border: 1px solid #999; height: auto !important; margin: 3px; padding: 10px 5px; float: left; background-color: #ddd; display: block; }
	.token-input-list > .token-input-token > p { color: #666; float: left; padding: 0 10px 0 0; margin: 0; font-weight: normal; }
	.token-input-list > .token-input-token > span { float: right; color: #777; cursor: pointer; }

	.token-input-add-input { overflow: hidden; border-radius: 3px; border: 1px solid #999;
	width: auto; margin: 10px 0 0; padding: 3px 5px; background-color: #ddd; display: inline-block; cursor: pointer; text-align: center; line-height: 20px; font-size: 12px; color: #777; }
	.token-input-remove-input { font-size: 13px; margin: 5px 0 0 5px; display: block; color: #666; }
	.token-input-remove-input b { color: #C21F46; }

	.token-input-selected-token { background-color: #eee; color: #fff; }
	.token-input-selected-token span { color: #eee; }

	.token-input-dropdown { position: absolute; min-width: 150px; max-height: 200px; background-color: #fff; overflow: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; z-index: 1; font-size: 12px; }
	.token-input-dropdown > p { margin: 0; padding: 5px; font-weight: bold; color: #777; }
	.token-input-dropdown > ul { margin: 0; padding: 0; }
	.token-input-dropdown > ul > li { background-color: #fff; padding: 15px; }
	.token-input-dropdown > ul > .token-input-dropdown-item { background-color: #fafafa; }
	.token-input-dropdown > ul > .token-input-dropdown-item2 { background-color: #fff; }
	.token-input-dropdown > ul > .token-input-selected-dropdown-item { background-color: #ddd; }


	/* --- Entity Rankings + Movie Release Schedule --- */
		.main_content.entityrankings-page,
			.main-article.entityrankings-article { padding: 0; }
		.entityrankings-article > header { position: relative; border-bottom: 1px solid #ddd; margin-bottom: 0; color: #999; padding: 0 10px 10px; }
		.entityrankings-article > header > h1 { font-family: 'Oswald', sans-serif; border: 0; margin-bottom: 0; padding: 5px 0; color: #333; line-height: 40px; }
		.entityrankings-article > header > .meta { font-size: .9em; color: #999; font-weight: 300; display: inline-block; margin-right: 10px; }
		.entityrankings-article > header > a { display: inline-block; font-size: 1.1em; font-weight: 300; }
		.entityrankings-article > header > .categorysocial_lst, .entityrankings-article > header > .authorsocial_lst { padding: 15px 0 0; }
		.entityrankings-article .scheduletype_lnk { display: block; margin-top: 10px; border: 1px solid #ddd; padding: 10px; font-size: 1em; font-weight: 400; }
		.entityrankings-article .dropdownlist_blk { position: relative; }
		.entityrankings-article .dropdownlist_blk > a { border: 1px solid #ddd; margin-top: 10px; display: block; overflow: hidden; width: 100%; }
		.entityrankings-article .dropdownlist_blk > a > span { display: block; float: left; padding: 10px; }
		.entityrankings-article .dropdownlist_blk > a > b { padding: 5px; text-align: center; padding: 10px; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; color: #fff; float: right; display: block; }
		.entityrankings-article .dropdownlist_blk > ul { display: none; z-index: 25; background-color: #fff; height: 200px; overflow-y: scroll; position: absolute; left: 0; width: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
		.entityrankings-article .dropdownlist_blk > ul > li { border-bottom: 1px solid #ddd; }
		.entityrankings-article .dropdownlist_blk > ul > li > a { display: block; font-weight: 300; padding: 10px; }
		.entityrankings-article .dropdownlist_blk > ul > li > a:hover { background-color: #eee; text-decoration: none; }
		.entityrankings-article .dropdownlist_blk > .active { display: block; }
		.entityrankings-article > header > .threelnk_lst { overflow: hidden; margin-top: 10px; }
		.entityrankings-article > header > .threelnk_lst > li { float: left; font-size: .9em; border-right: 1px solid #ddd; padding-right: 5px; }
		.entityrankings-article > header > .threelnk_lst > li:nth-of-type(2) { padding-left: 5px; }
		.entityrankings-article > header > .threelnk_lst > li:nth-of-type(3) { padding-left: 5px; border-right: 0; }
		.entityrankings-article > .toolbar { padding-bottom: 10px; border-bottom: 1px solid #ddd; }

		.yearsched_itm { padding: 10px; border-bottom: 1px solid #ddd; overflow: hidden; }
		.yearsched_itm > h3 { font-size: 1.7em; color: #999; margin-right: 10px; padding-right: 10px; font-weight: 400; float: left; border-right: 1px solid #ddd; }
		.yearsched_itm > a { float: left; display: block; padding: 10px 10px 0 0; margin-right: 10px; border-right: 1px solid #ddd; }
		.yearsched_itm > a:last-of-type { border: 0; }
		.entityrank_itm { position: relative; overflow: hidden; border-bottom: 1px solid #ddd; }
		.entityrank_itm > .rank { display: block; float: left; font-size: 1.6em; color: #999; padding: 15px 0 10px 0; width: 45px; text-align: center; font-weight: 400; }
		.entityrank_itm > .rank > span { font-family: "Oswald", sans-serif; }
		.entityrank_itm > .withrank_blk { width: 85%; border-left: 1px solid #ddd; }
		.entityrank_itm > div { float: left; width: 100%; padding: 15px 0 10px 10px; }
		.entityrank_itm > div > span >  a { width: 100%; font-size: 1em; line-height: 18px; font-weight: 600; padding-bottom: 5px; display: inline; }
		.entityrank_itm > div > .img_blk { position: relative; float: left; margin-right: 10px; }
		.entityrank_itm > div > .img_blk > .status { display: block; position: absolute; text-align: center; width: 100%; top: 0; left: 0; font-size: .6em; background-color: #fed401; padding: 5px 0; opacity: .9; color: #fff; text-transform: uppercase; }
		.entityrank_itm > div > .img_blk > .status.skn2 { background-color: #508bbc; }
		.entityrank_itm > div > .img_blk > img { width: 75px; height: auto; }
		.entityrank_itm > div > .info_blk { float: left; color: #999; width: 70%; }
		.entityrank_itm > .withrank_blk > .info_blk { width: 65%; }
		.entityrank_itm > div > .info_blk > a { display: none; font-size: .9em; font-weight: 600; padding: 5px 0; line-height: 22px; }
		.entityrank_itm > div > .info_blk > span:not(.entity-rating) { padding: 10px; background-color: #eee; display: inline-block; text-align: center; margin-bottom: 10px; color: #000; font-size: .8em; font-weight: 600; }
		.entityrank_itm > div > .info_blk .entity-rating { font-size: 1.5em; margin-bottom: 0.5rem; }
		.entityrank_itm > div > .info_blk > span.openwkd { text-align: left; display: block; background: none; color: #666; font-weight: 400; padding: 0; margin-bottom: 5px; }
		.entityrank_itm > div > .info_blk > .openwkd > b { font-weight: 600; }
		.entityrank_itm > div > .info_blk > p { font-size: .8em; font-weight: 300; line-height: 18px; }
		.entityrank_itm > div > .info_blk > p > .fullsynopsis { display: none; }

		.entityrank_itm > div > .info_blk > .movietickets { font-family: "Helvetica Neue", "Arial", sans-serif; font-weight: 100; font-size: 1.1em; background-color: #ddd; display: block; margin: 25px 10px 0 0; padding-bottom: 8px; color: #0059B2; font-weight: 300; text-align: center; width: 150px; display: block; padding: 10px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; }
		.entityrank_itm > div > .info_blk > .movietickets:hover { text-decoration: none; }
        .entityrank_itm > div > .info_blk > .movietickets > b { color: #333; vertical-align: baseline; }
        .entityrank_itm > div > .info_blk > .movietickets > span { display: block; font-size: 0.5em; color: #808080; text-align: left; margin-left: 36px; margin-top: 3px; line-height: 0.5em; }
        .entityrank_itm > div > .info_blk > .movietickets > span > span { color: #0059B2; }

		.entityrank_itm > div > .info_blk > .totalgross { color: #333; }
		.entityrank_itm > div > .info_blk > .totalgross > span { font-weight: normal; }
		.entityrank_itm > div > .info_blk > .totalgross > b { display: inline-block; color: #666; margin-right: 5px; }

		.entityrank_itm > div > .info_blk > .episode,
			.entityrank_itm > .withrank_blk > .episode { line-height: 20px; padding: 5px 0; display: none; font-family: 'Oswald', sans-serif; font-size: .9em; background: none; text-align: left; font-weight: 300 ;}
		.entityrank_itm > .withrank_blk > .episode { display: block; }


		.entityrank_itm > div > ul { margin: 20px 0 10px; float: left; overflow: hidden; color: #666; font-size: .8em; }
		.entityrank_itm > div > ul > li { float: left; margin-right: 15px; line-height: 14px; }
		.entityrank_itm > div > ul > li:last-of-type { margin-right: 0; }
		.entityrank_itm > div > ul > li:first-of-type > b { vertical-align: top; font-weight: 300; }
		.entityrank_itm > div > ul > li > b { font-weight: 600; }
		.entityrank_itm > div > ul > li > .foreign.skn2 { display: none; }

		@media only screen and (min-width : 400px) {
			.entityrank_itm > .withrank_blk { width: 88%; }
			.entityrank_itm > div > .info_blk,
				.entityrank_itm > .withrank_blk > .info_blk { width: 75%; }
		}

		@media only screen and (min-width : 480px) {
			.entityrank_itm > .withrank_blk { width: 90%; }
			.entityrank_itm > div > .info_blk { width: 80%; }
		}

		@media only screen and (min-width : 568px) {
			.entityrank_itm > .rank,
				.entityrank_itm > b { width: 50px; }
			.entityrankings-article > header > .threelnk_lst { position: absolute; right: 5px; bottom: 12px; }
			.entityrankings-article .scheduletype_lnk { font-size: .9em; padding: 5px; margin: 0; border: 0; position: absolute; bottom: 10px; right: 150px; }
			.entityrankings-article .scheduletype_lnk.skn2 { right: 5px; }
			.entityrankings-article .dropdownlist_blk > a { position: absolute; right: 0; bottom: 0; width: 130px; }
			.entityrankings-article .dropdownlist_blk > a > span { padding: 5px 5px 0; font-size: 1em; }
			.entityrankings-article .dropdownlist_blk > a > b { padding: 5px; }
			.entityrankings-article .dropdownlist_blk > ul { left: auto; right: 0; top: 0; margin: 0; width: 130px; }
			.entityrank_itm > div > a { display: none; }
			.entityrank_itm > div > .img_blk > img { width: 100px; }
			.entityrank_itm > .withrank_blk > .info_blk { width: 78%; }
			.entityrank_itm > div > .info_blk > a,
				.entityrank_itm > div > .info_blk > .episode { display: inline; }
			.entityrank_itm > div > .info_blk > .totalgross { position: absolute; right: 10px; top: 10px; }
			.entityrank_itm > div > ul { clear: none; float: left; }
			.entityrank_itm > div > ul > li > .foreign { display: none; }
			.entityrank_itm > .withrank_blk > .episode { display: none; }
			.entityrank_itm > div > ul > li > .foreign.skn2 { display: inline; }
		}

		@media only screen and (min-width : 768px) {
			.entityrankings-article > header > .threelnk_lst { position: inherit; bottom: 0; right: 0; }
			.entityrankings-article .scheduletype_lnk { right: 10px; bottom: 45px; }
			.entityrankings-article .scheduletype_lnk.skn2 { bottom: 13px; }
			.entityrank_itm > .withrank_blk { width: 88%; }
			.entityrank_itm > div > .info_blk,
				.entityrank_itm > .withrank_blk > .info_blk { width: 70%; }
			.entityrank_itm > div > .info_blk > .totalgross { position: inherit; }
			.entityrankings-article > header { padding: 0 15px 10px; }
		}

		@media only screen and (min-width : 900px) {
			.entityrankings-article > header > .threelnk_lst { position: absolute; right: 5px; bottom: 15px; }
			.entityrankings-article .scheduletype_lnk { bottom: 10px; right: 150px; }
			.entityrankings-article .scheduletype_lnk.skn2 { right: 5px; }
			.entityrank_itm > .withrank_blk { width: 91%; }
			.entityrank_itm > div > ul { padding-left: 2px; }
			.entityrank_itm > div > .info_blk { width: 78.6%; }
			.entityrank_itm > .withrank_blk > .info_blk { width: 77%; }
			.entityrank_itm > div > .info_blk > .totalgross { position: absolute; }
		}

		@media only screen and (min-width : 1024px) {
			.entityrank_itm > .withrank_blk { width: 92.5%; }
			.entityrank_itm > div > .info_blk,
				.entityrank_itm > .withrank_blk > .info_blk { width: 81%; }
		}

	/* --- Image Upload --- */

		.image-upload-form > div { margin-top: 10px; }


/* ------------------------------ Shame Styles (throwaway) ------------------------------ */

	/*!
	* Datepicker for Bootstrap
	*
	* Copyright 2012 Stefan Petre
	* Licensed under the Apache License v2.0
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	*/
	.hide-text{font:0/0;color:transparent;text-shadow:none;background-color:transparent;border:0}
	.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
	.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}
	.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}
	.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}
	.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}
	.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}
	.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}
	.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}
	.bootstrap-datetimepicker-widget .datepicker>div{display:none}

	.datepicker.disabled .add-on { display: none; }
	.bootstrap-datetimepicker-widget .picker-switch{text-align:center}
	.bootstrap-datetimepicker-widget table{width:100%;margin:0}
	.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; vertical-align: middle; }
	.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}
	.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}
	.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}
	.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}
	.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}
	.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}
	.bootstrap-datetimepicker-widget td span{display:block;width:47px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
	.bootstrap-datetimepicker-widget td span:hover{background:#eee}
	.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}

	.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}
	.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}
	.bootstrap-datetimepicker-widget td span.old{color:#999}
	.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}
	.bootstrap-datetimepicker-widget th.switch{width:145px}
	.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{ font-size: 21px; }
	.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{ background: 0; color: #999; cursor: not-allowed; }
	.bootstrap-datetimepicker-widget thead tr:first-child th{ cursor: pointer; }
	.bootstrap-datetimepicker-widget thead tr:first-child th:hover{ background: #eee; }
	.input-append.date .add-on i,.input-prepend.date .add-on i { cursor: pointer; }
	.bootstrap-datetimepicker-widget.left-oriented:before{ left: auto; right: 6px; }
	.bootstrap-datetimepicker-widget.left-oriented:after{ left: auto; right: 7px; }

	.dropup, .dropdown { position: relative; }
	.dropdown-toggle:active, .open .dropdown-toggle { outline: 0 none; }
	.dropdown-menu {
	    background-clip: padding-box;
	    background-color: #FFF;
	    border: 1px solid rgba(0, 0, 0, 0.2);
	    border-radius: 6px;
	    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	    display: none;
	    float: left;
	    left: 0;
	    list-style: none outside none;
	    margin: 2px 0 0;
	    min-width: 160px;
	    padding: 5px 0;
	    position: absolute;
	    top: 100%;
	    z-index: 1000;
	}
	.dropdown-menu.pull-right { left: auto; right: 0; }
	.dropdown-menu .divider { background-color: #E5E5E5; border-bottom: 1px solid #FFF; height: 1px; margin: 9px 1px; overflow: hidden; }
	.dropdown-menu li > a { clear: both; color: #333; display: block; font-weight: normal; line-height: 20px; padding: 3px 20px; white-space: nowrap; }
	.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	    background-color: #0081C2;
	    background-image: linear-gradient(to bottom, #0088CC, #0077B3);
	    background-repeat: repeat-x;
	    color: #FFFFFF;
	    text-decoration: none;
	}
	.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	    background-color: #0081C2;
	    background-image: linear-gradient(to bottom, #0088CC, #0077B3);
	    background-repeat: repeat-x;
	    color: #FFFFFF;
	    outline: 0 none;
	    text-decoration: none;
	}
	.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999; }
	.dropdown-menu .disabled > a:hover { background-color: rgba(0, 0, 0, 0); background-image: none; cursor: default; text-decoration: none; }
	.open > .dropdown-menu { display: block; }
	.pull-right > .dropdown-menu { left: auto; right: 0; }
	.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-bottom: 4px solid #000; border-top: 0 none; content: ""; 	}
	.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { bottom: 100%; margin-bottom: 1px; top: auto; }
	.dropdown-submenu { position: relative; }
	.dropdown-submenu > .dropdown-menu { border-radius: 0 6px 6px; left: 100%; margin-left: -1px; margin-top: -6px; top: 0; }
	.dropdown-submenu:hover > .dropdown-menu { display: block; }
	.dropup .dropdown-submenu > .dropdown-menu {
	    border-radius: 5px 5px 5px 0;
	    bottom: 0;
	    margin-bottom: -2px;
	    margin-top: 0;
	    top: auto;
	}
	.dropdown-submenu > a:after {
	    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #CCC;
	    border-style: solid;
	    border-width: 5px 0 5px 5px;
	    content: " ";
	    display: block;
	    float: right;
	    height: 0;
	    margin-right: -10px;
	    margin-top: 5px;
	    width: 0;
	}
	.dropdown-submenu:hover > a:after { border-left-color: #FFF; }
	.dropdown-submenu.pull-left { float: none; }
	.dropdown-submenu.pull-left > .dropdown-menu { border-radius: 6px 0 6px 6px; left: -100%; margin-left: 10px; }
	.dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; }

	/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
		.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
		.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
		.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; }
		.fancybox-opened { z-index: 999999999; }
		.fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
		.fancybox-outer, .fancybox-inner { position: relative; }
		.fancybox-inner { overflow: hidden; }
		.fancybox-type-iframe .fancybox-inner {	-webkit-overflow-scrolling: touch; }
		.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0;	padding: 15px;	white-space: nowrap; }
		.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
		.fancybox-image { max-width: 100%; max-height: 100%; }
		#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://media.comicbook.com/files/img/fancybox_sprite.png'); }
		#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
		#fancybox-loading div { width: 44px; height: 44px; background: url('http://media.comicbook.com/files/img/spinner.gif') center center no-repeat; }
		.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
		.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
		.fancybox-prev { left: 0; }
		.fancybox-next { right: 0; }
		.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
		.fancybox-prev span { left: 10px; background-position: 0 -36px; }
		.fancybox-next span { right: 10px; background-position: 0 -72px; }
		.fancybox-nav:hover span { visibility: visible; }
		.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

		/* Overlay helper */
		.fancybox-lock { width: auto; }
		.fancybox-lock body { overflow: hidden !important; }
		.fancybox-lock-test { overflow-y: hidden !important; }
		.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('http://media.comicbook.com/files/img/overlay.png'); }
		.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
		.fancybox-lock .fancybox-overlay {	overflow: auto; overflow-y: scroll; }

		/* Title helper */
		.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
		.fancybox-opened .fancybox-title {	visibility: visible; }
		.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
		.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
		.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
		.fancybox-title-inside-wrap { padding-top: 10px; }
		.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

		/*Thumbnail helper*/
		#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }
		#fancybox-thumbs.bottom { bottom: 2px; }
		#fancybox-thumbs.top { top: 2px; }
		#fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; }
		#fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; }
		#fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; }
		#fancybox-thumbs ul li:hover { opacity: 1; }
		#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111111; outline: none; }
		#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; }

		/*Retina graphics!*/
		@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
			#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://media.comicbook.com/files/img/fancybox_sprite@2x.png'); background-size: 44px 152px; }
			#fancybox-loading div { background-image: url('http://media.comicbook.com/files/img/spinner@2x.gif'); background-size: 24px 24px; }
		}
		.ajax-content iframe { width: 100%; height: 100%; min-height: 400px; }
	div.video-js[data-embed] {
		width: 100%;
		padding-top: 56.25%;
	}

/* ------------------------------ Print ------------------------------ */

	@media print {
	    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
	    a, a:visited { text-decoration: underline; }
	    a[href]:after { content: " (" attr(href) ")"; }
	    abbr[title]:after { content: " (" attr(title) ")"; }
	    .ir a:after,
	    a[href^="javascript:"]:after,
	    a[href^="#"]:after { content: ""; }
	    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	    thead { display: table-header-group; }
	    tr, img { page-break-inside: avoid; }
	    img { max-width: 100% !important; }
	    @page { margin: 0.5cm; }
	    p, h2, h3 { orphans: 3; widows: 3; }
	    h2, h3 { page-break-after: avoid; }
	}
.relative-container {
	position: relative;
}
.anchor-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: block;
}
.image-background {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
}

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

.updates_cmp > ul > li > .video-content div { display: block; position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-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; }
.updates_cmp > ul > li > .video-content:hover div { background-color: #FAC415; }
	.updates_cmp > ul > li > .video-content div svg { color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 70px; font-size: 28px; }

		@media only screen and (min-width : 480px) {

			.updates_cmp > ul > li { width: 48%; margin-right: 10px; }
			.updates_cmp > ul > li:nth-of-type(2n) { margin-right: 0; }

		}

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

		@media only screen and (min-width : 1024px) {

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

		}

		@media only screen and (min-width : 1100px) {

			.updates_cmp > ul > li { width: 32%; min-height: 230px; }
		}
 #oas_x96 {
 	max-height: 60px;
 }

.ph-video-player { display: block; position: relative; background: black; overflow: hidden; }
.ph-video-player > * > div:empty { height: 0 !important; }
.ph-video-player > * { padding-top: 56.25%; }

 .airtv-outer {
 	margin: 20px auto;
 }
 .airtv-outer video {
 	height: 100% !important;
 }
 .airtv-outer svg {
 	height: initial;
 	width: initial;
 }
/* --- Rating --- */
.entity-rating {
    min-height: 1em;
    min-width: calc(5em);
    display: inline-flex;
    flex-flow: row nowrap;
    background-color: transparent;
}
.entity-rating .rating-icon {
    color: #d6d6d6;
	padding: 0.08rem;
}
.starrank_blk .entity-rating .rating-icon {
	color: #333;
}
.starrank_blk .entity-rating .rating-icon:not(:last-child) {
	margin-right: 1px;
}
.embed .entity-rating {
	font-size: 1.4em;
	margin-right: 0 !important;
	letter-spacing: normal !important;
}
.embed .entity-rating .rating-link {
	margin: 0 !important;
}
.embed .entity-rating .rating-icon {
	padding: 0;
}
.starrank_blk .entity-rating {
	font-size: 1.4em;
}
.entity-rating:hover .rating-icon,
.entity-rating:not(.disabled):hover > .rating-icon,
.entity-rating:not(.disabled):hover > .rating-link,
.entity-rating[data-rating="1"] > .rating-link:first-child .rating-icon,
.entity-rating[data-rating="2"] > .rating-link:nth-child(-n+2) .rating-icon,
.entity-rating[data-rating="3"] > .rating-link:nth-child(-n+3) .rating-icon,
.entity-rating[data-rating="4"] > .rating-link:nth-child(-n+4) .rating-icon,
.entity-rating[data-rating="5"] > .rating-link .rating-icon,
.entity-rating[data-rating="1"] > .rating-icon:first-child,
.entity-rating[data-rating="2"] > .rating-icon:nth-child(-n+2),
.entity-rating[data-rating="3"] > .rating-icon:nth-child(-n+3),
.entity-rating[data-rating="4"] > .rating-icon:nth-child(-n+4),
.entity-rating[data-rating="5"] > .rating-icon {
    color: #F7C819;
}
.entity-rating > .rating-icon:hover ~ .rating-icon,
.entity-rating > .rating-link:hover ~ .rating-link .rating-icon {
    color: #d6d6d6 !important;
}

.starrank_blk .entity-rating:not(.disabled) > .rating-icon:hover ~ .rating-icon,
.starrank_blk .entity-rating:not(.disabled) > .rating-link:hover ~ .rating-link .rating-icon {
    color: #333 !important;
}


.lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
}
.lightbox.active {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	z-index: 999999999;
}
.lightbox .close-icon {
	position: absolute;
	top: 0;
	right: 0;
	color: rgba(0,0,0,0.5);
	padding: 1rem;
}
.lightbox .close-icon:hover {
	color: rgba(0,0,0,1);
}
.lightbox-content {
	display: inline-flex;
	position: relative;
	background-color: white;
	/*padding: 1rem;*/
}
.lightbox-content header {
	padding: 1rem ;
	background-color: rgba(0,0,0,0.05);
}
.lightbox-content .main-modal-content {
	padding: 1rem;
}
.lightbox-content.md {
	height: 50vh;
	width: 75vw;
}

@media only screen and (min-width: 768px){
	.lightbox {
		background-color: rgba(0,0,0,0.9);
	}
	.lightbox .close-icon {
		color: rgba(255,255,255,0.5);
	}
	.lightbox .close-icon:hover {
		color: rgba(255,255,255,1);
	}
	.lightbox-content.auto {
		height: auto;
	}
	.lightbox-content {
		border-radius: 2px;
	}
}
.newsletter-modal fieldset ul li {
	margin-bottom: 0;
}
.newsletter-modal input[type="submit"] {
	box-shadow: none;
}
.newsletter-modal form label {
	padding: 0.75rem;
}
.newsletter-modal form label:hover {
	cursor: pointer;
	background-color: rgba(0,0,0,0.05);
}
.newsletter-modal header h1 small {
	display: block;
	font-size: 0.75em;
	margin-top: 0.25em;
}
[data-click]:hover {
	background-color: rgba(255,255,255,0.25) !important;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}
[data-click] a:hover {
	text-decoration: none;
}