/*
Theme Name: 2013 TA Design Iron-Force-3
Theme URI: http://toucharcade.com/
Description: TouchArcade Redesign 2013
Author: toucharcade.com
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
* { margin: 0; padding: 0; font-family: Helvetica, Verdana, sans-serif; color: #3d3d4c; line-height: 1em; text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; font-weight: 300; }

a, a em { text-decoration: none; color: #2e8ae5; }
body { background: #393949; overflow-x: hidden; }
div, p, li { font-size: 14px; }
h1, h2, h3, h4, h5 { font-size: 16px; font-weight: normal; -webkit-font-smoothing:antialiased; }

h6 { font-size: larger; border-bottom: 1px solid #BBB; font-weight: bold; }

h2, h2 span, h2 a { font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 600; font-size: 30px; line-height: 35px; margin-bottom: 20px; 
color: #1f1f33; letter-spacing: 0.5px; padding-bottom: 10px; }
h3 { font-family: Helvetica, Futura, sans-serif; font-size: 22px; line-height: 18px; margin-bottom: 16px; color: #1f1f33; }
img { border: 0; }



/* 
	jkim - adding lazy class for images
*/
img.lazy {
        display: none;
}

li, ul {
	list-style: none;
}

textarea {
	margin: 10px 0;
	width: 559px;
	height: 62px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	outline: 0 none;
	padding: 3px;
	line-height: 1.2em;
	box-shadow: inset 0 2px 4px #eee;
}




.block-left {
	float: left;
	width: 48%;
}

.block-right {
	float: right;
	width: 100%;
}

#bottom {
	margin: 0 auto;
	width: 1000px;
}

.bottom-left {
	float: left;
	margin: 16px 12px 60px;
	white-space: nowrap;
	color: #fff;
}

.bottom-left a, .bottom-right a, .bottom-left strong, .bottom-right strong {
	color: #363a40;
}

.bottom-right {
	float: right;
	margin: 16px 12px 60px;
	text-align: right;
	white-space: nowrap;
	color: #fff;
}

.caution {
	float: left;
	display: block;
	margin-right: 11px;
	width: 19px;
	height: 17px;
	background: url(images/sprite.png) -429px 1px no-repeat;
}

.clear {
	clear: both;
}

.comment {
	padding-bottom: 20px;
}

.comment .comment-content {
	border-radius: 4px;
	border: 1px solid #e0e0e0;
	background-color: #f2f2f2;
	padding: 9px 15px;
	font-size: 13px;
	margin-left: 50px;
}

.comment .comment-content p, .comment .comment-content p a {
	color: #3d3d4c;
}

.comment .comment-icon {
	float: left;
	width: 32px;
	height: 21px;
	border-radius: 4px;
	border: 2px solid #f2f2f2;
	margin-right: 2px;
}

.comment .comment-meta a {
	font-weight: bold;
}

.comment .comment-tip {
	float: left;
	width: 14px;
	height: 19px;
	margin-top: 15px;
	background: url(images/sprite.png) -460px 0 no-repeat;
}

.comment.even .comment-content {
	background-color: #fff;
}

.comment.even .comment-tip {
	background: url(images/sprite.png) -474px 0 no-repeat;
}

#outerContainer { padding: 120px 15px 0 15px; margin: 0 auto; }

#container { }

#content {
	clear: left;
	float: left;
	width: 620px;
	padding: 15px 30px 30px 30px !important;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

#content .news-content a { col////or: #F2A200; }

.home.blog #content, .archive #content, .category #content, .search #content { padding: 0 !important; }

#contentContainer {
	marg////in-top: 10px;
	paddi/////ng-top: 25px;
	background: url(images/bg-content.gif);
}
#contentContainer:after {
  content: "";
  display: table;
  clear: both;
}

.featured {
	position: relative;
	margin-bottom: 27px;
}

.featured .featured-content {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #313133;
	padding: 26px;
}

.featured .featured-icon {
	position: absolute;
	right: 62px;
	top: 153px;
}

.featured .featured-image {
	display: block;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.featured .featured-secondary {
	font-family: Futura, Helvetica, sans-serif;
	color: #8a8a99;
	font-size: 20px;
	line-height: 1em;
}

.featured .featured-title {
	font-family: Futura, Helvetica, sans-serif;
	color: #fff;
	font-size: 28px;
	margin-bottom: 4px;
	display: block;
}

.featured p {
	line-height: 1.3em;
}

.featured p, .featured p * {
	margin: 0;
	padding: 6px 0;
	color: #d6d6d6;
	font-size: 14px;
}

.featured p a {
	text-decoration: underline;
	font-weight: bold;
}

#footer {
	background: #1f1f26;
	padding-top: 15px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#footer a.button {
	display: block;
	float: left;
	background-color: #ffaa00;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	padding: 13px 18px;
	border-radius: 4px;
	margin-bottom: 15px;
}

#footer blockquote {
	font-family: Futura, Helvetica, sans-serif;
	color: #ffaa00;
	font-size: 19px;
	line-height: 1.5em;
}

#footer .footer-left {
	float: left;
	width: 570px;
	padding: 0 25px 30px;
}

#footer .footer-right {
	float: right;
	width: 324px;
	padding: 0 25px 30px;
}

#footer h3 {
	line-height: 1em;
	color: #fff;
	padding-top: 25px;
}

#footer h3 a {
	vertical-align: baseline;
	text-decoration: underline;
	color: #fff;
	font-size: 12px;
	margin-left: 15px;
}

#footer p, #footer p a {
	margin-bottom: 15px;
	color: #8a8a99;
	line-height: 1.6em;
}

#footer p a {
	margin-bottom: 0;
	text-decoration: underline;
	color: #2e8ae5;
}

.game-date {
	color: #676767;
}

.game-details {
	font-weight: bold;
	margin-top: 3px;
	display: block;
}

.game-details span {
	display: block;
	float: left;
	height: 13px;
	margin-right: 5px;
	color: #8a8a99;
	
}

.game-details span.hd {
	width: 22px;
	background: url(images/sprite.png) -274px 0 no-repeat;
}

/* bp */
.game-story-title {
	font-weight: bold;
}

/* bp */
.game-story-title span {
	height: 13px;
	margin-right: 5px;
	color: #8a8a99;
	
}

.game-icon {
	display: block;
	float: left;
	width: 59px;
	height: 61px;
}

.game-icon a {
	line-height: 1em !important;
	margin: 0 !important;
}

.game-price-rating {
	display: block;
	float: right;
	width: 65px;
	margin-top: 15px;
	font-family: Futura, Helvetica, sans-serif;
}

.game-price {
	display: block;
	text-align: right;
	font-family: Futura, Helvetica, sans-serif;
	color: #8a8a99;
	
	margin-bottom: 5px;
	font-size: 16px;
}

.game-title {
	font-size: 18px;
	line-height: 24px;
	color: #3d3d4c;
}


/* ROUND TWO START */

.grid-buttons li {
	float: left;
	border-top: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
}

