@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Vollkorn:600i');

* {
   margin: 0;
   padding: 0;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body	 {
	margin: 0;
	padding: 0;
	background: #000 url(/graphics/bg-halloween-2019.png) no-repeat fixed center top;
	background-size: 100%;
	font-family: "Open Sans", helvetica, arial, sans-serif;
	font-size: 10pt;
	text-align: center;
	color: #fff;
}

.wrapper_column {
  float: left;
}

.left_column, .right_column {
  width: 15%;
}

.middle_column {
  width: 70%;
}

/* Clear floats after the columns */
.wrapper_row:after {
  content: "";
  display: table;
  clear: both;
}



A:link {
	text-decoration: none;
	color: #00AD70;
}

A:visited {
	text-decoration: none;
	color: #008556;
}

A:hover {
	text-decoration: none;
	color: #B728A5;
}

A:active {
	text-decoration: none;
	color: #C54CB6;
}

.clear {
	clear: both;
}


/* Ad Placement */

div.leaderboard_ad {
	display: block;
	margin: 15px auto;
	text-align: center;
}

div.tall_ad_left {
	display: inline-block;
	float: left;
	margin-left: 25px;
	margin-top: 150px;
	clear: both;
}

div.tall_ad_right {
	display: inline-block;
	float: right;
	margin-right: 25px;
	margin-top: 150px;
	clear: both;
}

div.leaderboard_ad_footer {
	display: none;
}


div.insert_ad {
	display: inline-block;
	padding: 10px;
}

/* Main Header, Above Nav */

.highlight_banner {
	display: block;
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin: 15px auto;
	padding: 10px;
	border-radius: 4px;
}

a.highlight_banner {
	color: #000;
	background: #ffc300;
}

a.highlight_banner:hover {
	color: #fff;
	background: #9c7800;
}

a.highlight_banner:visited {
}

a.highlight_banner:active {
	color: #fff;
	background: #ffda63;
}


header {
	margin: 0 0 20px 0;
}

div.main_header {
	display: block;
	background: #222;
	margin: auto 0;
}

.main_logo {
	height: 50px;
	float: left;
	margin: 15px;
}

.main_header_right {
	padding-top: 25px;
}

/* Google Search Box */

.searchbox2 {
	width: 150px;
	margin: 0 15px 0 0;
	float: right;
}

.searchbox-mobile {
	display: none;
}

div.gsc-control-cse {
	display: inline-block;
	background: none;
	border: none;
	padding: 0;
	float: right;
}

button.gsc-search-button, button.gsc-search-button-v2 {
	width: 30px;
	padding: 5px 3px;
	margin-left: -5px;
	text-align: center;
}


/* Social Icons in Header */

.social-container {
	display: block;
	float: right;
	margin: 0 15px 0 0;
}

.social-fb, .social-twitter, .social-instagram, .social-discord, .social-youtube, .social-twitch {
	background-image:url(/graphics/Social-Links-2018.png);
	height:34px;
	width:30px;
	text-indent:-999px;
	display:block;
	overflow:hidden;
	float:left;
	margin-left: 10px}

.social-fb:hover {
	background-position:0 -40px}
	
.social-twitter {
	background-position:-40px 0}
.social-twitter:hover {
	background-position:-40px -40px}

.social-instagram {
	background-position:-80px 0}
.social-instagram:hover {
	background-position:-80px -40px}

.social-discord {
	background-position:-120px 0}
.social-discord:hover {
	background-position:-120px -40px}

.social-youtube {
	background-position:-160px 0}
.social-youtube:hover {
	background-position:-160px -40px}

.social-twitch {
	background-position:-200px 0}
.social-twitch:hover {
	background-position:-200px -40px}

/* Twitch Widget */

.twitch-widget {
	width: 250px;
	height: 30px;
	background: #6441a5;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	float: right;
	margin-left: 15px;
	padding: 4px;
	text-decoration: none;
	font-size: 0.7em;
}

.online,
.offline {
	border-radius: 5px;
	display: inline-block;
	height: 10px;
	width: 10px;
}

.online {
	background: #ffc300;
}

.offline {
	background: #222;
}

.viewers {
  color: Black;
  display: block;
  margin: 0 0 0 15px;
}


/* Main Nav */

#nav-trigger {
	display: none;
	text-align: left;
	font-size:150%;
}

header nav {
	text-align: left;
	padding:0;
	margin:0;
}

NAV {
	font-size: 0.72em;
	color: #fff;
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	clear: both;
}

NAV ul {
	display: inline;
	margin: 0 0 0 8px;
}

.dark ul, .article_body ul {
	display: block;
	margin-bottom: 25px;
}

.dark ul li, .article_body ul li {
	margin: 3px;
}

.list_title {
	font-size: 11pt;
	color: #7d7d7d;
}


NAV ul li {
	display:inline-block;
}

NAV h2 {
	margin: 0;
	padding: 0;
}

NAV a:link {
	text-decoration: none;
	font-weight: 400;
	color: #fff;
	background: none;
	box-sizing:border-box;
	padding-bottom: 3px;
	margin: 5px 8px 15px 8px;
	display: block;
	border-bottom: 3px solid transparent;
}

NAV a:visited {
	text-decoration: none;
	color: #FFF;
	background: none;
	border-bottom: 3px solid transparent;
}

NAV a:hover {
	text-decoration: none;
	color: #FFF;
	border-bottom: 3px solid #00AD70;
}

NAV a:active {
	text-decoration: none;
	color: #FFF;
	border-bottom: 3px solid #FFC300;
}

.topnav .icon {
	font-size: 3em;
	float: right;
	top: -80px;
	padding: 10px;
	display: none;
}

#twitch {
	font-size:11px;
	display:block;
	float:right;
}

#twitch h2 {
	margin:0;
	padding:0;
}


h1 {	
	display: block;
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0;
	font-weight: 700;
	color: #00AD70;
}


h2 {
}

h3 {
	display: block;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 400;
	color: #fff;
}

h4 {
	display: block;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: 600;
	color: #00ad70;
}

h5 {
	display: block;
	font-weight: 400;
	font-size: 0.9em;
	color: #fff;
	margin-bottom: 15px;
}

p {
	margin-bottom: 25px;
}

.lightblock {
	font-size: 1.1em;
	font-weight: 400;
	text-align: center;
	color: #FFF;
	background-color: #006944;
	padding: 9px;
	margin: 15px auto;
	border-radius: 8px;
}

A.lightblock:link {
	text-decoration: none;
	color: #FFF;
}

A.lightblock:visited {
	text-decoration: none;
	color: #FFF;
}

A.lightblock:hover {
	text-decoration: none;
	color: #fff;
	background-color: #B2009C;
}

A.lightblock:active {
	text-decoration: none;
	color: #fff;
	background-color: #B2009C;
}

#main_content {
	display: block;
	text-align: left;
	background: #222;
	overflow: auto;
}

