@import url(font.css);
/*================================================
/* CSS Document Content
/*
/* 1. Reset the styles
/* 2. Wrapper
/* 3. Header
    - 3.1. Navigation
/* 4. Main content
   - 4.1. Media Page
   - 4.2. Game Guide Page
   - 4.3. Store Page
   - 4.4. Community Page
/* 5. Footer
/* 6. CLEAR
================================================*/
/*================================================
1. BEGIN Reset the styles
================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background: transparent
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block
}
nav ul {
    list-style:none
}
blockquote, q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none
}
fieldset {
    border:none;
}
table {
    border-collapse:collapse;
    border-spacing:0
}
p, h1, h2, h3, h4, h5, h6, blockquote {
    line-height: 20px;
}
/*Default styles*/
a {
    outline: none;
    text-decoration: none;
    color: #38b2ff;
}
a:hover {
    color: #38b2ff;
    text-decoration: underline;
}
/*a:visited, a:active  {
    color: #fff;
}*/

img {
    border: 0;
}
p, address, blockquote {
    margin: 0 0 20px;
}
del, ins {
    text-decoration: none;
}
hr {
    border: 0 hidden;
    clear: both;
    height: 0;
}
/** ul ol li **/
ul {
    margin: 0 0 10px 0;
    padding:0 0 0 15px;
}
ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
li ul, li ol {
    margin: 0 0 10px 0;
}
li ul li {
    padding-left: 10px;
}
li ol li {
    padding-left: 0;
    background: none;
}
li ol ul li {
    padding-left: 10px;
}
ol {
    margin: 0 0 10px 0;
    padding:0 0 0 20px;
}
ol li {
    margin:0;
    padding: 0;
    vertical-align: top;
    display: list-item;
}
input:focus, textarea:focus, select:focus, div:focus {
    outline: none;
}
/**  h1 ... h4 **/
h1 {
    font-size: 28px;
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
    color: #fff;
    line-height: 28px;
    font-weight: normal;
    margin: 0 0 20px;
    text-transform: uppercase;
}
h2 {
    font-size: 26px;
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 26px;
    font-weight: normal;
    margin: 0 0 15px;
}
h3 {
    font-size: 22px;
    color: #fff;
    line-height: 22px;    
    text-transform: uppercase;
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
    font-weight: normal;
    margin: 0 0 15px;
}
h4 {
    font-size: 20px;
    color: #fff;
    margin: 5px 0 10px;
    font-weight: normal;
}
h5 {
    font-size: 16px;
    margin: 5px 0 10px;
    font-weight: normal;
}
h6 {
    font-size: 14px;
    margin: 5px 0 10px;
    font-weight: normal;
}
h1 + h2, h2 + h2, h1 + h3, h2 + h3, h3 + h3 {
    margin-top: 0;
}
/*================================================
1. END Reset the styles
================================================*/

/*================================================
2. BEGIN Wrapper
================================================*/
html{
    height: 100%;
    font-size: 100.01%;
}
body {
    font-size: 13px;
    font-family: Tahoma, Arial, sans-serif;
    min-width: 1050px;
    height: 100%;	
    color: #adb6ad;
    background-color: #000;
}
div.global-wrapper {    
    background: url("../img/bg/footer-bg-rep.jpg") repeat-x 0 100%;   
}
div.global-inner-wrapper {
    background: url("../img/bg/footer-bg.jpg") no-repeat 50% 100%;    
}
div#wrapper {
    position: relative;
    background: #0d0d0c url("../img/bg/back-bg.jpg") no-repeat 50% 0; 
}
#layout {
    width: 954px;
    padding: 0px 23px;
    margin: 0px auto;
    position: relative;
}
/*================================================
2. END Wrapper
================================================*/

