body {
    height: 99%;
    color: #333;
    font: 14px "open sans", "trebuchet ms", verdana;
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #e7e7e7;
}

@media print {
    a:link:after, a:visited:after {
        content: "";
    }

    #overlay-wrapper {
        display: none;
    }

    #body-wrapper {
        padding-top: 250px;
        margin-top: 0px;
    }
}

/* Colors */
.txt-blue-important {
    color: #5791AC;
}

.txt-black-important {
    color: #707070;
}

/* catch-all */

h1, h2, h3, h4 {
    margin: 0;
    font-weight: normal;
}
li a:hover {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.block {
    display: block;
}

.smalltxt {
    font-size: 12px;
}

a.styled-button-prev:hover {
    text-decoration: none;
    background-color: #fff;
}

a.styled-button-next:hover{ 
    text-decoration: none;
    background-color: #1E97D1;
}

div a.styled-button-prev {
    margin-top: 10px;
    text-align: center;
    padding: 15px;
    /* background: url('//www.exophase.com/assets/jidoor/pagebutton.png') repeat-x top left; */
    /* width: 110px !important; */
    /* height: 25px; */
    /* border: 2px solid #e5e2e2; */
    color: #009ac0;
    text-transform: uppercase;
    display: block;
    font-size: 13px;
    background-color: #F0F0F0;
    height: 50px; 
}
div a.styled-button-next {
    text-align: center;
    padding: 15px;
    color: #fff;
        text-transform: uppercase;
        display: block;
        font-size: 13px;
    background-color: #2078A2;
    height: 50px;
}

.sticky {
    position:fixed !important;
    -webkit-backface-visibility:hidden; 
    -webkit-transform: translateZ(0);
    top: 0px;
}

#body-wrapper {
    width: 1200px;
    margin: 0px auto;
    margin-top: -100px;
}

.fleft {
    float: left;
}

#landing {
    font-size: 40px;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 1px 1px black;
    text-align: center;
    width: 800px;
    z-index: 10;
    position: relative;
    margin: 0px auto;
    margin-top: 150px;
}

#landing h2 {
    font-size:  40px;
    letter-spacing: -0.050em;
}

.center {
    text-align: center;
}

.prev_next a {
    font-family: 'Source Sans Pro';
}

#landing span {
    display: block;
}

#overlay-text {

}

.comment-count {
    text-align: right;
    color: #A8A8A8;
    font-size: 11px;
    text-align: center;
    height: 15px;
}



.overlay {
    height: 569px;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1200px;
    overflow: hidden;
    position: absolute;
    box-shadow: inset 0px -5px rgba(255, 255, 255, 0.2);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover; 
    width: 100%;
    background-size: auto auto !important;
    background-repeat: no-repeat;
    background-position: center center;
    top: 0px;
}

.top-panel-container {
    font-size: 12px;
    display: block;
    padding-bottom: 3px;
    position: absolute;
    background-color: #000;
    padding: 15px;
    right: 0px;
    /* border-bottom: 3px solid #53869E; */
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    top: -48px;
    color: #fff;
}

#overlay-wrapper {
    position: relative;
    height: 569px;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1200px;
    overflow: hidden;
}

#header-elements {
    background-color: #transparent;
    text-align: left;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.logo {
    margin-right: 15px;
    margin-top: 8px;
    width: 233px;
    height: 44px;
}
#categories {
    float: left;
    
}
#categories
ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 3px;
    margin-top: 9px;
    font-size: 14px;
    color: #fff;
}
#categories
li {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    font-weight: bold;
}
#categories li.main-cat {
    margin-left: 8px;
    text-transform: uppercase;
}
#categories li
a {
    color: #fff;
}
#categories li
a:hover {
    background: transparent;
}
#categories .selected
a {
    color: #ff3363;
}
#categories
.selected {
    color: #ff3363;
}
#top-panel {
    float: right;
    text-align: right;
}

#top-panel span a {
    color: #31addc;
}
#search-box {
    text-align: right;
    width: 240px;
    background-color: rgb(202, 202, 202);
    color: rgb(255, 255, 255);
    height: 60px;
    right: 0px;
    /*box-shadow: inset 0px 1px 1px rgb(70, 70, 70);*/
    padding: 5px;
    text-shadow: 0 0 0 transparent, 0 1px 1px rgb(165, 165, 165);
}
#search-box
#s {
    float: left;
    padding: 0;
    margin: 2px
0 0 6px;
    border: 0;
    width: 190px;
    /*height: 35px;*/
    background: none;
    line-height: 43px;
    height: 43px;
    font-family: 'Source Sans Pro';
    outline: none;
    color: #5F5F5F;
    font-size: 14px;
    /*text-shadow: 0 0 0 transparent, 0 1px 1px rgb(153, 153, 153);*/

}
#search-box
#go {
    float: right;
margin: 15px 4px 0 0;
}

.links ul li ul {
  padding: 0;
  position: absolute;
  left: 8px;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  border-top: 2px solid #000;
}
.links ul li ul li { 
    background: #222222; 
    display: block; 
    color: #fff;
    width: 200px;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    text-align: left;
}

.links ul li ul li:hover {    
    color: #309ac3;
    text-decoration: none;
    background-color: #1A1A1A; 
}
.links ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.links {
    text-align: right;
    display: inline-block;
    vertical-align: top;
}
.links {
    text-align: right;
}
.links
ul {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}
.links ul
li {
    float: left;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    position: relative;
}
.links ul li:hover {
}
.links ul li a {
    display: block;
    height: 60px;
    font-family: 'Source Sans Pro';
    text-decoration: none;
    margin-left: 8px;
    font-size: 14px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}

.links ul.sub_nav li a {
    color: rgb(172, 172, 172);
}

.links ul li a:hover, .links ul li a.active {
    color: #fff;
    text-decoration: none;
    background-color: #353535;
}

.top-panel-container a:hover, .top-panel-container a.active {
    color: #fff !important;
    text-decoration: none;
    background-color: #007FAA;
}

#content-preroll {
    background-color: #c95257;
    height: 3px;
    width: 1017px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}
.ad-728x90 {
    background: transparent;
    width: 728px;
    height: 90px;
    margin: 0px auto;
    margin-top: 15px;
}
#content {
    background-color: #fffeff;
    text-align: left;
    position: relative;
    /*border-top: 2px solid #C95257;*/
    padding: 5px;
    z-index: 1;
}

#content
strong {
    font-size: 1.05em;
}
#nav {
    background-color: #191717;
    height: 20px;
    z-index: 9999;
    border-bottom: 4px solid #ccc !important;
}
#nav-inner {
    width: 1016px;
    margin: 0 auto;
}
.border-green {
    background-color: #81bb06;
    height: 3px;
}
#feature-box {
    background-color: #262b2c;
    height: 171px;
    width: 636px;
    border-top: 3px solid #363d3f;
}
#feature-box a:link,  #feature-box a:visited,  #feature-box a:active {
    color: #fff;
}
#feature-box a:hover {
    color: #fff;
    text-decoration: none;
}
.image-article-left {
    float: left;
    text-align: right;
}

.image-article-left a.image-artcle-link {
    width: 238px;
    height: 131px;
    display: block;
    box-shadow: 0 0 5px #CCC;
    margin-right: 15px;
    margin-bottom: 10px;
    padding: 2px;
}

p.bubble {
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #e4e4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
    font-family: 'Source Sans Pro';
    font-size: 13px;
}

p.speech::before {
    left: 30px;
    top: 100px;
}

p.speech::after {
    left: 9px;
    top: 30px;
    border: 5px solid;
    border-color: #e4e4e4 transparent transparent #e4e4e4;
}

p.bubble::before, p.bubble::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
}

#main {
    float: left;
    width: 800px;
    font-family: 'Source Sans Pro';
    margin-left: 5px;
}

#main div.item {
padding: 10px;
/* margin-bottom: 5px; */
padding-bottom: 0px;

}

#main-sub-nav {
    /*background-color: #f5f5f5;
    padding: 10px;
    text-transform: uppercase;
    border-left: 5px solid #333;*/
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    border-left: 5px solid #0F83B1;
    padding-left: 5px !important;
    background-color: #2E2E2E;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
}

#main div.snippet {
    width: 500px;
}

#main div.snippet span.time {
    color: #ccc;
    font-size: 12px;
    text-transform: uppercase;
}

#main div.snippet span.view {
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

#main div.awards {
    text-align: right;
    float: right;
    margin-top: 25px;
}

#main div.awards img {
    width: 42px;
    height: 42px;
}

#main div.awards li {
    float: left;
    margin-left: 15px;
}

#main div.time {
    display: inline-block;
    vertical-align:middle;
    float: right;
    text-align: center;
    padding-top: 25px;
}

#main div.time span {
    display: block;
    font-size: 0.9em;
}

#main div.item div {
    display: inline-block;
    vertical-align:middle;
}

.image-activity-left {
    width: auto;
    height: 80px;
    margin-right: 15px;
    margin-bottom: 10px;
    padding: 2px;
}

.image-activity-left img {
    width: auto;
    height: 80px;
    box-shadow: 0 0 10px #C0C0C0;
    background-color: #111;
}

#news-column {
    width: 800px;
    padding-left: 5px;
    padding-bottom: 10px;
    float: left;
}
#news-column.home div.post h3 {
    font-size: 12px;
}

#news-column.home div.post {
    margin-top: 15px;
}
#news-column.single-article {
    padding-top: 5px;
}

ul#news-sidebar-items, ul#forum-sidebar-items {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

#news-sidebar-items span {
    font-size: 12px;
}

ul.sidebar-items li  {
    position: relative;
    height: 100px;
    background-color: #F7F7F7;
    margin: 1px;
}

ul#forum-sidebar-items li {
    height: 80px;
}

ul#forum-sidebar-items img {
    width: auto;
    height: 52px;   
}

#sidebar.game-overview ul#news-sidebar-items li {
    height: 150px;
}

#sidebar.game-overview ul#news-sidebar-items img {
    width: 213px;
    height: 120px;   
}

ul.sidebar-items li a {
    margin: 0;
    padding: 0;
    display: block;
    /* padding-bottom: 10px; */
    font-family: 'Source sans Pro';
    /* text-transform: uppercase; */
    font-size: 14px;
    padding: 20px;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 5px;
    height: inherit;
    color: #000;
    position: relative;
}

ul.sidebar-items li a span.node-title {
    position: absolute;
    bottom: 15px;
    left: 88px;
    font-size: 10px;
    color: #535353;
}

ul.sidebar-items li a.forum {
    text-align: left;
}

ul#news-sidebar-items img {
    width: 126px;
    height: 71px;
    float: left;
    margin-right: 5px;
    padding: 1px;
    background-color: none;
}

ul.sidebar-items li a.forum span.main-title {
    display: inline-block;
    font-size: 12px;
    width: 240px;
    vertical-align: top;
    padding-left: 15px;
}

ul.recent-blocks li.highlight {
    /* border-bottom: 3px solid #0F83B1; */
    background-color: #3A5464;
    color: #fff;
}