.newsblock {
	text-align: left;
	font-size: 11pt;
	line-height: 16pt;
	color: #000;
	background-color: #e5e5e5;
	padding: 12px;
	margin: 20px auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-radius: 0px \0/;
}

A.newsblock:link {
	text-decoration: none;
	color: #FFF;
	padding: 7px 10px 7px 10px;
}

A.newsblock:visited {
	text-decoration: none;
	color: #FFF;
	padding: 7px 10px 7px 10px;
}

A.newsblock:hover {
	text-decoration: none;
	color: #000;
	background-color: #B2009C;
	padding: 7px 10px 7px 10px;
}

A.newsblock:active {
	text-decoration: none;
	color: #000;
	background-color: #fff;
	padding: 7px 10px 7px 10px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom: 30px;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.platform_header {
	margin: 0;
	padding: 0;
}


/* This is the plain green header text on each page */

div.sectionheader {
	font-size: 16pt;
	font-weight: bold;
	text-align: left;
	text-shadow: #000 0px 3px 4px;
	display: block;
	color: #FFF;
	background-color: #008556;
	margin: 1px 1px 20px 1px;
	padding: 10px;
}

div.sectionheader2 {
	font-size: 16pt;
	font-weight: bold;
	text-align: left;
	text-shadow: #000 0px 3px 4px;
	display: block;
	color: #FFF;
	background: #000;
	margin: 0px 3px 20px 3px;
	padding: 10px;
}

/* This is the image banner headlining the review, preview and gallery pages */

div.titlebar {
	display: block;
	background-size:cover!important;
	color: #fff;
	font-size: 18pt;
	line-height: 19pt;
	font-weight: 600;
	text-align: left;
	text-shadow: #000 0px 3px 4px;
	margin: 0;
	padding: 90px 0 40px 15px;
}

/* For feature headers with graphic headers and no text */

.titlebar-graphic {
	display: block;
	width: 100%;
}

/* Same header as above, only used if game title is too long to fit */

div.titlebar_long {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	text-shadow: #000 0px 3px 4px;
	margin: 0;
	padding: 90px 0 15px 15px;
}


/* Articles - Reviews, Previews, More? */

.article_body {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: justify;
	color: #fff;
	padding: 20px;
}

.article_body h1 {
	text-align: left;
}

.article_body_rounded {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: justify;
	color: #fff;
	padding: 20px;
}

.article_body_rounded_top {
	font-size: 12pt;
	line-height: 18pt;
	text-align: justify;
	color: #FFF;
	background-color: #008556;
	margin: 1px 15px 1px 15px;
	padding: 10px;
	border-top: 1px solid #007039;
	border-bottom: 1px solid #fff;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-radius: 0px \0/;
}

.article_body_center {
	font-size: 12pt;
	line-height: 18pt;
	text-align: justify;
	color: #FFF;
	background-color: #008556;
	margin: 1px 15px 1px 15px;
	padding: 10px;
	border-top: 1px solid #007039;
	border-bottom: 1px solid #fff;
}

.article_body_rounded_bottom {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: justify;
	color: #fff;
	padding: 20px;
}

.article_body_large {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: justify;
	color: #fff;
	margin: 1px 15px 1px 15px;
	padding: 20px;
}

.article_body_large_rounded {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: justify;
	color: #fff;
	padding: 20px;
}

/* This next set is a copy of the rule above, but just for retro features that need to retain the green background */

.article_body_retro_feature {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: left;
	color: #fff;
	margin: 1px 15px 1px 15px;
	padding: 20px;
	border-radius: 4px;
}

.article_body_retro_feature a {
	color: #ffc300;
}

.article_body_retro_feature a:visited {
	color: #c79800;
}

.article_body_retro_feature a:hover {
	color: #b2009c;
}

.article_body_retro_feature a:active {
	color: #fff;
}

.article_body_retro_feature .feature_inline_header {
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: 600;
	text-align: left;
	display: block;
	color: #fff;
	border-bottom: 2px solid #ffc300;
	margin-bottom: 3px;
}

.article_body_retro_feature .feature_inline_subheader {
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #ffc300;
	margin-bottom: 20px;
}

/* End of weird retro feature set */

.article_body_large_center {
	font-size: 12pt;
	line-height: 20pt;
	text-align: left;
	color: #FFF;
	background-color: #008556;
	margin: 0px 15px 1px 15px;
	padding: 10px;
	border-top: 1px solid #007039;
	border-bottom: 1px solid #fff;
}

.article_body_large_rounded_bottom {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: justify;
	color: #fff;
	padding: 20px;
}

.article_body_rounded_bottom a, .article_body_large_rounded_bottom a {
	color: #ffc300;
}

.article_body_rounded_bottom a:visited, .article_body_large_rounded_bottom a:visited {
	color: #c79800;
}

.article_body_rounded_bottom a:hover, .article_body_large_rounded_bottom a:hover {
	color: #b2009c;
}

.article_body_rounded_bottom a:active, .article_body_large_rounded_bottom a:active {
	color: #fff;
}

.article_body_rounded_footer {
	font-weight: bold;
	font-size: 14pt;
	line-height: 20pt;
	text-align: left;
	color: #75b95b;
	background-color: #008556;
	margin: 0px 15px 1px 15px;
	padding: 10px;
	border-top: 1px solid #007039;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-radius: 0px \0/;
}

.article_quote {
	font-family: "Vollkorn", Georgia, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 600;
	font-style: italic;
	text-align: left;
	color: #00AD70;
	padding: 15px;
	box-sizing:border-box;
}

.article_quote_left {
	font-family: "Vollkorn", Georgia, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 600;
	font-style: italic;
	text-align: left;
	float: left;
	color: #00AD70;
	width: 250px;
	padding: 14px;
	margin: 0 15px 10px 0;
}

.article_quote_right {
	font-family: "Vollkorn", Georgia, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 600;
	font-style: italic;
	text-align: left;
	float: right;
	color: #00AD70;
	width: 250px;
	padding: 14px;
	margin: 0 0 10px 15px;
}

.mini_header {
	font-style: italic;
	font-size: 1.4em;
	line-height: 1.7em;
	text-align: left;
	color: #ffc300;
}

.article_sidebar {
	font-size: 8pt;
	line-height: 14pt;
	text-align: left;
	width: 220px;
	float: right;
	color: #fff;
	background-color: #000;
	margin: 0 0 15px 15px;
	padding: 15px;
	border-radius: 5px;
}

div.author {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 15px;
	overflow: auto;
}

div.author a {
	color: #ffc300;
}

img.author_avatar {
	width: 50px;
	height: 50px;
	border: 1px solid;
	float: left;
	margin-right: 10px;
}

.article_sidebar_header {
	font-size: 1.7em;
	line-height: 1.8em;
	font-weight: 600;
	display: block;
	color: #ffc300;
	margin: 18px 0 3px 0;
	border-bottom: 2px solid #ffc300;
}

.article_sidebar_link {
	font-size: 1.25em;
	line-height: 2.0em;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	display: block;
	color: #000;
	background-color: #ffc300;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 7px;
	border-radius:5px;
}

a.article_sidebar_link {
	text-decoration: none;
	color: #000;
}

a.article_sidebar_link:visited {
	text-decoration: none;
	color: #000;
}

a.article_sidebar_link:hover {
	text-decoration: none;
	color: #fff;
	background-color: #b2009c;
}

a.article_sidebar_link:active {
	text-decoration: none;
	color: #fff;
	background-color: #6c005f;
}

#buy_sidebar_amazon a {
	display: block;
	background: url(/graphics/affiliates/buy_sidebar_amazon.png) top center no-repeat;
}
	