.grid-buttons li.active {
	background: #e3e7ea; /* Old browsers */
	background: -moz-linear-gradient(top,  #808180 0%, #b0b0b0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808180), color-stop(100%,#b0b0b0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #808180 0%,#b0b0b0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #808180 0%,#b0b0b0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #808180 0%,#b0b0b0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #808180 0%,#b0b0b0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808180', endColorstr='#b0b0b0',GradientType=0 ); /* IE6-9 */
}

.grid-buttons li.active a {
	border-top: 0;
	height: 23px;
	line-height: 23px;
	color: #fff;
}

.grid-buttons li.first {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.grid-buttons li.first a {
	border-top-left-radius: 4px;
}

.grid-buttons li.last {
	border-right: 1px solid #cbcbcb;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.grid-buttons li a {
	display: block;
	border-top: 1px solid #fff;
	height: 22px;
	line-height: 21px;
	padding: 0 13px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.grid-buttons li.last a {
	border-top-right-radius: 4px;
}

.grid-buttons span.orb-on {
	margin-top: 2px;
}

.grid-buttons span.orb-off {
	margin-top: 4px;
}

.grid-filters {
	padding: 10px;
	background-color: #f2f2f2;
	border-radius: 4px;
	padding: 7px;
}

.grid-filters .grid-filter {
	float: left;
	padding: 0 4px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	height: 25px;
	line-height: 25px;
}

.grid-filters .grid-filter.grid-filter-right {
	float: right;
}

.grid-filters .grid-filter .sort-dir {
	padding-left: 15px;
	width:15px;
	height:10px;
}

.grid-filters .grid-filter .sort-dir.desc {
	background: url(images/arrow-desc.png) no-repeat;
}

.grid-filters .grid-filter .sort-dir.asc {
	background: url(images/arrow-asc.png) no-repeat;
}

.grid-section {
	margin-top: 26px;
}

.grid-section h3 {
	color: #666;
}

.grid-section table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.grid-section td {
	padding: 8px 6px;
	border-top: 1px solid #e7e7e7;
	color: #666;
}

.grid-section td:first-child {
	padding-left: 2px;
}

.grid-section td:last-child {
	padding-right: 2px;
}

.grid-section tr td.grid-comments {
	width: 56px;
}

.grid-section tr td.grid-comments span.comments-bubble {
	margin-right: 4px;
}

.grid-section tr td.grid-hd {
	width: 25px;
}

.grid-section tr td.grid-icon {
	width: 34px;
}

.grid-section tr td.grid-movement {
	width: 10px;
}

.grid-section tr td.grid-price {
	text-align: right;
}

.grid-section tr td.grid-price, .grid-section tr td.grid-genre, .grid-section tr td.grid-time, .grid-section tr td.grid-price {
	width: 60px;
}

.grid-section tr td.grid-rating {
	width: 70px;
}

.grid-section tr td.grid-title a {
	font-family: Futura, Helvetica, sans-serif;
	font-size: 16px;
	color: #3d3d4c;
}

.grid-section tr:first-child td {
	border-top: 2px solid #e7e7e7;
}

.grid-section tr:last-child td {
	border-bottom: 1px solid #e7e7e7;
}

span.comments-bubble {
	display: block;
	float: left;
	width: 14px;
	height: 15px;
	background: url(images/sprite.png) -112px -26px no-repeat;
}

span.hd {
	displa///y: block;
	display: inline-block;
	flo///at: left;
	width: 22px;
	height: 13px;
	background: url(images/sprite.png) -274px 0 no-repeat;
}


span.movement-down {
	display: block;
	float: left;
	width: 10px;
	height: 11px;
	background: url(images/sprite.png) -89px -26px no-repeat;
}

span.movement-neutral {
	display: block;
	float: left;
	width: 6px;
	height: 6px;
	background: url(images/sprite.png) -80px -26px no-repeat;
	margin-left: 2px;
}

span.movement-up {
	display: block;
	float: left;
	width: 10px;
	height: 11px;
	background: url(images/sprite.png) -100px -26px no-repeat;
}


span.orb-off {
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	background: url(images/sprite.png) -455px -27px no-repeat;
	margin-left: 2px;
}

span.orb-on {
	display: block;
	float: left;
	width: 17px;
	height: 16px;
	background: url(images/sprite.png) -434px -24px no-repeat;
}

.staff .staff-icon {
	float: left;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	border: 2px solid #4d4c4e;
	margin: 0 2px 10px 0;
}

.staff .staff-name {
	margin: 0 0 5px 49px;
	color: #fff;
	font-weight: bold;
}

.staff .staff-title {
	margin-left: 49px;
	color: #b3b3b3;
	font-weight: bold;
}

.staff-entry {
	padding: 34px 0;
	border-top: 1px solid #d8d8d8;
}

.staff-entry h3 {
	margin-bottom: 8px;
}

.staff-entry h4 {
	font-size: 16px;
	color: #8a8a99;
	margin-bottom: 16px;
}

.staff-entry .staff-footer {
	border-top: 0;
	margin-top: 15px;
}

.staff-entry .staff-footer a {
	color: #8a8a99;
	font-size: 14px;
}

.staff-entry .staff-footer div.staff-email span {
	background: url(images/sprite.png) -147px -25px no-repeat;
	width: 19px;
	height: 14px;
}

.staff-entry .staff-footer div.staff-facebook span {
	background: url(images/sprite.png) -188px -24px no-repeat;
	width: 14px;
	height: 15px;
}

.staff-entry .staff-footer div.staff-twitter span {
	background: url(images/sprite.png) -168px -25px no-repeat;
	width: 19px;
	height: 14px;
}

.staff-entry.photo-left .staff-content, .staff-entry.photo-left .staff-footer {
	margin-left: 169px;
}

.staff-entry.photo-left .staff-photo {
	float: left;
}

.staff-entry.photo-right .staff-content, .staff-entry.photo-right .staff-footer {
	margin-right: 169px;
}

.staff-entry.photo-right .staff-photo {
	float: right;
}

.staff-footer {
	border-top: 1px solid #414043;
	padding-top: 7px;
}

.staff-footer a {
	color: #b2b2b2;
}

.staff-footer div {
	float: left;
	margin: 1px 12px 0 0;
}

.staff-footer div span {
	display: block;
	float: left;
	margin-right: 7px;
	margin-top: -1px;
}

.staff-footer div.staff-email span {
	background: url(images/sprite.png) 0 -21px no-repeat;
	width: 18px;
	height: 13px;
}

.staff-footer div.staff-facebook span {
	background: url(images/sprite.png) -38px -21px no-repeat;
	width: 14px;
	height: 14px;
}

.staff-footer div.staff-twitter span {
	background: url(images/sprite.png) -20px -21px no-repeat;
	width: 16px;
	height: 13px;
}

ul.dotted-list li, ul.dotted-list li span {
	border: 0;
	padding: 0;
	font-size: 14px;
	color: #333;
}


ul.dotted-list li, ul.dotted-list li span {
	border: 0;
	padding: 0;
	font-size: 14px;
	color: #333;
}

ul.dotted-list li {
	padding: 5px 0 0;
	border-bottom: 1px dotted #333;
}

ul.dotted-list li span {
	display: inline-block;
	margin-bottom: -1px;
	border-bottom: 2px solid #f2f2f2;
}

ul.dotted-list li span.label {
	font-weight: bold;
	padding-right: 2px;
}

ul.dotted-list li span.value {
	float: right;
	padding-left: 2px;
}

ul.dotted-list li span.value a {
	text-decoration: underline;
}

/* ROUND TWO END */






#header {
	height: 111px;
	position: relative;
}

.icon-calendar {
	display: inline-block;
	background: url(images/sprite.png) -207px -1px no-repeat;
	width: 11px;
	height: 11px;
}

.icon-head {
	display: inline-block;
	background: url(images/sprite.png) -220px 0 no-repeat;
	width: 11px;
	height: 12px;
	margin-left: 5px;
}

img.framed {
	padding: 4px;
	border: 1px solid #a9a9a9;
	-moz-box-shadow: 0px 2px 0 0 #e7e7e7;
	-webkit-box-shadow: 0px 2px 0 0 #e7e7e7;
	box-shadow: 0 2px 0 0 #e7e7e7;
	background-color: #fff;
}

#innerContainer {
	margin: 0 auto;
	width: 1000px;
	/* background: #1f1f26; */
	/* background: transparent; */
	background:rgba(20,20,26,0.7);
	position: relative; z-index: 9;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 20px rgba(20,20,26,0.1);
	-moz-box-shadow: 0 2px 20px rgba(20,20,26,0.1);
	webkit-box-shadow: 0 2px 20px rgba(20,20,26,0.1);
}

.left {
	float: left;
}

#logo {
	padding: 20px 0 0 23px;
}

#main {
	background-color: #fff;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.archive #main { background: #fff url(images/bg-content.gif) repeat-y right; }
#main:after { content: "";
  display: table;
  clear: both; }

#nav {
	position: relative;
	height: 50px;
	background: url(images/nav-tile.png) bottom left;
	background: url(images/banner-nav2.png) no-repeat;

	margin: 0 -9px;

}

#nav ul {
	position: absolute;
	top: 10px;
	left: 0;
	padding-left: 23px;
}

#nav li {
	height: 40px;
	float: left;
	padding-right: 11px;
	backgro///////und: url(images/nav-inactive-tip.png) top right no-repeat;
	border-right: 1px solid #e69900;
}

#nav li a {
	white-space: nowrap;
	display: block;
	color: #804000;
	line-height: 43px;
	padding: 0 16px;
	font-size: 14px;
	font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif;
	font-stretch: condensed; font-weight: 900;
	text-transform: uppercase;
}

#nav li.before-active {
	padding-right: 0;
	background: none;
}

#nav li.blue-dot a {
	padding-right: 21px;
	margin-right: 16px;
	background: url(images/blue-dot.png) right 11px no-repeat;
}

