/*
Theme Name: MMOHuts Mobile v3
Theme URI: https://example.com/example/
Description: MMOHuts Mobile theme; MMOHuts 2015 Mobile
Author URI: https://mmohuts.com/
Version: 1.0
Tags: MMOHuts Redesign
*/

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: local('Ubuntu Light'), local('Ubuntu-Light'), url(//fonts.gstatic.com/s/ubuntu/v8/_aijTyevf54tkVDLy-dlnJBw1xU1rKptJj_0jans920.woff2) format('woff2');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(//fonts.gstatic.com/s/ubuntu/v8/zvCUQcxqeoKhyOlbifSAaevvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(//fonts.gstatic.com/s/ubuntu/v8/OsJ2DjdpjqFRVUSto6IffJBw1xU1rKptJj_0jans920.woff2) format('woff2');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(//fonts.gstatic.com/s/ubuntu/v8/0ihfXUL2emPh0ROJezvraJBw1xU1rKptJj_0jans920.woff2) format('woff2');
}

* {
	list-style-type:none;
	padding:0;
	margin:0;
	border:none;
	font-family: 'Ubuntu', sans-serif;
	text-decoration: none;
	color:#272525;
	font-weight:normal;
}
body {
	background-color:#FAFAFA;
}
#page {
	width:100%;
	height:auto;
	margin:0 auto;
	overflow-x:hidden;
	min-width:100%;
	max-width:100%;
}
div.site-main {
	width:100%;
	height:auto;
	min-width:100%;
	max-width:100%;
	float:left;
}

/* Header Nav Bar */
.header-container {
	width: 100%;
	background-color: #272525;
	height: 9vw;
	max-height: 80px !important;
	margin: 0;
	padding: 0 0 0 0;
	position: absolute;
}
.toggle, [id^=drop] {
	display: none;
}
nav {
	float: left;
	display; block;
	margin: 0;
	padding: 0;
	background-color: #1B8A32;
	width: 25%;
	margin-left: 3%;
	margin-right: 7%;
	height: 9vw;
	max-height: 80px !important;
}
nav:after {
	content: "";
	display: table;
	clear: both;
}
nav ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
nav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
	background-color: #1B8A32;
}
nav a {
	display: block;
	padding: 0 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: 300;
	line-height: 40px;
	text-decoration: none;
}
nav ul ul {
	display: none;
	top: 40px;
}
nav ul ul li {
	width: 100px;
	float: none;
	display: list-item;
	position: relative;
}
nav ul li {
	display: block;
	width: 100%;
	border-top-color: #125921;
	border-width: 1px;
	border-top-style: solid;
}
nav ul ul .toggle, nav ul ul a {
	padding: 0 40px;
}
nav ul ul ul a {
	padding: 0 60px;
}
nav ul li ul li .toggle, nav ul ul a {
	max-width: 120px;
	background-color: #17732A;
	border-bottom-color: #125921;
	border-width: 1px;
	border-bottom-style: solid;
}
nav ul ul {
	float: none;
	position: static;
	color: #ffffff;
}
nav ul ul li {
	display: block;
	width: 100%;
}
nav ul ul ul li { 
	position: static;
	top: -60px;
	left: 170px;
}
#nav-menu {
	margin-top: -7px;
	z-index: 100;
}
.toggle + a, .menu {
	display: none;
}
.toggle {
	display: block;
	background-color: #1B8A32;
	padding: 0 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: 300;
	line-height: 40px;
	text-decoration: none;
	border: none;
}
[id^=drop]:checked + ul {
	display: block;
}
.nav-img-container {
	float: left;
	display: inline;
	width: 33%;
	margin-top: 7%;
	margin-left: 15%;
}
.nav-img {
	width: 60%;
	max-height: 60px !important;
}
.nav-title-text {
	float: left;
	color: #FFF;
	font-size: 15px;
	font-size: 3.2vw;
	font-weight: 300;
	margin-top: 8%;
}
.header-logo-container {
	float: left;
	width: 33%;
}
.header-logo a img {
	height: 8vw;
	max-height: 78px;
	float: left !important;
	margin: 2px auto 0px auto !important;
}
.header-search-menu-title img{
	width:33%;
	max-width: 55px;
	height:auto;
	margin-left: 33%;
	margin-right: 33%;
	margin-top:11%;
}
.header-search-navigation-container {
	width: 26%;
	float: right;
	margin-right: 5%;
	margin-top: 2px
}
.header-searchbar {
	width: 80%;
	margin-left: 20%;
}
.header-searchbar input {
	border-radius: 5px;
	max-width: 300px;
	width: 90%;
	height: 6vw;
	max-height: 70px;
	background-color: #f2f2f2;
	color: #272525;
	padding: 0 10px 0 10px;
	margin: 2% 3% 2% 0;
	font-size: 14px; font-size: 3vw;
}

/* Header Landscape */
@media only screen and (min-width: 375px) {
	#nav-menu {
		margin-top: -4px;
	}
	
	nav a, .toggle {
		font-size: 15px;
	}
}

@media only screen and (min-width: 414px) {
	#nav-menu {
		margin-top: -1px;
	}

	nav a, .toggle {
		font-size: 16px;
	}
}
	
/* Header Landscape */
@media only screen and (min-width: 480px) {
	.nav-img-container {
		margin-top: 12%;
	}
	
	.nav-title-text {
		margin-top: 10%;
	}
	#nav-menu {
		margin-top: 0;
	}
}

/* Breadcrumbs */
.breadcrumbs {
	float: left;
	margin-top: 12%;
	margin-left: 2%;
	font-size: 14px;
	text-transform: uppercase;
}
.breadcrumbs * {
	display: inline-block;
}
.breadcrumb-link span{
	color: #1B8A32;
}