/*================================================
3.BEGIN Header
================================================*/
header {}
.topBox {
    position: relative;
    z-index: 4;
}
/*logo*/
#logo-text {
    float: left;
    margin-bottom: 0px;
    margin-left: 10px;
}
#logo-text a {
    display: block;
}
#logo {
    float: right;
    background: url("../img/bg/uw-logo-bg.png") no-repeat 0 20px; 
    height: 122px;
}
#logo a {    
    background: url("../img/elem/uw-logo.png") no-repeat 0 0;
    width: 100px;
    height: 102px;
    display: block;    
}
#logo a:hover {
    background-position: 0 -106px;
}
/*rightBox*/
.rightBox {
    float: right;    
    margin-top: 7px;
}
/*login-box*/
.login-box {
    float: right;
    background: url("../img/bg/login-holder-bg.png") no-repeat 0 0; 
    width: 283px;
    height: 89px;    
    margin: 20px 3px 0px 0px;
}
/*login-inner-hold*/
.login-inner-hold {}
.login-inner-hold a.login-now, .shadow-text {
    text-shadow: 4px 1px 10px #08539D, 0 0 1em #0b447b;
    font-size: 19px;
    line-height: 19px;
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
    color: #5ad7f8;
}
.login-inner-hold a.login-now {
    text-transform: uppercase;
}
/*login-out*/
.login-out {
    margin: 6px 0px 0px 8px;
}
.login-out .login-inner-hold  {
    background: url("../img/elem/login-inside.png") no-repeat 0 0;     
    padding: 13px 24px 5px;
    width: 232px;
    height: 56px;
}
.login-out .login-inner-hold:hover {
    background-position: 0 -80px;
    cursor: pointer;
}
.login-out .login-inner-hold  p {
    font-size: 10px;
    color: #9aa1a6;
    line-height: 14px;
    margin-bottom: 5px;
}
.login-inner-hold a.login-now {
    background: url("../img/elem/small-arrow.png") no-repeat 100% 50%; 
    padding-right: 15px;    
}
.login-inner-hold a.login-now:hover {
    text-decoration: none;
}
/*login-in*/
.login-in {
    overflow: hidden;
	display: none;
}
.ava-box {
    width: 74px;
    height: 74px;
    overflow: hidden;
    margin: 6px 1px 0 12px;
    text-align: center;
    float: left;
    background: url("../img/bg/avatar-login-bg.png") no-repeat 0 0; 
}
.ava-box img {
    max-width: 57px;
    margin: 8px 0 0 0;
}
/*user-box*/
.user-box {
    float: left;
    text-align: center;
    padding: 17px 0px 10px;    
}
.user-box .name, .user-box .name a {
    font-size: 12px;
    color: #38b2ff;
    text-align: center;
    margin-bottom: 10px;
    display: block;
}
.user-box .message-box {
    background: url("../img/bg/message-login.png") no-repeat 0 0; 
    width: 181px;
    height: 28px;
    padding: 2px 0px;
    text-align: center;
}
.user-box .message-box a, .user-box .message-box span {
    font-size: 11px;
    color: #38b2ff;
    line-height: 25px;
}
.message-icon {
    background: url("../img/icons/message-icon.png") no-repeat 0 0; 
    padding-left: 31px;
    height: 25px;
    display: inline-block;
}
/*================================================
3.1. BEGIN Navigation
================================================*/
/*navigation-hold*/
.navigationBar {
    background: url("../img/bg/nav-bg.png") no-repeat 0 0; 
    height: 82px;       
    margin-top: -45px;  
    padding-top: 35px;
    position: relative;
    z-index: 3;
}
/*nav-box*/
nav.nav-box {
    float: left;
}
nav.nav-box ul.main {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
nav.nav-box ul.main li {
    float: left;    
}
nav.nav-box ul.main li:first-child {
    width: auto;
}
nav.nav-box ul.main li a {
    display: block;
    text-indent: -9999px;
    background: url("../img/elem/menu-text.png") no-repeat 0 0; 
    margin: -11px 4px 0px;
}
/*home*/
nav.nav-box ul.main li a.home {
    background: url("../img/elem/home-icon.png") no-repeat 0 0; 
    width: 59px;
    height: 94px;
    margin-top: -26px;    
}
nav.nav-box ul.main li a:hover.home, nav.nav-box ul.main li.current a.home {
    background-position: 0 -104px;
}
/*game-guide*/
nav.nav-box ul.main li a.game-guide {
    width: 86px;
    height: 65px;
    background-position: 0 0;
}
nav.nav-box ul.main li a.game-guide:hover, nav.nav-box ul.main li.current a.game-guide {
    background-position: 0 -77px;
}
/*community*/
nav.nav-box ul.main li a.community {
    width: 80px;
    height: 65px;
    background-position: -106px 0;
    margin-left: 15px;
}
nav.nav-box ul.main li a.community:hover, nav.nav-box ul.main li.current a.community {
    background-position: -106px -77px;
}
/*media*/
nav.nav-box ul.main li a.media {
    width: 66px;
    height: 65px;
    background-position: -198px 0;
    margin-left: 8px;
    margin-right: 0px;
}
nav.nav-box ul.main li a.media:hover, nav.nav-box ul.main li.current a.media {
    background-position: -198px -77px;
}
/*forums*/
nav.nav-box ul.main li a.forums {
    width: 75px;
    height: 65px;
    background-position: -264px 0;
    margin-left: 0px;
    margin-right: 0px;
}
nav.nav-box ul.main li a.forums:hover, nav.nav-box ul.main li.current a.forums {
    background-position: -264px -77px;
}
/*store*/
nav.nav-box ul.main li a.store {
    width: 57px;
    height: 65px;
    background-position: -341px 0;
}
nav.nav-box ul.main li a.store:hover, nav.nav-box ul.main li.current a.store {
    background-position: -341px -77px;
}
/*================================================
3.1. END Navigation
================================================*/
/*searchBox*/
.searchBox {
    float: left;
    background: url("../img/bg/search-holder-bg.png") no-repeat 0 0; 
    width: 235px;
    height: 49px;
    margin: -3px 0px 0px 12px;
}
.searchBox .inp-txt {
    width: 170px;
    font-size: 13px;
    color: #7e857e;
    height: 16px;
    padding: 3px 0px 3px 5px;
    margin: 13px 0px 0px 12px;
    float: left;
    border-style: none;
    background-color: transparent;
}
.searchBox .inp-btn {
    background: url("../img/btn/search-button.png") no-repeat 0 0; 
    width: 40px;
    height: 35px;
    float: left;
    border-style: none;
    margin-top: 6px;
    cursor: pointer;
}
.searchBox .inp-btn:hover, .searchBox .inp-btn.focus-active {
    background-position: 0 -38px;
}
/*socialBox*/
.socialBox {
    float: right;
    margin-top: -15px;
}
.socialBox ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.socialBox ul li {
    float: left;
    background: url("../img/bg/social-bg.png") no-repeat 0 0; 
    width: 74px;
    height: 74px;
    margin-left: -22px;
    position: relative;
}
.socialBox ul li:hover {
    background-position: 0 -77px;
    z-index: 10;
}
.socialBox ul li a {
    text-indent: -9999px;
    display: block;
    width: 74px;    
    height: 74px;    
    background: url("../img/icons/social-icon.png") no-repeat 0 0; 
}
/*icons*/
.socialBox ul li a.twiiter-icon {
    background-position: 0 -148px;
}
.socialBox ul li a.facebook-icon {
    background-position: 0 -74px;
}
.socialBox ul li a.googleplus-icon {
    background-position: 0 -220px;
}
.socialBox ul li a.youtube-icon {
    background-position: 0 0;
}
/*================================================
3.END Header
================================================*/

/*================================================
4. BEGIN  Main content
================================================*/
#content-holder {        
    background: #151513 url("../img/bg/content-bg.jpg") no-repeat 0 0;     
    margin-top: -45px;
    box-shadow: -1px -4px 5px #000;
    position: relative;
    z-index: 2;   
    padding-top: 560px;
}
#content-holder .content-holder-inner {
    background: url("../img/bg/content-bg-inner.jpg") repeat-y 0 0;   
    padding-top: 1px;
}
#content-holder .content-holder-inner .holder-bg {
    margin-top: -500px;   
    padding-top: 1px;
    min-height: 515px;   
}
/*background main page*/
#content-holder.main {
    background: #151513 url("../img/bg/content-bg-home.jpg") no-repeat 0 0; 
    padding-top: 923px;
}
#content-holder.main .content-holder-inner .holder-bg {
    margin-top: -860px;
}
/*left-column, right-column, one-column*/
#left-column {
    float: left;
    width: 628px;
    margin-right: 13px;
    padding: 0px 0px 0px 27px;
}
#right-column {
    float: right;
    width: 285px;
}
#one-column {
    padding: 7px 28px 15px;
}
/*position piece image in content*/
.onos-img, .soldier-img {
    position: absolute;  
    z-index: 20;
}
.onos-img {
    background: url("../img/elem/onos-image.png") no-repeat 0 0;  
    width: 124px;
    height: 173px;
    left: -71px;
    top: 2px;
}
.soldier-img {
    background: url("../img/elem/soldier-image.png") no-repeat 0 0;  
    width: 130px;
    height: 128px;
    right: -41px;
    top: 328px;
}
/*--------home slider---------*/
.shadow-box-hold {
    background: url("../img/bg/shadow-bg.jpg") no-repeat 2px 100%; 
    min-height: 365px;   
    margin-left: -1px;
}
.wrap-slider-box {
    background: url("../img/bg/slider-bg.png") no-repeat 0 0;  
    width: 628px;
    height: 354px;
    position: relative;
    float: left;
    margin-left: 30px;
}
.sliderBox {
    position: relative;
    width: 615px;
    height: 285px;
    overflow: hidden;
    margin: 6px 0 0 6px;    
}
.sliderBox .shadow-slider-bg {
    background: url("../img/bg/slider-shadow.png") no-repeat 0 0; 
    width: 616px;
    height: 92px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
}
.sliderBox ul, .sliderBox ul li, .people-counter ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.sliderBox ul, .sliderBox ul li {   
    position: relative;
}
.sliderBox ul li {
    float: left;
    height: 283px;
    overflow: hidden;
}
.sliderBox ul li .text-hold {
    position: absolute;
    /*left: 33px;*/
    /*top: 185px;*/
    left: 20px;
    top: 220px;
    z-index: 1;
	width: 540px;
}