ul.recent-blocks li.highlight img {
    background-color: #fff;
}

ul.recent-blocks li.highlight a span {
    color: #fff;
}

.game-db-title {
    font-size: 14px;
    padding-bottom: 5px;
    font-family: 'source sans pro';
    width: 350px;
}

a.game-box {
    background: url('//www.exophase.com/assets/jidoor/gameinfobg.png') repeat-x left top;
    width: 645px !important;
    height: 137px;
    display: block;
    background-color: #f6f6f6;
    border: 2px solid #ebebeb;
    margin-bottom: 5px;
    padding: 7px;
    padding-right: 5px !important;
    padding-bottom: 1px !important;
    display: block;
    color: #333 !important;
}
a.game-box:hover {
    color: #da706d  !important;
    text-decoration: none;
    background-color: #f1f0f0;
    border-bottom: 3px solid #333;
    cursor: pointer;
}
a.game-box img  {
    width: 237px;
    height: 130px;
    border: 3px solid #e5e2e2;
    background-color: #222;
}

#games {
border-left: 5px solid  #c95257 !important;
padding-left: 5px !important;
font-family: Cabin;
font-weight: bold;
font-size: 24px;
}

.game-info span.makers {
font-family: Georgia;
font-size: 16px;
font-weight: bold;
font-style: italic;
float: right;
padding-right: 10px;
padding-top: 5px;
}

.game-info span.viewnow {
font-weight: bold;
font-size: 14px;
padding-top: 5px;
display: block;
font-style: italic;
color: #ccc;
font-family: "Trebuchet MS", Verdana;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

div.single-article h3 {
    padding-bottom: 12px;
}
h2.headline {
    color: #009ab2;
    display: block; 
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}
h2.headline a {
    color: #009AB2;
    font-weight: 600;
    font-family: 'source sans pro';
}

h2.headline a:hover {
    background-color: #1297c4;
    color: #fff;
    text-decoration: none;
    color: #fff;
}

#news-column h3 a {
    font-size: 1.8em;
    color: #009AB2;
    letter-spacing: -0.050em;
    font-weight: 600;
    font-family: 'source sans pro';
}

#news-column h4 {
    font-size: 12px;
    /* padding: 5px; */
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: 'Source sans Pro';
}

#news-column h4 span {
    padding: 5px;
    /* color: #fff; */
    font-family: 'source sans Pro';
    /* text-transform: uppercase; */
    /* font-style: italic; */
    background-color: #F0F0F0;
    font-size: 14px;
    margin-right: 5px;
}

#news-column h4 span.author {
    padding: 0px;
    color: #5894AC;
}
#news-column h3 a:hover {
    background-color: #1297c4;
    color: #fff;
    text-decoration: none;
    color: #fff;
}
.post-body
p {
    line-height: 1.6em;
    font-size: 14px;
}
#news-column.home .post-footer {
    padding-top: 30px;
}

.activity-footer {
    padding-bottom: 5px;
    clear: both;
    background-color: #F3F3F3;
    font-weight: normal;
    color: #000;
    text-align: right;
    margin-top: 25px;
    height: 10px;
    position: relative;
}

.post-footer {
    padding-bottom: 5px;
    clear: both;
}
.post-footer a:link,  .post-footer a:visited,  .post-footer a:active {
    color: #A8A8A8;
    font-size: 11px;
    width: 100%;
}
.post-footer a:hover {
    color: #009ab2;
}
.last-comment
a {
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat left top;
    background-position:  -10px -874px;
    padding-left: 12px;
}
.last-comment a:hover {
    background-position:  -10px -1008px;
}
.byline {
    background-color: #F3F3F3;
    font-weight: normal;
    color: #000;
    text-align: right;
    margin-top: 3px;
    height: 5px;
    position: relative;
}
.byline a {
background-color: #F7F7F7;
display: block;
width: 40px;
/* height: 30px; */
position: absolute;
right: 0px;
top: -27px;
padding: 5px;
}
.byline-single {
    background-color: #E2E2E2;
    font-weight: normal;
    color: #000;
    text-align: right;
    margin-top: 3px;
    height: 2px;
}
.share-twitter {
    float: left;
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat left top;
    background-position:  -10px -566px;
    margin-top: 10px;
}
.share-twitter
a {
    width: 16px;
    height: 18px;
    display: block;
}
.share-facebook {
    float: left;
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat left top;
    background-position:  -10px -638px;
    margin-top: 10px;
}
.share-facebook
a {
    width: 16px;
    height: 18px;
    display: block;
}
.share-reddit {
    float: left;
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat left top;
    background-position:  -10px -530px;
    margin-top: 10px;
}
.share-reddit
a {
    width: 16px;
    height: 18px;
    display: block;
}
.share-digg {
    float: left;
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat left top;
    background-position:  -10px -602px;
    margin-top: 10px;
}
.share-digg
a {
    width: 16px;
    height: 18px;
    display: block;
}
.share-twitter:hover {
    background-position:  -10px -564px;
}
.share-facebook:hover {
    background-position:  -10px -636px;
}
.share-reddit:hover {
    background-position:  -10px -528px;
}
.share-digg:hover {
    background-position:  -10px -600px;
}
.social-links div.share-twitter, .share-digg, .share-facebook {
    margin-left: 6px;
}
.social-links-single div.share-twitter,  .social-links-single div.share-digg,  .social-links-single div.share-facebook {
    margin-left: 6px;
}
.social-links-single {
    position: absolute;
    bottom: -5px;
}
.social-links-single-wrapper {
    position: relative;
}
.post-body {
    position: relative;
}
.post-body a:link,  .post-body a:visited,  .post-body a:active {
    color: #008ab2;
}
.post-body a:hover {
    color: #333;
    text-decoration: none;
}
#content p img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 3px #CECECE;
    border-bottom: 4px solid #2393BE;
    width: 100%;
    height: auto;
}
img {
    border: 0;
}
a:link, a:visited, a:active {
    color: #30809B;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: underline;
}

.top-panel-container a:link, .top-panel-container a:visited, .top-panel-container a:active {
    color: #00A6DF;
}

.header-behind {
    background-color: #fff;
    height: inherit;
    width: 100%;
    opacity: 0.89;
    z-index: 1;
    position: absolute;
    box-shadow: inset 0px -1px 1px rgb(233, 233, 233);
}
.header-block {
    width: 100%;
    /* padding-bottom: 60px; */
    display: block;
    height: 60px;
}
.header-wrapper {
    width: 100%;
    z-index: 1000;
    position: absolute;
    height: 60px;
    background: rgba(255,255,255,0.91);
    box-shadow: inset 0px -1px 1px rgb(233, 233, 233);
    top: 0px;
}

#header-wrapper-fixed.minimal {
    height: 40px;
    display: block;
}

#header-wrapper-fixed.minimal img.logo {
    width: auto;
    height: 40px;
    margin-top: 0px;
    margin-right: 20px;
}

#header-wrapper-fixed.minimal li a {
    padding-top: 10px;
    height: 40px;
    overflow: hidden;
}

#header-wrapper-fixed.minimal #search-box {
    height: 40px;
}

#header-wrapper-fixed.minimal #search-box #s {
    height: auto;
    line-height: 23px;
}

#header-wrapper-fixed.minimal #search-box
 #go {
    margin: 5px 4px 0 0;
}

#header {
    text-align: left;
    color: #fff;
    font-family: 'source sans pro';
    font-size: 13px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#related-news p {
    text-align: center;
    color: #fff;
}
.footer-right {
    float: right;

}

.footer-right a {
color: #FFFFFF !important;
font-weight: bold;
font-style: normal;
font-family: verdana;
font-size: 9px;
text-transform: uppercase;

}
#footer-above {
margin-top: 40px;
background-color: #f6f6f6;
font-weight: bold;
font-style: normal;
font-family: verdana;
font-size: 9px;
text-transform: uppercase;
height: 20px;
padding-left: 10px;
padding-top: 5px;
color: #c60e39;
}
#footer-above a {
color: #000;
}
#footer {
    background-color: #2078A2;
    color: #fff;
    /* height: 80px; */
    text-align: left;
    /* line-height: 160%; */
    font-size: 11px;
    overflow: hidden;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    border-top: 3px solid #FFFFFF;
    /* padding-top: 10px; */
}
#footer-inner {
font:13px/1.4 Georgia,Times,'Liberation Serif',serif;
width: 1200px;
margin: 0 auto;
font-size: 18px;
line-height: 50px;
}
.tagline {
font-family: 'source sans pro', "trebuchet ms" !important;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
}

#comment_wrap {
    margin-top: 20px;
}
#comment_stretch {
    width: 100%}
#loginWelcome a:link,  #loginWelcome a:visited,  #loginWelcome a:active {
    color: #008ab2;
}

.ProfileBox label {
    font-family: 'Source Sans Pro';
}

#loginWelcome input {
    margin-left: 10px;
}

#LoginForm input {
    width: 200px;
}

input#remember {
    width: 20px;
}
.comments-header {
    display: block;
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat bottom right;
    background-position: -387px -794px;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 3px;
    width: 140px;
    height: 24px;
    padding: 10px;
}

#comment-controls input, #comment-controls button {
    margin-right: 10px;
}

#postComment {
        font-family: 'Source Sans Pro';
}
.comment_box {
    padding: 5px
5px 5px 5px;
    background-color: #f8f8f8;
    border: solid 1px #e1e0e0;
    margin-bottom: 5px;
    line-height: 1.6;
}
.comment_box:hover {
    background-color: #f6f6f6;
}
.comment_footer {
    font: 13px "Trebuchet MS",  Trebuchet,  sans-serif;
    text-align: right;
    font-size: 11px;
    padding-bottom: 4px;
}
.comment_footer a:link,  .comment_footer a:visited,  .comment_footer a:active {
    text-decoration: none;
    color: #333;
    font-style: bold;
}
.comment_footer a:hover {
    color: #333;
    text-decoration: none;
}
.text {
    font-family: "Trebuchet MS", verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 13px;
    display: block;
    white-space: normal;
}
.title {
    font: 11px "Trebuchet MS",  Trebuchet,  sans-serif;
    text-align: left;
}

.comment_content {
    padding-top: 10px;
}
#comment_wrap
.ProfileBox {
    position: relative;
}
#post_button, .ProfileBox button, #logout_button {
    font-weight: bold;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
    font-size: 12px;
}
.error {
    color: red;
}
.success {
    color: green;
}
.hide {
    display: none;
}
#comment_preview {
    border: 1px
solid silver;
    display: none;
    padding: 5px;
}
#comment_preview
#comment_preview_name {
    font-weight: bold;
}
.post-body
blockquote {
background-color: #F0F0F0;
color: #333;
font-size: 13px;
/* margin: 0px; */
padding: 10px;
border: 1px
 #fff solid;
/* width: 640px; */
word-wrap: break-word;
}