/* Social Media Buttons */	
.share-icons {
    float: left;
    width: 95%;
    margin-left: 2.5%;
    margin-bottom: 8px;
}
.share-icons-title {
  font-weight: 200;
  font-size: 18px;
  line-height: 25px;
  margin: 0 0 12px 5%;
}
.share-icon {
	width: 20%;
	float: left;
	display: inline;
	margin-left: 2.5%;
	margin-right: 2.5%;
	height: 8vw;
	max-height: 65px;
}
.share-icon a {
	width: 100%;
	float: left;
}
.share-icon a img {
	position: relative;
	width: auto;
	height: 8vw;
	max-height: 65px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Search mechanisms */
.clearable{
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAARRQTFRFAAAAQEBAMzMzAAAAAAAAkpKSgICAgICAxMTE2NjYyMjI8vLy8vLy9PTy9PT09/f09/f39vb2+Pj49vb2+fn5+vr6+fn5+fn5+Pj4+fn4+fn5+fn4+/v7+fn5+vr5/Pz8+Pj4+fn4+vr6+/v7+vr6////LS8zMDI2MTI2MTM3Ojs/PD5BPT5BP0BDQEJFQUJFUVJUUlJVUlNVVFVXVVZYVldZWVpcWlpcWltcWltdjIyNjI2NxMTFxsbGxsbHx8fIx8jIyMjIysrKy8vLzMzNzM3Nzc3Nzs7O19fX2NjY7+/v7/Dv8PDv8PDw+Pj4+fn4+fn5+vr5+vr6/v7+////Ojw/QEJEQUJFUVJV+Pj4+/v7////3Oq6jAAAAFV0Uk5TAAQFBgcHCAoNDQ5gYWFhYWGTk5Sr09Tf4ODg4fT6+vr7+/v7/f3+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/i+PEAIAAAFJSURBVBjTTZHZUsJQEERHQthFwLCIQa7sCkhkFVkUUCCI5CYZF5j//w9vSFHlPMxDV3VN9xk4k2QZQjElqapJJRYCWZY8IPm9cH5NRIeDWNkoeP0SyF5IELFcgZcKN4woAV4ZZKGxIu4tMXssMqH6ACJ0W97qtsm5aa+3ZUZRgGCWih+j6hwNTrPK86ZImRDEiKFe7bcmiOPm4E5HRjFQKLe35z/d+tviq/e9sPc5UiBFBYvjtNHRtE7jlbhVoCSoh5JlGrTUhsPfFe5Mq3RQjyI3cKENn9rvaLiiYzdxfN95bHfqE3Tt4hC3Z81efbWsdx/m7iEn0royaL0gTlv9mhPpAgIZyn+Oqgvc7XBec8JfhZyarLzRbS562vpG1AyDABInlj8BybtABLr4f3SXDjoHciR9gpwOHyF7JNkHgeM7Uko0CD7xjj8wvk3/66tZ1QAAAABJRU5ErkJggg==) no-repeat right -20px center;
	padding: 3px 25px 3px 4px; /* Use the same right padding (25) in jQ! */
	transition: background 0.4s;
}
.clearable.x {
	background-position: right 9px center;
}
.clearable.onX {
	cursor: pointer;
}

/* Buttons */
.big-nav-button {
	width: 60%;
	text-align: center;
	float: left;
	height: 40px;
	margin-top: 6%;
	margin-left: 20%;
}
.big-nav-button a{
	margin: 0 auto;
	text-align: center;
	padding: 15px 50px 15px 50px;
	border-radius: 6px;
	border: 1px solid #d4e7d8;
	font-size: 16px;
	background: #FFF;
}
.gameprofile-officialsite-button a{
	width: 3vw;
	background-color:#ea0000;
	height:auto;
	padding: 6px 33px 6px 32px;
	border-radius:6px;
	color:#ffffff;
	font-size:14px; font-size:2.8vw;
	box-shadow:0 2px #cf0000;
	margin-left: 10px;
}
.gameprofile-profile-button a {
	width: 3vw;
	background-color:#1b688a;
	height:auto;
	padding: 6px 28px 6px 28px;
	border-radius:6px;
	color:#ffffff;
	font-size:14px; font-size:3vw;
	box-shadow:0 2px #125674;
	margin-left: 10px;
}
.gameprofile-review-button a {
	width: 3vw;
	background-color:#1b8a32;
	height:auto;
	padding: 6px 28px 6px 28px;
	border-radius:6px;
	color:#ffffff;
	font-size:14px; font-size:2.8vw;
	box-shadow:0 2px #18762B;
	margin-left: 10px;
}
.pagination {
	width: 60%;
	text-align: center;
	float: left;
	height: 40px;
	margin-top: 40px;
	margin-left: 20%;
}
.pagination a{
	margin: 0 auto;
	text-align: center;
	padding: 15px 50px 15px 50px;
	border-radius: 6px;
	border: 1px solid #d4e7d8;
	font-size: 18x;
	background: #FFF;
}
.news-article-officialsite-button-container {
	float: left;
    width: 100%;
    text-align: center;
    margin: 3% 0px 20px;
}
.news-article-officialsite-button a {
	width: 33%;
	margin-left: auto;
	background-color: #EA0000;
	padding: 10px 35px;
	border-radius: 6px;
	color: #FFF;
	font-size: 20px;
	box-shadow: 0 4px #CF0000;
}
.video-gotw-button-container {
	float: left;
    width: 100%;
    display: block;
    text-align: center;
    margin: 10px 0 10px 0;
}
.video-gotw-button a {
	width: 33%;
	margin-left: auto;
	background-color: #EA0000;
	padding: 10px 35px;
	border-radius: 4px;
	color: #FFF;
	font-size: 20px;
	box-shadow: 0px 4px #CF0000;
}

/* Ads on Pagination */
.dynamic-editorial {
	width: 45%; 
	float: left; 
	display: inline;
	margin: 7px 2.5% 7px 2.5%;
}
.dynamic-editorial-image{
	width: 90%;
	margin-left: 5%;
	margin-right: auto;
	max-width: 240px;
	max-height: 135px;
}
.dynamic-editorial-title {
	width: 90%;
	margin-left: 5%;
	margin-right: auto;
	color: #1B8A32;
	overflow: hidden;
	overflow-x: hidden;
	line-height: 16px;
	text-overflow: string;
	white-space: nowrap;
}
.dynamic-editorial-excerpt {
	width: 90%;
	margin-left: 5%;
	float: left;
	font-size: 14px;
	font-weight: 200;
	overflow: hidden;
}

/* Ratings */
.post-ratings {	
}

.ratings-container {
	margin: 6px 10px 10px 10px;
	float:left;
	display: inline-block;
}

/* Homepage Featured Games */
.homepage-featured-games {
	width: 100%;
	margin-bottom:5%;
}
.homepage-featured-games h5 {
	font-weight: 200;
	font-size: 20px;
	line-height: 30px;
	margin-top: 30px;
	margin-left: 3.5%;
}
.homepage-featured-game {
	width: 95%;
	float: left;
	margin-bottom: 10px;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.homepage-featured-game-img {
	width: 100%;
	height: auto;
}
.homepage-featured-game-copy-container {
	float: left;
	padding: 5px 5px 0 5px;
}
.homepage-featured-game-copy-container p {
	font-size: 13px;
	padding-top: 8px;
	text-transform: uppercase;
	font-weight: 500;
}
.homepage-featured-game-copy-container ul li {
	font-size: 18px;
	color: #1b8a32;
	padding: 3px 0 3px 0;
}
.homepage-featured-game-copy-container ul li a:link {
	color: #1b8a32;
}
.homepage-featured-game-copy-container ul li a:visited {
	color: #1b8a32;
}
.homepage-featured-game-copy-container h4 {
	font-size: 20px;
	font-weight: 500 !important;
}
@media only screen and (min-width: 480px) {
	.homepage-featured-games h5 {
		font-weight: 200;
		font-size: 20px;
		line-height: 30px;
		margin-top: 30px;
		margin-left: 6%;
	}
	.homepage-featured-game {
		width: 95%;
		float: left;
		margin: 5px 0 10px 5%;
	}
	.homepage-featured-game-img a, .homepage-featured-game-img{
		max-width: 45%;
		float: left;
		display: inline;
		max-height: 250px;
	}
	.homepage-featured-game-copy-container {
		width: 45%;
		float: left;
		padding: 5px 5px 0 10px;
		display: inline;
	}
	.homepage-featured-game-copy-container h4{
		font-size: 22px;
		font-weight: 500 !important;
	}
	.homepage-featured-game-copy-container ul li {
		font-size: 17px;
		color: #1b8a32;
		padding: 1px 0 1px 0;
	}
}

/* Homepage Featured Article */
.homepage-featured-article {
	width: 95%;
	float: left;
	margin-bottom: 10px;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.homepage-featured-article h5 {
	font-weight: 200;
	font-size: 20px;
	line-height: 30px;
	margin-top: 30px;
	margin-left: 3.5%;
}
.homepage-featured-article-image img {
	width: 100%;
	height: auto;
}
.homepage-featured-article-author {
	color: #969696;
	font-weight: normal;
	font-size: 10px; font-size: 2.3vw;
	float:right;
	margin-right: 2%;
}
.homepage-featured-article-title a{
	float:left;
	color: #1b8a32;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
}
.homepage-featured-article-copy{
	font-size: 18px;
	color: rgb(88,88,88);
	line-height: 25px;
	float:left;
}
@media only screen and (min-width: 480px) {
	.homepage-featured-article {
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}
	.homepage-featured-article-image a, .homepage-featured-article-image{
		max-width: 45%;
		float: left;
		display: inline;
		max-height: 250px;
	}
	.homepage-featured-article-content-container {
		width: 45%;
		float: left;
		padding: 1px 1px 0 10px;
		display: inline;
	}
	.homepage-featured-article-author {
		color: #969696;
		font-weight: normal;
		font-size: 10px; font-size: 2vw;
		float: left;
	}
	.homepage-featured-article-title a{
		float:left;
		color: #1b8a32;
		font-weight: normal;
		font-size: 20px;
		line-height: 22px;
	}
	.homepage-featured-article-copy{
		font-size: 16px;
		color: rgb(88,88,88);
		line-height: 20px;
		float:left;
	}
}

/* Homepage Featured Video */
.homepage-featured-video {
	width: 95%;
	float: left;
	margin-bottom: 10px;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.homepage-featured-video h5 {
	font-weight: 200;
	font-size: 20px;
	line-height: 30px;
	margin-top: 30px;
	margin-left: 3.5%;
}
.homepage-featured-video-image-container {
	width: 100%;
	height: auto;
}
.homepage-featured-video-image img{
	width: 100%;
	height: auto;
}
a.homepage-featured-video-play-button {
	position:absolute;
	opacity:.8;
	background-color: #1b8a32;
	padding: 15px 0 0 15px;
	width: 54px;
	height: 51px;
	margin: 37px 0 0 115px;
	border-radius:4px;
}
.homepage-featured-video-duration {
	color: #969696;
	font-weight: normal;
	font-size: 10px; font-size: 3vw;
	float:right;
	margin-right: 2%;
}
.homepage-featured-video-image-container a.homepage-featured-video-play-button {
	margin: 17% 0 0 35.5%;
}
.homepage-featured-video-title a{
	float: left;
	color: #1b8a32;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
}
.homepage-featured-video-copy {
	font-size: 18px;
	color: rgb(88,88,88);
	line-height: 25px;
	float:left;
}
@media only screen and (min-width: 480px) {
	.homepage-featured-video-image-container {
		width: 52%;
		height: auto;
		display: inline;
		float: left;
	}
	.homepage-featured-video-image img{
		width: 100%;
		height: auto;
		display: inline;
	}
	.homepage-featured-video-image-container a.homepage-featured-video-play-button {
		margin: 7.5% 0 0 17.5%;
	}
	.homepage-featured-video-duration {
		color: #969696;
		font-weight: normal;
		font-size: 10px; font-size: 2.2vw;
		float:right;
		margin-right: 2%;
	}
	.homepage-featured-video-content-container {
		width: 45%;
		float: right;
		display: inline;
	}
	.homepage-featured-video-title a{
		float: right;
		color: #1b8a32;
		font-weight: normal;
		font-size: 20px;
		line-height: 22px;
	}
	.homepage-featured-video-copy {
		font-size: 16px;
		color: rgb(88,88,88);
		line-height: 20px;
		float:right;
	}
}

/* Homepage Featured Giveaway */
.homepage-featured-giveaway {
	width: 95%;
	float: left;
	margin-bottom: 10px;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.homepage-featured-giveaway h5 {
	font-weight: 200;
	font-size: 20px;
	line-height: 30px;
	margin-top: 30px;
	margin-left: 3.5%;
}
.homepage-featured-giveaway-image img {
	width: 100%;
	height: auto;
}
.homepage-featured-giveaway-title{
	float: left;
	color: #1b8a32;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	display:inline;
}
.homepage-featured-giveaway-info{
	float: right;
	bottom: 0;
	margin-top:2px;
	font-size: 16px;
	line-height: 25px;
	margin-left: 5px;
}

/* Sort and Search */
.sort-container {
	width:100%;
	margin-bottom: 5%;
	display: block;
}
catnav {
	float: left;
	display; inline;
	margin: 0;
	padding: 0;
	background-color: #F2F2F2;
	width: 45%;
	margin-left: 3%;
	height: 8vw;
	max-height: 44px !important;
	border-radius: 6px;
}
catnav:after {
	content: "";
	display: table;
	clear: both;
}
catnav ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
}
catnav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
	background-color: #F2F2F2;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
catnav a {
	display: block;
	padding: 0 20px;
	color: #272525;
	font-size: 14px;
	line-height: 40px;
	text-decoration: none;
}
catnav ul li {
	display: block;
	width: 100%;
}
#catnav-menu {
	z-index: 99;
	height: 223px; 
	overflow: auto;
}
.cat-toggle + a, .menu {
	display: none;
}
.cat-toggle {
	display: block;
	background-color: #F2F2F2;
	padding: 0 20px;
	color: #272525;
	font-size: 14px;
	line-height: 40px;
	text-decoration: none;
	border: none;
	border-radius: 6px;
	height: 42px;
}
[id^=catdrop]:checked + ul {
	display: block;
}
.searchbar-container {
	margin-right: 1%;
	float:right;
	width: 45%;
	margin-bottom: 10px;
}
.searchbar * {
	width: 80%;
	font-size: 14px; font-size: 3vw;
}
.searchbar input {
	border-radius: 6px;
	height: 44px;
	background-color: #f2f2f2;
	color: #272525;
	padding: 0 10px 0 10px;
	font-size: 14px;
}

/* Category & Genre Pages */
.category-genre-featured-games {
	width: 98%;
	margin-bottom: 10px;
	margin-left: 1%;
	margin-right: 1%;
}
.category-genre-featured-games h5 {
	font-weight: 200;
	font-size: 18px;
	line-height: 30px;
	margin-top: 10px;
	margin-left: 3.5%;
	margin-bottom: 5px;
}
.category-genre-featured-game {
	width: 48.5%;
	float: left;
	margin-bottom: 10px;
	margin-left: 0.75%;
	margin-right: 0.75%;
	display: inline-block;
}
.category-genre-featured-game-image {
	width: 100%;
	height: auto;
}
.category-game-list {
	margin-top: 10px;
}
.category-genre-game {
	width: 98%;
	margin: 5px 1% 5px 1%;
	float: left;
	padding: 5px 3px 8px 3px;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
}
.category-genre-game-left {
	width: 55%;
	float: left;
}
.category-genre-game-image {
	width: 98%;
	height: auto;
}
.category-genre-game-title {
	font-weight: 300;
	font-size: 17px;
	line-height: 17px;
	margin: 0 10px 0px 10px
}
.mobile-game-icon {
	display: inline;
}
.category-genre-buttons{
	clear:both;
}
.category-genre-game-right {
	width: 45%;
	float:right;
	margin-bottom: 10px;
}
.category-genre-game-excerpt{
	float:left;
	margin-top:1%;
	margin-left:1%;
	font-size: 15px;
	font-weight: 300;
}
.category-genre-separator {
	width:80%;
	margin-left:10%;
	border: 0; 
	height: 1px; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(27, 138, 48, 0.75), rgba(0, 0, 0, 0));
}

/* Game Profile */
.game-profile {
	margin-top: 10px;
}
.game-profile-status-bad {
	width: 80%;
	text-transform: uppercase;
	font-size: 14px; font-size: 3vw; 
	padding: 3px 6px 3px 6px;
	color: #272525;
	background-color: #F21616;
	border-radius: 3px;
	opacity:.8;
	color:#ffffff;
	margin-left: 8%;
	text-align: center;
}
.game-profile-image {
	width: 94%;
	margin-left: 3%;
	height: auto;
}
.game-profile-basic-info {
	width: 100%;
	float: left;
}
.game-profile-basic-info h5{
	font-weight: 200;
	font-size: 20px;
	line-height: 30px;
	margin-left: 3.5%;
	display: inline;
	margin-right: 3.5%;
}
.game-profile-button-container {
	width: 90%;
	float: left;
	margin: 10px auto 20px 5%;
}
.gameprofile-officialsite-button-container {
	width: 45%;
	float: left;
}
.gameprofile-review-button-container {
	width: 45%;
	float: right;
}
.game-profile-stores {
	float: left;
	height: auto;
	width: 96%;
	border-bottom: 1px solid #EFEFEF;
	text-align: center;
	margin-bottom: 3%;
	padding-bottom: 4.5%;
	margin-left: 2%
}
.game-profile-stores-label {
	width: 100%;
	float: left;
	white-space: nowrap;
	margin: 0 0 0 5%;
	display: block;
}
.game-profile-stores-button-container {
	width: 70px;
	margin: 0px auto;
	white-space: nowrap;
	vertical-align: top;
	margin-top: 10px;
	display: inline-block;
}
.game-profile-stores-button {
	width: 44px;
	display: block;
	height: 36px;
	margin-left: 3px;
	margin-right: 3px;
	border-radius: 6px;
	padding: 10px;
}
.game-profile-stores-button-img {
	vertical-align: middle;
	padding-bottom: 6px;
}
.game-profile-related-content {
	float: left;
	display: block;
	width: 40%;
	margin-left: 30%;
	text-align: center;
	margin-bottom: 15px;
}
.game-profile-related-content a{
	margin: 0 auto;
	text-align: center;
	padding: 10px 10px 10px 10px;
	border-radius: 6px;
	border: 1px solid #d4e7d8;
	background: #FFF;
	font-size: 16px;
}

/* Collapsible */
b div.other-articles-container {
	font-weight:normal !important;
}
div.overview-collapsible {
	float:left;
	height:auto;
	width:100%;
	border-bottom:1px solid #efefef;
	padding-bottom:3%;
	margin-bottom:4%;
}
div.articles-collapsible {
	float:left;
	height:auto;
	width:100%;
	border-bottom:1px solid #efefef;
	padding-bottom:3%;
	margin-bottom:4%;
}
.articles-collapsible b {
	font-size:20px;
}
.articles-collapsible a:link b {
	color:#1b8a32 !important;
}
.articles-collapsible a:hover {
	text-decoration:underline;
	color:#1b8a32 !important;
}
div.videos-collapsible {
	float:left;
	height:auto;
	width:100%;
	border-bottom:1px solid #efefef;
	padding-bottom:3%;
	margin-bottom:4%;
}
div.screenshots-collapsible {
	float:left;
	height:auto;
	width:100%;
	border-bottom:1px solid #efefef;
	padding-bottom:3%;
	margin-bottom:4%;
}
div.gamedetails-collapsible {
	float:left;
	height:auto;
	width:100%;
	border-bottom:1px solid #efefef;
	padding-bottom:3%;
	margin-bottom:4%;
}
div.topic {
    width: 100%;
	height:auto;
	float:left;
	margin-top: 8px;
	outline:0;
	font-size:18px;
}
button {
	width: 90%;
	margin-left: 5%;
	float: left;
	background-color: #FAFAFA !important;
	outline: medium none;
}
.game-profile-screenshots-container {
	width: 94%;
	margin-left: 3%;
}
.gamedetails-procon-list ul li {
	margin-left:1em;
}
.topic p {
	color:rgb(88,88,88);
	font-size:16px;
	line-height:25px;
	width:90%;
	margin-left:5%;
	margin-top: 15px;
}
.topic a:link {
	color:#1b8a32 !important;
}
.topic a:hover {
	text-decoration:underline;
}
div#t3 a b {
	font-size:20px;
	color:#1b8a32 !important;
}
div#t3 a:link {
	color:#1b8a32 !important;
}
div#t3 a:hover {
	color:#1b8a32 !important;
	text-decoration:underline;
}
#t5 ul {
	width:90%;
	margin-left:5%;
	font-size: 16px;
}
#t5 ul li ul {
	margin-left:0;
}
div.related-video-collapsible {
	width:90%;
	height:auto;
	float:left;
	margin:0 0 5% 5%;
}
.related-video-collapsible img {
	width:127px;
	height:auto;
	float:left;
	margin-right:3%;
}
div.related-articles-collapsible {
	width:90%;
	height:auto;
	float:left;
	margin:0 0 5% 5%;
}
.related-articles-collapsible img {
	width:80px;
	height:auto;
	float:left;
	margin-right:3%;
}
.article-header a:link {
	color:#1b8a32 !important;
}
.article-header a:visited {
	color:#1b8a32 !important;
}
.game-profile h2 {
	font-weight:normal;
	font-size:18px;
	float:left;
}
a.buttonControl {
  color: #004400;
  text-decoration: none;
  border-bottom: 1px solid #004400;
}
.buttonControl span {
	float:right;
}
a.buttonControl:hover,
a.buttonControl:active,
a.buttonControl:focus {
  color: #880000;
  border-bottom: 2px solid #880000;
}