.sliderBox ul li .text-hold h2 {
    font-size: 30px;
    line-height: 30px;    
    margin-bottom: 0px;
}
.sliderBox ul li .text-hold h2 a {
    color: #fff;
    padding-left: 39px;
    background: url("../img/elem/glow-arrow.png") no-repeat 0 50%;      
}
.sliderBox ul li .text-hold h2 a:hover {
    text-decoration: none;
    background: url("../img/elem/glow-arrow-on.png") no-repeat scroll 0 50% transparent; 
}
.sliderBox ul li .text-hold p {
    margin-bottom: 5px;
    color: #7e857e;
}
/*controls*/
#controls {
    position: absolute;
    bottom: 19px;
    float: left;
}
#controls .prevBtn, #controls .nextBtn {
    display: none;
}
ol.controls {
    list-style-type: none;
}
ol.controls {
    margin: 0px;
    padding: 0px;
}
ol.controls li {
    float: left;
    margin-left: -7px;
}
ol.controls li a {
    background: url("../img/elem/bullet-nav.png") no-repeat 0 0; 
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
}
ol.controls li.current a, .custom-controls ol.controls li a.current {
    background-position: 0 -27px;
}
/*banner-hold*/
.banner-hold {
    float: right;
    width: 256px;   
    margin-right: 25px;
}
.people-counter {
    background: url("../img/bg/people-counter-bg.png") no-repeat 0 0; 
    width: 256px;
    height: 38px;
    margin-bottom: 2px;
}
.people-counter ul li {
    float: left;
    color: #7e857e;
    font-size: 11px;
    width: 128px;
    text-align: center;
    padding: 11px 0px;
}
.people-counter ul li a {
    color: #38b2ff;
}
/*------bannerBox/game banner------*/
.bannerBox , #right-column .widget_sp_image{
    margin-bottom: 15px;
}
.bannerBox img {
    border: 1px solid #3c3c37;
}
/*game-banner*/
.bannerBox.game-banner, .widget_sp_image {
    background: url("../img/bg/game-banner.png") no-repeat 0 0; 
    width: 235px;
    height: 279px;
    padding: 8px 9px;
    margin-bottom: 0px;
    text-align: center;
    overflow: hidden;
}
.bannerBox.game-banner img {
    max-width: 235px;
}
.bannerBox.game-banner a,.bannerBox.promo-banner a {
    display: block;
}
/*promo-banner*/
.bannerBox.promo-banner, #right-column .widget_sp_image{
    background: url("../img/bg/promo-banner-small-bg.png") no-repeat 0 0; 
    width: 249px;
    height: 250px;
    padding: 9px;
    text-align: center;
    overflow: hidden; 
    margin-top: 18px;
}
.bannerBox.promo-banner img {
    max-width: 248px;
}
/*-------article home page-------*/
#left-column.news-box {
    padding-left: 0px;
    width: 655px;
}
.article-hold {
    background: url("../img/bg/article-shadow-bg.png") no-repeat 0 0; 
}
.article-hold .inner-holder {
    padding: 32px 0px 30px 27px;    
}
.article-hold:first-child, .article-hold.first {
    margin-top: 0px;
}
.article-hold h2, .title-bullet, .vf_widget_discussions h3, .widget h3 {
    background: url("../img/elem/blue-bullet.png") no-repeat 0 0; 
    padding-left: 27px;
}
.article-hold h2, .article-hold h2 a {
    margin-bottom: 3px;
    color: #fff;
}
.article-hold .posted {
    color: #7e857e;
    font-size: 13px;
    margin-bottom: 12px;
    margin-left: 27px;
}
.article-hold .posted a {
    color: #38b2ff;
}
.article-hold img {
    border: 1px solid #30302c;
    box-shadow: 2px 2px 7px #000;
}
.article-hold.wide-article .inner-holder {
    padding: 32px 15px 18px 27px;
}
.article-hold.wide-article img {
    /*margin-bottom: 20px;*/
}
.article-hold p {
    margin-bottom: 15px;
}
.article-hold p, .article-hold {
    font-size: 14px;
}
.article-hold.wide-article p {
    height: auto;
}
.article-hold p {
    padding-right: 10px;
    /*height: 85px;*/
    overflow: hidden;
}
.article-hold a.read-more {
    font-size: 13px;
    float: left;
}
.article-hold.wide-article .numb-comments {
    padding-right: 32px;
}
.article-hold .numb-comments {
    padding-right: 5px;
}
.article-hold .comment {
    float: right;
    padding-bottom: 2px;
    font-size: 13px;
    line-height: 20px;
    color: #38b2ff;
}
.article-hold .img-hold {
    float: left;
    width: 252px;  
    margin-right: 15px;
}
.article-hold .img-hold img {
    /*max-width: 250px;*/
}
.article-hold .text-box {
    /*width: 340px;*/
    float: left;
    padding-right: 10px;
}
/*pagination-box*/
.pagination-box {
    background: url("../img/bg/article-shadow-bg.png") no-repeat 0 0; 
    padding: 16px 0px 12px;
}
.pagination-box .pagination-inner {
    overflow: hidden;
    width: 252px;
    margin: 0px auto;
}
.pagination-box a {
    display: block;
    float: left;
    background: url("../img/bg/bg-button-news.png") no-repeat 0 0; 
    width: 84px;
    height: 21px;   
    text-align: center;
    padding: 12px 0px;
    font-size: 22px;
    line-height: 22px;
    text-shadow: 4px 1px 10px #08539D, 0 0 1em #0b447b;
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
    color: #5ad7f8;
    text-transform: uppercase;
}
.pagination-box a:hover {
    text-decoration: none;
}
.pagination-box a.next, .pagination-box a.prev {
    padding: 6px 0px;
    height: 33px;
}
.pagination-box a.next span, .pagination-box a.prev span {
    text-indent: -9999px;
    display: inline-block;
    background: url("../img/elem/button-arrow.png") no-repeat 0 0; 
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.pagination-box a:hover.prev span {
    background-position: 0px -38px;
}
.pagination-box a.next span {
    background: url("../img/elem/button-arrow-next.png") no-repeat 0 0; 
}
.pagination-box a:hover.next span {
    background-position: 0 -38px;
}
/*-------hot topics------*/
.vf_widget_discussions {}
.vf_widget_discussions h3 {
    margin-bottom: 0;
	background-position: left center;
    margin-top: 34px;
}
.vf_widget_discussions ul {
    list-style:none;
    margin: 0px;
    padding: 1px 0px 0px;
    width: 280px;
}
.vf_widget_discussions li {
    background: url("../img/bg/shadow-hot-topic.png") no-repeat 0 0;
    background: url("../img/bg/shadow-hot-topic-bot.png") no-repeat center bottom;
    padding: 10px 0;
}
.vf_widget_discussions li:hover a {
    text-decoration: underline;
}
.vf_widget_discussions a {
    font-size:14px;
    line-height: 20px;
    color: #38b2ff;
    margin: 0px;
}
.vf_widget_discussions a  {
    background: url("../img/elem/glow-arrow.png") no-repeat right center;
    display: block;
    min-height: 26px;
    padding-right: 30px;
}
.vf_widget_discussions a:hover {
    background: url("../img/elem/glow-arrow-on.png") no-repeat right center;
}
/*arrow-link*/
.arrow-link {
    background: url("../img/elem/glow-arrow.png") no-repeat scroll 0 0 transparent; 
    display: block;
    width: 27px;
    height: 26px;
}
.arrow-link:hover, .vf_widget_discussions li:hover .arrow-link {
    background: url("../img/elem/glow-arrow-on.png") no-repeat scroll 0 0 transparent;
}


/*comments section*/
ol.commentlist{
width: 95%;
float: left;
list-style:none;
}
ol.commentlist ul{
	list-style:none;
}
ol .comment {
width: 95%;
float: left;
padding-top: 5px;
}
ol .comment img{
	float:left;
	margin:0 10px 0 0;
}
.commentmetadata {
	margin:0 0 10px 0;
}
.comment-body p{	color: #ADB6AD}.commentlist{	padding:0;}
#respond{
width: 95%;
float: left;
padding-top:10px;
}



/*================================================
4.1. BEGIN Media Page
================================================*/
.media-box .title-hold h1 {
    float: left;    
    margin: 0px 17px 12px 3px;
}
.media-box p {
    font-size: 14px;
    line-height: 24px;
}
/*media-hold */
.row-hold {
    clear: both;
}
.media-hold  {
    float: left;
    margin-left: 14px;
    margin-bottom: 14px;
}
.media-hold:first-child, .media-hold.first {
    margin-left: 0px;
}
.media-hold .self-media-box {
    background: url("../img/bg/media-bg.png") no-repeat scroll 0 0 transparent;
    width: 418px;
    height: 320px;
    padding: 9px 12px 0 12px;
    position: relative;
}
.media-hold .media-img, .game-hold .game-img, .media-slider-box {
    width: 417px;
    height: 260px;
    border: 1px solid #3a3a35;   
    text-align: center;
    overflow: hidden;
    box-shadow: 1px 1px 1px #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px    
}
/*------------media-slider-box--------------*/
.media-slider-box {
    position: relative;        
}
.media-slider-box ul, .media-slider-box ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    height: 260px;
    position: relative;
}
.media-slider-box ul li a {
    display: block;
}