#review-column
.tab {
    width: 152px;
    height: 20px;
    display: block;
}
#dropdown
ul {
    display: none;
}
.display {
    display: none;
}
.nav,  .nav
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav {
    font-family: Arial, Helvetica, sans-serif;
    z-index: 100;
    position: relative;
}
.nav
li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    margin-right: 4px;
}
.nav li a,  .nav li a:link,  .nav li a:active,  .nav li a:visited {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}
.nav li a:hover {
}
#dropdown li:hover a, 
#dropdown li.exohover
a {
    text-decoration: none;
}
#dropdown li:hover ul a, 
#dropdown li.exohover ul
a {
    color: #ccc;
    border-bottom: 1px solid #262b2c;
    font-family: Verdana, TrebuchetMS;
    text-transform: none;
    font-size: 11px;
}
#dropdown li:hover ul a.first, 
#dropdown li.exohover ul
a.first {
    margin-top: 5px;
    padding: 0;
}
#dropdown li:hover ul a:hover, 
#dropdown li.exohover ul a:hover {
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat top left;
    background-position:  -192px -58px;
    color: #fff;
}
.nav
ul {
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat top left;
    background-position:  -10px -58px;
    background-color: #2e3538;
    list-style: none;
    width: 112px;
    position: absolute;
    top:  -999em;
    left:  -15px;
    border-bottom: 1px solid #000;
    text-align: left;
    margin: 0;
    padding: 0;
    text-indent: 3px;
}
.nav li:hover ul, 
.nav li.exohover
ul {
    top: 6px;
}
.nav ul
li {
    float: none;
}
.initial {
}
.nav ul
a {
    width: 108px;
    height: 30px;
    margin-left: 2px;
    line-height: 30px;
    color: #fff;
}
.nav ul a:hover {
    background: #ccc;
    color: #000;
}

/*login */
#rememberMe {
     margin-top:240px;
     display: inline;
}

#comment_textarea textarea {
    width: 100%;
}

#featured-content{
    background-color: #f6f6f6;
    position: relative;
    height: 231px;
    margin-bottom: 10px;
}

#ft-boxes {
    height: inherit;
}

#social li {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}

.ft {
    float :left;
    position: relative;
    background-color: #fff;
    width: 594px;
    height: 227px;
}

.ft-overlay-link {
    position: absolute;
    width: inherit;
    height: inherit;
    display: block;
    z-index: 10;
    color: #fff;
}

a.ft-link {
    position: absolute;
    /* bottom: 8px; */
    z-index: 2;
    color: #fff;
    left: 8px;
    font-family: 'source sans pro';
    font-weight: 600;
    font-size: 13px;
    display: block;
    z-index: 5;
    background-color: #222;
    padding: 10px;
    text-transform: uppercase;
    border-left: 3px solid #30809B;
    top: 10px;
}

#ft-top a.ft-link {
    font-size: 20px !important;
    line-height: 19px;
}

.first {
    margin-right: 2px;
}

.ad-base {
}

.ad-300x250 {
    width: 300px;
    height: 250px;    
}

.ad-160x600 {
    position: absolute;
    background-color: #cfcfcf;
    width: 160px;
    height: 600px;
    margin-top: 10px;
    margin-right: 30px;
    border: 3px
solid #cfcfcf;
    top: 356px;
    right: 0;
}
.ad-300x250-home {
    position: absolute;
    background-color: #f6f6f6;
    width: 300px;
    height: 250px;
    border: 3px
solid #cfcfcf;
    top: 330px;
    right: 17px;
}

.ad-300x250-singlepost {
    position: absolute;
    background-color: #f6f6f6;
    width: 300px;
    height: 250px;
    border: 3px
solid #cfcfcf;
    top: 10px;
    right: 17px;
}

.ad-300x250-gamercards-userprofile {
    position: absolute;
    background-color: #f6f6f6;
    width: 300px;
    height: 250px;
    border: 3px
solid #cfcfcf;
    top: 306px;
    right: 27px;
}

.ad-300x250-gamercards-leaderboards {
    position: absolute;
    background-color: #f6f6f6;
    width: 300px;
    height: 250px;
    border: 3px
    solid #cfcfcf;
    top: 275px;
    right: 27px;
}

.ad-300x250-gamercards-main {
    position: absolute;
    background-color: #f6f6f6;
    width: 300px;
    height: 250px;
    border: 3px
    solid #cfcfcf;
    top: 655px;
    right: 27px;
}

.ad-728x90-footer {
    margin: 0px auto;
    width: 728px;
    padding-top: 15px;
}

.ad-skyscraper {
    margin: 0px auto;
    width: 160px;
    height: 600px;
    background-color: #f6f6f6;
    border: 3px solid #cfcfcf;
    clear: both;
}

#sidebar {
    width: 340px;
    float: right;
}

#sidebar.awards {
    width: 360px;
    float: right;
    position: relative;
}

#sidebar.awards ul {
    border-bottom: 5px solid #EBEBEB;
}

#sidebar.game-overview {
    width: 440px;
    float: right;
    margin-top: 15px;
}

#sidebar.home {
padding-right: 5px;
}

ul.sidebar-items {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
}

#sidebar.awards span {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
}

#sidebar.awards span.player-details {
    font-family: Arial;
    color: #405E6D;
}


.s-screens {
    background: url('//www.exophase.com/assets/jidoor/cat-bg-gn.png') repeat-x top left;
    height: 25px;
}

.game-grey-div {
    position: absolute;
    background-color: #515b5e;
    height: 4px;
    bottom: 0px;
    width: 768px;
}

.game-social-widgets {
    float: right;
    width: 200px;
}

.game-content {
    background-color: #e2e3df;
    height: 380px;
    border-top: 2px solid #fffefc;
    border-left: 12px solid #d6d6d4;
    padding-right: 5px;
}

ul#game-options {
width: 300px;
float: right;
list-style-image: none;
    list-style: none;
    margin-top: 30px;
}

#game-options li {
float: right;
background-color: #222;
width: 70px;
list-style-image: none;
margin-left: 2px;
text-align: center;
color: #fff;
font-family: verdana;
height: 20px;
font-size: 10px;
font-weight: bold;
padding-top: 10px;
text-transform: uppercase;
}

.content-news-image {
padding: 5px;
padding-left: 10px;
float: left;
}

.content-news-image a {
width: 228px;
height: 108px;
float :left;
border: 3px solid #fff;
}

.content-news-item {
display: block;
float: left;
}

span.content-news-title {
font-size: 18px;
margin-top: 20px;
float: left;
width: 510px;
display: block;
}

.content-news-title a {
color: #515b5e;
}

.content-news-excerpt  {
}

.content-news-excerpt p {
font-size: 10px;
font-style: italic;
font-family: verdana;
display: inline;
}

#game-sidebar span {
display: block;
}

#game-sidebar a {
display: block;
width: 100px !important;
}

.game-info-slots span {
    font-family: verdana !important;
    font-weight: bolder;
    font-size: 8px !important;
}

.game-info-slots  {
    padding-top: 45px !important;
}

#sidebar.awards {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#sidebar.awards ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: "Trebuchet MS";
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

#sidebar.awards li strong {
    font-family: 'Source Sans Pro';
    display: block;
    text-transform: none !important;
}

.center {
    text-align: center;
}
    

.grey {
    background: whiteSmoke !important;
}

.normalcase {
    text-transform: normal !important;
}

h3.listing, div.listing, h4.listing {
    background: #009bc3;
    height: 6px;
    line-height: 6px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 12px;
    color: #515B5E;
    font-family: 'source sans pro';
}

h3.listing.sub, h4.listing.sub {

    margin-top: 30px;

}

h3.listing span, h4.listing span {
    padding: 0 8px 1px 0px;
background: white;
}

#user_container #gamercard_sidebar {
    float: right;
}

#user_container .ad-skyscraper {
    clear: none;
}

#awards-side {
    background-color: #F5F5F5;
    text-align: center;
    border: 5px solid #E7E7E7;
    margin-bottom: 20px;
}

#awards-side li {
    display: inline-block;
    padding: 5px;
}

#awards-side ul a {
    width: 64px;
    height: 64px;
    display: block;
}

#awards-side img {
    border: 2px solid rgba(255, 255, 255, 1);
    width: 64px;
    height: 64px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #333;
}

#awards-side span.awards-footer {
    /*background-color: #1668A3;*/
    background-color: #2078a2;
    display: block;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;    
    margin-top: 5px;
}

#awards {
width: 800px;
float: left;
clear: both;
}

.holders, #holders  {
    text-align: right;
}

.holder-wrapper {
    background-color: #fffeff;
    display: inline-block;
}

.holders span, #holders span {
    background: url('//www.exophase.com/assets/jidoor/trophysprites.png') no-repeat top left; 
    padding-left: 13px;
    font-size: 12px;
    font-weight: bolder;
    display: inline-block;
    width: 25px;
    height: 15px;
    padding-top: 3px;
    font-family: Arial;
}

.holders span.bronze, #holders span.bronze {
    background-position: 0px 0px;
    color: #bf521b;
}

.holders span.silver, #holders span.silver {
    background-position: -40px 0px;
    color: #909090;
}

.holders span.gold, #holders span.gold {
    background-position: -80px 0px;
    color: #ca9744;
}

.holders span.platinum, #holders span.platinum {
    background-position: -120px 0px;
    color: #516b9e;
}

.holders span.total, #holders span.total {
    background-position: -160px 0px;
    color: #000;
}

.holders span.gamerscore, #holders span.gamerscore {
    background-position: -200px 0px;
    color: #000;
}



h3.awards_heading {
    font-size: 14px;
    font-family: Arial, "Lucida Sans";
    font-weight: 700;
    color: #515b5e;
    margin-top: 20px;
}

h3.dlclist {
    margin-top: 30px;
}

#awards.trophy-user a {
color: #333333;
}

#awards.trophy-user a:hover {
text-decoration: none !important;
}

ul.list-unordered-base {
    list-style: none;
    padding:0;
    margin: 0;
    /*-webkit-box-shadow: 1px 1px 10px #E4E4E4;
    box-shadow: 1px 1px 10px #E4E4E4;*/
   /* -webkit-box-shadow: 0px 1px 6px #E4E4E4;
    box-shadow: 0px 1px 6px #9E9E9E;*/
    box-shadow: 0px 0px 2px #BDBDBD;
}

ul.list-unordered-base li:first-child
{ 
}

.list-unordered-base li {
    /*border-left: 1px solid #e5e2e2;
    border-right: 1px solid #e5e2e2;*/
    /*border-bottom: 1px solid #CECECE;*/
    position: relative;
    padding: 8px;
    /*background: -moz-linear-gradient(top, white 0%, #F6F6F6 47%, #EDEDED 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(47%,#F6F6F6), color-stop(100%,#EDEDED));
    background: -webkit-linear-gradient(top, white 0%,#F6F6F6 47%,#EDEDED 100%);
    background: -o-linear-gradient(top, white 0%,#F6F6F6 47%,#EDEDED 100%);
    background: -ms-linear-gradient(top, white 0%,#F6F6F6 47%,#EDEDED 100%);
    background: linear-gradient(to bottom, white 0%,#F6F6F6 47%,#EDEDED 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );*/
    background: #FCFCFC;
    /*border-bottom: 1px solid #E0E0E0;*/
}