#buy_sidebar_amazon a:hover {
	display: block;
	background: url(/graphics/affiliates/buy_sidebar_amazon_over.png) top center no-repeat;
}

#preorder_sidebar_amazon a {
	display: block;
	background: url(/graphics/affiliates/preorder_sidebar_amazon.png) top center no-repeat;
}

#preorder_sidebar_amazon a:hover {
	display: block;
	background: url(/graphics/affiliates/preorder_sidebar_amazon_over.png) top center no-repeat;
}

#buy_sidebar_NIS {
	border: 0;
	margin-left: 10px;
	background: url(/graphics/affiliates/buy_sidebar_NIS.png) top no-repeat;
}

	#buy_sidebar_NIS a {
		border: 0;
		float: left;
		background: url(/graphics/affiliates/buy_sidebar_NIS.png) top no-repeat;
	}
	
	#buy_sidebar_NIS a:hover {
		border: 0;
		float: left;
		background: url(/graphics/affiliates/buy_sidebar_NIS_over.png) top no-repeat;
	}

#preorder_sidebar_NIS {
	border: 0;
	margin-left: 10px;
	background: url(/graphics/affiliates/preorder_sidebar_nis.png) top no-repeat;
}

	#preorder_sidebar_NIS a {
		border: 0;
		float: left;
		background: url(/graphics/affiliates/preorder_sidebar_nis.png) top no-repeat;
	}
	
	#preorder_sidebar_NIS a:hover {
		border: 0;
		float: left;
		background: url(/graphics/affiliates/preorder_sidebar_nis_over.png) top no-repeat;
	}


.article_score_1 {
	font-size: 9pt;
	line-height: 9pt;
	display: block;
}

.article_score_2 {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: bold;
	display: block;
}

.article_score_1b {
	font-size: 9pt;
	line-height: 9pt;
	display: block;
	line-height: 8pt;
	color: #ffc300;
}

.article_score_2b {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: bold;
	display: block;
	color: #FFF;
}

.article_score_overall1 {
	font-size: 10pt;
	line-height: 10pt;
	font-weight: bold;
	display: block;
	color: #ffc300;
}

.article_score_overall2 {
	font-size: 1.7em;
	line-height: 1.9em;
	font-weight: bold;
	display: block;
	color: #ffc300;
}

.procon_header {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #ffc300;
	font-weight: bold;
}

.procon {
	font-size: 1.2em;
	line-height: 1.6em;
}

img.reviewpic {
	width: 175px;
	height: 98px;
	border: 1px;
	border-style: solid;
	margin-top: 20px;
	margin-bottom: 5px;
}

img.editorschoice {
	width: 100%;
	border: 0;
	margin-top: 10px;
	margin-bottom: 5px;
}

/* Review, Preview, Picture Indexes */

/* Standard green listing header */

.listing_header {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #FFF;
	background-color: #006944;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 6px;
}

/* These two are legacy variants of the above that needed to stay, but have image BGs removed */

.listing_header_2 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #FFF;
	background-color: #006944;
	margin: 15px;
	padding: 10px;
	border-radius: 6px;
}

.listing_header_3 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #FFF;
	background-color: #006944;
	margin: 15px;
	padding: 10px;
	border-radius: 6px;
}


.sortguide {
	color: #75b95b;
	font-size: 8pt;
	font-style: italic;
	margin-left: 10px;
}

div.section_titlebar {
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	text-shadow: #000 0px 3px 4px;
	margin: 0;
	padding: 75px 0 15px 15px;
}

.sortguide_large {
	color: #75b95b;
	font-size: 8pt;
	font-style: italic;
}

/* Square images for platform selection pages */

#platform_container {
  display: block;
  text-align:center;
  margin:20px auto;
}

.platform {
  background: #222222;
  color: #fff;
  float: left;
  text-decoration: none;
  margin: 15px 10px 0 0;
  padding: 8px;
  text-align: center;
  width: 150px;
  border-radius: 7px;
}

.platform img {
	width: 100%;
	border:0;
	margin: 0;
  border-radius: 4px;
}


.platform_name {
	font-size: 11pt;
	line-height: 11pt;
	height:30px;
	margin-top:12px;
	text-align:center;
}

.platform_name_long {
	height:30px;
	margin-top:5px;
	text-align:center;
}

a.platform {
  color:#fff;
  text-decoration:none;
}

a.platform:hover {
  background:#00AD70;
  text-decoration:none;
}

a.platform:active {
  background:#FFC300;
  text-decoration:none;
}

a.platform:visited {
  text-decoration:none;
}


/* Standard modern(ish) listing */

.listing {
	font-size: 11pt;
	font-weight: 600;
	display: block;
	color: #fff;
	margin-bottom: 25px;
}

.listing a {
	text-decoration: none;
	display: block;
	color: #00AD70;
	background-color: #222;
	margin: 1px 0;
	padding: 8px;
	border-bottom: 1px solid #555;
}

.listing a:visited {
	text-decoration: none;
	color: #008556;
	background-color: #222;
}

.listing a:hover {
	text-decoration: none;
	color: #b2009c;
	background-color: #222;
}

.listing a:active {
	text-decoration: none;
	color: #FFC300;
	background-color: #222;
}

.listing_date {
	float: right;
	color: #888;
	border-left: #888 1px solid;
	padding-left: 7px;
}

/* Old school listing styles, for table-based pages */

table.indexes {
	width: 90%;
	border: 0;
	margin: 20px;
}

table.listing2 {
	width: auto;
	border: 0;
	background-color: black;
	margin: 0 15px 0 15px;
}

.header_listing {
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	color: #00AD70;
	padding: 7px;
}

.header_listing2 {
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color: #00AD70;
	background-color: #222;
	padding: 7px;
}

.medium_listing {
	font-size: 11pt;
	color: #00AD70;
	background-color: #222;
	border-bottom: 1px solid #555;
}

.medium_listing2 {
	font-size: 11pt;
	text-align: center;
	color: #fff;
	background-color: #222;
	border-bottom: 1px solid #555;
}

.medium_listing3 {
	font-size: 11pt;
	color: #fff;
	background-color: #e5e5e5;
	padding-left: 10px;
}