.play-icon {
    display: block;
    position: absolute;
    width: 75px;
    height: 74px;
    top: 0px;
    left: 50%;    
    z-index: 1;
    margin-left: -37px;
    margin-top: 100px;
    background: url("../img/icons/play-icon.png") no-repeat scroll 0 0 transparent;    
    cursor: pointer;
}
.mediaVideoSlider .play-icon {
    margin-top: 90px;
}
.play-icon:hover {
    background-position: -80px 0px;    
}
.zoom-icon {
    display: block;
    position: absolute;
    z-index: 5;
    background: url("../img/btn/search-button.png") no-repeat 0 0; 
    width: 40px;
    height: 35px;   
    right: 2px;
    bottom: 2px;
    cursor: pointer;
}
.zoom-icon:hover, .media-slider-box ul li:hover .zoom-icon {
    background-position: 0 -38px;
}
/*controls-hold*/
.controls-hold, .title-box {
    overflow: hidden;
    max-width: 150px;
    padding: 27px 0 0 56px;
}
.controls-hold h4,.title-box h4, .thumb-box h4 {
    float: left;
    font-size: 19px;
    line-height: 19px;
    text-transform: uppercase;
    margin: 0px 12px 0px 0px;
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
}
.controls-hold ul, .thumb-box ul.thumb-elem {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-top: -2px;
}
.controls-hold ul li {
    float: left;
    margin-left: -7px;
}
.controls-hold ul li a {
    display: block;    
    background: url("../img/elem/bullet-nav.png") no-repeat 0 0; 
    width: 24px;
    height: 24px;    
}
.controls-hold ul li.current a {
    background-position: 0 -27px;
}
.btn-prev, .btn-next, .self-media-box #controls .prevBtn,
.self-media-box #controls .nextBtn, .custom-controls .prevBtn, .custom-controls .nextBtn {
    background: url("../img/btn/media-button-left.png") no-repeat 0 -50px; 
    display: block;
    width: 31px;
    height: 35px;
    position: absolute;
    bottom: 8px;
    z-index: 21;
    cursor: pointer;
    text-indent: -9000px;
}
.btn-prev:hover, .btn-next:hover,.self-media-box #controls .prevBtn:hover,
.self-media-box #controls .nextBtn:hover,  
.custom-controls .prevBtn:hover, .custom-controls .nextBtn:hover {
    background-position: 0 0;
}
.btn-prev {
    left: 5px;
}
.btn-next, .self-media-box #controls .nextBtn,  .custom-controls .nextBtn {
    background: url("../img/btn/media-button-right.png") no-repeat 0 -50px; 
    right: 5px;
}
.self-media-box #controls {
    float: none;
    bottom: 9px;
    left: 162px;
}
.self-media-box #controls .prevBtn {
    left: -158px;
    bottom: -1px;
}