li.t0, div.t0 {
    background: whiteSmoke;
}

li.t1, div.t1 {
    background: #FAFAFA;
}

.list-unordered-base div {
    line-height: 1.4;
}

ul.list-unordered-base img {
        border-radius: 2px;
        border: 3px solid #e5e2e2;
        background-color: #222;
        vertical-align: middle;
}

a.game_image {
    width: 110px !important;
    height:65px !important;
}

/* pageination */
.page-numbers, a.page-numbers, a:hover.page-numbers {
    color: #B24C4C;
    font-family: 'Helvetica Neue', Helvetica;
    font-size: 11px;
    font-weight: bold;
}

ul.pagination span.current {
    color: #fff;
    background-color: #2078a2;
}

ul.pagination span, ul.pagination a {
    border: none;
    padding: 15px;
    background-color: #f0f0f0;
}

ul.pagination li a:hover {
    background-color: #fff;
}

.inline-pf {
/*background-color: #d85a5a;*/
    background-color: #5F4F4F;
    min-width: 30px;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    font-family: 'source sans pro';
    padding-left: 4px;
    padding-right: 4px;
}

.generic {
    text-shadow: 0 0 0 transparent, 0 1px 0px black;
}

.inline-pf-light {
    color: rgb(146, 146, 146);
    background-color: rgb(230, 230, 230);
    text-shadow: none !important;
}

#pf-environment-selectors {
    cursor: pointer;
}

.generic {
background-color: #797979;
}

.award-type {
    height: 22px;
    width: 72px;
}

.award-type span {
    display: block;
    height: 18px;
    width: 21px;
    margin-left: 30%;
}

.award-type span.psn {
    background: url('//www.exophase.com/assets/jidoor/trophysprites.png') no-repeat top left;
}


.award-type span.silver {
    background-position: -40px 0px;
}

.award-type span.gold {
    background-position: -80px 0px;
}

.award-type span.platinum {
    background-position: -120px 0px;
}


.award-rarity-box {
    float: right;
position: absolute;
top: 50%;
margin-top: -32px;
right: 5px;
}

.rarity-descriptor {
    width: 72px;
    background-color: #6b7274;
    display: block;
    text-align: center;
    border-radius: 4px;
    position: relative;
    zoom: 1;
    z-index: 2;
}

.rarity-descriptor span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    display: inline-block;
}

.average-achievers {
    background-color: #e1e3de;
    height: 39px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0px 1px 1px #BDBDBD;
    position: relative;
    margin-top: -20px;
    width: inherit;
    font-size: 11px;
}

.award-rarity-box div {
    font-family: 'Source Sans Pro';
}


.average-achievers span {
    padding-top: 24px;
    display: block;
color: #868686;
    font-weight: bolder;
}

.award-info {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.trophy-image {
    width: 64px;
    height: 64px;
    border: 3px solid #e2e3df;
    background: #333;
    vertical-align: middle;
    border-radius: 5px;
}

.trophy-title {
    font-family: 'source sans pro', 'Trebuchet MS';
    font-size: 20px;
    font-weight: 600;
    color: #405E6D;
    letter-spacing: -0.050em;
    width: 450px;
}

.trophy-title a {
    color: #405E6D;   
}

.trophy-title a:hover {
    color: #BB1A1A;
    transition: color 0s ease-in-out;
   -moz-transition: color 0s ease-in-out;
   -webkit-transition: color 0s ease-in-out;
   transition-duration: .25s;
   -moz-transition-duration: .25s;
   -webkit-transition-duration: .25s;
}


.trophy-desc {
    width: 460px;
    font-size: 13px;
    /*color: #844242;*/
    color: #000;
    font-family: 'open sans', "trebuchet MS", Verdana;
    font-weight: 400;
}

.trophy-earned-timestamp {
    text-transform: uppercase;
    padding-top: 5px;
    font-weight: bolder;
}

.trophy-earned-player-counts {
    font-size: 12px;
    color: #767676;
    text-transform: uppercase;
    padding-top: 10px;
    font-family: 'source sans pro',"trebuchet ms";
}

.seperator {
font-size: 16px !important;
color: #ccc !important;;
display: none;
}

.greentxt {
    font-size: 11px;
    color: #7d8a2e;
}

.redtxt {
color: #c95257 !important;
font-size: 13px !important;
}

.bluetxt {
color: #405E6D !important;
}

.rarity {
    text-transform: uppercase;
}

.trophy-average {
font-size: 25px;
position: absolute;
left: 620px;
top: 50px;
color: #bcb7b7;
}

.trophy-average-number {
font-size: 28px !important;
font-family: "Trebuchet MS" !important;
color: #acb7b7 !important;
position: absolute;
right: 50%;
top: -50px;
}


.trophy-average-users {
font-size: 15px !important;
font-family: "Trebuchet MS" !important;
color: #bcb7b7 !important;
}

.trophy-base {
right: 10px;
top: 15px;
position: absolute;
box-shadow: 1px 1px 10px #E4E4E4;
border-radius: 10px;
padding: 5px;
}

/* gamercards main style elements */

#info-blocks .list {
    width: 370px;
}

#create_options .additional-options {
    text-align: center;
    color: #fff;
    display: block;
    font-family: 'Source sans Pro';
    margin-top: 15px;
    font-size: 12px;
}
#change_color {
    margin-left: 10px;
}

#hue {
color: #fff;
font-family: "Source Sans Pro";
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
background-color: #1E5283;
}

#card_create {
margin-left: 30px;
float: right;
height: 50px;
width: 140px;
font-weight: bold;
font-family: "Trebuchet MS";
font-size: 13px;
/* box-shadow: 0px 0px 1px black; */
font-family: "source sans pro";
background-color: #1174a3;
border: 0;
color: #FFFFFF;
/* margin-bottom: 15px; */
text-transform: uppercase;
padding: 10px;
/* vertical-align: top; */
/* margin-top: -30px; */
border-bottom: 0px solid #fff;
}

#card_create.generating {
    background-color: #333 !important;
}

#gc-main-top span,  #gc-main-bottom span, #gc-main-skin span {
display: block;
}

.options {
    padding-top: 5px;
}

#gamecard-main-header {
width: 100%;
background-color: #272727;
border-bottom: 1px solid #fff;
position: relative;
}

#create_options {
    padding-top: 120px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-color: #1f1f1f;
    text-align: center;
}

#create_options div {
    display: inline-block;
    padding-right: 20px;
}

#create_options span.section_header {
    display: block;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
    color: #fff;
}

#card_skin_select {
    width: 100%;
    height: 30px;
}

#create_options select {
    width: 100px;
}

#card_skin_select option {
    text-align: center;
    margin: 0px auto;
}

#card_top_name, #card_bottom_name {
    width: 200px;
}



#card_response {
    z-index: 1;
    color: #fff;
    font-weight: bold;
    display: none;
    font-size: 14px;
    position: relative;
    text-align: left;
}

#card_response table {
    width: 480px;
}

#card_response td {
    text-transform: uppercase;
}

#card_response tr {
    height: 45px;
}

#card_response input {
width: 360px;
margin-left: 10px;
padding: 5px;
color: #000;
font-family: 'Open Sans';
font-weight: normal;
border-radius: 0px;
}

#gamecard-description {
font-family: "Source Sans Pro", "Open Sans", "Trebuchet MS";
font-size: 18px;
color: #595959;
font-weight: 600;
float:right;
padding-top: 15px;
padding-right: 30px;
text-align: right;
}

#community_notice {
width: 400px;
/* padding-top: 30px; */
margin-top: 20px;
font-family: 'Open Sans', "Trebuchet MS";
font-size: 13px;
color: #FFFFFF;
/* left: 410px; */
/* top: 20px; */
font-weight: 400;
background-color: #1174a3;
padding: 10px;
font-size: 13px;
position: relative;
height: 90px;
}

#community_notice a {
color: #FFD600;
}

#gamecard-description span.lmore{
color: #a93434;
}

#card-type-selection {
font-family: "Source Sans Pro";
font-size: 12px;
list-style: none;
padding-top: 20px;
text-align: center;
width: 390px;
padding-left: 30px;
height: 190px;
}

#card_types {
    margin-bottom: 15px;
}

#change_color {
    display: block;
    margin-top: 15px;
}

#card-type-selection ul#card_types {
list-style: none;
list-style-image: none;
cursor: pointer !important;
display: block;
z-index: 100;
padding: 0px;
}
#card-type-selection .btn-change-skin {
    width: 230px;
}

#card-type-selection button, #colors button {
    border: 0px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 0px;
}

#colors button.btn {
    background-color: #f7f7f7;
}

#colors button {
    margin-top: 30px;
    margin-left: 20px;
}

#colors button:hover {
    background-color: #1174A3;
    color: #fff;
}

#create_skin .btn-group {
    padding-bottom: 10px;
}


.btn-blue {
    background-color: #1174A3 !important;
    color: #fff;
}

.btn-black {
    background-color: #333 !important;
    color: #fff;
}

.btn-black:focus {
    color: #fff !important;
}

.btn-black:hover {
    background-color: #555;
    color: #fff;
}

#create_skin .dropdown-menu>li>a:hover{
    background-color: #eee;
}

.btn-blue:focus {
    color: #fff !important;
}

.btn-blue:hover {
    background-color: #1174A3;
    color: #fff;
}

#card-type-selection li{
list-style: none;
list-style-image: none;
color: #fff;
padding: 12px;
text-transform: uppercase;
font-weight: 600;
cursor: pointer !important;
display: block;
z-index: 100;
text-align:center;
}

#card-type-selection li.selected{
background-color: #1174A3;
color: #fff !important;
}

.blue-hover:hover {
    background-color: #1E97D1 !important;
}

.black-hover:hover {
    background-color: #555 !important;
}

#card-type-selection li.selected:hover {
    background-color: #1E97D1;
}

#card-type-selection li.hoverstate{
background: #000;
color: #fff;
}

#card_base img {
position: absolute;
right: 15px;
z-index: 1;
top: 15px;
}

#color-picker-modal .modal-dialog{
  width: 700px;
}

#color-picker.cp-small {
    background-color: rgb(241, 241, 241);
}

#colors {
    text-align: center;
    margin: 0px auto;
    width: 330px;
    height: 160px;
    margin-top: 20px;    
}

#color-picker .picker {
width: 140px;
height: 140px;
}

#color-picker .slide {
width: 20px;
height: 140px;
}

#quick-stats {
list-style: none;
margin: 1px;
padding: 0;
font-family: 'Source Sans Pro';
font-weight: 600;
background-color: #EBEBEB;
text-align: center;
}

#quick-stats li {
    background-color: #EBEBEB;
    /* width: 253px; */
    height: 115px;
    display: inline-block;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #d9d8d9;
    padding-right: 50px;
    padding-left: 50px;
}

#quick-stats span {
display: block;
}

#quick-stats span.social {
padding-top: 5px;
}

#quick-stats li.last {
background: url('//www.exophase.com/assets/jidoor/highlightbgmain.png') repeat-x top left;
width: 254px;
border-right: none !important;
float: left;
}

