@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:200,800);

/*
Theme Name: TouchArcade 2013
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;
    color: #3d3d4c;
    font-family: Helvetica, Verdana, sans-serif;
    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: "Open Sans Condensed", Helvetica, Verdana, sans-serif;
    font-weight: 700;
    font-stretch: condensed;
    font-weight: 800;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
    color: #1f1f33;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}

h3 {
    font-family: "Open Sans Condensed", Helvetica, Verdana, sans-serif;
    font-weight: 700;
    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;
    color: #808080;
}

.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: "Open Sans Condensed", Helvetica, Verdana, sans-serif;
    color: #8a8a99;
    font-size: 20px;
    line-height: 1em;
}

.featured .featured-title {
    font-family: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, sans-serif;
}

.game-price {
    display: block;
    text-align: right;
    font-family: "Open Sans Condensed", Helvetica, Verdana, 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: Helvetica, "Open Sans Condensed", Verdana, 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: 0;
    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: "Open Sans Condensed", Helvetica, Verdana, 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.jobs a span {
    background: url(images/jobs-icon-large-inactive.png) no-repeat center center;
    background-size: 21px 22px;
    background-position: -1px 3px;
    float: left;
    display: block;
    width: 21px;
    height: 25px;
    margin: 6px 5px 0 0;
}

#nav li.jobs.active a span {
    background: url(images/jobs-icon-large-active.png) no-repeat center center;
    background-size: 21px 22px;
    background-position: -1px 3px;
}

#nav li.deals a span {
    background: url(images/deals2-icon-large-inactive.png) no-repeat center center;
    background-size: 21px 22px;
    background-position: -1px 2px;
    float: left;
    display: block;
    width: 16px;
    height: 25px;
    margin: 6px 3px 0 0;
}

#nav li.deals.active a span {
    background: url(images/deals2-icon-large-active.png) no-repeat center center;
    background-size: 21px 22px;
    background-position: -1px 3px;
}

#nav li.buyback a span {
    background: url(images/buyback-icon-large-inactive.png) no-repeat center center;
    background-size: 21px 22px;
    background-position: -1px 2px;
    float: left;
    display: block;
    width: 16px;
    height: 25px;
    margin: 6px 3px 0 0;
}

#nav li.buyback.active a span {
    background: url(images/buyback-icon-large-active.png) no-repeat center center;
    background-size: 21px 22px;
    background-position: -1px 3px;
}

#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: "Open Sans Condensed", Helvetica, Verdana, 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 .archive .news .title,
.archive .news .search .news .title,
.search .news .title
{
    width: 425px;
}

.news .title h2 {
    font-family: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, sans-serif;
    font-size: 16px;
    height: 16px;
    display: inline-block;
    font-weight: bold;
}

#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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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 16px 0 0;
    position: relative;
}

#searchText {
    width: 167px;
    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: "Open Sans Condensed", Helvetica, Verdana, sans-serif;
    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; }
*/

.app-details li.seven .rating span.on,
.app-details li.eight .rating span.on {
    background: url(images/star-gray.png) center;
    width: 19px;
    height: 18px;
    background-size: 19px 18px;
}

.app-details li.seven .rating span.half, .app-details li.eight .rating span.half {
    background: url(images/star-gray-half.png) center;
    width: 19px;
    height: 18px;
    background-size: 19px 18px;
}

.app-details li.seven .rating span.off, .app-details li.eight .rating span.off {
    background: url(images/star-gray-off.png) center;
    width: 19px;
    height: 18px;
    background-size: 19px 18px;
}

.ta-rating {
    border-top: 2px solid #ffaa00;
    margin: 30px -30px;
    overflow: hidden;
}

.ta-rating h3 {
    float: left;
    color: #ffaa00;
    font-family: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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: "Open Sans Condensed", Helvetica, Verdana, 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;
}