/*fixed media page controls*/

.self-media-box #controls{
width: 335px !important;
}

.self-media-box #controls .nextBtn { 
    right: 60px;
    bottom: -1px;
}
.self-media-box.video span#controls {
    display: none;
}
/*------Video media slider---------*/
.self-media-box.video .title-box {
    float: left;
}
.self-media-box.video .custom-controls {
    padding-top: 25px;    
}
.self-media-box.video .media-img  {
    border: none;
    border-radius: 0;
}
.custom-controls .prevBtn,  .custom-controls .nextBtn {
    display: block !important;
}
.custom-controls .prevBtn {
    left: 4px;
    bottom: 8px;
}
.custom-controls .nextBtn { 
    right: 4px;
    bottom: 8px;
}
/*--------------fancybox-----------*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #151513;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    text-shadow: none;
}

.fancybox-opened {
    z-index: 8030;
}
.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading {
    background-image: url('../elem/fancybox_sprite.png');
}
.fancybox-close, .fancybox-prev span, .fancybox-next span {

}
.fancybox-close {
    background: url("../img/elem/close-btn.png") no-repeat 0 -60px;
    cursor: pointer;
    display: block !important;
    height: 56px;
    position: absolute;
    right: -9px;
    top: -11px;
    width: 52px;
    z-index: 181;
}
.fancybox-close:hover {
    background-position: 0 0;
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../img/elem/fancybox_loading.gif') center center no-repeat;
}
.fancybox-nav {
    background: url("../img/elem/button-arrow.png") no-repeat 0 0; 
    bottom: 0;
    cursor: pointer;
    display: block !important;
    width: 32px;
    height: 32px;
    outline: medium none;
    position: absolute;    
    top: 50%;
    margin-top: -16px;
    z-index: 111;
}
.fancybox-prev {
    left: 0;    
}
.fancybox-prev:hover {
    background-position: 0px -38px;
}
.fancybox-next {
    right: 0;
    background: url("../img/elem/button-arrow-next.png") no-repeat 0 0; 
}
.fancybox-next:hover {
    background-position: 0 -38px;
}
.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}
/* Overlay helper */
.fancybox-lock {
    overflow: hidden;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;	
    zoom: 1;
    background: url("../img/bg/opacity-bg.png") repeat 0 0; 
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;    
    overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    text-shadow: none;
    z-index: 8050;
    top: 65px;
}
.fancybox-title span.title {
    margin-bottom: 7px;
    padding-left: 12px;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title span.title, .fancybox-title .desc {
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 14px;
}
.fancybox-title span.title em {
    font-style: normal;
    font-weight: normal;
    color: #808285;
    padding-right: 5px;    
}
.fancybox-title .desc {
    font-weight: normal;
    padding-left: 59px;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

/*================================================
4.1. END Media Page
================================================*/

/*================================================
4.2. BEGIN Game Guide
================================================*/
.game-hold {
    float: left;
    margin-left: 18px;
    margin-bottom: 18px;
}
.game-hold.first,.game-hold:first-child {
    margin-left: 0px;
}
.game-hold .self-game-box {
    background: url("../img/bg/game-guide-overview.png") no-repeat 0 0; 
    width: 430px;
    height: 354px;
    padding: 9px 0 0 10px;
    position: relative;
} 
/*thumb-box*/
.thumb-box {
    margin: 14px 0 0 1px;
    overflow: hidden;
    position: relative;
    z-index: 21;
    max-height: 75px;
}
.thumb-box h4 {
    margin-bottom: 5px;
    float: none;
    height: 19px;
    overflow: hidden;
}
.thumb-box ul.thumb-elem  {
    margin: 0px;
}
.thumb-box ul.thumb-elem li {
    float: left;
    width: 66px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #383833;
    margin-right: 2px;
}
.thumb-box ul.thumb-elem li:hover, .thumb-box ul.thumb-elem li.current {
    border: 1px solid #03a7e4;
}
.thumb-box ul.thumb-elem li a {
    display: block;
}
.thumb-box ul.thumb-elem li img {
    max-width: 75px;   
}
.playlist {
    display: none;
}
/*profile game-guide*/
.game-profile {
    background: url("../img/bg/game-holder-bg.png") no-repeat 0 0;
    min-height:185px;
    margin-left: -28px;
    margin-bottom: 5px;
    width: 954px;
    position:relative;
}
.game-profile  ul {
    padding:25px 0 0 0;
    width:910px;
    margin: 0 auto;
    overflow: hidden;
}
.profile-holder {
    background: url("../img/bg/game-guide-tuts.png") no-repeat 0 0;
    width:232px;
    height:124px;
    text-align:center;
    display:block;
    position:relative;
}
.profile-holder a {
    display: block;
    height: 110px;
    overflow: hidden;
}
.profile-holder a:hover span {
    width:203px;
    height:96px;
    border:1px solid #38e6ff;
    -moz-box-shadow: inset 0 0 40px #38e6ff;
    -webkit-box-shadow: inset 0 0 40px #38e6ff;
    box-shadow: inset 0 0 40px #38e6ff;
    position:absolute;
    top: 13px;
    left: 13px;
}
.profile-holder img {
    max-width:203px;
    margin: 14px 0 0 0;
}
.game-profile li {
    list-style:none;
    float:left;
    width:232px;
    padding:0;
    margin:0 0 0 -6px;
}
.game-profile li:first-child {
    padding:0;
    margin:0;
}
.profile-text-holder h4 {
    color:#fff;
    margin-left:5px;
    margin-top: 0px;
    line-height:20px;
    background: url("../img/elem/blue-bullet.png") no-repeat 0 0px;
    padding: 2px 0 2px 29px;
    font-size:20px;
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
}
.profile-text-holder h4 a {
    color:#fff;
}
/*================================================
4.2. END Game Guide
================================================*/

/*================================================
4.3. BEGIN Store Page
================================================*/
.store-box {
    display:block;
    min-height:410px;
    position: relative;
    top: -27px;
    background: url("../img/bg/store-bg.png") no-repeat 0 -20px;
    padding-top: 25px;
}
.store-grid-price {
    position:relative;
    padding:22px 0 6px 72px;
    margin:0;
    display:block;
    min-height:60px;
}
.buy-holder {
    display:inline;
    height:50px;
    list-style:none;
}
.buy-now{
    float:left;
    margin-top: 12px;
}
.store-box .buy-now a {
    font-size:25px;
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
    color: #5AD7F8;
    text-shadow: 4px 1px 10px #08539D, 0 0 1em #0B447B;
}
.buy-now a:visited,.buy-now a:active {
    color:#5AD7F8;
}
.buy-now a:hover {
    text-decoration:none;
}
.price-box {
    float:left;
    margin: 0 0 0 25px;
}
.price-box p {
    margin:0;
    color:#5AD7F8;
    line-height:54px;
    font-size:54px;
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
    text-shadow: 4px 1px 10px #08539D, 0 0 1em #0B447B;
}
.steam {
    margin: 8px 0 0 8px;
    float:left;
}
.list-store {
    min-height:55px;
    display:block;
    padding-right: 50px;
    margin: 0px 0 0 105px;
}
.list-store li {
    list-style:none;
    color:#7e857e;
    font-size:12px;
    padding-left:15px;
    background: url("../img/elem/bullet-list.png") no-repeat 0 8px;
}
.payment-options {
    background: url("../img/bg/bg-store-holder.jpg") no-repeat 0 0;
    width:382px;
    height:87px;
    margin: 10px 0 0 42px;
}
.payment-email {
    height:43px;
    display:block;
    text-align:center;
}
.payment-email p {
    color:#25b5ff;
    padding:15px 0 0 0;
    font-size:15px;
}
.payment-email input {
    background:none;
    color:#25b5ff;
    border:none;
    width: 200px;
    padding:5px;
    margin-top: 10px;
    font-size:15px;
}
.payment-email input:focus {
    border:1px solid #25b5ff;
    box-shadow: 0px 0px 12px #25B5FF;
}
.payment-sel {
    width:230px;
    float:left;
}
.payment-sel p {
    padding:12px 0 0 15px;
}
.payment-button p,.payment-sel p {
    color:#7e857e;
}
.payment-button {
    float:right;
    width: 137px;
}
.payment-button p {
    float: left;
    padding: 12px 15px 0 0;
}
.shop-logo {
    list-style:none;
    margin: 30px 0 0 -11px; 
    min-height:70px;
}
.shop-logo li{
    padding:0 5px;
    float:left;
    position:relative;
}
.shop-logo li a {
    color:#7e857e;
    padding-bottom:20px;
}
.shop-logo li a:hover {
    color:#008080;
    text-decoration: none;
}
.shop-logo li span {
    position:absolute;
    top: 28px;
    left: 15px;
    cursor: pointer;
    font-size:10px;
}
.bannerBox.store-banner {
    margin:0;
    display:block;
    width:267px;
    height:344px;
    background: url("../img/bg/banner-bg-store.png") no-repeat 0 0;
}
.bannerBox.store-banner .text-banner {
    max-height: 60px;    
}
.bannerBox .img-banner {
    padding: 10px 10px 0;
    text-align: center;
    overflow: hidden;
}
.bannerBox .img-banner a {
    display: block;
}
.bannerBox .img-banner img {
    max-width:248px;	
}
.bannerBox .text-banner {
    text-align:center;
    padding:0 0 2px 0; 
    max-height: 45px;
    overflow: hidden;
}
.store-box .text-banner h4,.bannerBox .text-banner h4{
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
    color:#fff;
    text-decoration:none;
    font-size:20px;
    margin: 5px 0 3px;
}
.bannerBox .text-banner p {
    margin:0;
    line-height:16px;
    font-size:12px;
    color:#adb6ad;
}
.checkbox {
    width: 20px;
    height: 20px;
    padding: 0 7px 0 0;
    background: url("../img/elem/checkbox.png") no-repeat 0 0;
    display: block;
    float: left;
    margin: 13px 0 0 0;
    cursor:pointer;
}
/*================================================
4.3. END Store Page
================================================*/

/*================================================
4.4. BEGIN Community Page
================================================*/
/*community*/
.text-info-box {
    padding: 5px 20px 0 50px;
}
.text-info-box p {
    font-size:14px;
    margin: 0 0 22px;
}
.text-info-box ul {
    font-size:14px;
	margin-bottom: 20px;
}
.news-community ul {
    list-style:none;
    padding:0;
    margin: 0px;
    background: url("../img/bg/shadow-news-bg.png") no-repeat 0 0;
    padding-top: 3px;
}
.news-community li {
    min-height:174px;
    overflow:hidden;
    display:block;
    padding:25px 0 0 0;
    background: url("../img/bg/article-shadow-bg.png") no-repeat 0 0;
}
.inner-holder {
    background: url("../img/bg/shadow-news-bg.png") no-repeat bottom left;
    padding-top: 4px;
}
.news-community li:hover {
    background: url("../img/bg/hover-com-holder.png") no-repeat -8px -5px;
    /*box-shadow: -7px -2px 8px #08539D;*/
}
.news-community ul li:hover .newsc-text h2 a {
    background: url("../img/elem/glow-arrow-on.png") no-repeat 0 0;
}
.last .inner-holder {
    background:none;
}
.newsc-img {
    width:318px;
    min-height:170px;
    float:left;
    margin-left:17px;
    background: url("../img/bg/holder-com-imag-bg.png") no-repeat 0 0;	
}
.newsc-img a {
    display:block;
    height: 135px;
    overflow: hidden;
}
.newsc-img img {
    margin: 10px 0 0 11px;
    max-width:295px;
}
.newsc-text {
    padding-top:6px;
    float: right;
    width: 302px;
    padding-right: 8px;
}
.newsc-text h2 {
    margin:0 0 4px; 
}
.newsc-text h2 a {
    padding:0 0 2px 35px;
    font-size:22px;
    font-family: 'AgencyRegular',Tahoma, Arial,sans-serif;
    color:#fff;
    display:block;
    background: url("../img/elem/glow-arrow.png") no-repeat 0 0;
}
.newsc-text  p {
    color:#adb6ad;
    height:80px;
    overflow:hidden;
    display:block;
}
.newsc-text h2 a:hover{
    text-decoration:none;
    color:#fff;
    background: url("../img/elem/glow-arrow-on.png") no-repeat 0 0;
}
.banner-community{
    background: url("../img/bg/promo-banner-big-bg.png") no-repeat 0 0;
    width:270px;
    height:326px;
}
.text-banner-communtiy a:hover {
    color:#fff;
    text-decoration:none;
}
.community-right-name {
    padding:9px 0 0 5px;
    min-height:28px;
    display:block;
}
/*================================================
4.4. END Community Page
================================================*/
/*================================================
4. END  Main content
================================================*/

/*================================================
5. BEGIN Footer
================================================*/
footer {    
    margin: 0px auto;    
}
.footer-inner  {
    width: 954px;    
    margin: 0px auto;
    padding: 25px 23px 0px;
    background: url("../img/bg/footer-inner-bg.jpg") no-repeat 50% 0;
}
/*foot-nav*/
nav.foot-nav {
    overflow: hidden;
    float: left;
}
nav.foot-nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
nav.foot-nav ul li {
    float: left;
    background: url("../img/elem/footer-divide.png") no-repeat 0 5px;
}
nav.foot-nav ul li:first-child {
    background: none;
}
nav.foot-nav ul li a {
    color: #028cec;
    font-size: 11px;
    padding: 0px 14px 0px 15px;
}
/*foot-bottom-hold*/
.foot-bottom-hold {
    clear: both;
    margin-top: 12px;   
}
#foot-logo {
    float: left;
    margin-right: 13px;
    margin-left: -15px;
}
.copyright, .design-by {
    float: left;
    font-size: 11px;
    margin-top: 50px;
}
.copyright a,.design-by a {
    color: #028cec;
}
.design-by {
    float: right;
}
.design-by .logo-illustrated {
    background: url("../img/elem/logo-illustrated.png") no-repeat 100% 0;
    padding: 2px 35px 2px 0px;    
    display: inline-block;
}
/*================================================
5. END Footer
================================================*/

/*================================================
6. BEGIN CLEAR
================================================*/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{}
/* Clearfix */
.clearfix { display: inline-block; }

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}
.clearfix { display:block; }
/*================================================
6. END CLEAR
================================================*/