#latest-psn-users  {
}

#latest-psn-users h3 {
font-size: 25px;
font-family: Cabin;
font-weight: bold;
}

.latest_psn {
padding: 20px;
padding-top: 25px;
}

.headliner {
font-size: 32px;
padding: 10px;
padding-top: 20px;
font-family: "Source Sans Pro";
}

.subtext {
    font-size: 14px;
    text-transform: uppercase;
}

/* end gamercards main style elements */

#x-image {
width: 64px;
height: 64px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.xbox-user-info-container {
width: 980px !important;
left: 20px !important;
background-color: #fff !important;
opacity:0.2 !important; -ms-filter: "alpha (opacity=20)" !important; filter:alpha(opacity=20) !important;
color: #333 !important;
}

.xbox-username {
color: #333 !important;
}

.xbox-user-info-widgets {
left: 140px !important;
}

.xbox-overall-progress {
width: 650px !important;
border: 2px solid #d0d1d2 !important;
opacity:0.8; -ms-filter: "alpha (opacity=80)"; filter:alpha(opacity=80);
}

.xbox-overall-progress-inner {
background-color: #e0e1e3 !important;
width: 650px !important;
height: 35px;
position: absolute;
display: block;
}

.xbox-progress-txt {
color: #333 !important;
}

#psn-psplus {
    width: 30px;
    /* height: 47px; */
    position: absolute;
    right: -40px;
    z-index: 99999;
    top: 3px;
}

.psn-psplus-small {
width: 20px;
height: 20px;
display: inline;
padding-left: 20px;
margin-left: 5px;
}

.xbox-achievement {
    background: url('//www.exophase.com/assets/jidoor/achievementicon.png') no-repeat top left !important;
    width: 100px;
    height: 48px;
    position: absolute;
    top: 0px;
    right:0px;
    padding-left: 55px;
    font-size: 36px;
    font-family: "Source Sans Pro";
    margin-right: -200px;
}

/* end PSN trophy nav */

#pagination-status {
padding-top: 25px;
float: right;
font-family: Verdana;
font-weight: bolder;
padding-right: 35px;
font-size: 11px;
font-style: italic;
}

.trophy-progress {
width: 200px;
border: 2px solid #c95357;
height: 5px;
position: absolute;
display: block;
margin-top: 10px;
position: relative;
padding: 2px;
}


.trophy-progress-txt {
font-family: verdana;
font-size: 10px;
font-weight: bold;
padding-top: 2px;
}

.trophy-progress-txt strong {
color: #844242;
}

.trophy-progress-inner {
background-color: #c95357;
width: 200px;
height: 5px;
position: absolute;
display: block;
}

/* gamercard search */


#search_psn {
margin-top: 15px;
float: right;
width: 772px;
height: 47px;
position: relative;
}

#search_psn.leaderboards {
width: 328px !important;
}

#search_psx_textbox {
    background: url('//www.exophase.com/assets/jidoor/searchbggc.png') repeat-x top left;
width: 750px;
height: 47px;
border: 3px solid #e5e2e2;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: "Trebuchet MS";
font-size: 15px;
font-weight: bold;
line-height:20px;
padding-left: 10px;

}

#search_psx_textbox.leaderboards {
width: 302px !important;
}

#search_gc_button {
    position: absolute;
    right: 15px;
    top: 10px;
}

/* gamercard latest games */

.latest {
    padding-bottom: 40px;
}

h3.sidebar-cat {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    border-left: 5px solid #0F83B1;
    padding-left: 5px !important;
    background-color: #2E2E2E;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
}

h3.overview-cat {
    background-color: #252525;
    border-left: 0px;
    text-align: center;
}

h3.comments-cat {
background-color: #F7F7F7;
color: #000;
margin-top: 5px;
}

#overview-top {
    background-color: #1B1B1B;
    margin: -10px;
    height: 100px;
    margin-bottom: 0px;
}

h3.caption-header  {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    letter-spacing: -0.050em;
    border-left: 5px solid #0F83B1 !important;
    padding-left: 5px !important;
    border-left: 5px solid #c95257;
    background-color: #2E2E2E;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
}

ul#game_listing {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align:center;
}

ul#game_listing.awards-view {
    text-align:left;
}

#game_listing .game-image-side {
    width: auto;
    display: block;
}

#game_listing.awards-view .game-image-side {
    width: 365px;
    display: block;
}

ul#game_listing.awards-view .game-image-side {
    height: 90px;
}

#game_listing li {
height: 148px;
border-bottom: 32px solid #f6f6f6;
margin-top: 10px;
position: relative;
}

#game_listing.awards-view li {
    height: 95px;
}

#game_listing li.vgimg {
width: 305px;
height: 118px;
}

#game_listing img {
    width: 221px;
    height: 122px;
    margin-top: 10px;
    background-color: #333;
}

#game_listing.awards-view img {
    width: auto;
    height: auto;
}

#game_listing img.vgimg {
width: 285px !important;
height: 132px !important;
margin-top: 10px !important;
}

#game_listing li.gcusers {
width: 305px;
height: 60px !important;
border-bottom: 22px solid #f6f6f6;
}

#game_listing img.gcusers {
width: 60px !important;
height: 60px !important;
margin-top: 10px !important;
background-color: #fff;
border: 2px solid #fceab3;
}

#game_listing.trophy li {
height: 60px !important;
}

#game_listing.trophy img {
width: 70px !important;
height: 70px !important;
margin-left: 10px;
margin-top: 10px;
border: 2px solid #cccccc;
background-color: #fff;

}

.side-username {
color: #333 !important;
font-family: 'source sans pro';
position: absolute;
left: 85px;
top: 10px;
display: block;
}

.trophy-cluster-tiny {
    background: url('//www.exophase.com/assets/jidoor/tcluster.png') no-repeat top left;
text-align: left;
float: right;
color: #b24c4c !important;
position: absolute;
width: 25px;
height: 25px;
text-indent: 30px;
top: 30px;
left: 84px;
padding: 5px;
}

.level-txt-side {
color: #fffeff !important;
font-family: cabin;
font-size: 35px !important;
position: absolute;
right: 0px;
z-index: 999;
padding: 10px;
}

.latest-games-cluster {
position: absolute;
    background: url('//www.exophase.com/assets/jidoor/s_cluster.png') no-repeat top left;
right: 25px;
width: 32px;
height: 32px;
top: 30px;
}

.latest-games-tcount {
position: absolute  !important;
right: 29px  !important;
top: 75px  !important;
font-family: 'source sans pro';
color: #b24c4c !important;
font-weight: bold !important;
font-size: 24px !important;
}

.trophy-side-title {
position: absolute;
right: 10px;
top: 15px;
font-family: 'Source Sans Pro';
color: #333;
font-weight: bold;
font-size: 14px;
width: 260px;
}

.trophy-side-timestamp {
top: 70px;
position: absolute;
left: 96px;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #b24c4c;
}

.platinumtxt {
color: #5fb1e3;
}

.goldtxt {
color: #e7b059;
}

.silvertxt {
color: #adadad;
}

.bronzetxt {
color: #af552c;
}


#pageinfo  {
padding: 10px;
}

#pageinfo span {
display: block;
}

#pageinfo strong {
font-size: 10px !important;
font-family: "Trebuchet MS" !important;
}

#pagination-status {
font-size: 13px !important;
font-family: "Trebuchet MS" !important;
}

#pagination-status {float:right;display:inline;padding:8px 10px 0 0; font-style: normal !important;  margin-right: 10px; margin-top: 8px}
#pagination-status a{padding:2px 5px;text-decoration:none; color: #333;}
#pagination-status a:hover{-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#40a2c8;color:#FFF;padding:2px 5px}
#pagination-status .current{-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#40a2c8;color:#FFF;padding:4px 6px;text-decoration:none;font-size: 18px; display: inline; margin-left: 2px;}
#pagination-status .current a:hover{text-decoration:none; padding:2px 6px !important}
#pagination-status.prev_page{display:none}
.inactive {padding-right: 5px; display: none;}

#jump {
padding: 5px;
-moz-border-radius:4px;-webkit-border-radius:4px;
background-color: #515b5e;
color: #fff;
display: none;

}

.next {
}

#gamercard_sidebar select {
width: 165px;
padding: 4px;
margin-top: 10px;
}

.postgame h3 {
float: right;
display: inline !important;
width: 280px !important;
}

.postgame  {
height:180px !important;
background-color: #f9f9f9;
padding: 10px;
}

.postgame img  {
border: 2px solid #ccc;
background-color: #222;
}

.platform-listing {
display: block;
width: 150px;
}

.platform-listing a {
display: inline !important;
}

ul.recent_players > li:nth-child(odd){

    background-color: #f6f6f6;

}

















#game-column {
position: relative;
padding: 5px;
}

#game-column #awards {
    margin-right: 0px;
}

/* text on top of featured images */

.feature-header {
position: absolute;
top: -140px;
}

.feature-header a.image {
    display: inline-block;
    border: 2px solid rgba(255, 255, 255, .1);
}

.feature-header img {
    /* border: 2px solid rgba(255, 255, 255, .05); */
    /* box-shadow: 1px 5px 30px rgb(0, 0, 0); */
    background: rgba(0, 0, 0, 0.91);
    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.6);
}

.feature-header h2 {
position: relative;
display: inline-block;
vertical-align: middle;
}

.feature-header h2 a {
    font-size: 35px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -0.050em;
    font-family: 'Source Sans Pro';
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 1px 1px black;
    max-width: 800px;
    display: inline-block;
}

.game-image, .game-image img {
    width: 127px;
    height: 70px;
}

.small-game-image, .small-game-image img {
    width: 109px !important;
    height: 60px !important;
}

ul.list-unordered-base .x360-tile-inline {
    width: 64px !important;
    height: 64px !important;
}

.xb {
    width: 70px !important;
    height: 70px !important;
}

.info-top-block {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    position: relative;
}

.game-info-slots {

float: right;
padding-right: 10px;
float: right;
color: #e9eae2;
font-size: 10px;
text-transform: uppercase;
}

.game-info-slots a {
color: #e9eae2;
}

.game-info-slots span {
padding-right: 10px;
display: block;
}

ul#game-options-top {
list-style: none;
list-style: none;
display: block;
padding: 0;
margin: 0;
padding-top: 1px;
width: 600px;
}

#game-options-top li {
list-style-image: none;
color: white;
font-family: 'source sans pro', arial, verdana;
height: 14px;
font-weight: 600;
text-transform: uppercase;
font-size: 14px !important;
display: inline-block;
padding-right: 10px;
text-shadow: 0 0 0 transparent, 0 1px 1px black;
}

#game-options-top a {
color: #e9eae2;
}

#game-options-top a:hover {
color: #c95556;
text-decoration: none;
}

#game-options-top a.hl {
color: #c95556;
display: block;
background-color: #000;
padding: 5px;
}

span.content-news-title {
float: none !important;
width: 100% !important;
}

#game-sidebar {
float: right;
width: 180px;
text-align: center;
}