.index-list-container {
	margin-top: 10px;
	float:left;
}
.index-list-container h5 {
	display: block;
	float: left;
	font-weight: 200;
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 12px 5%;
}

/* News Index */
.news-popular-article {
	width: 95%;
	float: left;
	margin-bottom: 10px;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.news-popular-article h5 {
	font-weight: 200;
	font-size: 20px;
	line-height: 30px;
	margin-top: 10px;
}
.news-popular-article-image img {
	width: 100%;
	height: auto;
}
.news-popular-article-title a{
	float: left;
	color: #1b8a32;
	font-size: 18px;
	line-height: 20px;
}
.news-popular-article-excerpt {
	float: left;
	font-size: 16px;
	color: rgb(88,88,88);
	line-height: 18px;
}
.news-popular-article-author a{
	color: #969696;
	font-weight: normal;
	font-size: 13px;
	float:right;
	margin-right: 2%;
}
.single-article {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	display: block;
	height: 165px;
	margin-bottom: 10px;
	background: #fcfcfd;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
	height: auto;
}
.single-article-left {
	width: 70%;
	float: left;
	height: auto;
	position: relative;
}
.single-article-type {
	text-transform: uppercase;
	font-size: 12px;
	width: 3wv;
	padding: 3px 6px;
	color: #FFF;
	font-weight: normal;
	border-radius: 3px;
	float: left;
	margin: 3% 0 2% 10px;
	position: relative;
}
.single-article-related-game {
	text-transform: uppercase;
	font-size: 12px;
	width: 3wv;
	padding: 3px 6px;
	font-weight: 300;
	border-radius: 3px;
	float: left;
	margin: 3% 0 2% 2%;
	position: relative;
	overflow: hidden;
}
.single-article-title {
	float:left;
	clear: both;
	margin: 2px 10px 0 10px;
	overflow: hidden;
}
.single-article-title a{
	color: #1b8a32;
	float:left;
	display: block;
	font-weight: normal;
	font-size: 18px;
}
.single-article-date-posted {
	font-size: 14px;
	color: rgb(88,88,88);
	line-height: 16px;
	float:left;
	clear: both;
	margin: 5% 5px 5% 10px;
}
.single-article-right {
	width: 30%;
	float: right;
	max-width: 137px;
	position: relative;
}
.single-article-image {
	height: auto;
	width: auto;
	max-height: 176px;
	max-width: 127px;
	margin-right: 0;
}
.single-article-image img{
	height: auto;
	width: auto;
	max-width:100%;
	max-height:100%;
	position: relative;
	margin: 2% 5% 0% 2%;
	padding-right: 5%;
}

/* Videos Index */
.videos-popular-video {
	width: 95%;
	float: left;
	margin-bottom: 10px;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.videos-popular-video h5{
	font-weight: 200;
	font-size: 20px;
	line-height: 30px;
	margin-top: 10px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper object, .videoWrapper embed,  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videos-popular-video-title {
	float:left;
	color: #1b8a32;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
}
.videos-popular-video-title a{
	float: left;
	color: #1b8a32;
	font-size: 18px;
	line-height: 20px;
}
.videos-popular-video-duration {
	color: #969696;
	font-weight: normal;
	font-size: 13px;
	float: right;
	margin-right: 2%;
	margin-top: 2px;
}
.videos-popular-video-excerpt {
	float: left;
	font-size: 16px;
	color: rgb(88,88,88);
	line-height: 18px;
}
.single-video {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	display: block;
	margin-bottom: 10px;
	background: #fcfcfd;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
}
.single-video-left {
	width: 45%;
	float: left;
}
.single-video-image {
	height: auto;
	width: auto;
	max-height: 121px;
	max-width: 215px;
	margin-left: 0;
}
.single-video-image img{
	height: auto;
	width: auto;
	max-width:100%;
	max-height:100%;
	position: relative;
	margin-top: 4%;
	margin-bottom: 2%;
	margin-left: 2%;
}
.single-video-right {
	width: 53%;
	float: right;
	margin-left: 1%;
}
.single-video-right-top {
	width: 100%;
}
.single-video-type {
	text-transform: uppercase;
	font-size: 12px; font-size: 3vw;
	width: 3wv;
	padding: 3px 6px;
	color: #FFF;
	font-weight: normal;
	border-radius: 3px;
	float: left;
	margin: 3% 0 2% 10px;
	position: relative;
}
.single-video-related-game {
	text-transform: uppercase;
	font-size: 12px; font-size: 2.8vw;
	padding: 3px 2px;
	font-weight: 300;
	border-radius: 3px;
	float: left;
	margin: 3% 0 0 2%;
	position: relative;
	overflow-x: hidden;
	width: 45%;
}
.single-video-title {
	float:left;
	clear: both;
	margin: 0 5px 0 10px;
	overflow: hidden;
}
.single-video-title a{
	color: #1b8a32;
	float:left;
	display: block;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 4px;
}

/* Games List */
.games-popular-games {
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 3%;
}
.games-popular-games h5 {
	font-weight: 200;
	font-size: 20px;
	line-height: 30px;
	margin-top: 10px;
	margin-left: 2%;
}
.game-popular-games-image {
	float: left;
	height: auto;
	width: 48%;
	margin-left: 1%;
}
.game-popular-games-image img{
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	position: relative;
	margin-top: 4%;
	margin-bottom: 2%;
	margin-left: 2%;
}
.game-list-key {
	width: 96%;
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	padding-bottom: 5px;
	color: #272525;
	font-weight: 500;
	margin-left: 2%;
	margin-right: 2%;
}
.game-list-key-title {
	width: 30%;
	float: left;
	text-transform: uppercase;
	font-size: 13px;
}
.game-list-key-rating {
	float: right;
	text-transform: uppercase;
	font-size: 13px;
}
.game-list-game {
	width: 96%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	padding:2% 0 2% 0;
	border-top:1px solid #efefef;
}
.game-list-game-title {
	width: 70%;
	overflow: hidden;
}
.game-list-game-title a{
	color: #1B8A32;
	float: left;
	overflow: hidden;
	margin-right: 0;
}
.game-list-game-editor-rating {
	float: left;
	font-size: 14px;
	font-weight: 300;
	display: inline;
	margin: 1px 2px 0 2px;
	color: #6D6D6D;
}
.game-list-game-genre {
	float: left;
	font-size: 14px;
	text-align: left;
	margin-left: 0;
	font-weight: 200;
	overflow: hidden;
}
.game-list-rating-container {
	width: 28%;
	float: right;
	margin-right: 2%;
	margin-top: -30px;
	position: relative;
}
.game-listing-rating {
	float: right;
	text-transform: uppercase;
}

/* Single News Article */
.news-article {
	width: 98%;
	margin-left: 1%;
	float: left;
	margin-bottom: 3%;
}
.news-article h5{
	font-weight: 200;
	font-size: 22px;
	line-height: 23px;
	margin-left: 2%;
	margin-top: 10px;
}
.news-article-info-container {
	width: 98%;
	float: left;
	margin-bottom: 10px;
	margin-left: 2%;
	margin-top: 10px;
}
.news-article-type {
	float: left;
	text-transform: uppercase;
	font-size: 12px;
	width: 3wv;
	padding: 3px 6px;
	color: #FFF;
	font-weight: normal;
	border-radius: 3px;
	margin-bottom: 0;
}
.news-article-date {
	float:left;
	width: auto;
	font-size: 14px;
	line-height: 16px;
	color: rgb(88,88,88);
	margin: 2px 5px 0 5px;
}
.news-article-main-image-container {
	width: 100%;
	float: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.news-article-main-image {
	height: auto;
	width: auto;
	max-height: 1208px;
	max-width: 678px;
	margin-right: auto;
	margin-left: auto;
}
.news-article-main-image img {
	height: auto;
	width: auto;
	width: 100%;
	max-height:100%;
	position: relative;
}	
.news-article-main-image-caption {
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 14px;
	line-height: 18px;
	color: #585858;
	text-align:center;
}
.post-content {
	float: left;
	display: block;
	position: relative;
	width: 96%;
	height: auto;
	margin: 5px 1% 10px 1%;
	font-size: 16px;
	line-height: 24px;
	color: #383838;
}
.post-content p {
	float: left;
	width: 96%;
	height: auto;
	margin: 1% 1% 0 3%;
	font-size: 16px;
	line-height: 24px;
	color: #383838;
	margin-bottom: 15px;
}
.post-content h3 {
	width: 96%;
	margin: 1% 1% 0 3%;
}
.post-content p b, .post-content p strong {
	font-weight: 500;
}
.post-content p h1, .post-content h1, .post-content h1 strong {
	float: left;
	font-weight: 400;
	width: 96%;
	height: auto;
	margin: 1% 1% 0 3%;
	font-size: 20px;
	line-height: 24px;
	color: #383838;
}
.post-content p a, .post-content p a strong{
	color: #1B8A32;
}
.post-content p img{
	width: 100%;
	height: auto;
}
.post-content ul {
	float: left;
	margin: 0px 0 15px 3%;
	width: 96%;
	color: #383838;
}
.post-content ul li {
	list-style-type:disc;
	display: list-item;
	margin-left: 7%;
	margin-top: 6px;
	color: #383838;
}
.post-content ul li a {
	color: #1B8A32;
}
.post-content ol {
	float: left;
	margin: 10px 0 10px 0;
	width: 100%;
}
.post-content ol li {
	list-style-type: circle;
	display: list-item;
	margin-left: 10%
}
.post-content iframe {
	float: left;
	margin 10px 0 10px 0;
	width: 100%;
}
.post-content p embed {
	max-width: 96% !important;
	max-height: 54vw !important;
}
/* Blockquotes */
.post-content blockquote {
	float: left;
	width: 96%;
	height: auto;
	background: #F9F9F9;
	border-left: 3px solid #CCC;
	padding: 0.5em 5px;
	font-size: 16px;
	line-height: 24px;
	color: #383838;
	margin-bottom: 15px;
}
.post-content blockquote:before {
	color: #CCC;
	content:"\201C";
	font-size: 3em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
.post-content blockquote:after {
	color: #CCC;
	content:"\201D";
	font-size: 3em;
	line-height: 0.1em;
	margin-top: 10px;
	float: right;
	display: block;
}
.post-content blockquote p {
	display: block;
	padding: 0 10px;
}
.post-content blockquote p a, .post-content p a strong{
	color: #1B8A32;
}
.post-content hr {
	display: block;
	margin: 10px 20px 20px 20px;
	border-style: inset;
	border-width: 1px;
	color: #585858;
}
.post-content .wp-caption a img, .post-content .wp-caption img{
	max-width: 100%;
	height: auto;
	width: auto; /* for ie9 */
	margin: 1% 1% 0 1.25%;
}
.post-content .wp-caption{
	float: left;
	display: block;
	max-width: 100%;
	height: auto;
	width: auto; /* for ie9 */
	margin-bottom: 15px;
}
.post-content .wp-caption-text {
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 14px;
	line-height: 16px;
	color: #585858;
	text-align: center;
}
.news-article-image-caption {
	text-align: center;
	color: red;
	line-height: 25px;
	font-size: 14px !important;
	float: left;
	border-bottom: 1px solid #EFEFEF;
	width: 100%;
	height: auto;
	padding-bottom: 1%;
	color: #585858;
	margin-bottom: 3%;
}
#leftAdjacentScreenshot {
	float: left;
	display: block;
	width: 100%;
	margin: 10px 0 10px 0;
}
#leftAdjacentScreenshot img{
	width: 100%;
}
#leftAdjacentScreenshot p{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 14px;
	line-height: 16px;
	color: #585858;
	text-align:center;
}
#rightAdjacentScreenshot {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
}
#rightAdjacentScreenshot img{
	width: 100%;
}
#rightAdjacentScreenshot p{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 14px;
	line-height: 16px;
	color: #585858;
	text-align:center;
}
#leftRelatedArticle {
	float: left;
	display: block;
	width: 100%;
	margin: 10px 0 10px 0;
}
#leftRelatedArticle h5{
	font-weight: 200;
	font-size: 16px;
	line-height: 18px;
	margin-left: 2%;
	margin-top: 10px;
}
#leftRelatedArticle img{
	width: 100%;
}
#leftRelatedArticle p{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 14px;
	line-height: 16px;
	color: #585858;
	text-align:center;
}
#rightRelatedArticle {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
}
#rightRelatedArticle h5{
	font-weight: 200;
	font-size: 16px;
	line-height: 18px;
	margin-left: 2%;
	margin-top: 10px;
}
#rightRelatedArticle img{
	width: 100%;
}
#rightRelatedArticle p{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 14px;
	line-height: 16px;
	color: #585858;
	text-align:center;
}
.news-article-author-container {
	float: left;
	display: block;
	width: 95%;
	margin: 10px auto 10px auto;
}
.news-article-author-sub-container {
	text-align: center;
	margin: 10px auto 10px 4%;
}
.news-article-author-name {
	margin-right: 0;
	display: inline;
}
.news-article-author-name a {
	color: #1B688A;
	font-size: 16px;
}
.news-article-author-twitter {
	display: inline;
	margin-left: 0;
}
.news-article-author-twitter a{
	color: #1B8A32;
	font-size: 16px;
}
.news-article-hashtags-container {
	float: left:
	width: 100%;
	display: block;
}
.news-article-hashtags {
	float: right;
	margin-right: 10%;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
.news-article-hashtags a {
	padding-right: 5px;
	color: #1B8A32;
	font-size: 16px;
	position: relative;
}
.news-article-next-container {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	display: block;
	height: 165px;
	margin-bottom: 10px;
	background: #fcfcfd;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
	height: auto;
}
.news-article-next-left {
	width: 60%;
	float: left;
	height: auto;
	position: relative;
}
.news-article-next-left h5 {
	font-weight: 200;
	font-size: 22px;
	line-height: 23px;
	margin-left: 10px;
	margin-top: 10px;
}
.news-article-next-related-game {
	text-transform: uppercase;
	font-size: 12px;
	width: 3wv;
	padding: 3px 6px;
	font-weight: 300;
	border-radius: 3px;
	float: left;
	margin: 3% 0 2% 2%;
	position: relative;
	overflow: hidden;
}
.news-article-next-title {
	float: left;
	clear: both;
	margin: 2px 10px 10px 10px;
	overflow: hidden;
}
.news-article-next-title a{
	color: #1b8a32;
	float: left;
	display: block;
	font-weight: normal;
	font-size: 18px;
}
.news-article-next-right {
	float: right;
	position: relative;
	margin-right: 0;
}
.news-article-next-image {
	height: auto;
	width: auto;
	max-height: 130px;
	max-width: 127px;
	margin: auto 10px auto 0;
}
.news-article-next-image img{
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 140px;
	position: relative;
	margin: 4% 0 2% 0;
}

/* Single Video Post */
.video-post {
	width: 98%;
	margin-left: 1%;
	float: left;
	margin-bottom: 3%;
}
.video-post h5 {
	font-weight: 200;
	font-size: 22px;
	line-height: 23px;
	margin-left: 2%;
	margin-top: 10px;
}
	
.video-post-info-container {
	width: 98%;
	float: left;
	margin-left: 2%;
	margin-top: 10px;
}
.video-post-type {
	float: left;
	text-transform: uppercase;
	font-size: 12px;
	width: 3wv;
	padding: 3px 6px;
	color: #FFF;
	font-weight: normal;
	border-radius: 3px;
	margin-bottom: 0;
}
.video-post-date {
	float: left;
	width: auto;
	font-size: 14px;
	line-height: 16px;
	color: rgb(88,88,88);
	margin: 2px 5px 0 5px;
}
.video-post-videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top: 43px;
	margin-bottom: 10px;
}
.video-post-videoWrapper object, .video-post-videoWrapper embed,  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-post-videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-post-next-container {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	display: block;
	height: 165px;
	margin-bottom: 10px;
	background: #fcfcfd;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
	height: auto;
}
.video-post-next-left {
	width: 40%;
	float: left;
	height: auto;
	position: relative;
}
.video-post-next-left h5 {
	font-weight: 200;
	font-size: 22px;
	line-height: 23px;
	margin-left: 10px;
	margin-top: 10px;
}
.video-post-next-related-game {
	text-transform: uppercase;
	font-size: 12px;
	width: 3wv;
	padding: 3px 6px;
	font-weight: 300;
	border-radius: 3px;
	float: left;
	margin: 3% 0 2% 2%;
	position: relative;
	overflow: hidden;
}
.video-post-next-title {
	float: left;
	clear: both;
	margin: 2px 10px 10px 10px;
	overflow: hidden;
}
.video-post-next-title a{
	color: #1b8a32;
	float: left;
	display: block;
	font-weight: normal;
	font-size: 18px;
}
.video-post-next-right {
	float: right;
	position: relative;
	margin-right: 0;
}
.video-post-next-image {
	height: auto;
	width: auto;
	max-height: 130px;
	max-width: 127px;
	margin: auto 10px auto 0;
}
.video-post-next-image img{
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 140px;
	position: relative;
	margin: 4% 0 2% 0;
}