.fullpage {
    width: 920px !important;
}

/*-----twitter-box-----*/
.twitter-box {}
.twitter-panel {
    width: 286px;
    padding-top: 5px;
}
#twitter-panel-top{
    width: 286px;
    height:26px;
    background: url(../img/bg/twitter-bg-top.png) no-repeat 0 0;
}
.twitter-panel-tweets {
    padding: 5px 20px;
    background: url(../img/bg/twitter-bg-center.png) repeat-y;
}
#twitter-panel-bottom{
    width: 286px;
    height:21px;
    background: url(../img/bg/twitter-bg-bottom.png) no-repeat 0 0;
}
.twitter-follow {
    background: url(../img/bg/twitter-title-bg.png) no-repeat 0 0;
    width: 320px;
    height: 37px;
    padding: 4px 0px 0px 55px;
}
.twitter-icon {
    background: url(../img/icons/twitter-icon.png) no-repeat 0 -4px;
    width: 111px;
    display: block;
    height: 32px;    
    text-indent: -9999px;
    float: left;     
}
.follow {
    background: url(../img/elem/nav-arrows.png) no-repeat 100% 0px;
    color: #4b4b51;
    text-transform: uppercase;
    font-size: 10px;    
    float: left;
    display: block;
    padding: 6px 18px 7px 0px;
    font-family: 'MicrogrammaBold', Arial,sans-serif;
    margin: 1px 0px 0px 6px;
}
.follow:hover {
    text-decoration: none;
    color: #fff;    
}
/*twiiter widget*/
#twtr-widget-1.twtr-widget.twtr-widget-profile {
    font-size: 12px !important;
    font-family: Arial, sans-serif !important;
}
.twtr-hd {
    display: none;
}
#twtr-widget-1.twtr-widget.twtr-widget-profile .twtr-doc {
    background-color: transparent !important;
    width: 286px !important;
}
.twtr-ft {
    display: none;
}
.twtr-widget .twtr-tweet {
    border-bottom: 1px dashed #38e6ff !important;
    margin: 0px 30px;
}
.twtr-widget .twtr-tweet-wrap {
    padding: 14px 0px !important;
}
.twtr-widget em, .twtr-widget .twtr-new-results {
    font-size: 10px !important;
}
.twtr-widget em, .twtr-widget .twtr-new-results {
    margin-top: 4px !important;
}
.twtr-widget .twtr-tweet-text p {
    line-height: 1.35em !important;   
}
.twtr-widget .twtr-tweet-text p a {
    text-decoration: underline !important;
}
.twtr-widget .twtr-tweet-text p a:hover {
    text-decoration: none !important;
}
.twtr-widget .twtr-tweet-text p em a {
    text-decoration: none !important;
}
.twtr-widget .twtr-tweet-text p em a:hover {
    text-decoration: underline !important;
}
.twtr-widget .twtr-tweet:last-child {
    border-bottom-width: 0 !important;
}

p.wp-caption-text {
    text-align: center;
    font-style: italic;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}