.game-content {
margin-top: 10px !important;
border-top: none !important;
width: 800px !important;
}

span#publisher, span#award_count {
    font-size: 24px;
    font-family: 'Source Sans Pro';
    font-weight: bold;
    color: #515B5E;
    margin-top: 20px;
}

#info-blocks {

padding: 30px;

}

#latest-psn-users {
    clear:both;
}

div.list-top {

    width: inherit;

    height: 25px;

    display: block;

    position: relative;

    border-bottom: 3px solid #009bc3;

    

}

.gamercard-sidebar div.list-top {
    border-bottom: 3px solid #e9e9e9;
}

#sidebar.gamercard-sidebar span {
    color: #000;
}




.list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 4px;
}

.list ul > li:nth-child(odd){

    background-color: #f6f6f6;

}

.list ul li a, ul.recent_players li a {
    display: block;
    width: 330px;
    height: inherit;
    font-family: Arial;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    position: relative;
    padding: 5px;
}



.userblock a {
    text-transform: uppercase;
}



.list ul li a:hover, ul.recent_players li a:hover  {
    color: #009bc3;
}



.list-player-img {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid #E7E7E7;
    background: white;
    display: inline;
    vertical-align: middle;
    margin-right: 2px;
}

#info-blocks .list li {
    height: 56px;
}

/* add extra margin padding for gamercards page, no idea why this happens */
#info-blocks .list-player-img  {
    margin-right: 5px;
}

.list-game-img {
    width: 69px !important;
    height: 38px !important;
    border: 1px solid #e7e7e7;
    background: #111;
    display: inline-block;
    vertical-align: middle;
}


.list-item {
position: relative;
}

.list-item-psn {

background: url('//www.exophase.com/assets/jidoor/trophy-list-icon2.png') no-repeat 93% 50%;
}

.list-item-psn a, .list-item-xbl a {
display:block;
}

.player-achieve-date {
    position: absolute;
    top: 20%;
    width: 80px;
    right: 0px;
    font-size: 11px;
    /*color: #859096;*/
    color: #3B809B;
}

.list-item-xbl, .list-item-xbox {
    background: url('//www.exophase.com/assets/jidoor/xbox-list-icon2.png') no-repeat 93% 50%;
}

.list-item-steam {
    background: url('//www.exophase.com/assets/wyndia/images/steam-favicon.png') no-repeat 93% 50%;
}

#around-network-footer div.wrap {
    text-align: center;
}

#around-network-footer .item-box {
    text-align : left;
    vertical-align: top;
}

.item-box {
    display: inline-block;
    margin-left: 9px;
}

img.xb {
    width: 64px !important;
    height: 64px !important;
}

.achlist.gamerscore {
    top: 0px;
    background: url('//www.exophase.com/assets/jidoor/gs-black.png') no-repeat left center;
    position: absolute;
    right: 15px;
    padding-left: 20px;
    font-family: 'source sans pro', arial;
    font-size: 18px;
    height: 27px;
    width: 50px;
}

.burgandy-border {
    border-bottom: 5px solid #4B3939 !important;
}

.reset {
    margin: 0 !important;
}

#achievers {
    padding-left: 25px;
    padding-top: 10px;
}

/* not found */

#no_players_sidebar {
    font-size: 11px;
    line-height: 20px;
}


#no_players {
    color: #C4C4C4;
    font-size: 30px !important;
    padding-bottom: 600px;
    padding-top: 40px;
}

#award_detail_footer {
    font-size: 12px !important;
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

/* gamercards */
.last { text-align: center; }
.last span {  overflow:hidden;width:150px;float:left; }
.last span iframe {  float:left; }
.last span .fb_iframe_widget { float: left;}

#news-column.single-article .social-widgets { 
    padding-left: 40px;
    position: absolute;
    background-color: #2B2B2B;
    width: 100%;
    height: 55px;
    left: 0px;
    /* border-bottom: 3px solid #0067A2; */
    padding-top: 15px;
    /* opacity: 0.8; */
    bottom: 4px;

}

.image-feature {
    position: relative;
}

.twitter-widget-0 {
    height: 22px;
}

.morelink, .morelink a, .morelink a:hover {
    color: #A93434;
    text-align: right;
    font-size: 12px;
    font-family: "Arial", Cabin;
    float: right;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;

}
#info-blocks {
padding: 30px;
}
.list {
    float: left;
    margin-right: 30px;
}

.list-headertxt {
    font-family: 'Source Sans Pro', Verdana, Cabin, Arial;
    font-size: 13px;
    color: #333;
    text-transform: uppercase;
}

span.list-headertxt {
    padding: 5px;
    display: block;
    
}

.list ul > li:nth-child(odd){
    background-color: #f6f6f6;
}

.userblock a {
    text-transform: uppercase;
}

.list ul li a:hover,#around-network-footer ul li a:hover  {
    color: #009bc3;

}

.list-item-game span {
    display: inline-block !important;
    width: 150px;
    vertical-align: middle;
    padding-left: 5px;
}

.list-item-game span.playertxt {
    font-size: 10px;
    color: #333;
    padding-left: 0px !important;
}

.list-item-default a, .list-item-forum a {
margin-left: 19px;
}

#line {
margin-top: 4px;
padding-bottom: 2px;
border-top: 5px solid #ccc;
}

.tagline a {
color: #fff;
}


#around-network-footer {
    border-top: 5px solid #F6F6F6;
    padding-top: 10px;
    padding-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
}

#around-network-footer h2 {
    font-family: "Source Sans Pro";
    font-weight: 600;
    font-size: 14px;
    padding-left: 5px;
    text-transform: uppercase;
}

#around-network-footer li span {
    color: #ccc;
    display: inline !important;
    font-size: 25px !important;
    vertical-align: middle;
}


#around-network-footer li a {
    margin-left: 0px !important;
    display: inline-block !important;
    vertical-align: middle;
    width: 330px;
    padding: 5px !important;
}

.borderslash {
    border-left: 147px solid #1F8ABD;
    border-right: 43px solid #fff;
    background-color: #E4E4E4;
    margin-top: 12px;
    height: 1px;
    display: block;
}

#card_error {
font-family: "Source Sans Pro";
font-size: 14px;
font-weight: 600;
z-index: 9999;
/* float: right; */
margin-top: 25px;
/* width: 500px; */
/* margin-right: 35px; */
background-color: #000;
padding: 10px;
border-bottom: 2px solid #1174a3;
color: #fff;
text-transform: uppercase;
display: none;
position: absolute;
right: 0px;
top: 180px;
text-align: center;
width: 100%;
}

#card_error a {
    color: #FFD600;
}

.error_card {
color: #D63636;
text-transform: uppercase;
}

.error_notice {
color: #FFD600;
}

/* dropdown */

a.dropdown-toggle {
    background-color: #E4E4E4;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    background-color: #333;
}
#game-column #sub-nav a {
    color: #fff;
    font-size: 12px;
    font-family: 'source sans pro', "Trebuchet MS", verdana;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0px;
}
#game-column #sub-nav {
    background-color: #f5f5f5;
    padding: 1px;
    margin-top: -15px;
}

#game-column #sub-nav ul.dropdown-menu li a {
    color: #333;
}
#game-column .btn-toolbar {
    margin-bottom: 0px;
    margin-left: 0px;
}

#sub-nav .btn-group {
    margin-left: 0px;
    margin-right: 1px;
}

#game-column a.award-master-link {
    color: #fff !important;
    background-color: #333;
}

#game-column .dropdown-menu a:hover {
    color: #fff !important;
    font-weight: bold !important;
}
#game-column .btn-icon {
    width: 25px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

/* game lists */
#top_gallery {
    position: relative;
    margin: -5px;
    margin-bottom: 15px;
    text-align:center;
}
  
#letters {
    margin: 0;
    padding: 0;
    list-style:none;
}

#letters li {
    display: inline-block;
}

  

#letters li {
    width: 20px;
}

#letters li a {
    font-family: 'source sans pro', Arial;
    text-transform: uppercase;
    width: 20px;
    color: #beb993 !important;
    font-weight: 600;
    height: 43px;
    padding: 5px;
    display: block;
    margin-top: -5px;
    padding-top: 5px;
    line-height: 32px;
}

#letters li a {
    color: #ccc !important;
}

#letters li.selected, #letters li.selected a, #letters li a:hover {
    background-color: #ffba00;
    color: #000 !important;
}

#letters li a:hover  {
    text-decoration: none;
}

#letters li.selected a:hover  {
    display: block;
}

#top_panel {
    background-color: #272727;
    width: 100%;
    padding: 5px;
    height: 77px;
}

.filter_by, #formats {
    color: #ccc;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
}

ul#formats {
    list-style: none;
    display: inline;
    text-align: left;
    padding: 0;
    margin: 0;
}

ul#formats li, ul#formats a {
    display: inline-block;
    padding-right: 5px;
    color: #ccc;
}   

ul#formats li.selected, ul#formats li.selected a {
    color: #FABB13 !important;
}   

#filter_options {
    padding: 7px;
}

a.bluetxt2 {
    color: #30809B;
}

.game-info-right span {
    display: block !important;
    font-family: 'open sans', 'source sans pro', Arial;
    font-size: 9px;
    font-weight: bold;
    color: #AFAFAF;
    text-transform: uppercase;
    cursor: pointer;
}

a:hover.game-info-right span {
    text-decoration: none !important;
    color: #333 !important;
}

a.game-info-right {
    text-decoration: none !important;
}

.game-info-right {
    text-align: center;
    position: absolute;
    right: 5px;
    width: 75px;
}

span.block_num {
    font-size: 17px;
}

.game-info-right span {
    display: block;
}


.game-info {
    display: inline-block;
    /*width: 140px !important;*/
    vertical-align:middle;
    padding-left: 2px;
}

#games-column {
    width: 800px;
}

#games-column .game-box {
    box-shadow: 0px 0px 1px #AFAFAF;
}

#games-column a:hover {
    color: #009AB2 !important;
}   

#games-column div.t0 {
    background-color: #f6f6f6 !important;
}

img.x360-tile-inline {
    width: 64px !important;
    height: 64px !important;
}


.game-info span {
    font-family: "Source Sans Pro";
    font-size: 12px;
    display: inline;
}

.game-info span.count {
    color: #2A7294;
    font-size: 14px;
}

.game-progress {
    float: right;
    width: 160px;
    text-align: center;
    margin-top: 5px;
    margin-right: 5px;
}

.game-progress .progress {
    height: 10px;
    margin-bottom: 0px;
    background-color: white !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 2px !important;
}

.game-progress .progress .bar {
    background-color: #DBDBDB !important;
    background-image: none !important;
    box-shadow: none !important;
}

.game-progress .holders {
    text-align: center;
}


.game-progress .holders span {
    padding-top: 0px;
    width: 35px;
    padding-left: 22px;
}

.game-progress .holder-wrapper {
    background-color: transparent;
}

.game-progress span.percent-complete {
    font-family: "Source Sans Pro";
    font-weight: 600;
}