#nav li.active, #nav li.active:hover { background: #fff; }
#nav li.active a {
	color: #1a1a33;
}
#nav li.forums a span {
	float: left;
	display: block;
	background: url(images/nav-icons.png) -132px -46px no-repeat;
	background-size: 200px 70px;
	width: 24px;
	height: 23px;
	margin: 8px 5px 0 0;
}
#nav li.forums.active a span { background-position: -132px 0px; }
#nav li.games a span {
	float: left;
	display: block;
	background: url(images/nav-icons.png) -50px bottom no-repeat;
	background-size: 200px 70px;
	width: 15px;
	height: 25px;
	margin: 6px 5px 0 0;
}
#nav li.games.active a span { background-position: -50px top; }
#nav li.main a span {
	float: left;
	display: block;
	background: url(images/nav-icons.png) -2px -46px no-repeat;
	background-size: 200px 70px;
	width: 24px;
	height: 21px;
	margin: 7px 5px 0 0;
}
#nav li.main.active a span { background-position: -2px 0px; }
#nav li.reviews a span {
	float: left;
	display: block;
	background: url(images/nav-icons.png) -179px -49px no-repeat;
	background-size: 200px 70px;
	width: 22px;
	height: 21px;
	margin: 9px 5px 0 0;
}
#nav li.reviews.active a span { background-position: -179px -3px; }
#nav li.watch a span {
	float: left;
	display: block;
	background: url(images/nav-icons.png) -87px -49px no-repeat;
	background-size: 200px 70px;
	width: 28px;
	height: 18px;
	margin: 11px 5px 0 0;
}
#nav li.watch.active a span { background-position: -87px -3px; }
#nav li.watch.on { background: url(images/icon-watchlight-on.png) no-repeat 126px center; padding-right: 28px; }
#nav li.watch.off { background: url(images/icon-watchlight-off.png) no-repeat 126px center; padding-right: 28px; }



/*======= NEWS =======*/
.news, .content-ad {
	position: relative;
	margin-bottom: 27px;
	clear: both;
	margin-bottom: 20px;
}
.blog .news, .blog .content-ad, .archive .news, .category .news, .search .news { padding: 0 30px 45px 30px; }