.medium_listing4 {
	font-size: 11pt;
	text-align: center;
	color: #fff;
	background-color: #008556;
}

.reviews_title {
	width: 55%;
}

img.edschoice_small {
	border: none;
	margin-left: 10px;
}

img.mobile_icon_left {
	border: none;
	margin-right: 10px;
}

.listing_os {
	font-size: 11pt;
	font-weight: 600;
	display: block;
	color: #00AD70;
	background-color: #fff;
	padding: 7px 10px 7px 10px;
}

a.listing_os {
	text-decoration: none;
	color: #00AD70;
	background-color: #222;
}

a.listing_os:visited {
	text-decoration: none;
	color: #008556;
	background-color: #222;
}

a.listing_os:hover {
	text-decoration: none;
	color: #b2009c;
	background-color: #222;
}

a.listing_os:active {
	text-decoration: none;
	color: #FFC300;
	background-color: #222;
}

/* Galleries Start */

img.pic {
	width: 175px;
	height: 98px;
	border: 1px;
	border-style: solid;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}

.gallery_nav {
	font-size: 1.0em;
	text-align: left;
	display: block;
	color: #FFF;
	background-color: #006944;
	margin: 10px;
	padding: 9px;
	border-radius: 4px;
}

a.gallery_link {
	text-decoration: none;
	color: #fff;
	padding: 6px 10px;
	border-radius: 3px;
}

a.gallery_link:visited {
	text-decoration: none;
	color: #fff;
}

a.gallery_link:hover {
	text-decoration: none;
	color: #fff;
	background-color: #27B281;
}

a.gallery_link:active {
	text-decoration: none;
	color: #fff;
	background-color: #5e5e5e;
}

div.page_number {
	font-size: 0.9em;
	text-align: left;
	color: #000;
	margin: 0 0 10px 20px;
}

.gallery_date {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: 600;
	text-align: left;
	display: block;
	color: #00AD70;
	border-bottom: 2px solid #00AD70;
	margin: 10px 10px 3px 10px;
}

.listing_gallery {
	font-size: 9pt;
	font-weight: normal;
	text-align: center;
	display: block;
	margin: 0 10px 0 10px;
	padding: 10px 0px 10px 0px;
}

/* Galleries End */

/* Features: Main */


.featured_banner {
	border-radius: 8px;
	margin: 8px auto;
	display: block;
	width: 100%;
}

.feature_index_container {
	min-height: 150px;
	display: block;
	margin: 10px 0 40px 0;
}

.feature_index_cover {
	float: left;
	margin-right: 20px;
}

.feature_index_cover img {
	width: 150px;
	height: 150px;
	border-radius: 10px;
	margin-bottom: 15px;
}


.page_intro {
	font-size: 10pt;
	text-align: left;
	display: block;
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
	border-top: 1px solid #007039;
	border-bottom: 1px solid #fff;
	background-color: #008556;
	margin: 10px 15px 1px 15px;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-radius: 0px \0/;
}

.page_intro_w_header {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: justify;
	color: #000;
	padding: 20px;
}

.fancy_footer {
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: left;
	font-weight: 600;
	display: block;
	color: #000;
	background-color: #e5e5e5;
	margin: 20px;
	padding: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-radius: 0px \0/;
}

#feature_main_nav {
	position: relative;
	height: 100px;
	margin: 15px 20px;
	padding: 0;
}

#feature_main_nav li {
	display: inline-block;
	float: left;
	list-style: none;
	font-size: 0.8em;
	line-height: 11pt;
	vertical-align: top;
	text-align: center;
	color: #000;
	width: 60px;
	margin: 0 6px 0 6px;
}

img.feature_main_nav {
	width: 60px;
	height: 60px;
	border: 0;
	display: block;
	border-radius: 8px;
	margin: 0 0 5px 0;
}

#mini_avatar_nav {
	position: relative;
	height: 90px;
	margin: 8px 15px;
	padding: 0;
}

#mini_avatar_nav li {
	display: inline-block;
	float: left;
	list-style: none;
	font-size: 8pt;
	line-height: 11pt;
	font-weight: normal;
	vertical-align: top;
	text-align: center;
	color: #75b95b;
	width: 60px;
	margin: 0 8px 0 8px;
}

img.#mini_avatar_nav {
	width: 50px;
	height: 50px;
	border: 0;
	display: block;
	margin: 0 0 5px 0;
}


.question {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 600;
	color: #b2009c;
	margin: 20px 0;
	border-bottom: 1px #b2009c solid;
}


.rel_category {
	font-size: 10pt;
	font-weight: bold;
	color: #000;
}

.feature_superheader {
	font-size: 13pt;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #FFFFFF;
	text-shadow: #000 0px 2px 1px;
	background: #594f01;
	margin: 7px 15px 2px 15px;
	padding: 10px 10px 10px 10px;
}

.feature_header {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #FFF;
	background-color: #006944;
	margin: 2px 15px 2px 15px;
	padding: 7px 10px 7px 10px;
}

.feature_header2 {
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: 600;
	text-align: left;
	display: block;
	color: #00AD70;
	border-bottom: 2px solid #00AD70;
	margin-bottom: 3px;
}

.feature_inline_header {
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: 600;
	text-align: left;
	display: block;
	color: #00AD70;
	border-bottom: 2px solid #00AD70;
	margin-bottom: 3px;
}

.feature_inline_header_music {
	font-size: 19pt;
	line-height: 26pt;
	font-weight: 600;
	text-align: left;
	display: block;
	color: #FFF;
	border-bottom: 2px solid #36811e;
	margin: 15px;
}

.feature_inline_header_sm {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 600;
	text-align: left;
	display: block;
	color: #00AD70;
	border-bottom: 1px solid #00AD70;
	margin-top: 40px;
	margin-bottom: 3px;
}

.feature_inline_subheader {
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #006944;
	margin-bottom: 20px;
}

.feature_header_xl {
	font-size: 20px;
	text-align: left;
	display: block;
	color: #FFF;
	background-color: #00AD70;
	margin: 30px 15px 10px 15px;
	border-radius: 4px;
	padding: 10px;
}

.feature_subheader {
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #FFF;
	background-color: #006944;
	margin: 1px 15px 1px 15px;
	padding: 7px 10px 7px 10px;
}

.feature_subheader_alt {
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #75b95b;
	background: #fff url(/graphics/diagonal_left_dark_green.png) repeat top;
	margin: 1px 15px 1px 15px;
	padding: 7px 10px 7px 10px;
}

.feature_subheader_alt2 {
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #006944;
	margin-bottom: 20px;
}

.inline_content {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 600;
	text-align: center;
	display: block;
	color: #fff;
	background: #006944;
	border-radius: 7px;
	margin: 15px;
	padding: 12px;
}

.inline_content_left {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 600;
	text-align: left;
	display: block;
	color: #fff;
	background: #006944;
	border-radius: 7px;
	margin: 15px;
	padding: 12px;
}