/* Giveaway Index Page */
.compact-giveaway {
	width: 95%;
	float: left;
	margin: 0 2.5% 15px 2.5%;
	background: #fcfcfd;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
}
.compact-giveaway-image {
	padding: 0;
	margin: 0;
}
.compact-giveaway-image img {
	width: 100%;
	height: auto;
}
.compact-giveaway-title {
	float: left;
	color: #1b8a32;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	display: inline;
	padding: 3px 5px 3px 5px;
	margin-left: 5px;
}
.compact-giveaway-info {
	float: left;
	margin-top: 2px;
	font-size: 16px;
	line-height: 25px;
	padding: 3px 5px 3px 5px;
	margin-left: 5px;
}
.compact-giveaway-excerpt {
	float: left;
	font-weight: 300;
	font-size: 16px;
	line-height: 18px;
	display: inline;
	padding: 3px 5px 10px 5px;
	margin-left: 5px;
}
.giveaway-not-found {
    text-align: center;
    color: #FFF;
    background-color: #EA0000;
    opacity: 0.8;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    padding: 5px 10px;
    width: 90%;
    margin: 10px 2.5%;
}
@media only screen and (min-width: 480px) {
	.compact-giveaway {
		width: 95%;
		float: left;
		margin: 0 2.5% 15px 2.5%;
		background: #fcfcfd;
		box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
	}
	.compact-giveaway-image {
		padding: 0;
		margin: 0;
	}
	.compact-giveaway-image img {
		width: 95%;
		height: auto;
		margin-left: 2.5%;
		margin-top: 2%;
	}
	.compact-giveaway-title {
		float: left;
		color: #1b8a32;
		font-weight: normal;
		font-size: 18px;
		line-height: 25px;
		display: inline;
		padding: 3px 5px 3px 5px;
		margin-left: 10px;
	}
	.compact-giveaway-info {
		float: left;
		margin-top: 2px;
		font-size: 16px;
		line-height: 25px;
		padding: 3px 5px 3px 5px;
		margin-left: 10px;
	}
	.compact-giveaway-excerpt {
		float: left;
		font-weight: 300;
		font-size: 15px;
		line-height: 18px;
		display: inline;
		padding: 3px 5px 10px 5px;
		margin-left: 10px;
	}
}