.content-ad { margin: 10px 0px; padding: 0 !important; }
.content-ad a { display: block; }
.content-ad a img { display: block; width: 100%; height: auto;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.content-ad span { color: #8a8a99; font-family: Futura, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; display: block; text-align: right; margin-top: 4px; }

.news .news-content p, .comments p {
	padding: 6px 0;
	line-height: 21px;
	font-size: 14px;
	color: #3d3d4c;
	font-weight: 300;
}

.news .news-content p strong,
.news .news-content p b,
.news .news-content li strong,
.news .news-content li b {
	font-weight:700;
}



.news .news-heading {  position: relative; }
.news .news-meta {
	clear: both;
	padding: 5px 0 17px 0;
	font-size: 14px;
	color: #8a8a99;
	line-height: 20px;
}
.news .news-meta a { color: #297acc; }
.news .news-meta a:hover { text-decoration: underline;}
.news .news-meta span.date { font-weight: normal; color: #8a8a99; }

.blog .news .title, .blog .news .news-content, .archive .news .title, .archive .news .news-content, .search .news .title, .search .news .news-content { width: 425px; }
.news .title h2 {
	font-family: Futura, Helvetica, sans-serif;
	color: #1f1f33;
	font-size: 28px;
	margin-bottom: 2px;
	display: block;
	line-height: 32px;
	float: left;
	width: 425px;
}
.news .title h2 a { color: #1f1f33; font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 600; }

.app-icon-details { /*background: #f5f7fa;*/ border: 1px solid #e6e6ed; border-radius: 8px; width: 82px; text-align: center; border-top: none; }
.news .app-icon-details { position: absolute; top: 0px; right: 10px; }
.app-icon-details a.app-icon  { display: block; width: 100px; margin-left: -11px; }
.app-icon-details a.app-icon img { display: block; width: 100%; }
.app-icon-details a.buy-button { display: inline-block; padding: 0 4px; text-align: center; font-size: 15px; margin: 8px auto 7px auto; background: #86bf4c; color: #fff; font-weight: normal; border: 1px solid #63992e; border-radius: 3px; box-shadow: 0px 1px 1px rgba(33,51,15,0.2), inset 0px 1px 1px rgba(255,255,255,0.25);}
.app-icon-details span { display: block; color: #86bf4d; text-transform: uppercase; font-size: 10px; margin-bottom: 9px; }
.app-icon-details:active a.buy-button { background: #6a9f37; }

.post-app-icon-details { border: 1px solid #e6e6ed; border-radius: 8px; width: 128px; text-align: center; border-top: none; float:right; margin-left: 20px;}
.post-app-icon-details a.app-icon  { display: block; width: 150px; margin-left: -11px; }
.post-app-icon-details a.app-icon img { display: block; width: 100%; }
.post-app-icon-details a.buy-button { display: inline-block; padding: 0 4px; text-align: center; font-size: 15px; margin: 8px auto 7px auto; background: #86bf4c; color: #fff; font-weight: normal; border: 1px solid #63992e; border-radius: 3px; box-shadow: 0px 1px 1px rgba(33,51,15,0.2), inset 0px 1px 1px rgba(255,255,255,0.25);}
.post-app-icon-details a.buy-button:active { background: #7cb744;}
.post-app-icon-details span { display: block; color: #a1a8b3; text-transform: uppercase; font-size: 8px; margin-bottom: 9px; }
.post-app-icon-details:hover a.buy-button { background: #6a9f37; }

.news center { ma//rgin: -42px -30px 28px -30px; }
.news .GtVid { width: 620px !important; padding: 0 !important; hei///ght: auto !important; margin: 0px -30px 10px -30px !important;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: -4;}
.home.blog. .news .GtVid { margin: -42px -30px 28px -30px !important; }
.news .GtVid iframe { width: 620px !important; padding: 0 !important; hei///ght: auto !important; margin: 0 0 0 30px !important;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news object, .news object embed { width: 620px !important; hei///ght: auto !important;}
.news.taplay object embed { margin: -42px -30px 28px -30px !important; width: 620px !important; position: relative; z-index: 3;}


.news .share { margin-top: 15px; float: left; width: 100%; clear: both; }
.news .share .news-social { float: right; }
a.read-more { float: left; color: #2e8ae5; font-size: 14px; font-weight: normal; background: url(images/icon-link.png) no-repeat left; background-size: 17px 16px; padding-left: 22px;}
a.read-more:hover { text-decoration: underline; }

/*Post without Icon*/
/*
.blog .news.no-icon {  }
.blog .news.no-icon .title, .blog .news.no-icon .title h2, .blog .news.no-icon .news-content { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.blog .news.no-icon .app-icon-details { display: none; }
*/

.news.no-icon {  }
.news.no-icon .title, .news.no-icon .title h2, .news.no-icon .news-content { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news.no-icon .app-icon-details { display: none; }

/*Banner Labels*/
.banner {
	margin: 0 -30px 14px -39px;
	height: 38px;
	text-indent: -9999px;
	position: relative; z-index: 9999;
	background-size: 630px 225px;
}
.banner.banner-news { background: url(images/banner-index2.png) no-repeat left top; background-size: 630px 225px; }
.banner.banner-upcoming { background: url(images/banner-index2.png) no-repeat left -38px; background-size: 630px 225px; }
.banner.banner-review { background: url(images/banner-index2.png) no-repeat left -76px; background-size: 630px 225px; }
.banner.banner-review .rating { width: 105px; position: absolute; top: 14px; left: 102px; background-size: 630px 225px; }
.banner.banner-appdetails { background: url(images/banner-index.png) no-repeat left -112px; background-size: 630px 225px; }
.banner.banner-taplay { background: url(images/banner-index2.png) no-repeat left -150px; background-size: 630px 225px; }
.banner.banner-guide { background: url(images/banner-index2.png) no-repeat left -188px; background-size: 630px 225px; }

.single .banner { height: 40px; background-size: 175px 240px; }
.single .banner.banner-news { background: url(images/banner-single.png) no-repeat left top; background-size: 175px 240px; }
.single .banner.banner-upcoming { background: url(images/banner-single.png) no-repeat left -40px; background-size: 175px 240px; }
.single .banner.banner-review { background: url(images/banner-single.png) no-repeat left -80px; background-size: 175px 240px; }
.single .banner.banner-review .rating { width: 105px; position: absolute; top: 15px; left: 135px; background-size: 175px 240px; }
.single .banner.banner-taplay { background: url(images/banner-single.png) no-repeat left -160px; background-size: 175px 240px; }
.single .banner.banner-guide { background: url(images/banner-single.png) no-repeat left -200px; background-size: 175px 240px; }

.app-detail .banner.banner-appdetails { height: 40px;background: url(images/banner-single.png) no-repeat left -120px; background-size: 175px 240px; }




/*NEWS*/
.news { }
.news a.screenshot { display: block; z-index: 9; margin: -42px -30px 30px -30px; }
.news a.screenshot img { display: block; width: 100%; }

/*UPCOMING*/
.news.upcoming { }
.news.upcoming a.screenshot { display: block; z-index: 9; margin: -42px -30px 30px -30px; }
.news.upcoming a.screenshot img { display: block; width: 100%; }

/*REVIEWS*/
.news.reviews { }
.news.reviews a.screenshot { display: block; z-index: 9; margin: -42px -30px 30px -30px; }
.news.reviews a.screenshot img { display: block; width: 100%; }

/*TAPLAY*/
.news.taplay { }
.news.taplay a.screenshot { display: block; z-index: 9; margin: -42px -30px 30px -30px; }
.news.taplay a.screenshot img { display: block; width: 100%; }




#content #nav-above.navigation { display: none; }
#content .navigation { border-top: 1px solid #e7e7e7; overflow: hidden; clear: both; padding: 30px;  }
#content .navigation a { color: #676767; font-family: Futura, Helvetica, sans-serif; text-transform: lowercase; font-size: 13px; height: 16px; display: inline-block; }
#content .navigation .alignleft a { background: url(images/arrow-older.png) no-repeat left; padding-left: 15px; }
#content .navigation .alignright a { background: url(images/arrow-newer.png) no-repeat right; padding-right: 15px; }
#content .navigation h3.assistive-text, #content .navigation span.meta-nav { display: none; }

/*Single*/
.single .news { padding: 0; }
.single #title-heading .banner { margin-top: -37px; }
.single #title-heading { padding: 26px 30px 15px 30px; border-b////ottom: 1px solid #E2E2E2; background: #fff; }
.single #title-heading h1 a.news-title {
	font-family:  Futura-CondensedExtraBold, Futura, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight: 600;
	color: #1f1f33;
	font-size: 50px;
	margin-bottom: 30px;
	display: block;
	line-height: 58px;
	padding-right: 40px;
}

.single .news-meta { clear: both; font-family: Helvetica, sans-serif; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #e2e2e2; margin: -15px 0px 30px 0px; }
.single .news-meta ul { overflow: hidden; }
.single .news-meta ul li { float: left; padding: 8px 10px 7px 10px; font-size: 14px; line-height: 16px; font-weight: bold; color: #3d3d4c;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.single .news-meta ul li span.label { color: #8a8a99; font-size: 12px; font-weight: normal; text-transform: uppercase; display: block; margin-bottom: 1px; width: auto; }
.single .news-meta a { color: #297acc; font-size: 14px; }
/*.single .news-meta span.date { font-weight: bold; color: #3d3d4c; }*/
.single .news-meta ul li#author { border-right: 1px solid #E2E2E2; padding-left: 0; width: 32%; height: 38px; font-weight: bold;}
.single .news-meta ul li#author img { float: left; width: 30px; margin: -4px 10px -5px 0; }
.single .news-meta ul li#author a { color: #3d3d4c; font-weight: bold; }
.single .news-meta ul li#date { padding-right: 0; width: 43%; }
.single .news-meta ul li#watch { text-align: right; width: 25%; }
.single .news-meta ul li#watch span, .single .news-meta ul li#watch .watch-toggle { float: right; margin: 0; }
.single .news-meta ul li#watch span.label { margin: 7px; }
.single .news-meta ul li#tags { width: 100%; border-top: 1px solid #E2E2E2; font-weight: normal; padding-left: 0; }


.single.full-width #title-heading .news-meta { padding: 0; border: none; }


/*Page*/
.page .news { padding: 0; }
.page #title-heading .banner { margin-top: -28px; }
.page #title-heading { padding: 26px 30px 15px 30px; border-bottom: 1px solid #E2E2E2; background: #fff; }
.page #title-heading h1 a.news-title {
	font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif;
	font-stretch: condensed; font-weight: 900;
	color: #1f1f33;
	font-size: 42px;
	margin-bottom: 10px;
	display: block;
	line-height: 48px;
}
.page #title-heading .news-meta {
	clear: both;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #8a8a99;
}
.page #title-heading .news-meta a { color: #700;}
.page #title-heading .news-meta span.date { font-weight: bold; color: #3d3d4c; }
.page #content .news .news-content ul { padding: 6px 6px 6px 17px; }
.page #content .news .news-content ul li { margin-bottom: 10px; list-style-type: disc; font-family: Helvetica, Verdana, sans-serif; font-size: 16px; color: #3d3d4c;}

.watch-toggle { color: #8a8a99; font-weight: bold; text-transform: uppercase; margin: 12px 0 -12px 0; font-size: 10px; line-height: 23px; }
.watch-toggle .toggle { float: left; width: 54px; height: 23px; margin-right: 10px; background: url(images/icon-watch-toggle.png) no-repeat; background-size: 54px 46px; text-indent: -9999px; }
.watch-toggle .toggle.off { background-position: top; }
.watch-toggle .toggle.on { background-position: bottom; }

.news .news-content h2 { color: #1f1f33; font-size: 18px; margin: 0; }
.news .news-content ol { margin: 15px 0; padding-left: 30px; }
.news .news-content ol li { margin-bottom: 10px; list-style: decimal; }

.news .news-content ul { padding: 6px 6px 6px 17px;}

/*
CJB - 2013-07-29 - added a few styles for bulletted lists
.news .news-content ul li { margin-bottom: 10px; list-style-type: disc; }
*/
.news .news-content ul li { margin-bottom: 10px; list-style-type: disc; line-height:21px;} 
/* font-size: 16px; line-height: 24px; color: #3d3d4c; } */

.news .news-content object embed { width: 620px !important; height: 400px; margin: 0 -30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.news .news-content img { max-width: 100%; height: auto;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news .news-content img.size-large { width: 620px; max-width: 620px; height: auto; margin: 0 -30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*.news .news-content img.size-full { max-width: 620px; height: auto; margin: 15px -30px; }*/

/* Blake here: */
.news .news-content img.full-width-image { width: 620px; max-width: 620px; height: auto; margin: 10px -30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* ... */


/*Newslist*/
.news-list { clear: both; border-top: 1px solid #e5e5e5; margin-bottom: 25px;}
.news-list li {
	padding: 10px;
	background-color: #f5f7fa;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
.news-list li:nth-child(even) { background: #fff; }
.news-list .list-content { float: left; }
.news-list a.game-icon { float: left; width: 50px; height: auto; margin-right: 10px; }
.news-list a.game-icon img { display: block; width: 100%; height: auto; }
.news-list a.game-title { display: block; font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; font-size: 22px; color: #2e3033; margin: 1px 0; }
.news-list span.game-details { display: block; font-size: 14px; color: #2e3033; font-weight: normal;}
.news-list span.game-details a { color: #3d9ccc; text-decoration: underline; }

.news-list a.buy-button { float: right; margin: 10px 0 0 20px; }

.news-list .watch-toggle { float: right; width: 54px; font-size: 8px; text-align: center; line-height: normal; margin: 8px 0 0 0;}
.news-list .watch-toggle span { margin: 0 0 5px 0; cursor: pointer; }

a.buy-button { padding: 0 10px; height: 27px; line-height: 27px; text-align: center; min-width: 46px; font-size: 18px; display: inline-block; padding: 0 4px; text-align: center; font-size: 15px; margin: 8px auto 7px auto; background: #86bf4c; color: #fff; font-weight: normal; border: 1px solid #63992e; border-radius: 3px; box-shadow: 0px 1px 1px rgba(33,51,15,0.2), inset 0px 1px 1px rgba(255,255,255,0.25);}


/*Author Bio*/
.about-author { overflow: hidden; margin-bottom: 30px; color: #8a8a99; }
.about-author img { float: left; width: 90px; margin-right: 25px; margin-bottom: 20px; border-radius: 12px;}
.about-author .text h3 {  color: #2e3033; font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; font-size: 20px; margin-bottom: 5px; }
.about-author .text p { color: #8a8a99; font-size: 12px; line-height: 17px; }


.blog #title-heading, header.archive-header, header.page-header { padding: 32px 30px 0px 30px; }
.blog #title-heading h1, h1.archive-title, h1.archive-title span, h1.archive-title span a, header.page-header h1.page-title, header.page-header h1.page-title span {font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif;
	font-stretch: condensed; font-weight: 900;
	color: #1f1f33;
	font-size: 40px;
	text-transform: uppercase; letter-spacing: -1px;
	line-height: 40px;
	margin-bottom: 20px;
}



/*Top Reviews*/
.top-reviews #topAd { background: #fff; border-bottom: 1px solid #E2E2E2; }
.top-reviews #title-heading { padding: 26px 30px 25px 30px; border-bottom: 1px solid #E2E2E2; background: #fff; overflow: hidden; }
.top-reviews #title-heading h1 {
	font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif;
	font-stretch: condensed; font-weight: 900;
	color: #1f1f33;
	font-size: 60px;
	text-transform: uppercase; letter-spacing: -1px;
	line-height: 60px;
	float: left;
}
.top-reviews #title-heading .filter-tools { float: right; }
#title-heading .filter-tools { margin-top: 11px; }
#title-heading .filter-tools ul li { float: left; line-height: 28px;}
#title-heading .filter-tools ul li a { display: block; height: 28px; line-height: 28px; border: 1px solid #e1e5ea; border-bottom: 2px solid #e1e5ea; padding: 0 12px; color: #8a8a99; font-weight: bold; font-size: 12px; }
#title-heading .filter-tools ul li#paid a { border-right: none; border-left: none; }
#title-heading .filter-tools ul li a.selected { background: #ffaa00; border: 1px solid #ffaa00; border-bottom: 2px solid #e69900; color: #fff;}
#title-heading .filter-tools ul li#time { margin: 0 10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#title-heading .filter-tools ul li select { -webkit-appearance: none; outline: none; -webkit-border-radius: 0; border: 1px solid #e1e5ea; border-bottom: 2px solid #e1e5ea; height: 30px; line-height: 28px; padding: 0 21px 0 12px; font-weight: bold; font-size: 12px; color: #8a8a99; cursor: pointer; background: url(images/dropdown-arrow.png) no-repeat right; background-size: 17px 6px; }
}

.top-reviews .rating { clear: both; border-bottom: 1px solid #E2E2E2; overflow: hidden; padding: 26px 30px; }
.top-reviews .rating span.label { font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif;	font-stretch: condensed; font-weight: 900; color: #1f1f33; text-indent: 0; font-size: 28px; margin-right: 10px; margin-top: -1px; }
.top-reviews .top-reviews-block { overflow: hidden; position: relative; border-bottom: 1px solid #E2E2E2; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*.top-reviews .top-reviews-block a.img { overflow: hidden; height: auto; max-height: 370px; width: 100%; background: #1F1F26; 
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center; -moz-box-align: center;
   -ms-flex-align: center; 
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-pack: center; -moz-box-pack: center;
   -ms-flex-pack: center; 
   -webkit-justify-content: center;
   justify-content: center;}
.top-reviews .top-reviews-block a.img img { width: 100%; height: auto;
   display: -webkit-box; display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center; -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center; }*/
 
.top-reviews .top-reviews-block a.img { overflow: hidden; height: auto; max-height: 370px; width: 100%; background: #1F1F26; }
.top-reviews.hot-games .top-reviews-block a.img { max-height: 280px; }
.top-reviews .top-reviews-block a.img img { width: 100%; height: auto; }
 
 
.top-reviews .top-reviews-block .info { padding: 25px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.top-reviews .top-reviews-block h2 { font-size: 16px; margin-bottom: 0; color: #1f1f33; height: 25px; overflow:hidden;}

.top-reviews .five-star-reviews .top-reviews-block h2 { text-overflow: ellipsis; width: 290px; white-space: nowrap;}

.top-reviews .top-reviews-block h2 a { color: #1f1f33;  }
.top-reviews .top-reviews-block p { padding: 6px 0; line-height: 21px; font-size: 14px; color: #3d3d4c; }
.top-reviews .top-reviews-block .app-icon-details { float: right; margin-top: -76px; margin-left: 25px; margin-bottom: 5px; z-index: 999; position: relative; }

.top-reviews .app-details { position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; padding: 0 0;border-top: 1px solid #e1e5ea; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.top-reviews .app-details ul { border: none; }
.top-reviews .app-details li { padding-bottom: 0; height: 44px; }
.top-reviews .app-details li.date { border-right: 1px solid #e1e5ea; padding-left: 25px; white-space: nowrap;}
.top-reviews .app-details li.genre { width: 60%; }
.top-reviews .app-details li.read-more { border-bottom: 1px solid #e1e5ea; width:100%; padding:4px; height:24px;}
.top-reviews .app-details span.label { font-size: 10px; line-height: 8px; margin-bottom: 3px; }
.top-reviews .app-details p { font-size: 12px; padding: 0; line-height: 14px; float: left; }
.top-reviews .app-details p.type { float: right; margin-top: -6px;}

.top-reviews .five-star-reviews .top-reviews-block.right .info { float: right; width: 34%;}
.top-reviews .five-star-reviews .top-reviews-block.right a.img { float: left; width: 66%; }
.top-reviews .five-star-reviews .top-reviews-block.right .info .app-details { left: auto; right: 0; }
.top-reviews .five-star-reviews .info h2 { font-size: 24px; }
.top-reviews .five-star-reviews .info { float: left; width: 34%;}
.top-reviews .five-star-reviews a.img { float: right; width: 66%; height: auto;}
.top-reviews .five-star-reviews .top-reviews-block .app-details { width: 34%; }
.top-reviews .five-star-reviews .top-reviews-block .info .app-icon-details { float: right; margin: 10px 0 10px 20px; }

.top-reviews .four-star-reviews .top-reviews-block { height: 540px; }
.top-reviews .four-star-reviews .top-reviews-block.right { float: right; width: 50%; border-right: 1px solid #e1e5ea; }
.top-reviews .four-star-reviews .top-reviews-block.left { float: left; width: 50%; border-right: 1px solid #e1e5ea; }
.top-reviews .four-star-reviews .top-reviews-block a.img { float: none; width: 100%; height:240px;}
.top-reviews .four-star-reviews .top-reviews-block .info { float: none; width: 100%; margin-bottom: 53px; padding-top: 13px; }
.top-reviews .four-star-reviews .top-reviews-block .info h2 { font-size: 16px; margin-bottom: 0; }

.top-reviews .three-star-reviews .top-reviews-block { height: 340px; }
.top-reviews .three-star-reviews .top-reviews-block { width: 33.3%; float: left;border-right: 1px solid #e1e5ea; }
/*.top-reviews .three-star-reviews .top-reviews-block.middle { border-right: 1px solid #e1e5ea; border-left: 1px solid #e1e5ea; }*/
.top-reviews .three-star-reviews .top-reviews-block a.img { float: none; width: 100%; height:160px; }
.top-reviews .three-star-reviews .top-reviews-block .info { float: none; width: 100%; margin-bottom: 53px; padding-top: 13px; }
.top-reviews .three-star-reviews .top-reviews-block p { padding: 0 0; line-height: 22px; font-size: 12px; color: #8a8a99; }

.top-reviews .two-star-reviews .top-reviews-block { height: 340px; }
.top-reviews .two-star-reviews .top-reviews-block { width: 33.3%; float: left; border-right: 1px solid #e1e5ea; }
/*.top-reviews .two-star-reviews .top-reviews-block.middle { border-right: 1px solid #e1e5ea; border-left: 1px solid #e1e5ea; }*/
/*.top-reviews .two-star-reviews .top-reviews-block a.img { float: none; width: 100%; }*/
.top-reviews .two-star-reviews .top-reviews-block .info { float: none; width: 100%; margin-bottom: 53px; padding-top: 13px; }
.top-reviews .two-star-reviews .top-reviews-block .info .app-icon-details { margin-top: 10px; }
.top-reviews .two-star-reviews .top-reviews-block p { padding: 0 0; line-height: 22px; font-size: 12px; color: #8a8a99; }


/*Hot Games*/
.hot-games {  }
.hot-games #title-heading h1 { margin-bottom: 20px; }
.hot-games #title-heading p.intro { clear: both; color: #8a8a99; font-size: 18px; line-height: 26px; margin-bottom: 10px;}

.hot-games .top-reviews-block { overflow: hidden; }
.hot-games .top-reviews-block a.img { float: left; width: 50%; position: relative; }
.hot-games .top-reviews-block h2 { font-size: 24px; margin-bottom: 10px; }
.hot-games .top-reviews-block .info { float: right; width: 50%; }
.hot-games .top-reviews-block .info .app-details { width: 50%; left: auto; right: 0; }
.hot-games .top-reviews-block .info .app-icon-details { margin-top: 0; }
.hot-games .top-reviews-block a.comments { display: block; height: 16px; line-height: 13px; color: #2e8ae5; font-weight: normal; background: url(images/icon-comment.png) no-repeat left; background-size: 17px 16px; padding-left: 24px; margin-top: 5px;}
.hot-games .top-reviews-block a.comments:hover { text-decoration: underline; }
.hot-games .app-details li.date { border-right: 1px solid #e1e5ea; width: 25%; }
.hot-games .app-details li.genre { width: 40%; border-right: 1px solid #e1e5ea; }
.hot-games .app-details li.trending { width: 13%; border-right: 1px solid #e1e5ea; color: #8a8a99; font-weight: bold; padding: 0 0 0 14px; text-align: center; line-height: 45px; background: url(images/trending-arrows.png) no-repeat 10px 16px; background-size: 14px 65px; }
.hot-games .app-details li.trending.down { background-position: 10px -38px; }
.hot-games .app-details li.trending.same { background-position: 10px -10px; }
.hot-games .app-details li.app-rating { width: 20%; }
.hot-games .app-details .rating { padding: 0; border: none; margin-top: 5px;}
.hot-games .app-details .rating .on, .hot-games .app-details .rating .off, .hot-games .app-details .rating .half { width: 15px; height: 14px; background-size: 15px 14px; }
.top-reviews-block a.img .video-button { position: absolute; top: 50%; left: 50%; margin: -55px 0 0 -55px; background: rgba(0,0,0,0.7) url(images/video-play-arrow.png) no-repeat 36px; background-size: 49px 56px; height: 110px; width: 110px; border: 4px solid rgba(255,255,255,0.75); border-radius: 50%; }
.top-reviews-block a.img .video-button:hover { background: #86bf4d url(images/video-play-arrow.png) no-repeat 36px; border: 4px solid #fff; }







.right {
	float: right;
}

#search {
	float: right;
	margin: 17px 21px 0 0;
	position: relative;
}

#searchText {
	width: 187px;
	height: 28px;
	padding: 0 10px 0 26px;
	line-height: 28px;
	border-radius: 14px;
	border: none;
	outline: 0 none;
	color: #738294;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	background: #fff url(images/icon-search.png) no-repeat 7px;
}

.side-block {
	margin-bottom: 36px;
}

.side-block h2, .side-block h2 span, .side-block h2 a {
margin-bottom: 5px;
}

.side-forums ul.bullets li a, .side-forums ul.bullets li
{
font-size: 13px;
}

.side-block img.framed {
	margin-bottom: 14px;
}

.side-block img.framed.last {
	margin-bottom: 0;
}

#sidebar {
	float: left;
	width: 380px;
	padding: 25px 25px 50px 25px;
	background: url(images/bg-content.gif) repeat-y right;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

#sidebar .block-right {
	width: 154px;
}

#sidebar h2 {
	margin-bottom: 0;
}

#sidebar h2, #sidebar h2 span {
	color: #1f1f33; text-transform: uppercase;
	font-size: 20px;
}

#sidebar h2 span {
	display: block;
	float: left;
}

#sidebar h2 span.arrow {
	background: url(images/sprite.png) -449px -2px no-repeat;
	width: 10px;
	height: 15px;
	margin: 7px 0 0 10px;
}

#sidebar h3 {
	font-size: 20px;
	color: #3d3d4c;
	font-family: Futura-CondensedExtraBold, sans-serif; text-transform: uppercase;
	font-stretch: condensed; font-weight: 900;
}

#socialNav {
	position: absolute;
	top: 44px;
	right: 15px;
	text-align: right;
}

#socialNav li {
	padding-right: 15px;
}

#socialNav li:last-child {
	padding-right: 0;
}

#socialNav li a {
	display: block;
	height: 19px;
	line-height: 19px;
	white-space: nowrap;
}

#socialNav li a, #topNav li a {
	color: #8a8a99;
	font-size: 14px;
	font-family: Helvetica, sans-serif;
}

#topNav li {
	color: #8a8a99;
}

#socialNav li.rss a span {
	float: left;
	display: block;
	background: url(images/sprite.png) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	margin: 1px 5px 0 0;
}

#socialNav li.twitter a span {
	float: left;
	display: block;
	background: url(images/sprite.png) -18px 0 no-repeat;
	width: 21px;
	height: 17px;
	margin: 1px 5px 0 0;
}

#socialNav li.app a span {
	float: left;
	display: block;
	background: url(images/sprite.png) -40px 0 no-repeat;
	width: 19px;
	height: 19px;
	margin: 0 5px 0 0;
}

#socialNav ul, #socialNav li, #topNav ul, #topNav li {
	float: left;
}

/*ALL STAR RATINGS*/
.rating span { float: left; text-indent: -9999px; }
.rating .on { background: url(images/star-yellow.png) center; width: 19px; height: 18px; background-size: 19px 18px; }
.rating .half { background: url(images/star-yellow-half.png) center; width: 19px; height: 18px; background-size: 19px 18px; }
.rating .off { background: url(images/star-yellow-off.png) center; width: 19px; height: 18px; background-size: 19px 18px; }

.app-details li.six span, .app-details li.seven span, .app-details li.eight span { width: 15px; height: 14px; background-size: 15px 14px; margin: 0 !important; }
.app-details li.seven .on, .app-details li.eight .on { background: url(images/star-gray.png) center; }
.app-details li.seven .half, .app-details li.eight .half { background: url(images/star-gray-half.png) center; }
.app-details li.seven .off, .app-details li.eight .off { background: url(images/star-gray-off.png) center; }

.ta-rating { border-top: 2px solid #ffaa00; margin: 30px -30px; overflow: hidden; }
.ta-rating h3 { float: left; color: #ffaa00; font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; font-size: 20px; margin: 0; padding: 11px 0 0 30px; }
.ta-rating .rating { float: right; overflow: hidden; background: url(images/slant-orange.png); padding: 4px 30px 7px 45px; }
.ta-rating .rating .on { background: url(images/star-white.png) center; width: 27px; height: 25px; background-size: 27px 25px; }
.ta-rating .rating .half { background: url(images/star-white-half.png) center; width: 27px; height: 25px; background-size: 27px 25px; }
.ta-rating .rating .off { background: url(images/star-white-off.png) center; width: 27px; height: 25px; background-size: 27px 25px; }

#sidebar ul.games .rating span { float: left; width: 13px; height: 12px; background-size: 13px 12px; }

.banner-review .rating span { width: 14px; height: 13px; background-size: 14px 13px; }

.top-reviews .rating .on, .top-reviews .rating .off, .top-reviews .rating .half { width: 27px; height: 25px; background-size: 27px 25px; }
.hot-games .app-details .rating .on { width: 15px; height: 14px; background-size: 15px 14px; }

#title-heading .rating { margin-bottom: 25px; overflow: hidden; }
#title-heading .rating .on, #title-heading .rating .off, #title-heading .rating .half { width: 27px; height: 25px; background-size: 27px 25px; }

.news-heading .title .rating { clear: both; overflow: hidden; margin: 0 0 10px 0; padding-top: 5px; }
.news-heading .title .rating .on, .news-heading .title .rating .off, .news-heading .title .rating .half { width: 23px; height: 22px; background-size: 23px 22px;  }

.cn_content .info .rating { clear: both; overflow: hidden; margin: 0 0 10px 0; padding-top: 5px; }
.cn_content .info .rating .on, .cn_content .info .rating .off, .cn_content .info .rating .half { width: 23px; height: 22px; background-size: 23px 22px;  }

/*DELETE ALL THESE IRRELEVANT STAR STYLES*/

span.big-star-off {
	float: left;
	display: block;
	background: url(images/banner-rating.png) no-repeat;
	background-position: right;
	width: 19px;
	height: 18px;
}
span.big-star-yellow-off {
	float: left;
	display: block;
	background: url(images/banner-rating2.png) no-repeat;
	background-position: right;
	width: 19px;
	height: 18px;
}

span.star-white {
	float: left;
	display: block;
	background: url(images/banner-rating.png) no-repeat;
	background-position: left;
	width: 19px;
	height: 18px;
}

span.big-star-yellow {
	float: left;
	display: block;
	background: url(images/banner-rating2.png) no-repeat;
	background-position: left;
	width: 19px;
	height: 18px;
}

span.star-yellow {
	float: left;
	display: block;
	background: url(images/sprite.png) -260px -0px no-repeat;
	width: 13px;
	height: 12px;
}
span.star-off {
	float: left;
	display: block;
	background: url(images/sprite.png) -233px -0px no-repeat;
	width: 13px;
	height: 12px;
}
span.star-half {
	float: left;
	display: block;
	background: url(images/sprite.png) -204px -25px no-repeat;
	width: 13px;
	height: 12px;
}



.submit {
	width: 79px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
	font-weight: bold;
	color: #7b7b7b;
	float: right;
}



/*App Details Page*/
#title-heading.app-detail .banner { margin-top: -37px; }
#title-heading.app-detail { padding: 26px 30px 30px 30px; border-botto////m: 1px solid #E2E2E2; background: #fff; }
#title-heading.app-detail h1 a.news-title {
	font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif;
	font-stretch: condensed; font-weight: 900;
	color: #1f1f33;
	font-size: 42px;
	margin-bot///tom: 10px;
	display: block;
	line-height: 48px;
}
#title-heading.app-detail .news-meta { font-family: Helvetica, sans-serif; font-size: 16px; color: #8a8a99; clear: none; text-transform: none; }
#title-heading.app-detail .news-meta a { color: #3d9ccc; }
#title-heading.app-detail .news-meta span.date { font-weight: bold; color: #8a8a99; }
#title-heading.app-detail img { float: left;  height: 82px; margin-right: 20px; }



.app-details-bottom { margin: 30px 0; background: #f5f7fa; border: 1px solid #e4e6eb; border-radius: 4px; }
.app-details-bottom ul { overflow: hidden;}
.app-details-bottom ul li { float: left; width: 25%; padding: 10px; border-right: 1px solid #e2e2e2;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.app-details-bottom ul li:last-child { border: none; }
.app-details-bottom ul li.first { border-bottom: 1px solid #e2e2e2; overflow: hidden; float: none; width: 100%; border-right: none; height: 50px; line-height: 50px; }
.app-details-bottom ul li.first span.label { float: left; margin: 8px 0 0 0; }
.app-details-bottom ul li.first .rating { float: left; margin: 3px 0 0 15px; }
.app-details-bottom ul li span.label { color: #8a8a99; font-size: 10px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 5px; }
.app-details-bottom ul li p { font-size: 14px; font-weight: bold; color: #8a8a99; }
.app-details-bottom span.company { float: left; font-size: 18px; color: #2e3033; margin-top: 4px; }
.app-details-bottom span.company a { color: #3d9ccc; text-decoration: underline; font-weight: bold; }
.app-details-bottom a.buy-button { float: right;  margin-left: 20px; }
.app-details-bottom .watch-toggle { float: right; margin-top: 3px; }

.app-details { margin: -15px 0 30px 0; }
.app-details ul { border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; overflow: hidden; }
.app-details ul li { float: left; width: 25%; padding: 10px; width: 33.333333%; height: 50px; float: left;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.app-details ul li span.label { color: #8a8a99; font-size: 10px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 5px; width: auto; }
.app-details ul li span.label a { color: #8a8a99; }
.app-details ul li p { font-size: 14px; font-weight: bold; color: #8a8a99; }
.app-details a.buy-button { display: inline-block; padding: 7px 12px; text-align: center; font-size: 28px; margin: 10px auto 10px auto; background: #86bf4c; color: #fff; font-weight: normal; border: 1px solid #63992e; border-radius: 3px; box-shadow: 0px 1px 1px rgba(33,51,15,0.2), inset 0px 1px 1px rgba(255,255,255,0.25);}
.app-details a.buy-button:hover { background: #7cb744;}



.app-details {  }
.app-details ul li {  }
.app-details ul li.one { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background: #f5f7fa; }
.app-details ul li.two { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background: #f5f7fa; }
.app-details ul li.three { border-bottom: 1px solid #e2e2e2; float: right; height: 100px; text-align: center; }
.app-details ul li.four { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
.app-details ul li.five { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
.app-details ul li.six { border-right: 1px solid #e2e2e2; background: #f5f7fa; }
.app-details ul li.seven { border-right: 1px solid #e2e2e2; background: #f5f7fa; }
.app-details ul li.eight { background: #f5f7fa; }


.app-more { margin-top: 30px; }
.app-more h3 { font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; font-size: 20px; color: #1f1f33; margin: 0 0 20px 0; }
.app-more h3 a { text-decoration: underline; font-size: 12px; text-transform: lowercase; vertical-align: middle; margin-left: 7px; color: #4588e6; }
.app-more .app-screenshots h3 { font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; font-size: 20px; color: #1f1f33; margin: 0 0 10px 0; }
.app-more .app-activity { /*float: left; width: 47%;*/ margin-bottom: 40px; overflow: hidden; }
.app-more .app-developer { /*float: right; width: 47%;*/ overflow: hidden; }
.app-more ul { border-top: 1px solid #e2e2e2; }
.app-more ul li { border-bottom: 1px solid #e2e2e2; padding: 10px 0; overflow: hidden; position: relative; }
.app-more ul li img.icon { width: 24px; height: 24px; float: left; margin-right: 7px; }
.app-more ul li a.title { display: block; font-size: 12px; font-weight: bold; color: #1f1f33; }
.app-more ul li span.date { display: block; font-size: 10px; color: #8a8a99; margin-top: 1px; }
.app-more .app-activity .rating { float: right; margin-top: 6px; }
.app-more .app-activity ul li:before { float: left; width: 46px; text-align: center; margin: 3px 10px 0 0; padding: 2px 0px; color: #fff; border-radius: 2px; font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; text-transform: uppercase; font-size: 10px; }
.app-more ul li .rating span { width: 15px; height: 14px; background-size: 15px 14px; margin: 0 !important; }
.app-more ul li .rating { position: absolute; top: 8px; right: 35px; }
.app-more ul li.review:before  { content: "Review"; background: #ffaa00; }
.app-more ul li.tnews:before { content: "News"; background: #b8c0cc; }
.app-more ul li.release:before { content: "Release"; background: #4588e6; }
.app-more ul li.app:before { content: "App"; background: #4588e6;}
.app-more a.more { position: absolute; right: 0; top: 11px; padding: 4px; width: 9px; height: 13px; background: url(images/more-arrow.png) no-repeat center; background-size: 9px 13px; text-indent: -9999px; }

.app-more .app-developer ul { overflow: hidden; background: url(images/app-list-bg.png); }
.app-more .app-developer ul li { line-height: 22px; width: 33.3%; float: left; border-right: 1px solid #e2e2e2; padding: 10px; height: 40px; overflow: hidden;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.app-more .app-developer ul li:nth-child(3n+3) { border-right: none; }
.app-more .app-developer ul li img.icon { width: 21px; height: 20px; float: left; margin-right: 7px; }
/*.app-more .app-developer ul li:nth-child(-n+3), .app-more .app-developer ul li:nth-child(n+7) { background: #f5f7fa; }*/
.app-more .app-developer ul li a { color: #2e3033; line-height: 22px; display: block; width: 450px; }

.comments-social { margin: 20px 0 20px 0; overflow: hidden; }
.comments-social a.comment-number { float: left; height: 25px; padding-left: 35px; line-height: 24px; color: #4588e6; text-decoration: underline; font-weight: bold; font-size: 14px; background: url(images/comment-bubble.png) no-repeat left; background-size: 24px 25px; }
.comments-social .news-social { float: right; }

.slider { margin: 30px -30px; }
.slider .slides img { width: 100%; height: auto; display: block;}
.slider .nav { background: #212326; color: #fff; padding: 20px; font-size: 16px; text-align: center;}
.slider .nav span { background: url(images/slide-arrows.png);  text-indent: -9999px; width: 20px; height: 16px; }
.slider .nav span#prev { float: left; background-position: left; }
.slider .nav span#next { float: right; background-position: right; }
.slider .nav span.slidecount { background: url(images/slide-blocker.png); color: #fff;}


span.icon-hd { display: inline-block; width: 22px; height: 12px; text-indent: -9999px; background: url(images/icon-hd.png) no-repeat; vertical-align: -1px; margin: 0 2px;}


#topAd {
	text-align: center;
	background: #1f1f26; 
	padding: 12px;
}
#topAd img { display: block; margin: 0 auto; }
.single #topAd { background: #fff; border-bottom: 1px solid #e2e2e2; }

#topNav {
	position: absolute;
	top: 5px;
	right: 15px;
	height: 31px;
	overflow: hidden;
	padding-left: 18px;
}

#topNav li {
	padding: 0 13px;
	border-right: 1px solid #59595b;
	line-height: 13px;
	height: 13px;
	margin: 9px 0;
}

#topNav li:first-child {
	padding-left: 0;
}

#topNav li:last-child {
	padding-right: 0;
	border-right: 0;
}

#topNav li a {
	color: #fff; font-weight: bold;
}

ul.bullets, #sidebar ul {
	margin-bottom: 14px; clear: both;
}

ul.bullets li, #sidebar ul li {
	margin-bottom: 2px;
}

ul.bullets li a, #sidebar ul li a {
	color: #3d3d4c;
	display: block;
	line-height: 1.5em;
}



ul.bullets li { padding-left: 20px; position: relative;}
#sidebar ul.bullets li a { display: inline; margin-right: 3px; }
ul.bullets li span {
	position: absolute; top: 0; left: 0;
	width: 12px;
	height: 12px;
	margin-top: 2px;
	background: url(images/sprite.png) -195px 0 no-repeat;
}



ul.bulletss li span {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin-top: 2px;
	background: url(images/sprite.png) -195px 0 no-repeat;
}

ul.bulletss {
	margin-bottom: 14px;
}

ul.bulletss li {
	margin-bottom: 16px;
}

ul.bulletss li a {
	color: #3d3d4c;
	display: inline;
	line-height: 1.25em;
}

ul.bulletss li a {
	/*margin-left: 20px;*/
}







ul.games li {
	border-bottom: 1px solid #d3d3de;
	margin: 0 !important;
	padding: 15px 0;
}

ul.games li:first-child {
	padding-top: 0;
	border-top: 0;
}

ul.games li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

ul.games li a {
	margin: 0 73px 0 68px;
}





#commentsBlock {
	padding-top: 8px;
}









/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/*FEATURED SLIDER*/
.cn_wrapper{
	height:500px;
        position:relative;
        color:#fff;
        overflow:hidden;
        background-color:#333;
}
.cn_wrapper h1 {}
.cn_wrapper h3 { font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; color: #8a8a99; font-size: 40px; line-height: 40px; 
text-transform: uppercase; letter-spacing: -1px; margin-bottom: 30px; }
.cn_wrapper h1 a { display: block; color: #1a1a33; font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; font-size: 28px; 
line-height: 31px; margin-bottom: 0px; }

.cn_list {
	padding: 3px 10px; border-radius: 15px;
        position:absolute;
        bottom: 16px; left: 50%; margin-left: -65px;
        text-align: center;
        background: rgba(0,0,0,0.8); }

.cn_preview{
	height:500px;
        position:absolute;
        bottom: 0;
        width: 100%;
}
.cn_content{
	top:500px;/*5*/
        width: 100%;
        position:absolute;
        height:500px;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.cn_content .info { background: rgba(255,255,255,0.9); position: absolute; top: 25%; right: 0; width: 32%; padding: 30px 30px 5px 30px; }
.cn_content a.image { display: block; width: 100%; }
.cn_content a.image img { display: block; width: 100%; }

.cn_content p{
	line-height: 21px;
        font-size: 14px;
        color: #3d3d4c;
}

.cn_item{
        cursor:pointer;
        position:relative;
        overflow:hidden;
        color:#fff;
        padding: 5px;
        float: left;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.cn_item img { height: 30px; float: left; margin-right: 12px; }
.cn_item span { display: block; background: rgba(255,255,255,0.3); width: 12px; height: 12px; border-radius: 50%; text-indent: -9999px; }
.cn_item:hover span, .cn_item.selected span, .cn_item:hover span, .cn_item.selected span{	background: #fff;}
.cn_item:hover h2,
.cn_list .selected h2,
.cn_item:active h2{
}
.cn_item:hover p,
.cn_list .selected p,
.cn_item:active p{
}
.cn_item:active {
        color: #000;
}
.cn_list p{
	height:29px;
        padding-top:2px;
        overflow:hidden;
        border-top:1px solid #333;
}




/*Create Account*/
.create-account { padding-bottom: 100px; overflow: hidden;}
.create-account h1 { 
	font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif;
	font-stretch: condensed; font-weight: 900;
	color: #1f1f33;
	font-size: 42px;
	margin-bottom: 10px;
	display: block;
	line-height: 48px; }
.create-account p { 
	padding: 6px 0;
	line-height: 21px;
	font-size: 14px;
	color: #8a8a99; }
.create-account img#ta-img { width: 220px; float: left; margin-top: 40px; margin-right: 20px; }
.create-account .ta-account { float: left; width: 300px; margin-top: 40px; padding: 6px 0; 
	line-height: 21px;
	font-size: 14px;
	color: #8a8a99;}
.create-account .ta-account label { font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; color: #1f1f33; font-size: 16px; margin-bottom: 10px; display: block; }
.create-account .ta-account input { width: 100%; padding: 9px; background: #f0f2f5; font-size: 15px; margin: 0 0 10px 0; border: none; border-bottom: 1px solid #e6e6ed; display: block;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.create-account .ta-account input.checkbox { float: left; width: 25px;}
.create-account .ta-account input.submit { background: #ffaa00; width: auto; clear: both; float: left; margin: 10px 0; font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; color: #fff; font-size: 16px; line-height: 16px; height: auto; padding: 9px 13px; cursor: pointer;}
.create-account .ta-account input.submit:hover { background: #373639; }
.create-account .ta-account .error { color: #ff0000; }

/*Login Box*/
#login-box { position: absolute; top: 30px; right: 72px; z-index: 9999; box-shadow: 0px 4px 8px rgba(0,0,0,0.5); padding-top: 8px; background: url(images/login-tip.png) no-repeat top; background-size: 44px 22px;}
#login-box #login-inner { background: #fff; padding: 10px 12px; overflow: hidden; }
#login-box h3 { font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; font-size: 16px; line-height: 16px; margin: 5px 2px 15px 2px; }
#login-box input { width: 100%; padding: 9px; background: #f0f2f5; font-size: 15px; margin: 0 0 10px 0; border: none; border-bottom: 1px solid #e6e6ed; display: block;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#login-box input.checkbox { float: left; width: 25px;}
#login-box input.submit { background: #ffaa00; width: auto; clear: both; float: left; margin: 10px 0; font-family: Futura-CondensedExtraBold, Futura, Helvetica, sans-serif; font-stretch: condensed; font-weight: 900; color: #fff; font-size: 16px; line-height: 16px; height: auto; padding: 7px 13px; cursor: pointer; margin-bottom: 0;}
#login-box input.submit:hover { background: #373639; }
#login-box .error { color: #ff0000; margin-bottom:12px;}

/*Full Width Custom Articles*/
#content.full-width { width: 100%; padding: 0 !important; }
.full-article { }
.full-article section { 
border-bottom: 1px solid #e6e9ed; 
overflow: hidden; }
.full-article h2 { color: #2e3033; margin-bottom: 5px; }
.full-article p { margin-bottom: 23px; line-height: 21px; font-size: 14px; color: #3d3d4c; }
/*.full-article p { border: 2px solid blue; }*/
.full-article section p:last-child { margin-bottom: 0; }
.full-article div { line-height: 21px; font-size: 14px; color: #3d3d4c; 
position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.full-article .text-overlay { position: absolute; bottom: 0; width: 100%; background: rgba(46,48,51,0.8); color: #fff; padding: 30px; font-size: 25px; line-height: 30px; font-family: Helvetica-LightOblique, Helvetica, sans-serif; font-style: italic; }
.full-article img { display: block; max-width: 100%; }
.full-article .col-10 { width: 10%; float: left; padding: 30px; }
.full-article .col-20 { width: 20%; float: left; padding: 30px; }
.full-article .col-30 { width: 30%; float: left; padding: 30px; }
.full-article .col-40 { width: 40%; float: left; padding: 30px; }
.full-article .col-50 { width: 50%; float: left; padding: 30px; }
.full-article .col-60 { width: 60%; float: left; padding: 30px; }
.full-article .col-70 { width: 70%; float: left; padding: 30px; }
.full-article .col-80 { width: 80%; float: left; padding: 30px; }
.full-article .col-90 { width: 90%; float: left; padding: 30px; }
.full-article .col-100 { width: 100%; float: left; padding: 30px; }
.full-article .center { float: none; margin: 0 auto; }
.full-article .padding-none { padding: 0; }
.full-article .padding-left-none { padding-left: 0; }
.full-article .padding-right-none { padding-right: 0; }
.full-article .padding-top-none { padding-top: 0; }
.full-article .padding-bottom-none { padding-bottom: 0; }

/*
.full-article blockquote { display: block; min-height: 55px; font-size: 25px; line-height: 30px; color: #2e3033; font-family: Helvetica-LightOblique, Helvetica, sans-serif; font-style: italic; background: url(images/blockquote.png) no-repeat left top; background-size: 76px 55px; padding-left: 90px; }
.full-article blockquote span.speaker { display: block; color: #8a8a99; font-size: 12px; font-style: normal; font-weight: bold; margin-top: 5px; }
*/
.news-content blockquote { display: block; min-height: 55px; font-size: 14px; line-height: 21px; color: #2e3033; font-family: Helvetica-LightOblique, Helvetica, sans-serif; font-style: italic; background: url(images/blockquote.png) no-repeat left top; background-size: 76px 55px; padding-left: 90px; }
.news-content blockquote span.speaker { display: block; color: #8a8a99; font-size: 12px; font-style: normal; font-weight: bold; margin-top: 5px; }

.full-article .background-gray { background: #e6e9ed; }
.full-article .background-dark { background: #2e3033; }
.full-article .background-dark h2 { color: #fff; }
.full-article .background-dark blockquote { color: #fff; background: url(images/blockquote-white.png) no-repeat left top; background-size: 76px 55px; }

a.nav-back {
	float: left;
	display: block;
	background: url(images/single_post_nav_sprite.png) no-repeat 8px -18px;
	width: 18px;
	height: 18px;
	text-indent: -1000em;
	border-right: 1px solid #999;
	padding-right: 12px;
	padding-top: 8px;
	padding-left: 8px;
}


#screenshots
{
border:1px solid #ccc;
}

#ScreenshotFull
{
	position:absolute;
	width:800px;
	height:500px;
	margin-left:40px;
	display:none;
	z-index:200;
}

#ScreenshotFull #x
{
	position:absolute;
	left:-14px;
	top:-14px;
	width:19px;
	height:19px;
	z-index:100;
}

#caption {
	font-weight: bold;
}

ul.bullets li.page_item
{
	font-size: 10pt;
	margin-bottom: 2px;  /* CJB - 2013/08/17 - attemping closer spacing here */
}

ul.bullets li.cat-item {
	font-size: 10pt;
	margin-bottom: 2px;  /* CJB - 2013/08/17 - attemping closer spacing here */
}





/*Site Skin Ads*/
#skinTopAd { position: fixed; top: 0px; left: 50%; margin-left: -650px; width: 1300px; height: 700px; }
#skinLeftAd { position: fixed; top: 120px; left: 0; width: 700px; height: 700px; }
#skinRightAd { position: fixed; top: 120px; right: 0; width: 700px; height: 700px; }


/* Background Ad */
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#outerContainer	{ padding: 110px 15px 0 15px; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
#outerContainer	{ padding: 128px 15px 0 15px; }
#skinTopAd { position: absolute; top: 0px; left: 0px; margin-left: 0px; width: 1024px; height: 160px; }
#skinLeftAd { display:none; }
#skinRightAd { display:none; }

}

iframe#chat_embed {
width: 540px;
height:335px;
}