.inline_content a, .inline_content_left a {
	color: #ffc300;
}

.inline_content a:visited, .inline_content_left a:visited {
	color: #c79800;
}

.inline_content a:hover, .inline_content_left a:hover {
	color: #b2009c;
}

.inline_content a:active, .inline_content_left a:active {
	color: #fff;
}

.inline_content_light {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 600;
	display: block;
	color: #000;
	background: #e5e5e5;
	border-radius: 7px;
	margin: 15px;
	padding: 12px;
}

.inline_song_title {
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	display: block;
	margin: 22px 0 8px 0;
}

.feature_intro {
	font-size: 9pt;
	text-align: left;
	display: block;
	color: #FFF;
	background-color: #008556;
	margin: 2px 15px 2px 15px;
	padding: 7px 10px 7px 10px;
}

.feature_multipage {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	display: block;
	color: #FFF;
	background-color: #006944;
	margin: 1px 15px 1px 15px;
	padding: 7px 10px 7px 10px;
}

.feature_menu_container {
	text-align: center;
	background: #594f01 url(/graphics/superheader_bg.png) repeat-x top;
	padding: 0;
}

.feature_menu {
	font-size: 16pt;
	font-weight: bold;
	display: block;
	color: #FFF;
	text-shadow: #000 0px 3px 4px;
	padding: 12px;
}

a.feature_menu {
	text-decoration: none;
	color: #FFF;
}

a.feature_menu:visited {
	text-decoration: none;
	color: #FFF;
}

a.feature_menu:hover {
	text-decoration: none;
	color: #000;
	text-shadow: none;
	background-color: #fff;
}

a.feature_menu:active {
	text-decoration: none;
	color: #000;
	background-color: #B2009C;
}


.feature_menu_small {
	font-size: 11pt;
	font-weight: bold;
	display: block;
	color: #FFF;
	text-shadow: #000 0px 3px 4px;
	padding: 12px;
}

a.feature_menu_small {
	text-decoration: none;
	color: #FFF;
}

a.feature_menu_small:visited {
	text-decoration: none;
	color: #FFF;
}

a.feature_menu_small:hover {
	text-decoration: none;
	color: #000;
	text-shadow: none;
	background-color: #fff;
}

a.feature_menu_small:active {
	text-decoration: none;
	color: #000;
	background-color: #B2009C;
}