/* Single Giveaway Post */
.giveaway-post {
	width: 98%;
	margin-left: 1%;
	float: left;
	margin-bottom: 3%;
}
.giveaway-post h5 {
	font-weight: 200;
	font-size: 22px;
	line-height: 23px;
	margin-left: 2%;
	margin-top: 10px;
}
.giveaway-post-info-container {
	width: 98%;
	float: left;
	margin-bottom: 10px;
	margin-left: 2%;
	margin-top: 10px;
}
.giveaway-post-type {
	float: left;
	text-transform: uppercase;
	font-size: 12px;
	width: 3wv;
	padding: 3px 6px;
	color: #FFF;
	font-weight: normal;
	border-radius: 3px;
	margin-bottom: 0;
	background-color:#339933
}
.giveaway-post-date {
	float: left;
	width: auto;
	font-size: 14px;
	line-height: 16px;
	color: rgb(88,88,88);
	margin: 2px 5px 0 5px;
}
.giveaway-post-main-image {
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
.giveaway-post-main-image img{
	height: auto;
	width: auto;
	width: 100%;
	max-height: 100%;
	position: relative; 
}
.giveaway-remaining-keys {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
	text-align: center;
}
.giveaway-post-success {
	width: 100%;
	float: right;
	text-align: center;
	color: green;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.giveaway-post-error {
	width: 100%;
	float: right;
	text-align: center;
	color: red;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.giveaway-post-announcement {
	width: 96%;
	float: right;
	color: red;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	margin: 5px 1% 10px 1%;
}
div#single-giveaway-form {
	float: left;
	width: 98%;
	height: auto;
	border: 1px solid #B3B3B3;
	border-radius: 4px;
	margin-top: 10px;
	background-color: #F5F5F5;
	margin-left: 2%;
}
#single-giveaway-form p.giveaway-form-leadin {
	width: 96%;
	margin: 10px 2% 5px 2%;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
}
#single-giveaway-form p.giveaway-form-leadin a {
	text-decoration: underline;
	color: #1b8a32;
	font-weight: 400;
}
#single-giveaway-form form input[type="text"] {
	width: 80%;
	float: left;
	display: block;
	border-radius:4px;
	height:44px;
	color:#272525;
	padding-left:15px;
	font-size:16px;
	border:1px solid #cccccc;
	margin-bottom: 5px;
	margin-left: 2%;
}
#single-giveaway-form form input[type="password"] {
	width: 80%;
	float: left;
	display: block;
	border-radius:4px;
	height:44px;
	color:#272525;
	padding-left:15px;
	font-size:16px;
	border:1px solid #cccccc;
	margin-left: 2%;
}
#single-giveaway-form .g-recaptcha {
	float: left;
	display: block;
	margin-left: 3%;
	margin-top: 5px;
	transform: scale(0.95);
	transform-origin: 0;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