.greentxt2 {
    color: #316D1E !important;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* ajax preloader */
#preloader_base {
    position: absolute;
    z-index: 20;
    background-color: #333;
    height: 40px;
    opacity:0.1;
    width: 100%;
}

#preloader_main {
    position: absolute;
        top: 0px;
        z-index: 200;
        left: 50%;
}
#preloader_main span {
    display: block;
    font-family: 'Source Sans Pro';
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

ul.list-unordered-base {
    position: relative;
}

#preloader_wrapper {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 37px;
    display: none;

}

/* PROFILES */

#body-wrapper.account form {
    width: 500px;
}

#body-wrapper.global_user, #body-wrapper.account {
    width: 1200px;
}

#user-game-header {
    width: 1200px;
    height: 337px;
}

#award-overview {
    background-color: #eeeeee;
    height: 83px;
}

ul#award-overview {
    text-align: center;
    border-top: 6px solid #ccc;
}

ul#award-overview, #award-overview li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#award-overview li {
    width: 100%;
    height: 83px;
    float: left;
    margin-top: -6px;
    border-bottom: 2px solid #E9E9E9;
}

#award-overview span.image {
    width: 70px;
    height: 56px;
    display: inline-block;
}

#award-overview li.psn {
    border-top: 6px solid #5381ab;
}

#award-overview li div.info {
    line-height: 30px;
}

#award-overview li.psn {
    background: url('//assets.exophase.com/assets/wyndia/images/wyndia.png') no-repeat 5px 9px;
    height: 83px;
}

#award-overview li.xbox {
    background: url('//assets.exophase.com/assets/wyndia/images/wyndia.png') no-repeat 5px 9px;
    border-top: 6px solid #75b11d;
    height: 83px;
    background-position: 0px -80px;

}


#award-overview li.xbox div.info {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 83px;
}

#award-overview li.steam {
    background: url('//assets.exophase.com/assets/wyndia/images/wyndia.png') no-repeat 5px 9px;
    border-top: 6px solid #333;
    background-position: 0px -175px;
}

#award-overview div.info span {
    display: block;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    display: block;
}

div.info span.big {
    font-size: 23px;
    font-size: 24px;
    padding-top: 10px;
}

div.info span.sub {
    font-size: 14px;
    color: #bebebe;
}

#user-global-sub {
    display: block;
    text-align: center;
    margin: -5px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.white-border-right {
    border-right: 1px solid #fff;
}

.white-border-left {
    border-left: 1px solid #fff;
}

#user-info-header {
    height: 63px;
    background-color: rgb(29, 29, 29);
    position: relative;
    margin: -5px;
    margin-bottom: 0px;

}



#user-info-header #avatar img {
    background-color: #000;
    height: 128px;
}

#user-info-header li span.games {
    background: url('//www.exophase.com/assets/wyndia/images/icon_games.png') no-repeat 0px 0px;
}

#user-info-header li span.report {
    background: url('//www.exophase.com/assets/zeal/images/icon_report.png') no-repeat 0px 0px;
}


#user-info-header li a:hover {
    border-top: 2px solid #00a2d2;
    margin-top: -2px;
}

#signup-header {
    height: 63px;
    background-color: #2f2f2f;
    position: relative;
    padding-right: 5px;
}

#avatar {
    position: absolute;
    top: -75px;
    left: 17px;
    width: 128px;
    height: 128px;
    overflow: hidden;
    display: block;
    border: 2px solid rgba(255, 255, 255, .05);
    box-shadow: 1px 5px 30px rgb(0, 0, 0);
}

#avatar img {
    position: absolute;
}

#sub-user-info {
    color: #fff;
    margin-left: 160px;
    font-family: 'Source Sans Pro';
    font-size: 20px;
}

#sub-user-info div {
    display: inline-block;
    padding-top: 5px;
    vertical-align: top;
}

#sub-user-info #progress span.level, #sub-user-info #level-progress span.level {

    min-height: 27px;
    display: inline-block;

}

#sub-user-info #progress, #sub-user-info #level-progress {
    padding-right: 20px;
    text-align:center;
}

#sub-user-info #progress img, #sub-user-info #level-progress img {
    width: 22px;
    height: auto;
    margin-right: 5px;
}

#sub-user-info .progress-bar-outer {
    height: 6px;
    background: #2a2b2f !important;
    border: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3) inset, 0 1px 0 rgba(255, 255, 255, .15);
    width: 80px;
    display: block;
}

#sub-user-info .progress-bar-inner {
    margin: 3px;
    height: 5px;
    background: #fff;
    border: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 1px 0 rgba(0, 0, 0, .5);
    display: block;
}

#sub-user-info #ranking, #sub-user-info #playtime {
    font-size: 14px;
    text-align: center;
}

#sub-user-info #ranking span {
    display: block;
    padding-bottom: 5px;
}

#sub-user-info #award-values {
    padding-left:25px;
    padding-top: 15px;
    vertical-align: top;
}

#sub-user-info #award-values span {
    padding-right: 20px;
}

#sub-user-info #award-values img {
    margin-right: 10px;
}

#sub-user-info #ranking img, #sub-user-info #playtime img {
    margin-right: 5px;
}


#profile-username {
    position: absolute;
    top: -60px;
    left: 160px;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 1px 1px black;
}

#profile-username span.tagline {
    font-size: 10px;
}

#profile-username span {
    display: block;
}

#user-game-header {
    overflow: visible;
z-index: -1;
margin-bottom: 0px;
}

.user-popover { width: 340px; text-align: left;}

.popover-avatar img { width: 64px; height: 64px;}

.right {
    float: right;
}

.block span {
    display: block;
}

/* Style nav on user profile pages */
#user-info-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

#user-info-header li {
    float: left;
}

#user-info-header li a {
    display: block;
    background-color: #1B1B1B;
    width: 150px;
    text-align: center;
    font-family: 'Source Sans Pro';
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 20px;
    margin-right: 1px;
    height: 56px
}

#user-info-header li span {
    padding-left: 30px;
    margin-top: 34px;
}

#user-info-header li span.follow {
    background: url('//www.exophase.com/assets/wyndia/images/icon_profile_follow.png') no-repeat 0px 0px;
}

#user-info-header li span.compare {
    background: url('//www.exophase.com/assets/wyndia/images/icon_profile_stats.png') no-repeat 0px 0px;
}

#user-info-header li span.stats {
    background: url('//www.exophase.com/assets/wyndia/images/icon_stats.png') no-repeat 0px 0px;
}


#user-info-header li span.edit {
    background: url('//www.exophase.com/assets/wyndia/images/icon_edit.png') no-repeat 0px 0px;
}

.global_user #awards.trophy-user, #awards.trophy-user {
    width: 800px !important;
}

#awards.global-user {
    margin-top: 10px;
}


#edit_account {
    text-align: left;
}

.modal h3 {
    font-weight: bold;
}

#edit_profile_container, #login-container {
    padding: 20px;
}

.profile_nav_sub li a {
    font-family: 'Source Sans Pro' !important;
}

#edit_profile_container label {
    font-family: 'Source Sans Pro';
    font-size: 14px;
}

#edit_profile_container h1 {
    padding-bottom: 10px;
}

.authorize {
    border-left: 4px solid rgb(224, 224, 224);
    padding-left: 10px;
}

.form-block {

}

div.spacer {
    display:block;
    padding-top: 10px;
    padding-bottom: 10px;
}

#add_friend {
    font-size: 9px;
    font-family: Verdana;
    font-weight: bold;
    color: #ccc;
}

#login-container {
    width: 650px;
}

#login-container h3, #login-container h4 {
    font-weight: bold;
}

#login-container h3 {
    font-family: 'source sans pro';
    font-size: 30px;
}

#login-container h4 {
    font-family: 'open sans';
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    padding: 10px;
}

#login_reg_form_general, #reg_form_general {
    float: right;
    margin-top: 30px;
    margin-right: 10px;
    background-color: rgb(248, 248, 248);
    padding: 30px;
    box-shadow: inset 0px 0px 3px rgb(223, 223, 223);
    width: 40%;
    height: 300px;
}

#reg_form_general {
    height: 460px;
    margin-bottom: 50px;
}

.pop-alert {
    margin-top: 10px;
}

#login_reg_form_general label, #reg_form_general label {
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
}

#overview-top ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 10px;

}

#overview-top ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding-bottom: 10px;
    font-family: 'Source Sans Pro';
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding-left:30px;
}

#overview-top li {
    text-align: center;
}

#overview-top ul li strong {
    display: block;
    font-size: 32px;
}

#activity_stream  {
    padding: 15px; 
}

#activity_stream img  {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    padding: 5px;
    background-color: #292929;
    border: 5px solid #fff;
    display: inline-block;
    float: left;
    margin-right: 20px;
    width: 84px;
    height: 84px;
}

#activity_stream h3 {
    font-family: 'SOurce sans Pro';
    font-size: 32px;   
}

#activity_stream  ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#activity_stream  ul li {
margin: 0;
padding: 0;
display: block;
padding: 10px;
width: 400px;
height: 90px;
}

#activity_stream  ul li div {
    padding: 10px;
    padding-left: 20px;
    font-size: 13px;
}


#activity_stream  ul li span {
    display: block;
}

#activity_stream  ul li span.time {
    font-family:'Source Sans Pro';
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 10px;
    color: #8D8D8D;
}

#sidebar-global-profile {
    width: 300px;
    text-align: center;
    float: right;
    margin-top: 10px;
}

#recent_activity {
    margin-top: 25px;
    width: 350px;
}

#recent_activity ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#recent_activity ul li a {
    margin: 5px;
    padding: 0;
    display: block;
    padding-bottom: 10px;
    text-align: left;
}

#recent_activity .excerpt {
    font-style: italic;
    font-size: 11px;
    color: rgb(172, 172, 172);
    text-indent: 10px;
    display: inline;
    padding-right: 10px;
    height: auto;
    word-wrap: break-word;
}

#activity_header {
    font-family: 'Oswald';
    font-size: 18px;
}



#edit_profile_container button {
    margin-bottom: 10px;
}

#edit_profile_container .response {
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

.green {
    color: green;
}

.red {
    color: red;
}

.xbox-profile-pf {
    background-color: rgb(54, 146, 76) !important;
}

.psn-profile-pf {
    background-color: rgb(37, 113, 165) !important;
}

.steam-profile-pf {
    background-color: #5F4F4F;
}

.bar {
    height: 10px;
}

.user-hide {
    border-bottom: 2px #008EFF dotted;
    padding-bottom: 5px;
    opacity: 0.7;
    cursor: pointer;

}

.card_box {
    box-shadow: 0px 0px 15px rgb(0, 0, 0);
background-color: #000;
padding: 10px;
width: 200px;
}

#card_grey_value {
    width: 90px !important;
}

/* GC user navigation */

ul#user_navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #F3F3F3;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 10px;
    box-shadow: inset 0px -1px 1px rgb(233, 233, 233);
}

ul#user_navigation li {
    margin: 0;
    padding: 0;
    display: inline-block;
    /* padding: 10px; */
    /* width: 395px; */
    /* float: left; */
    background-color: #202020;
}