.inline_right {
	float: right;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.inline_left {
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.inline_half {
	display: inline-block;
	width: 45%;
	margin: 10px auto;
}

.inline_center {
	display: block;
	width: 60%;
	margin: 30px auto;
}

.inline_wide {
	display: block;
	width: 100%;
	margin: 30px auto;
}



.feature_nav, .e3_nav {
	color: #fff;
	background-color: #00AD70;
	display: inline-block;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	padding: 8px 8px;
	margin: 6px;
}

a.feature_nav, a.e3_nav {
	color: #fff;
	background-color: #00AD70;
	text-decoration: none;
}

a.feature_nav:visited, a.e3_nav:visited {
	color: #fff;
	background-color: #00AD70;
	text-decoration: none;
}

a.feature_nav:hover, a.e3_nav:hover {
	color: #fff;
	background-color: #4BC197;
	text-decoration: none;
}

a.feature_nav:active, a.e3_nav:active {
	color: #fff;
	background-color: #FFC300;
	text-decoration: none;
}

.highlighted_content {
	font-size: 1.1em;
	color: #fff;
	background: #222;
	padding: 15px;
	border-radius: 7px;
	margin: 20px 15px 20px 15px;
	min-height: 150px;
}

.highlighted_content span {
	font-size: 1.5em;
}

a.highlighted_content_link:link {
	color: #ffc300;
}

a.highlighted_content_link:visited {
	color: #ffc300;
}

a.highlighted_content_link:hover {
	color: #fff;
	text-decoration: none;
}

a.highlighted_content_link:active {
	color: #9c7800;
}

.bright_header {
	color: #fff;
	font-size: 20px;
	text-align: left;
	background: #00AD70;
	padding: 10px;
	border-radius: 4px;
	margin: 20px 15px;
}

.bright_header_nav {
	color: #fff;
	font-size: 1.2em;
	line-height: 2.0em;
	text-align: center;
	background: #00AD70;
	padding: 10px;
	border-radius: 4px;
	margin: 20px 15px 10px 15px;
}

	.bright_header_nav a {
		color: #fff;
		margin: 0px 3px;
		padding: 3px 6px;
		text-decoration: none;
		background: #008556;
		border-radius: 4px;
	}
	
	.bright_header_nav a:visited {
		color: #fff;
	}
	
	.bright_header_nav a:hover {
		color: #fff;
		background: #4bc197;
	}

	.bright_header_nav a:active {
		color: #fff;
		background: #ffc300;
	}

.bright_header_nav_sm {
	font-size: 14px;
	text-align: center;
	background: #00AD70;
	padding: 10px;
	border-radius: 4px;
	margin: 20px 15px;
}

	.bright_header_nav_sm a {
		color: #FFF;
		margin: 0px 10px;
		text-decoration: none;
	}
	
	.bright_header_nav_sm a:visited {
		color: #FFF;
	}
	
	.bright_header_nav_sm a:hover {
		color: #000;
	}

.fpic_box {
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 3px;
	border: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border-radius: 0px \0/;
	background-color: #008556;
}

	a.fpic_box {
		text-decoration: none;
	}

	a.fpic_box:hover {
		text-decoration: none;
		color: #fff;
		background: #4bc197;
	}

	a.fpic_box:active {
		color: #fff;
		background: #ffc300;
	}

img.award_image {
	border: 0;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.e3cc_group {
	width: 150px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding: 8px;
	border: none;
	margin: 8px 7px;
	vertical-align: top;
}

.e3cc_title {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 4px 0 0 0;
}

.e3cc_link {
	display: inline-block;
	width: 120px;
	background: #00ad70;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 7px 5px 7px 5px;
	margin: 5px 0 0 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-radius: 0px \0/;
}

a.e3cc_link {
	color: #fff;
	text-decoration: none;
}

a.e3cc_link:hover {
	color: #fff;
	background: #B2009C;
	text-decoration: none;
}

a.e3cc_link:visited {
	text-decoration: none;
}


/* Features End */


/* RPGFan Music */


.recent_thumbnail {
	font-size: 11pt;
	line-height: 13pt;
	display: inline-block;
	text-align: center;
	float: left;
	width: 170px;
	margin: 20px 9px 0 0;
}

.recent_thumbnail img {
	width: 100%;
	margin-bottom: 5px;
	border-radius: 4px;
}

.featured_button {
	font-size: 1.0em;
	line-height: 1.1em;
	display: inline-block;
	text-align: center;
	float: left;
	width: 31.5%;
	min-height: 220px;
	margin: 5px 9px 15px 0;
}

.featured_media {
	min-height: 285px;
}

.featured_button img {
	width: 100%;
	margin: 5px;
	border-radius: 7px;
}

.music_review_table {
	margin: 20px auto;
}

  .moty_album {
	margin-bottom: 25px;
}

/* Vertical text column navigation for RPGFan Music */


a.gallery_link:active {
}

/* About - Staff */


.staff_container {
	width: 32%;
	height: 200px;
	display: inline-block;
	float: left;
	padding: 12px;
	text-align: center;
	margin: 10px 0 10px 0;
}

a.staff_container {
	color: #fff;
	border-radius: 10px;
}


.staff_container_lg {
	padding: 12px;
	margin: 10px 25px 10px 0;
	display: block;
	margin-bottom: 40px;
}

.staff_avatar_main {
	display: block;
	width: 96px;
	height: 96px;
	margin: 0 auto;
	border-radius: 48px;
}

.staff_avatar_main_lg {
	float: left;
	width: 96px;
	height: 96px;
	margin-right: 10px;
	border-radius: 48px;
}

.staff_name {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 10px;
}

.staff_name_lg {
	font-size: 1.9em;
	line-height: 1.4em;
	padding-top: 15px;
}

.staff_title_main {
	color: #008556;
	font-size: 0.85em;
	line-height: 1.4em;
}

.staff_title_main_lg {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #008556;
}


.medium_listing3 {
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background-color: #008556;
	padding: 0 0 0 10px;
}

img.staff_avatar {
	width: 96px;
	height: 96px;
	border: 0;
	margin: 15px;
	float: left;
}

/* Main and General */

#update-logo		{ background: url(/updatepics/logo.png); width: 400px; height: 100px; }


.back			{ font-size: 12pt; color: #fff }
.bodylarge		{ font-size: 12pt; color: #fff }

.header {
	font-size: 11pt;
	font-weight: bold;
	color: #fff;
	background-color: #006944;
	margin: 20px;
	padding: 8px;
	border-radius: 6px;
}


.light {
	font-size: 10pt;
	color: #000;
	background-color: #e5e5e5;
	padding: 9px;
}

.light-bold {
	font-size: 10pt;
	color: #B2009C;
	font-weight: bold;
	background-color: #e5e5e5;
}

.light-alt {
	font-size: 10pt;
	color: #000;
	background-color: #e5e5e5;
	padding: 9px;
}

.light-bold-alt {
	font-size: 10pt;
	color: #B2009C;
	font-weight: bold;
	background-color: #e5e5e5;
}

.light-inset {
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #e5e5e5;
	padding: 5px 5px 5px 5px;
	margin: 3px 3px 3px 3px
}

.light-inset-bold {
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #e5e5e5;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	margin: 3px 3px 3px 3px
}

.medium {
	font-size: 11pt;
	color: #FFFFFF;
	background-color: #b7b7b7;
}

.medium-bold {
	font-size: 10pt;
	color: #B2009C;
	font-weight: bold;
	background-color: #008556;
}


.dark {
	font-size: 11pt;
	line-height: 15pt;
	color: #fff;
	background-color: #222;
	padding: 9px;
}

.dark-bold			{ font-size: 10pt; color: #B2009C; font-weight: bold; background-color: #fff }
.dark-j {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: justify;
	color: #fff;

}

.darklarge			{ font-size: 12pt; color: #fff; background-color: #222 }
.dark-inset			{ font-size: 10pt; color: #fff; background-color: #222; padding: 5px 5px 5px 5px; margin: 3px 3px 3px 3px }

.dark-inset-bold {
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #fff;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	margin: 3px 3px 3px 3px
}

.title {
	font-size: 12pt;
	font-weight: bold;
	color: #B2009C;
	background: #000;
}

.bold {
	font-weight: bold;
	color: #888;
}

.quote {
	font-size: 10pt;
	color: #FFFFFF;
	margin-left: 40px
}

.updates {
	font-size: 9pt;
	color: #B2009C;
	background-color: #fff
}

.tracklist {
	font-size: 8pt;
	color: #fff;
	background-color: #000;
}

.sub {
	text-align: left;
	font-size: 0.85em;
	color: #fff;
	margin-left: 30px;
}


.logo_footer {
	display: block;
	width: 200px;
	margin: 20px auto 0;
}

.footer {
	font-size: 8pt;
	text-align: center;
	color: #fff;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 30px;
}

A.footer:link {
	text-decoration: none;
	color: #fff;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

A.footer:visited {
	text-decoration: none;
	color: #fff;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

A.footer:hover {
	text-decoration: none;
	color: #fff;
	background-color: #00ad70;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

A.footer:active {
	text-decoration: none;
	color: #FFF;
	background-color: #4bc197;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

.footer_menu {
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 30px;
	list-style: none;
}

.footer_menu li {
	color: #fff;
	display: inline-block;
	padding: 10px;
}

.footer_menu a {
	color: #fff;
}

.footer_menu a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.footer_menu a:visited {
	color: #fff;
}

img.footer_rss {
	width: 12px;
	height: 12px;
	margin-right: 8px;
}

.disclaimer	{
	font-size: 8pt;
	color: #B2009C;
	font-weight: bold;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 556px;
}

.footnote {
	font-size: 8pt;
}

/* Featured Menu */


.sitesidebar {
	background: #fff;
	border-left: 1px solid #d8d8d8;
}




/* Sidebar Feeds n Stuff */


.stream_container {
	display: block;
	font-size: 1.0em;
	width: 250px;
	text-align: left;
	float: right;
	background-color: #000;
	padding: 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border-radius: 0px \0/;
	margin: 10px;
}

.stream_header {
	display: block;
	text-align: center;
	font-size: 1.6em;
	color: #fff;
	background-color: #6441a5;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-radius: 0px \0/;
	margin-bottom: 5px;
}

.stream_container p {
	font-size: 1.0em;
	line-height: 1.5em;
	color: #fff;
	margin-bottom: 10px;
}

.stream_day {
	font-size: 1.3em;
	font-weight: 600;
	color: #ffc300;
	margin-top: 15px;
}

.stream_container span {
	color: #00ad70;
}

.stream_container a:visited {
	color: #ffc300;
}


/* Reviews and Previews */

.caption {
	font-size: 0.9em;
	color: #fff;
	background-color: #000;
	padding: 7px;
}

.captiondark {
	font-size: 8pt;
	color: #fff;
	background-color: #fff
}

.caption-center {
	color: #7d7d7d;
	display: block;
	width: 50%;
	font-size: 0.9em;
	line-height: 1.4em;
	font-style: italic;
	text-align: center;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -10px;
	margin-bottom: 25px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}

.margin-left {
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px
}

.margin-right {
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 6px
}


/* Podcasts Start */

.podcast_index_container {
	display: block;
	margin: 10px 0 40px 0;
	border-bottom: 2px solid #00AD70;
}

.podcast_cover {
	float: left;
	margin-right: 20px;
}

.podcast_cover img {
	width: 200px;
	height: 200px;
	border-radius: 10px;
	margin-bottom: 15px;
}

.podcast_index_title {
	display: block;
	font-size: 24pt;
	line-height: 28pt;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.podcast_index_subtitle {
	display: inline-block;
	font-size: 12pt;
	margin: 5px 0 10px 3px;
	box-sizing: border-box;
}

.podcast-container {
	display: block;
}

.podcast_nav {
	list-style: none;
	clear: both;
	display: block;
	padding: 0;
	margin-bottom: 30px;
}

.podcast_nav a span {
	display: block;
	font-size: 1.2em;
	font-weight: 600;
}

.podcast_nav li {
	display: inline-block;
	padding: 5px;
    vertical-align: middle;
    text-align: left;
}

.podcast_nav_item {
	color: #fff;
	background-color: #00AD70;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 10pt;
	line-height: 13pt;
	text-decoration: none;
	border-radius: 8px;
	padding: 8px 15px;
	padding-left: 50px;
	margin-right: 10px;
}

a.podcast_nav_item {
	color: #fff;
	background-color: #00AD70;
	text-decoration: none;
	background-size: auto 32px;
	background-position: 10px 9px;
}

a.podcast_nav_item:visited {
	color: #fff;
	background-color: #00AD70;
	text-decoration: none;
}

a.podcast_nav_item:hover {
	color: #fff;
	background-color: #4BC197;
	text-decoration: none;
}

a.podcast_nav_item:active {
	color: #fff;
	background-color: #FFC300;
	text-decoration: none;
}

.podcast_nav_item img {
	vertical-align: middle;
	margin-right: 10px;
}

a.feedback-icon {
	background-image: url(/graphics/icons/icon-feedback.svg);
}

a.rss-icon {
	background-image: url(/graphics/icons/icon-rss.svg);
}

a.apple-podcasts-icon {
	background-image: url(/graphics/icons/icon-apple-podcasts.svg);
}

a.google-podcasts-icon {
	background-image: url(/graphics/icons/icon-google-podcasts.svg);
}

a.spotify-icon {
	background-image: url(/graphics/icons/icon-spotify.svg);
}

a.overcast-icon {
	background-image: url(/graphics/icons/icon-overcast.svg);
}

a.pocket-casts-icon {
	background-image: url(/graphics/icons/icon-pocket-casts.svg);
}

a.castro-icon {
	background-image: url(/graphics/icons/icon-castro.svg);
}

a.podcast-addict-icon {
	background-image: url(/graphics/icons/icon-podcast-addict.svg);
}

a.podbean-icon {
	background-image: url(/graphics/icons/icon-podbean.svg);
}
a.youtube-icon {
	background-image: url(/graphics/icons/icon-youtube.svg);
}

a.discord-icon {
	background-image: url(/graphics/icons/icon-discord.svg);
}

a.twitter-icon {
	background-image: url(/graphics/icons/icon-twitter.svg);
}


/* Podcasts End */


/* Twitch */

.twitch_embed {
	float: left;
	width: 550px;
	height: 330px;	
}

.twitch_chat_embed {
	float: left;
	width: 550px;
	height: 400px;	
}

.twitch_index_container {
	min-height: 250px;
	display: block;
	margin: 10px 0 40px 0;
}

.twitch_poster_frame {
	float: left;
	margin-right: 20px;
}

.twitch_poster_frame img {
	width: 400px;
	height: 225px;
	border-radius: 10px;
	margin-bottom: 25px;
}



/* News Headlines */

.headlinecontainer {
	background: none;
	display: block;
	margin: 0;
	padding: 0;
	overflow: auto;
	border-bottom: 1px solid #555;
}

.headlinebox {
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 50%;
	min-height: 275px;
	padding: 10px;
	vertical-align: top;
}

a.headlinebox {
	text-decoration: none;
	background: none;
}

a.headlinebox:hover {
	text-decoration: none;
	background: #00ad70;
}

a.headlinebox:hover h1, a.headlinebox:hover h3 {
	color: #fff;
}

.headlinebox img {
	width: 100%;
	border: 0;
	border-radius: 4px;	
}





.headline {
	font-size: 17pt;
	line-height: 22pt;
	font-weight: bold;
	color: #00AD70;
}

div.headlinewrapper {
	padding: 7px;
}

img.headlinepic {
	margin-bottom: 12px;
}

.newsavatar {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.newsavatarleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}


.headline2 {
	font-size: 16pt;
	font-weight: bold;
	color: #00AD70;
}

.headline3 {
	font-size: 14pt;
	line-height: 18pt;
	font-weight: 600;
	color: #00AD70;
}

.headline4 {
	font-size: 1.4em;
	font-weight: 600;
	color: #00AD70;
}

.headline12 {
	font-size: 15pt;
	font-weight: bold;
	color: #00AD70;
}

.newstext {
	font-size: 12pt;
	line-height: 18pt;
	color: #000;
}

.newsdate {
	display: inline-block;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #fff;
	background: #555;
	padding: 2px 5px;
	border-radius: 3px;
	margin: 0 10px 0 0;
}

.date {
	display: inline-block;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #000;
	background: #d8d8d8;
	padding: 2px 5px;
	border-radius: 3px;
	margin: 0 10px 0 0;
}

.byline {
	display: inline-block;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #7d7d7d;
	padding: 2px 5px;
	border-radius: 3px;
	margin: 0 10px 0 0;
}

.game {
	font-weight: bold;
}

.dark strong {
	font-weight: bold;
	color: #000;
}

.unselectable {
    -moz-user-select: none;
    -moz-user-focus: ignore;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.news_snippet {
	margin: 15px auto;
	border-bottom: 1px solid #555;
	text-align: left;
}

/* 2017 Minor Headlines */

.headline_minor_box {
	display: block;
	padding: 10px 0 20px 0;
	margin: 10px 15px 10px 15px;
	border-bottom: 1px solid #b7b7b7;
	overflow: hidden;
}

.crop {
    width: 200px;
    height: 100px;
    overflow: hidden;
    float: left;
    margin-right: 30px;
    border-radius: 4px;
}

.crop img {
    width: 280px;
    height: 100px;
    margin: 0 0 0 -35px;
}

.headline_minor {
	font-size: 16pt;
	line-height: 20pt;
	margin: 5px 0;
	font-weight: 600;
	color: #00AD70;
	display: block;
	margin-bottom: 5px;
}

.article_author_container {
	overflow: auto;
	background: #444;
	padding: 12px;
	margin: 10px 25px 10px 0;
	display: block;
	margin: 40px auto;
	border-radius: 8px;
}

.list_title {
	display: inline-block;
	size: 13pt;
	font-weight: 600;
}


/* Large, Bold Header, Width of Page */

.news_inline_banner {
	font-size: 20px;
	text-align: left;
	display: block;
	color: #FFF;
	background-color: #00AD70;
	margin: 30px 0 15px 0;
	border-radius: 4px;
	padding: 10px;
}


/* Same as above, but with the width set to stop short of the review/preview sidebar */

.article_inline_banner {
	width: 310px;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
	background: #00AD70;
	margin: 0 0 12px 0;
	padding: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-radius: 0px \0/;
}

/* Used for big annoying download buttons */

.giant_button, a.giant_button {
	display: block;
	background: #00AD70;
	text-align: center;
	margin: 25px 100px;
	padding: 20px;
	font-size: 18pt;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
}


a.giant_button:hover {
	background: #4BC197;
	text-decoration: none;
}

a.giant_button:visited {
	background: #4BC197;
	text-decoration: none;
}

a.giant_button:active {
	background: #FFC300;
	text-decoration: none;
}

/* Release Dates */

.small		{ color: #B2009C; font-size: 7pt; }
.norm		{ color: #fff; font-size: 8pt; background-color: #fff }
.new			{ color: #fff; font-size: 8pt; background-color: #004A23 }
.update		{ color: #fff; font-size: 8pt; background-color: #002E16 }

.rd_norm {
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	padding: 6px;
	background-color: #008556;
}

.rd_update {
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	padding: 6px;
	background-color: #004A23;
}

/* Strip predefined formatting from block-level elements */
.boxmodel-clear, ul, menu, dir {
  display:inline-block;
  font-family:inherit;
  font-size:inherit;
  margin:0;
  padding:0;
  width:auto;
  height:auto;
  line-height:inherit;
}


/* Responsive layout - iPad Landscape */
@media screen and (max-width: 1200px) {
  .middle_column {
    width: 80%;
  }
  
  .left_column {
    display: none;
  }

  .right_column {
    width: 20%;
  }

	.social-container {
		float: left;
	}
	

  .featured_button {
  	font-size: 1.1em;
	line-height: 1.3em;
	min-height: 240px;
	width: 48%;
  }

  .featured_media {
	min-height: 300px;
  }

  .featured_music {
	min-height: 475px;
  }



.footer_menu {
	font-size: 1.2em;
}

.footer_menu li {
	display: block;
}


div.leaderboard_ad_footer {
	display: block;
	margin: 15px auto;
	text-align: center;
}



}


/* Responsive layout - iPad Portrait */
@media screen and (max-width: 900px) {
  .wrapper_column {
    width: 100%;
  }
  
  .left_column {
	  display: none;
  }

	.searchbox2 {
		display: none;
	}

	.searchbox-mobile {
		display: block;
		padding: 20px;
		margin: -20px 0 35px 0;
		min-height: 50px;
	}

	.social-container {
		float: left;
	}
	
	.twitch-widget {
		display: none;
	}


  .featured_button {
  	font-size: 1.1em;
	line-height: 1.3em;
	min-height: 220px;
	width: 48%;
  }

  .featured_media {
	min-height: 300px;
  }

  .featured_music {
	min-height: 475px;
  }

  .listing_date {
	  display: none;
  }


  .moty_album {
	display: block;
	float: none;
	margin: 20px auto;
}

.reviews_title {
	width: 80%;
}

.reviews_author, .reviews_date {
	display: none;
}


.footer_menu {
	font-size: 1.2em;
}

.footer_menu li {
	display: block;
}

div.tall_ad_right {
	display: none;
}

div.leaderboard_ad_footer {
	display: block;
	margin: 15px auto;
	text-align: center;
}

.stream_container {
	display: none;
}


.twitch_embed {
	width: 750px;
	height: 420px;	
}

.twitch_chat_embed {
	width: 750px;
	height: 430px;	
}



}

/* Responsive layout - Phone */
@media screen and (max-width: 600px) {
  .wrapper_column {
    width: 100%;
  }
  
  .left_column {
	  display: none;
  }

	.searchbox2 {
		display: none;
	}

	.searchbox-mobile {
		display: block;
		padding: 20px;
		margin: -20px 0 35px 0;
		min-height: 50px;
	}

	.social-container {
		float: left;
	}
	
	.twitch-widget {
		display: none;
	}

header nav {
	text-align: right;
}

.topnav {
	margin-top: -100px;
}

  .topnav li:not(:last-child) {
	  display: none;
  }
  
  .topnav a.icon {
  		float: right;
  		display: inline-block;
  		margin-top: -120px;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 12px;
  }
  .topnav.responsive li {
    float: none;
    display: block;
    text-align: left;
  }

  .featured_button {
  	font-size: 1.1em;
	line-height: 1.3em;
	min-height: 100px;
	width: 100%;
	display: block;
  }

  .featured_media {
	min-height: 100px;
  }
  
  .featured_music {
	min-height: 100px;
  }


  .platform {
	  width: 45%;
  }

  .listing_date {
	  display: none;
  }
  .podcast_cover {
	display: block;
	float: none;
}

  .moty_album {
	display: block;
	float: none;
	margin: 20px auto;
}

.headlinebox {
	text-align: center;
	display: block;
	width: 100%;
	min-height: 200px;
	padding: 10px;
	vertical-align: top;
}

.podcast_cover img {
	width: 100%;
	height: 100%;
}

.feature_index_cover img {
	width: 100px;
	height: 100px;
}

.inline_center {
	width: 100%;
}

.reviews_title {
	width: 80%;
}

.reviews_author, .reviews_date {
	display: none;
}


  .article_sidebar {
	font-size: 10pt;
	line-height: 16pt;
	text-align: left;
	float: none;
	display: block;
	width: 95%;
	margin: 25px 10px 25px 10px;
	padding: 15px;
  }
 
 .article_sidebar_link {
	font-size: 1.4em;
	line-height: 1.6em;
}

img.author_avatar {
	width: 96px;
	height: 96px;
}

div.author {
	font-size: 1.6em;
	line-height: 1.4em;
}

#buy_sidebar_amazon {
	margin: 
}

.caption-center {
	width: 75%;
}

img.pic {
	width: 150px;
	height: 84px;
}

.footer_menu {
	font-size: 1.2em;
}

.footer_menu li {
	display: block;
}

div.tall_ad_right {
	display: none;
}

div.leaderboard_ad_footer {
	display: block;
	margin: 15px auto;
	text-align: center;
}

.staff_container {
	width: 49%;
	height: 180px;
}

.staff_name {
	font-size: 1.0em;
	line-height: 1.1em;
}


.staff_title_main {
	font-size: 0.75em;
	line-height: 1.4em;
}

.staff_avatar_main_lg {
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 96px;
	float: none;
	margin: 10px auto;
}

.staff_name {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 10px;
}

.staff_name_lg {
	text-align: center;
}

.staff_title_main {
	color: #008556;
	font-size: 0.85em;
	line-height: 1.4em;
}

.staff_title_main_lg {
	text-align: center;
}

.stream_container {
	display: none;
}


.twitch_embed {
	width: 300px;
	height: 175px;	
}

.twitch_chat_embed {
	width: 300px;
	height: 430px;	
}



}