#single-giveaway-form form input[type="submit"] {
	width: 50%;
	float: left;
	display: block;
	background-color:#1b688a;
	padding: 12px 10px 12px 10px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 16px;
	margin-top: 10px;
	box-shadow: 0 4px #125674;
	margin-left: 20%;
	margin-bottom: 5px;
}
#single-giveaway-form form {
	width:100%;
	height:auto;
	float:left;
	padding:15px 0 15px 20px;
}

/* Giveaway Recovery Page */
.giveaway-recovery-table {
	width: 100%;
	border-collapse: collapse;
}
.giveaway-recovery-table th {
    height: 30px;
    color: white;
    background: #108B2C;
    padding-top: 5px;
}
.giveaway-recovery-table td {
	text-align: left;
	padding: 5px 0 5px 0;
	font-size: 14px;	
}
.giveaway-recovery-table tr:nth-child(even) {
    background-color: #F0F0F0;
}

/* Upcoming Games Index Page */
.upcoming-games-note {
	font-size: 14px;
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
    margin-left: 3%;
}
.upcoming-game {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	display: block;
	margin-bottom: 10px;
	background: #fcfcfd;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
}
.upcoming-game-left {
	width: 45%;
	float: left;
}
.upcoming-game-image {
	height: auto;
	width: auto;
	max-height: 121px;
	max-width: 215px;
	margin-left: 0;
}
.upcoming-game-image img{
	height: auto;
	width: auto;
	max-width:100%;
	max-height:100%;
	position: relative;
	margin-top: 4%;
	margin-bottom: 2%;
	margin-left: 2%;
}
.upcoming-game-right {
	width: 53%;
	float: right;
	margin-left: 1%;
	margin-top: 1%;
}
.upcoming-game-title {
	float:left;
	clear: both;
	margin: 0 5px 0 10px;
	overflow: hidden;
	width: 97%;
	margin-left: 3%;
	margin-top: 4px;
}
.upcoming-game-title a{
	color: #1b8a32;
	float: left;
	display: block;
	font-weight: normal;
	font-size: 16px;
}
.upcoming-game-rating {
	float: left;
	font-size: 14px;
	text-align: left;
	font-weight: 200;
	overflow: hidden;
	width: 97%;
	margin-left: 3%;
	margin-top: 5px;
}
.upcoming-game-genre {
	float: left;
	font-size: 14px;
	text-align: left;
	font-weight: 200;
	overflow: hidden;
	width: 97%;
	margin-left: 3%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.upcoming-game-date {
	font-size: 12px;
	line-height: 16px;
	color: #8B8B8B;
	width: 97%;
	margin-left: 3%;
	margin-top: 5px;
}

/* Authors Index Page */
.author-compact {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	display: block;
	margin-bottom: 10px;
	background: #fcfcfd;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
}
.author-compact-left {
	width: 46%;
	float: left;
}
.author-compact-image {
	height: auto;
	width: auto;
	max-height: 100px;
	max-width: 215px;
	margin-left: 0;
}
.author-compact-image img{
	height: auto;
	width: auto;
	max-width:100%;
	max-height:125px;
	position: relative;
	margin-top: 4%;
	margin-bottom: 2%;
	margin-left: 2%;
}
.author-compact-right {
	width: 53%;
	float: right;
	margin-left: 1%;
}
.author-compact-title {
	text-transform: uppercase;
	font-size: 16px;
	padding: 3px 2px;
	font-weight: 300;
	border-radius: 3px;
	float: left;
	margin-top: 15px;
	position: relative;
	overflow-x: hidden;
	width: 100%;
}
.author-compact-name {
	float: left;
	clear: both;
	margin: 5% 0 0 0%;
	overflow: hidden;
}
.author-compact-name a{
	color: #1b8a32;
	float:left;
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 4px;
}
.author-compact-nickname {
	font-size: 16px;
	padding: 3px 2px;
	font-weight: 300;
	border-radius: 3px;
	float: left;
	margin: 5% 0 0 0%;
	position: relative;
	overflow-x: hidden;
	width: 100%;
}

/* Popular Games Page */
.popular-games-nav {
	width: 80%;
	float: left;
	display: block;
	margin: 10px 20% 10px 0%;
}
.popular-games-nav ul {
	float: right;
}
.popular-games-nav ul li {
	display: inline;
}
.popular-games-nav ul li a {
	display: inline;
	margin: 0 auto;
	text-align: center;
	padding: 5px 10px 5px 10px;
	border-radius: 2px;
	border: 1px solid #C9C9C9;
	font-size: 14px;
	background: #FFF;
}
.popular-games-steam {
	width: 98%;
	margin-left: 1%;
	float: left;
	display: block;
	margin-top: 20px;
}
.popular-game-single {
	width: 98%;
	margin-left: 1%;
	float: left;
	display: block;
	margin-bottom: 5px;
	padding: 5px 3px 8px 3px;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
}
.popular-game-left {
	width: 45%;
	float: left;
}
.popular-game-left #popular-game-thumb a img {
	width: 100%;
	height: auto;
	float: left;
	max-width: 231px;
	max-height: 87px;
}
.popular-game-right {
	width: 55%;
	float: right;
}
.popular-game-title, .popular-game-title-a {
	font-weight: 300;
	font-size: 17px;
	line-height: 17px;
	margin: 0 10px 10px 10px;	
}
.steam-game-genres {
	font-weight: 300;
	font-size: 15px;
	line-height: 15px;
	margin: 0 10px 3px 10px;
	overflow: hidden;
	white-space: nowrap;
}
.popular-games-twitchtv {
	width: 98%;
	margin-left: 1%;
	float: left;
	display: block;
	margin-top: 20px;
}
.twitchtv-game-single {
	width: 32%;
	max-height: 240px;
	min-height: 193px;
	margin-left: 1%;
	float: left;
	display: inline;
	padding: 2px 0 12px 0;
	margin-bottom: 10px;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
}
.twitchtv-game-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
}
.twitchtv-game-thumb a img {
	width: 95%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-bottom: 4px;
}
.twitchtv-game-viewers {
	font-weight: 300;
	font-size: 16px;
	line-height: 16px;
	margin: 2px 10px 10px 0px;
	width: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.twitchtv-game-viewers svg{
	margin-left: 17%;
	margin-right: 3px;
	display: inline;
	float: left;
}
.gameprofile-profile-button-twitch {
	width: 60%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 20%;
}
.gameprofile-profile-button-twitch a {
	width: 100%;
	background-color:#1b688a;
	height:auto;
	padding: 6px 20px 6px 20px;
	border-radius: 4px;
	color: #FAFAFA;
	font-size:14px;
	box-shadow:0 2px #125674;
}
.gameprofile-profile-button-twitch-empty {
	width: 60%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 20%;
}
.gameprofile-profile-button-twitch-empty a {
	padding-top: 28px;
}
.popular-games-kickstarters {
	width: 98%;
	margin-left: 1%;
	float: left;
	display: block;
	margin-top: 20px;
}
.kickstarter-game-single {
	max-width: 48%;
	width: 220px;
	height: auto;
	float: left;
	padding: 2px 2px 2px 2px;
	box-shadow: rgba(0,0,0,0.20) 0 1px 3px;
	margin-bottom: 5px;
	display: inline;
}
.kickstarter-game-single iframe {
	width: 100% !important;
	min-height: 355px;
}


@media only screen and (min-width: 410px) {
	.kickstarter-game-single iframe {
		width: 100% !important;
		min-height: 380px;
	}
}

.gameprofile-profile-button-kickstarter {
	width: 50%;
	float: left;
	margin-left: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	margin-top: 5px;
}
.gameprofile-profile-button-kickstarter a {
	width: 100%;
	background-color:#1b688a;
	height:auto;
	padding: 6px 20px 6px 20px;
	border-radius: 4px;
	color: #FAFAFA;
	font-size:14px;
	box-shadow:0 2px #125674;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Popular Games Page Landscape */
@media only screen and (min-width: 480px) {
	.popular-games-nav {
		width: 77%;
		margin: 10px 23% 10px 0%;
	}
	.popular-game-left {
		width: 30%;
		float: left;
	}
	.popular-game-left #popular-game-thumb a img {
		width: 100%;
		height: auto;
		float: left;
		max-width: 231px;
		max-height: 87px;
	}
	.popular-game-right {
		width: 70%;
		float: right;
	}
	.popular-game-right .gameprofile-profile-button {
		margin-top: 10px;
	}
	.popular-game-right .gameprofile-profile-button a {
		font-size: 14px !important;
	}
	.gameprofile-profile-button-twitch {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.gameprofile-profile-button-twitch a {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 6px 25px 6px 25px;
	}
	.kickstarter-game-title a {
		font-weight: 300;
		font-size: 18px;
		margin-bottom: 5px;
		margin-left: 5%;
	}
	.kickstarter-status, .kickstarter-percent, .kickstarter-pledged, .kickstarter-time {
		margin: 4px 0 4px 2.5%;
	}
	.kickstarter-game-right .gameprofile-profile-button {
		margin-top: 40px;
		margin-left: 8px;
	}
	.kickstarter-game-right .gameprofile-profile-button a {
		font-size: 14px !important;
	}
}

@media only screen and (min-width: 666px) {
	.popular-games-nav {
		width: 70%;
		margin: 10px 30% 10px 0%;
	}
}
/* Single Author Bio Page */
.author-profile {
	float: left;
	width: 100%;
	display: block;
	margin-top: 10px;
}
.author-profile-left {
	float: left;
	width: 45%;
	display: block;
}
.author-profile-avatar {

}
.author-profile-avatar img {
	float: right;
	width: 83%;
	display: block;
	margin-right: 8%;
	margin-left: 9%;
	max-height: 125px;
	max-width: 125px;
}
.author-profile-right {
	float: right;
	width: 55%;
	display: block;

}
.author-profile-name {
	float: left;
	width: 100%;
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-top: 3px; 
	margin-bottom: 3px;
}
.author-profile-nickname {
	float: left;
	width: 100%;
	display: block;
	font-size: 16px;
	font-weight: 300;
}
.author-profile-title {
	float: left;
	width: 100%;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;

}
.author-profile-contact {
	float: left;
	width: 100%;
	display: block;
	margin-top: 10px; 
	margin-bottom: 10px;
}
.author-profile-forum a {
	font-size: 14px;
	color: #FFF;
	background-color: #1B688A;
	border-radius: 4px;
	padding: 5px 15px;
}
.author-profile-twitter-container {
	margin-top: 10px; 
	margin-bottom: 10px;
}
.author-profile-twitter-icon {
	float: left;
	display: inline;
	margin-bottom: -2px;
}
.author-profile-twitter-follow {
	float: left;
	display: inline;
	margin-left: 5px;
}

/* Comments */
.comments-container {
	width: 90%;
	margin-left: 5%;
}

/* Footer */
footer#site-footer {
	width:100%;
	height:auto;
	float:left;
	margin:60px 0 60px 0;
}
div.footer-logo {
	width:100%;
	height:auto;
	float:left;
}
.footer-logo img {
	opacity:.3;
	width:300px;
	height:auto;
}
div.footer-links {
	width:100%;
	height:auto;
	float:left;
}
.footer-links-top {
	width: 100%;
	height: auto;
	float: left;
}
.footer-links ul {
	width: 95%;
	margin-left: 2.5%; 
}
.footer-links-bottom {
	width: 100% !important;
	margin-left: 0 !important;
	margin-top: 40px;
	margin-bottom: 10px;
}
.footer-links ul li {
	float: left;
	display: block;
	text-align: center;
	padding-right: 0.5%;
	padding-left: 0.5%;
	font-size: 13px;
	margin-top: 1%;
	color: #9C9C9C;
	width: 19%;
}
.footer-links ul li a {
	font-size: 14px;
}
@media only screen and (min-width: 640px) {
	.footer-links ul li {
		float: left;
		display: block;
		text-align: center;
		padding-right: 1%;
		padding-left: 1%;
		font-size: 14px;
		margin-top: 1%;
		color: #9C9C9C;
		width: 23%;
	}
}
.footer-links ul li a:link {
	color:#888888;
}
.footer-links ul li a:visited {
	color:#888888;
}
div.footer-copyright-info {
	width: 100%;
	height: auto;
	float: left;
}
.footer-copyright-info p {
	text-align: center;
	margin-top: 2%;
	color: #9C9C9C;
	font-size: 14px;
}