ul#user_navigation li a {
    background-color: #505050;
    color: #fff;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
    padding: 5px;
}

ul#user_navigation li a.selected {
    background-color: #2078a2;
}


/* clips */

ul#clips {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

ul#clips li {
    margin: 0;
    padding: 0;
    display: inline-block;
    /* padding: 10px; */
    /* width: 395px; */
    /* float: left; */
    background-color: #202020;
    /* margin-right: 26px; */
    /* padding-bottom: 20px; */
    padding: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

ul#clips .clip-preview {
    position: relative;
    display: block;
}

ul#clips .duration {
    position: absolute;
    bottom: 0px;
    padding: 5px;
    background-color: #447723;
    right: 10px;
    bottom: 0px;
    font-family: 'Source Sans Pro';
    opacity: 0.9;
}

ul#clips .clip-title {
    display: inline-block;
    position: relative;
    color: #fff;
    z-index: 1;
    text-align: left;
    position: absolute;
    left: 5px;

}

ul#clips .clip-recorded {
    font-size: 12px;
    width: 140px;
    display: inline-block;
    text-align: center;
}



ul#clips .clip-info-small {
    text-align: right;

    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family:'Source Sans Pro';
    text-transform: uppercase;
}

#clip-wrapper .clip-info-large {
    text-align: left;
    margin: 15px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    color: #fff;
    padding-bottom: 5px;
    box-shadow: inset 0px 1px 1px rgb(48, 48, 48);
}

#clip-wrapper .clip-info-large span {
    margin-left: 25px;
}

#clip-wrapper {
    background-color: #222;
}

#clip-wrapper .clip-info-large span {
    display: block;
}

#clip-wrapper .clip-info-large .clip-title {
    text-align: left;

    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family:'Source Sans Pro';
    font-size: 32px;
    text-transform: uppercase;

}


/* Gamercards */
#gamercard-edit {
    position: relative;
    display: block;
    height: 200px;
}

#part_1.card_default {
    top: 0px;
    z-index: 5;
    padding-left: 5px;

}

#part_2.card_default {
    top: 60px;
    padding-left: 5px;
    z-index: 10;
    margin-top: -120px;
}

#part_1.card_aura {
    top: 0px;
    z-index: 5;
    padding-left: 5px;
}

#part_1.card_dualx {
    top: 0px;
    z-index: 5;
    padding-left: 5px;
}

#part_2.card_dualx {
    top: 0px;
    padding-left: 5px;
    z-index: 10;
    margin-top: -180px;
}

#part_1.card_pixel {
    top: 0px;
    z-index: 5;
    padding-left: 5px;
}

#part_2.card_pixel {
    top: 0px;
    padding-left: 5px;
    z-index: 10;
    margin-left: -205px;
}

#part_1.card_psntrophy {
    top: 0px;
    z-index: 10;
}


.pagination ul {
    padding-left: 0px;
}
.light_grey {
    color: #d8d8d8;
}
.nudge {
    padding-left: 10px;
    padding-top: 15px;
}
#top-header-grid {
    height: 92px;
    background-color: #f7f7f7;
    display: block;
    color: #000;
    font-family: 'Source Sans Pro', 'Open Sans', Verdana, Arial;
    font-weight: bolder;
    overflow: hidden;
    box-shadow: 0px 0px 4px #BDBDBD;
}
#top-header-grid div {
    vertical-align: top;
}
#top-header-grid span {
    display: block;
}
#leaderboard-type {
    width: 160px;
    display: inline-block;
    background-color: #f7f7f7;
    height: 100%;
    font-size: 14px;
}
#leaderboard-type span {
    text-transform: uppercase;
}

span#filter_options {
    width: 95px;
    display: inline-block;
    cursor: pointer;
}


span#filter_options {
    background-color: #3a87ad;
}

span#filter_options:hover {
    background-color: #ab1a25;
}

#filter_widget {
    padding-left: 5px;
    padding-top: 0px;
}

#leaderboard-search-form {
    width: 300px;
    display: inline-block;
    height: 100%;
    padding-left: 10px;
    padding-top: 21px;
    background-color: #f7f7f7;
}

#leaderboard-search-form input {
    width: 300px;
    padding: 0;
    margin: 0;
    height: 50px;
    padding-left: 5px;
    color: #ccc;
}

#leaderboard-global-stats {
    display: inline-block;
    text-align: right;
    float: right;
    padding-right: 5px;
    padding-top: 15px;
    /*background-color: #fcfcfc;*/
    height: 100%;
}

#leaderboard-global-stats span {
    text-transform: uppercase;
}

#leaderboard-global-stats ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#leaderboard-global-stats li {
    float: left;
    padding-left: 20px;
    text-align:center;
}

.big_number {
    font-size: 34px;
}

.username_bigger {
    font-size: 18px !important;
}

#ranking_header, #username_header, #lastplayed_header, .lastplayed-row {
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
}

.lastplayed-row {
    color: #ccc;
}

td#ranking_header {
    text-align: center;
    background-color: #262d2d;
    width: 10% !important;
    color: #fff;
}

td.ranking_inner {
    width: 10% !important;
    background-color: #262d2d;
    font-family: "source sans pro", Georgia;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .20) inset;
}

#username_header {
    width: 90% !important;
    padding-left: 15px;
    text-align: left !important;
}

td.username_inner {
    text-align: left !important;
    font-family: "source sans pro", 'Open Sans';
    font-size: 14px;
    font-weight: 600 !important;
}

td.avatar_inner {
    padding: 10px;
}

td.flag_inner {
    padding: 10px;
}

td.avatar_inner img {
    width: 48px;
    height: 48px;
}

.small_avatar img {
    width: 28px !important;
    height: 28px !important;
}

#leaderboard {
    box-shadow: 0px 0px 4px #BDBDBD;
margin-top: 15px;
}


#leaderboard tr {
    height: 33px;
}

#leaderboard tr td {
    text-align: center;
    padding: 10px;
}

#leaderboard tr#leaderboard_headers {
    background-color: #f7f7f7;
}

#leaderboard tr#leaderboard_headers td {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .20) inset;
}

#leaderboard table {
    height: 33px;
    border-collapse:collapse;
    table-layout:fixed; 
    font-family: "source sans pro", 'Open Sans';
    font-weight: bolder;

}

tr.row-t1 {
    background-color: #f7f7f7;
}

.bronze-color {
color: #C46438 !important;
}

.silver-color {
    color: #777 !important;
}

.gold-color {
    color: #C2903E !important;
}

.platinum-color {
    color: #667FB2 !important;
}

.gamerscore-color {
    color: #2B9646 !important;
}

.collapse.in {
}

.dropdown-menu {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

#filter_widget .btn-icon {
    width: 16px;
    height: 24px;
display: inline-block;
vertical-align: middle;
padding-right: 5px;
}

#filter_widget span {
    color: #333;
    font-size: 11px;
    font-family: 'source sans pro', "Trebuchet MS", verdana;
    font-weight: 700;
    text-transform: uppercase;
}

#filter_widget span.caret {
    margin-top: 10px;
}

#filter_widget .btn-toolbar {
    margin-top: 7px;
    margin-bottom: 0px;
}

.type_description {
    font-size: 12px;
padding-bottom: 5px;
}

#top-header-block {
    position: absolute;
    top: -25px;
    z-index: -1;
}

#top-header-block-temp {
    width: 100%;
    height: 80px;
    background: #dadada;
    background: -moz-linear-gradient(top,  #dadada 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top,  #dadada 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top,  #dadada 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top,  #dadada 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom,  #dadada 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#f8f8f8',GradientType=0 );
box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.1);

}

#top-header-block-temp h1 {
    font-family: 'Source Sans Pro';
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.050em;
}

#top-header-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#top-header-block li.first-block {
    margin-left: 0;
}

#top-header-block li.selected a {
    color: #fff;
}

#top-header-block li.selected  {
    background-color: #333;
    box-shadow: 0px 0px 15px #000;
}

#top-header-block li {
    float: left;
    width: 100px;
    height: 30px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #919191;
    text-align: center;
    margin-left: 15px;
}

#top-header-block li a {
    z-index:99999 !important;
    color: #000;
    font-family: 'Source Sans Pro';
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    height: 100%;
}

#leaderboard-global-stats ul li span:first-child {
    font-size: 11px;
}


@media screen and (max-width: 1700px) {
    .overlay {
        background-size: 1750px 519px !important;
        height: 519px;
    }

    #overlay-wrapper {
        min-width: 519px;
    }
}

@media screen and (max-width: 1220px) {
    #news-column, #news-column.single-article .social-widgets, #content p img {
        width: 600px;
    }

    #main {
        width: 600px;
    }

    #main div.snippet {
        width: 300px;
    }

    .info-top-block h2 a {
        font-size: 25px;
    }
    #sidebar.gamercard-sidebar {
        width: 320px;
    }

    #around-network-footer ul li a {
        width: 280px;
    }

    .overlay {
        background-size: 1200px auto !important;
        height: 359px;
    }

    #body-wrapper, #header, #header-elements {
        width: 980px;
    }

    #search-box #s {
        width: 40px;
    }

    #search-box {
        width: 130px;
    }

    #overlay-wrapper {
        min-width: 980px;
    }

    #footer {
        width: 980px;
    }

    #footer-inner {
        width: 980px;
    }

    .ft {
        width: 484px;
    }

    #games-column {
        width: 600px;
    }


    #overlay-wrapper {
        height: 359px;
    }

    #body-wrapper {
        margin-top: 0px;
    }

    #landing {
        margin-top: 100px;
    }

    .headliner {
        font-size: 22px;
    }

    #quick-stats li {
        padding-left: 25px;
        padding-right: 25px;
    }

    #info-blocks .list {
        width: 270px;
    }

    #awards {
        width: 600px;
    }

    #sidebar.game-overview {
        margin-top: 15px;
    }

    #sidebar_awards {
        margin-left: 620px;
    }

    #sidebar.awards {
        width: 340px;
    }

    .trophy-desc {
        width: 380px;
    }

    .trophy-side-title {
        right: -5px;
        width: 200px;
    }

    #game_listing.awards-view .game-image-side {
        width: 290px;
    }

    #user_container #gamercard_sidebar {
        width: 300px;
        float: right;
    }

    #platform-distribution {
        display: none;
    }

    .global_user #awards.trophy-user, #awards.trophy-user {
        width: 650px !important;
    }

    #leaderboard-global-stats span.big_number {
        font-size: 24px;
    }

    #leaderboard-global-stats li {
        padding-left: 10px;
    }

    #leaderboard-global-stats {
        padding-top: 25px;
    }

    .feature-header h2 a {
        max-width: 600px;
    }
}

@media screen and (max-width: 800px) {
    #overlay-wrapper {
        display: none;
    }

    #header-behind {
        display: none;
    }

    .header-wrapper, #header {
        background-color: #fff;
    }

    #body-wrapper {
        margin-top: 220px;
    }

    body {
        background-color: rgb(32, 32, 32);
    }

}