@import '/reset.css';
@import '/font-face.css';
@import '/support.css';
@import '/ajax/ajax.css';
@import '/animation.css';

#puzadpn{height:0 !important;display:none !important;}

* {
 margin: 0;
}

html, body {
 margin:0;
 height:100%;
 height:auto
}

body{
 color:#555555;
 font:12px "Trebuchet MS",Helvetica,Helvetica Neue,Arial,sans-serif; 
 font-style:normal;
 font-weight:400;
 line-height:1.5em;
 text-align:left
}


input[type=checkbox],input[type=radio] {
 position:absolute;
 left:-9999px
}

input[type=radio] + label {
 background:url('/playgig_tmp/img/inputs.png') 0 0 no-repeat;
 padding:0 0 0 20px;
 height:18px;
 cursor:pointer;
 display:inline-block;
 font:13px/16px "Trebuchet MS",Helvetica,Helvetica Neue,Arial,sans-serif
}

input[type=radio]:checked + label {
 background-position:0 -18px
}

input[type=checkbox] + label {
 background:url('/playgig_tmp/img/inputs.png') 0 -36px no-repeat;
 padding:0 0 0 20px;
 height:18px;
 cursor:pointer;
 display:inline-block;
 font:13px/16px "Trebuchet MS",Helvetica,Helvetica Neue,Arial,sans-serif
}

input[type=checkbox]:checked + label {
 background-position:0 -55px
}

a:link{
 color:#ff9d00;
 text-decoration:none
}
a:visited{
 color:#ff9d00;
 text-decoration:none
}
a:hover{
 color:#ff9d00;
 text-decoration:none
}
a:active{
 color:#ff9d00;
 text-decoration:none
}

a[href^="http"]:not([href*="skygamers.pp.ua"]):after, a[href^="/go?"]:after{
content:'';
font:12px 'icon';
vertical-align:middle;
padding:0 0 2px 3px;
} 

::selection{
 background:#ff9d00;
 color:#fff
}
::-moz-selection{
 background:#ff9d00;
 color:#fff
}
::-webkit-selection{
 background:#ff9d00;
 color:#fff
}

.file {
 border:1px solid #EEE;
 box-shadow:0 1px 0 rgba(255,255,255,1);
 border-radius:3px;
 cursor:pointer;
}

.file .name {
 border:none!important;
 background:#FFF;
 color:#333;
 font-size:10px;
 
 padding:7px 10px;
}

.file .browse {
 border-left:1px solid #EEE;
 border-radius:0 2px 2px 0;
 background:#FEFEFE;
 box-shadow:inset 0 1px 3px -1px #F4F4F4;
 text-shadow:1px 1px #FFF;
 font:11px/26px "Trebuchet MS",Helvetica,Helvetica Neue,Arial,sans-serif;
 color:#333;
 padding:1px 10px;
}

.file .browse:active {
 box-shadow:0 1px 0 rgba(255,255,255,1),inset 0px 3px 3px -1px #F4F4F4;
}

.selectbox {
 vertical-align:middle;
 cursor:pointer;
 z-index:100;
}

.selectbox .select {
 min-width:50px;
 height:26px;
 font:10px/26px "Trebuchet MS",Helvetica,Helvetica Neue,Arial,sans-serif;
 color:#333;
 background:#FFF;
 box-shadow:0 1px 0 rgba(255,255,255,1);
 border:1px solid #EEE;
 border-radius:3px;
 padding:0 45px 0 10px;
}

.selectbox .select:active {
 background:#ff9d00;
 box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);
}

.selectbox.focused .select {
 border:1px solid #ff9d00;
}

.selectbox .select  {
 display:block;
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
}

.selectbox .trigger {
 position:absolute;
 top:0;
 right:0;
 width:34px;
 height:100%;
 border-left:1px solid #EEE;
}

.selectbox .trigger .arrow {
 position:absolute;
 top:12px;
 right:12px;
 border-left:5px solid transparent;
 border-right:5px solid transparent;
 border-top:5px solid #000;
 width:0;
 height:0;
 overflow:hidden;
 opacity:0.3;
 filter:alpha(opacity=30);
}

.selectbox:hover .arrow {
 opacity:1;
 filter:alpha(opacity=100);
}

.selectbox .dropdown {
 top:33px;
 min-width:160px;
 background:#FFF;
 border:1px solid #C6CBD0;
 border-radius:4px;
 box-shadow:0 2px 10px rgba(0,0,0,0.2);
 font:8pt/18px Arial, sans-serif;
 margin:0;
 padding:4px 0;
}

.selectbox li {
 color:#231F20;
 padding:5px 10px 6px;
}

.selectbox li.selected {
 background:#A3ABB1;
 color:#FFF;
}

.selectbox li:hover {
 background:#08C;
 color:#FFF;
}

.selectbox li.disabled {
 color:#AAA;
}

.selectbox li.disabled:hover {
 background:none;
}

.file .browse:hover,.selectbox .select:hover {
 background-color:#F0F0F0;
 box-shadow:inset 0px 3px 3px -1px #F4F4F4;
}











.pagebg{
  height: 200vh;
  background-color: #fff;
   background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.pagebg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(90deg, #fff 0%, rgba(34, 34, 34, 0) 100%);
  background-image: linear-gradient(0deg, #fff 0%, rgba(34, 34, 34, 0) 100%);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  box-shadow: 0 0 0 999px #fff;
  z-index: -1;
}


















.header-spaicer{
height:85px;
width:100%
}

.dynamic-body {
width:100%;
height:350px;
overflow:hidden;
background:#000 no-repeat 50% 0;
background-size:100% auto;
text-align:center;
position:relative;
transition:all .5s linear;
-o-transition:all .5s linear;
-webkit-transition:all .5s linear
}

.dynamic-body:before {
content:'';
z-index:5;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(0,0,0,0);
transition:all .5s linear;
-o-transition:all .5s linear;
-webkit-transition:all .5s linear
}

.dynamic-body:after {
content:'';
z-index:10;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:url(/theme/img/bg-fade-bottom.png) repeat-x 0 100%
}

.dynamic-body:hover:before {
background:rgba(0,0,0,.4)
}

.dynamic-body:hover .dynamic-content h1 {
text-shadow:0 0 5px #26282C;
border-bottom:4px solid #FFF;
color:#ff9d00
}

.dynamic-body,.dynamic-body:before {
transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out
}

.dynamic-body .dynamic-content {
width:1140px;
position:absolute;
bottom:35px;
left:50%;
z-index:20;
display:inline-block;
overflow:hidden;
margin:0 0 0 -570px
}

.dynamic-body .dynamic-content h1 {
font:2.8em 'Arial';
text-transform:uppercase;
color:#FFF;
text-shadow:0 1px 0 rgba(77,77,77,.3);
border-bottom:4px solid #ff9d00;
transition:all .5s linear;
-o-transition:all .5s linear;
-webkit-transition:all .5s linear;
margin:0 0 10px;
padding:0 0 10px
}

.dynamic-body .dynamic-content p {
font-size:15px;
line-height:22px;
color:#F9FBFF;
text-shadow:0 1px 0 rgba(77,77,77,.3);
margin:10px 0 0
}

/*Login Container*/
.log-in-area {
display:none;
width:100%;
height:100%;
background:rgba(0,0,0,.75) url(/theme/img/bg-nav.png);
position:fixed;
top:0;
left:0;
z-index:9999
}

.log-in-box {
width:300px;
height:200px;
color:#FFF;
text-shadow:0 1px 0 #000;
margin:300px auto 0
}

.log-in-box p {
text-align:left;
display:block;
font:24px Cuprum, sans-serif
}

.log-in-box p b {
font:24px icon;
float:right;
cursor:pointer
}

.log-in-box span {
text-align:left;
display:block;
font:500 14px Cuprum, sans-serif;
margin:15px 0
}

.log-in-box span a {
text-decoration:underline
}

.log-in-inputs input {
background:#f1f1f1;
width:290px;
border:1px solid #ccc;
border-radius:3px;
box-shadow:0 1px 1px #ccc inset;
margin:5px 0;
padding:6px 5px
}

.log-in-inputs input:focus {
background:#fff;
outline:none;
box-shadow:0 0 0 1px #e8c291 inset;
border-color:#e8c291
}

.log-in-actions {
display:block;
margin:5px 0
}

.log-in-actions input {
cursor:pointer;
float:right;
background:#e59e2d;
border:1px solid #cd820a;
border-radius:2px;
box-shadow:0 1px 0 0 rgba(255,255,255,0.3) inset;
color:#EEE;
font:500 14px Cuprum,sans-serif;
text-shadow:0 1px 0 #cd820a;
padding:4px 20px
}
/*---*/

/*draw*/
.draw-cont {
    margin-top: 0px !important;
    width: 1200px;
    overflow: hidden;
    height: 125px;
margin: 4px;
}
.draw {
    width: 392px;
    float: left;
    height: 125px;
    position: relative;
    display: block;
    margin: 0px 2px 0px 0px;
    border-radius: 0px;
}
.draw-poster {
    width: 392px;
    position: relative;
    border-radius: 0px;
    height: 100%;
}
.draw-over:hover {
    box-shadow: 0px 0px 15px 5px #000 inset, 0px 0px 5px 0px rgba(0, 0, 0, 0.45) inset;
}
.draw-over {
    width: 392px;
    height: 125px;
    top: 0px;
    left: 0px;
    transition: all 0.7s ease 0s;
    position: absolute;
    border-radius: 0px;
    background: url('/tmp/cell_black.png') repeat; 
    box-shadow: 0px 0px 0px 2px #000 inset, 0px 0px 5px 0px rgba(0, 0, 0, 0.45) inset;
}
.draw-title {
    position: absolute;
    width: 374px;
    height: 30px;
    bottom: 1px;
    left: 2px;
    color: #CCC;
    font: 500 12px/30px "Cuprum",sans-serif;
    text-shadow: 0px 1px 0px #000;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.85);
    padding: 0px 5px 0px 10px;
    text-transform: uppercase;
}
.trend-games{
 width:1020px;
 height:100px;
 margin:0 0 0 -520px;
 padding:10px;
position:absolute;
bottom:0;
left:50%
}

.trend-games a{
 float:left;
 width:180px;
 height:96px;
 margin:0 12px;
 overflow:hidden;
 border-radius:2px;
 position:relative;
 box-shadow:0 5px 5px -4px rgba(0,0,0,.7), 0 0 2px 1px rgba(0,0,0,.25);
}

.trend-games a span{
 position:absolute;
 bottom:5px;
 left:5px;
 z-index:15;
 font:12px 'Cuprum';
 color:#FFF;
}

.trend-games a:after{
 position:absolute;
 top:0;
 left:0;
 z-index:10;
 content:' ';
 width:180px;
 height:96px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7)));
 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
 background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
 background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
}

.trend-games a:hover:after{
 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.3)));
 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
 background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
 background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
}

.trend-games a img{
 width:180px;
 height:96px;
}

.wrapper{
 width:1200px;
 margin:0 auto;
 padding:10px 20px
}

.wrapper1{
 width:1800px;
 margin:0 auto;
  padding:10px 20px
 float:center;
}
.left{
 width:880px;
 float:left;
 text-align:left;
}

.left1{
 width:810px;
 float:left;
 text-align:left;
}


.right {

float:right;
width:310px
}



.spacer{
 height:40px
}

/*Footer*/
.footer {
background:#26282C url(/theme/img/bg-nav.png);
box-shadow:0 -4px 3px -2px rgba(0,0,0,.4);
width:100%;
height:190px
}

.footer footer {
width:1200px;
margin:0 auto
}

.footer .bar {
width:100%;
height:40px;
line-height:40px;
background:#16181C url(/theme/img/bg-nav.png)
}

.footer .bar div {
margin:0 auto;
width:1200px;
height:40px
}

.footer .bar div b {
float:left;
color:#CCC
}

.footer .bar div ul {
text-align:right;
display:block;
width:1200px;
height:40px;
color:#EEE
}

.footer .bar div ul li {
display:inline-block;
padding:0 25px
}

.footer .bar div ul li span {
font:18px icon;
padding:0 5px;
vertical-align:middle
}

.footer .bar div ul li a:link,.footer .bar div ul li a:visited {
color:#DDD
}

.footer .bar div ul li a:hover {
color:#ff9d00
}

ul.foo-menu {
display:block;
padding:20px 0 0 10px;
color:#EEE
}

ul.foo-menu li {
display:inline-block
}

ul.foo-menu li:after {
content:'◎';
padding:0 5px
}

ul.foo-menu li:last-child:after {
content:'◎'
}

ul.foo-menu li a {
color:#EEE
}

.foo-online {
margin:25px 0 0;
padding:15px;
background:rgba(0,0,0,.15);



}

.foo-online .foo-online-users {
margin:3px 0 0
}

.foo-online .gOnline,.foo-online .uOnline,.foo-online .tOnline {
display:inline
}
/*---*/

.post{
background:#FFF;
padding:0 0 40px 0;
}

.post-title {
font:22px 'Cuprum Bold',sans-serif;
background:#26282C url('/playgig_tmp/img/cell_black.png');
padding:15px;
box-shadow:0 2px 3px -2px rgba(0,0,0,.7);
color:#FFF
}

.post-title .like-small {
margin:2px 0 0;
float:right
}

.post-title h1 {
text-transform:uppercase
}

.post-title-from {
display:block;
padding:6px 0 0;
font-size:13px
}

.post-title-from a:link,.post-title-from a:visited {
background:#ff9d00;
padding:1px 7px;
border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
box-shadow:0 2px 3px -2px rgba(0,0,0,.7);
color:#26282C
}

.post-title-from a:hover {
color:#FFF;
background:#E59E2D
}

ul.post-subtitle{
 display:block;
 padding:15px 5px;
 text-shadow:0 1px 0 #FFF;
 color:#444;
 box-shadow:inset 0 -1px 0 rgba(255,255,255,.25),0 1px 2px -2px rgba(0,0,0,.25);
}

ul.post-subtitle li{
 display:inline-block;
 vertical-align:middle
 
}
ul.post-subtitle li:nth-child(1):before{
 content:'?';
 padding:0 5px;
font:6px 'icon';
vertical-align:middle;
}
ul.post-subtitle li:nth-child(2):before{
 content:'?';
 padding:0 5px;
font:6px 'icon';
vertical-align:middle;
}

ul.post-subtitle li:nth-child(3):before{
 content:'?';
 padding:0 5px;
font:6px 'icon';
vertical-align:middle;
}

ul.post-subtitle li a{
 color:#444;
 font-weight:700;
}

.post-subtitle .share{
 float:right;
 font:20px 'icon';
 padding:0 15px 0 0;
 cursor:pointer;
}



.post-message img, .post-message a img{
vertical-align:middle;
width:810px;
}

.post-messageimg img, .post-message a img{display:block;
vertical-align:middle;
width:810px;
}

.post-video{
 display:block;
 width:880px;
 height:390px;
 margin:0 0 40px
}

.post-video span{
 font:22px 'icon';
 float:right;
 padding:0 10px 5px;
 color:#222;
 cursor:pointer;
}

.post-video-fixed{
 width:900px;
 height:506px;
 position:fixed;
 top:50%;
 left:50%;
 z-index:9999;
 margin:-280px 0 0 -450px;
 box-shadow:0 0 15px 5px rgba(0,0,0,1);
}

.post-video-embed{
 margin:0 0 0 -15px;
}

.post-screens {
 padding:5px;
 background:#26282C url('/playgig_tmp/img/cell_black.png');
 color:#FFF;
 width:690px;
 margin:0 0 15px;
 box-shadow:inset 0 3px 2px rgba(0,0,0,0.7);
 -moz-box-shadow:inset 0 3px 2px rgba(0,0,0,0.7);
 -webkit-box-shadow:inset 0 3px 2px rgba(0,0,0,0.7)
}

.post-screens a:hover {
 opacity:.9;
box-shadow:0 0 0 3px rgba(255,166,0,1);
}

.post-screens a {
 width:162px;
 height:90px;
 display:block;
 float:left;
 overflow:hidden;
 background:#111;
 box-shadow:0 0 0 3px rgba(255,166,0,.5);
 transition:all .2s ease;
 -o-transition:all .2s ease;
 -webkit-transition:all .2s ease;
 margin:5px;
}

.post-screens a img {
 outline:none;
 width:162px;
 min-height:73px;
}

.post-tag{
 box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 -1px 2px -2px rgba(0,0,0,.25);
 color:#555;
 display:block;
 padding:10px 0 0;
 margin:25px 0 10px;
}

.post-tag a:link,.post-tag a:visited{
 color:#555
}

.post-tag a:hover {
 color:#000
}

.subtitle {
 display:inline-block;
 margin:5px -15px;
 background:#26282C url('/playgig_tmp/img/cell_black.png');
 color:#FFF;
 width:780px;
box-shadow:inset 0 3px 2px rgba(0,0,0,0.2),0 4px 3px -3px rgba(0,0,0,.7);
-moz-box-shadow:inset 0 3px 2px rgba(0,0,0,0.2),0 4px 3px -3px rgba(0,0,0,.7);
-webkit-box-shadow:inset 0 3px 2px rgba(0,0,0,0.2),0 4px 3px -3px rgba(0,0,0,.7);
padding:10px;
 font:20px 'Cuprum';
 
}

.about-game {
display:block;
background:#26282C url(/playgig_tmp/img/cell_black.png);
color:#FFF;
width:980px;
box-shadow:inset 0 3px 2px rgba(0,0,0,0.2),0 4px 3px -3px rgba(0,0,0,.7);
-moz-box-shadow:inset 0 3px 2px rgba(0,0,0,0.2),0 4px 3px -3px rgba(0,0,0,.7);
-webkit-box-shadow:inset 0 3px 2px rgba(0,0,0,0.2),0 4px 3px -3px rgba(0,0,0,.7);
margin:0 auto;
padding:10px 20px;
}

.about-game h1 {
font:24px/40px Cuprum Bold,sans-serif;
text-transform:uppercase;
}



.attention {
 background:#F2F2F2;
 display:block;
 position:relative;
 text-align:left;
 box-shadow:0 1px 0 rgba(255,255,255,0.4);
 display:inline-block;
 cursor:default;
 margin:8px 0 8px -15px;
 padding:20px 15px;
 font-size:12px;
width:790px
}

.attention p {
 color:#555;
 margin:0;
 padding:0 10px 0 60px;
}

.attention p:before {
 text-align:center;
 border:3px solid #A01000;
 margin-top:-17px;
 top:50%;
 left:20px;
 width:30px;
 content:'!';
 font-size:30px;
 color:#A01000;
 position:absolute;
 height:30px;
 line-height:30px;
 border-radius:50%;
 text-shadow:0 1px 0 rgba(0,0,0,0.15);
 box-shadow:0 1px 0 rgba(0,0,0,0.15),inset 0 1px 0 rgba(0,0,0,0.15);
}


.post-message .bbQuoteBlock{
 margin:0 0 0 -15px
}

.bbQuoteBlock{
 background:#F2F2F2;

 display:block;
 position:relative;
 box-shadow:0 1px 0 rgba(255,255,255,0.4);
 padding:20px;
 font-size:12px;
width:760px;
right:15px;

}

.bbQuoteName {
 display:none;
}

.bbQuoteBlock .quoteMessage {
 color:#555;
 margin:0;
 padding:0 10px 0 60px;
 border:0 none !important;
 font-style:italic;
}

.bbQuoteBlock .quoteMessage:before {
 text-align:center;
 border:3px solid #ebebeb;
 margin-top:-17px;
 top:50%;
 left:20px;
 width:30px;
 content:'?';
 color:#ebebeb;
 position:absolute;
 height:30px;
 border-radius:50%;
 text-shadow:0 1px 0 rgba(0,0,0,0.15);
 box-shadow:0 1px 0 rgba(0,0,0,0.15),inset 0 1px 0 rgba(0,0,0,0.15);
 font:15px/30px 'icon';
}

.post-message .uSpoilerButBl{
 margin:0 -15px 0 -15px
}

.uSpoilerButton {
 border:none;
 background:transparent;
 line-height:30px;
 color:#444;
 cursor:pointer;
 font-weight:bold;
 display:block;
width:100%;
 padding:15px;
 border-bottom:1px solid #fff;
 box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.post-message .uSpoilerText{
 margin:0 -15px
}

.uSpoilerText {
 background:#F2F2F2;
 border-top:0;
 text-align:justify;
 vertical-align:middle;
 display:block;
 color:#444;
 padding:10px
}

.uSpoilerText img,.uSpoilerText a img {
 max-width:600px!important
}

.post-game{
 width:1000px;
 height:40px;
 background:#26282C;/*rgba(23,24,27,.9)*/
 color:#FFF;
 padding:0 10px;
 border-radius:2px 2px 0 0;
 text-shadow:0 1px 0 #000;
 position:absolute;
 bottom:0;
 left:50%;
 margin:0 0 0 -510px
}

.post-game ul{
 display:block;
 font-size:13px;
 line-height:39px
}

.post-game ul li{
 display:inline-block
}

.post-game ul li:after{
padding:0 10px;
content:'�';
}

.post-game ul li:last-child:after{
content:' ';
}

.post-game ul li a:link,.post-game ul li a:visited{
 color:#FBFDFE
}


.post-game ul li a:hover{
 color:#E59E2D
}


.load-more-post-block{
font-size:12px;
color:#777
}

.load-more-post-block span{
display:block;
cursor:pointer
}

.load-more-post{
 display:block;
 width:350px;
 height:50px;
 border-radius:3px;
 background:#FFF;
 color:#999;
 font:16px/50px 'Cuprum',sans-serif;
 text-transform:uppercase;
 margin:20px auto;
 text-align:center;
 text-shadow:0 1px 0 #FFF;
 box-shadow: 0 1px 3px -2px rgba(34,25,25,0.4), inset 0 1px 0 rgba(255,255,255,1);
 cursor:pointer
}

.plus-one {
 background:#E59E2D;
 color:#FFF;
 position:relative;
 z-index:100;
 font:15px/40px Helvetica;
 display:block;
 width:40px;
 height:40px;
 text-align:center;
 text-transform:inherit;
 float:right;
 border:1px solid #E59E2D;
 border-radius:2px
}

.plus-one a {
 position:absolute;
 bottom:-10px;
 left:-1px;
 z-index:100;
 display:block;
 width:16px;
 height:16px;
 background:transparent url('/playgig_tmp/img/plus-one-button.png') no-repeat 50%;
}

 .like-small{
 display:inline-block;
 background:#FFF;
 width:44px;
 height:44px;
line-height:44px;
 color:#444;
 text-align:center;
 border-radius:50%;
 transition:all .4s ease;
 -webkit-ransition:all .4s ease;
 -o-transition:all .4s ease;
 position:relative;
z-index:101;
overflow:hidden;
 }

.like-small span{

} 

 .like-small img{
 position:absolute;
 top:10px;
 left:7px;
 width:30px;
 height:30px;
 background:#E59E2D;
 border-radius:50%;
 }
 
 .like-small a:link, .like-small a:visited{
 color:#E3E3E3;
 }
 
 .like-small a:hover{
 color:#E59E2D;
 }
 
 .like-small .icon-heart{
 display:block;
 font-size:18px; 
 line-height:46px;
 }
 .like-small .icon-heart-empty{
 display:block;
 font-size:18px; 
 line-height:46px;
 color:#E59E2D;
 }

.load-more-post:hover{
 background:#FFF;
 color:#999;
 box-shadow: 0 1px 3px -1px rgba(34,25,25,0.6);
}

.load-more-post img{
 vertical-align:middle 
}

.short-post {
display:block;
width:700px;
min-height:180px;
margin:0 0 20px;
background:#FAFAFA
}

.short-poster {
width:700px;
height:220px;
position:relative;
overflow:hidden
}

.short-poster-img {
width:700px;
position:absolute;
top:0;
left:0;
z-index:20
}

.short-title .like-small{
float:right
}

.short-title {
 font:22px 'Cuprum Bold',sans-serif;
 background:#26282C url('/playgig_tmp/img/cell_black.png');
 padding:15px;
 box-shadow:0 2px 3px -2px rgba(0,0,0,.7);
}

.short-title h3 {
text-transform:uppercase;
}

.short-title h3 a:link,.short-title h3 a:visited {
color:#FFF
}

.short-title h3 a:hover {
color:#E59E2D
}

.short-title-from {
display:block;
padding:6px 0 0;
font-size:12px
}
 
 .short-title-from a:link, .short-title-from a:visited{
 background:#ff9d00;
 padding:1px 7px;
 border-radius:2px;
 -o-border-radius:2px;
 -webkit-border-radius:2px;
 box-shadow:0 2px 3px -2px rgba(0,0,0,.7);
 color:#26282C;
 }
 
 .short-title-from a:hover{
 color:#FFF;
 background:#E59E2D;
 }

.short-message {
 font:14px/20px "Trebuchet MS",Helvetica,Helvetica Neue,Arial,sans-serif;
 padding:10px;
 margin:0;
 color: #4B4B4B;
min-height:140px;
}

.short-message img {
max-width:810px;
vertical-align:middle
}

.short-message a img {
max-width:810px;
vertical-align:middle
}

.short-message li {
list-style:circle inside;
margin:5px 0 5px 15px
}

/*main*/

.catPages1,.pagesBlockuz1{
 display:block;
text-align:center;
 margin:25px auto 0;
 font-size:18px;
}

.catPages1 .swchItemA, .pagesBlockuz1 .swchItemA{
 background:#1D1D1F;
 width:40px;
 height:40px;
 line-height:40px;
 border-radius:50%;
 display:inline-block;
 cursor:default;
 color:#FFF;
}

.catPages1 .swchItem, .pagesBlockuz1 .swchItem{
 width:40px;
 height:40px;
 line-height:40px;
 display:inline-block;
 color:#1D1D1F;
 border-radius:50%;
 transition:all .2s ease;
 -webkit-ransition:all .2s ease;
 -o-transition:all .2s ease
}

.catPages1 .swchItem:hover, .pagesBlockuz1 .swchItem:hover{
 background:#CD5C5C;
 box-shadow: 0 0 5px #F68962 inset, 0 1px 1px #EEEEEE;
 color:#FFF;
}

.catPages1 .swchItem:last-child, .pagesBlockuz1 .swchItem:last-child{
 float:right;
 background:#1D1D1F;
 color:#FFF;
 font-family:'icon';
}

.catPages1 .swchItem:hover:last-child, .pagesBlockuz1 .swchItem:hover:last-child{
 background:#ff9d00;
 box-shadow: 0 0 5px #F68962 inset, 0 1px 1px #EEEEEE;
 color:#FFF;
}

.catPages1 .swchItem:first-child, .pagesBlockuz1 .swchItem:first-child{
 float:left;
 background:#1D1D1F;
 color:#FFF;
 font-family:'icon';
}

.catPages1 .swchItem:hover:first-child, .pagesBlockuz1 .swchItem:hover:first-child{
 background:#ff9d00;
 box-shadow: 0 0 5px #F68962 inset, 0 1px 1px #EEEEEE;
 color:#FFF;
}

.catPages1{
display:none
}

.button {
 border:medium none;
 border-radius:2px;
 color:#FFFFFF !important;
 cursor:pointer;
 display:inline-block;
 font-family:'Open Sans Condensed',sans-serif;
 font-size:14px;
 font-weight:bold;
 line-height:1;
 padding:1em 1.5em 0.75em;
 text-decoration:none;
 text-transform:uppercase;
}
.button:hover {
 opacity: 0.9;
}
.button.blue {
 background-color: #93D0EA;
 box-shadow: 0 0 5px #8FCDE7 inset, 0 1px 1px #EEEEEE;
}
.button.green {
 background-color: #A5D16D;
 box-shadow: 0 0 5px #A4CF6C inset, 0 1px 1px #EEEEEE;
}
.button.red {
 background-color: #ff9d00;
 box-shadow: 0 0 5px #EF7F65 inset, 0 1px 1px #EEEEEE;
}
.button.orange {
 background-color: #ff9d00;
 box-shadow: 0 0 5px #F68962 inset, 0 1px 1px #EEEEEE;
}

.button.brow {
 background-color: #ff9d00;
 box-shadow: 0 0 5px #F68962 inset, 0 1px 1px #EEEEEE;
}

.button.small {
 font-size: 11px;
}
.button.big {
 font-size: 18px;
 padding: 1.2em 2.5em 1em;
}
.section-titles{
font:13px 'Cuprum Bold';
padding:8px 10px;
text-transform:uppercase;
margin:0 0 10px;
background:#26282C url('/playgig_tmp/img/cell_black.png');
color:#FFF;
box-shadow:inset 0 3px 2px rgba(0,0,0,0.7);
-moz-box-shadow:inset 0 3px 2px rgba(0,0,0,0.7);
-webkit-box-shadow:inset 0 3px 2px rgba(0,0,0,0.7)
}

.sort-posts {
 display:none;
 
 padding:0 20px;
 box-shadow:inset 0 -1px 0 rgba(255,255,255,.25),0 1px 2px -2px rgba(0,0,0,.25);
 font:14px/45px 'Cuprum',sans-serif;
 margin:5px auto 0;
}

.sort-posts li {
 display:inline-block;
}

.sort-posts li:after {
 content:'�';
 padding:0 10px;
}



.sort-posts li a:link,.sort-posts li a:visited {
 color:#444;
}

.sort-posts li a:hover {
 color:#222;
}

/*Form add note*/

.post-comment {
 display:block;
 padding:15px 10px 25px;
 min-height:80px;
 box-shadow:inset 0 -1px 0 rgba(255,255,255,.25),0 1px 2px -2px rgba(0,0,0,.25);
}

.post-comment:nth-child(even) {
background:#EEE;
}

.post-comment-avatar {
 float:left;
 width:60px;
 height:60px;
 padding:5px;
 background:#FFF;
 box-shadow:inset 0 5px 10px rgba(225,225,225,.7);
 border:1px solid #EEE;
 border-radius:3px;
}

.post-comment-avatar img{
 width:60px;
 height:60px;
 border-radius:3px;
}

.post-comment-text{
 margin:0 0 0 80px;
 font-size:13px;
 color:#555;
 padding:5px;
 vertical-align:top;
 display:table;
 
}

.post-comment-user {
 margin:0 0 0 80px;
 padding:5px;
 font-size:12px;
 line-height:12px;
}

.post-comment-re{
 margin:10px 0 0;
 display:block;
}

.post-comment-re a{
 display:inline-block;
 color:#333;
 padding:4px 10px;
 background: #ffffff;
 background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
 background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
 background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
 border-radius:3px;
 font-size:10px;
 border:1px solid #CCC;
 
}

.post-comment-re a:hover{
 box-shadow:inset 0 3px 3px rgba(225,225,225,.8);
 
}

.post-comment-re a span{
 font:10px 'icon';
 padding:0 4px 0 0;
}

/*Form add note*/
.off-note-add{
 display:block;
 margin:25px auto;
 text-align:center;
font:15px 'Cuprum Bold';
background:#A10000;
padding:15px 0;
color:#FFF
}

.note-add {
 display:block;
 margin:25px auto;
 padding:0 10px;
}
.note-add-textarea{
 height:60px;
 width:670px;
 resize:none;
 display:block;
 background:#FFF;
 border:1px solid #EEE;
 font:12px "Trebuchet MS",Helvetica,Helvetica Neue,Arial,sans-serif;
 color:#555;
 padding:5px;
 border-radius:3px;
 transition:all .2s ease;
 -webkit-ransition:all .2s ease;
 -o-transition:all .2s ease
}
.note-add-textarea:focus{
 height:120px;
 
}

.note-add-button {
 float:left;
 display:block;
 cursor:pointer;
 margin:8px 0 0;
}

.note-add-button:hover {
 opacity:.9;
}
.note-add-stop{
 float:right;
 font-size:10px;
}

.blocks{
display:block;
background:#FFFFFF;
margin:0 0 10px;
}

.blocks-title{
text-align:right;
padding:12px 10px;
border-bottom:1px solid #EEE;
text-transform:uppercase;
font:13px 'Cuprum Bold';
color:#555
}

.coming-soon-games {
 display:block;
 background:#36383C;
 background:-moz-radial-gradient(center, ellipse cover, #36383C 0%, #26282C 100%);
 background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2e2e2e), color-stop(100%,#26282C));
 background:-webkit-radial-gradient(center, ellipse cover, #36383C 0%,#26282C 100%);
 background:-o-radial-gradient(center, ellipse cover, #36383C 0%,#26282C 100%);
 background:-ms-radial-gradient(center, ellipse cover, #36383C 0%,#26282C 100%);
 background:radial-gradient(ellipse at center, #36383C 0%,#26282C 100%);
 filter progid:DXImageTransform.Microsoft.gradient( startColorstr='#36383C', endColorstr='#26282C',GradientType=1 );
 margin:0 0 10px;
 }
 
.coming-soon-games-title {
text-align:right;
display:block;
padding:12px 10px;
border-bottom:1px solid #2E2E2E
}

.coming-soon-games-title span {
display:block;
text-transform:uppercase;
font:13px 'Cuprum Bold';
color:#EEE
}

.coming-soon-games-middle {
padding:10px;
font:14px Cuprum
}

.coming-soon-games .coming-soon-games-middle .coming-soon-item {
padding:4px 0;
margin:3px 0;
border-bottom:1px solid #1F1F1F
}

.coming-soon-games .coming-soon-games-middle .coming-soon-item:last-child {
border:0 none
}

.coming-soon-games .coming-soon-games-middle .coming-soon-item span {
display:block;
font-size:11px;
padding:2px 0 0
}

.coming-soon-games .coming-soon-games-middle .coming-soon-item div {
float:right;
font-size:11px
}

.coming-soon-games a:link,.coming-soon-games a:visited {
color:#EEE
}

.coming-soon-games a:hover {
color:#CF830B
}


.game-info{
 margin:5px 0;
 font-size:10px;
text-transform:uppercase;
}

.game-info li{
 display:inline-block;
background:#36383C;
padding:1px 5px;
border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
box-shadow:0 2px 3px -2px rgba(0,0,0,.7);
color:#dee1e6;
margin:0 5px 0 0;
}

.game-info li:after{
 content:'�';
 padding:0 2px 0 5px;
}

.game-info li a,.game-info li b{
color:#F7F7F7;
}

.i-look-posts{
 padding:15px;
}

.re-comments {
 display:block;
 min-height:50px;
 border-bottom:1px solid #EEE;
 padding:5px;
}

.re-comments:last-child {
 border-bottom:0 none;
}

a.re-comments-title:link,a.re-comments-title:visited{
 display:block;
 font:12px 'Cuprum',sans-serif;
 padding:5px 0 4px 5px;
 color:#333;
}

a.re-comments-title:hover {
 color:#000;
}

.re-comments-userpic {
 width:40px;
 height:40px;
 border-radius:3px;
 float:right;
 box-shadow:0 1px 3px -1px rgba(0,0,0,0.5);
 margin:5px;
}

.re-comments-message {
 display:block;
 color:#777;
 font-size:10px;
 padding:0 5px;
}

.re-comments-message:hover {
 color:#444;
}

.re-comments-message a img,.re-comments-message img {
 max-width:20px!important;
 max-height:20px;
 vertical-align:middle;
}

    .categories { 
	overflow:hidden;
	padding:0 10px 10px;
    }  
    
    .categories .catsTable { 
	font-size:12px;
    }
    
    .categories .catsTd {  
	float:left; 
	height:30px;  
	color:#434343;
	position:relative;
	border-bottom:1px dotted #EEE;  
    }
    
    .categories a.catName:link,  
    .categories a.catName:visited,
    .categories a.catNameActive:link,
    .categories a.catNameActive:visited{
	color:#434343;
	background:#fff;
	padding-right:6px;  
	position:absolute;
	top:13px;
	left:0;  
    }
    .categories a.catNameActive:link,
    .categories a.catNameActive:visited{
	color:#E59E2D;
    }
    .categories .catsTd a:hover{  
	color:#E59E2D;
    }
    
    .categories .catNumData {  
	padding-left:6px;
	background:#fff;
	position:absolute;
	top:13px;
	right:0px;  
	font-size:9px; 
    }

    .categories .catDescr {  
	display:none;
    }

 .game-standalone-title {
 display:block;
 background:#26282C;
 color:#FFF;
 box-shadow:inset 0 3px 2px rgba(0,0,0,0.7);
 padding:10px 20px 15px;
 width:1020px;
 margin:60px auto;
 border-radius: 0px 0px 3px 3px;
 -moz-border-radius: 0px 0px 3px 3px;
 -webkit-border-radius: 0px 0px 3px 3px;
 box-shadow:0 4px 3px -3px rgba(0,0,0,.7);
 position:relative;
 }
 
 .game-standalone-title h1 {
 font:24px/40px Cuprum Bold,sans-serif;
 text-transform:uppercase
 }
 
 .game-standalone-title h5 {
 font:16px/12px Cuprum Bold,sans-serif
 }
 
 .game-standalone-title h5 a:link,.short-title h1 a:visited {
 color:#E59E2D
 }
 
 .game-standalone-title h5 a:hover {
 color:#FFF
 }
 
 ul.game-standalone-screens {
 
 }
 
 ul.game-standalone-screens li {
 background:#EEE;
 margin:5px;
 padding:2px;
 }
 
 ul.game-standalone-screens li a img {
 width:286px;
 display:block;
 }
 
 .game-standalone-stading-info {
 font-size:13px;
 color:#434343;
 }
 
 .game-standalone-stading-info li {
 display:block;
 padding:8px 5px;
 border-bottom:1px solid #F7F7F7;
 }
 
 .game-standalone-stading-info li:last-child {
 border-bottom:0 none;
 }
 
 .game-standalone-stading-info li b {
 float:right;
 }
 
 .game-standalone-rating {
 float:right;
 margin:4px 0 0;
 }
 
 .game-standalone-descr{
 font:14px/20px "Trebuchet MS",Helvetica,Helvetica Neue,Arial,sans-serif;
 padding:10px 5px;
 color: #4B4B4B;
 }
 
 .game-standalone-video{
 display:inline-block;
 background:#FFF;
 width:310px;
 height:174px;
 margin:0 0 10px;
 position:relative;
border-radius:2px;
 -o-border-radius:2px;
-webkit-border-radius:2px;
 }
 .game-standalone-video:after{
 content:'?';
 position:absolute;
 top:0;
 left:0;
 width:310px;
 height:174px;
 text-align:center;
 font:110px/174px 'icon';
 z-index:0;
 color:#F7F7F7;
 }
 
 .game-standalone-video embed{
 position:relative;
 z-index:10;
 }
 
 .game-standalone-loader{
 display:block;
 margin:15px auto
 }

.game-standalone-fast-link{
margin:10px 0;
display:block;
}

/*base game*/
ul.base-game-list {
display:block;
max-width:690px
}

ul.base-game-list li {
display:block;
border-bottom:1px dotted #EFEFEF;
background:rgba(255,255,255,0.1);
font-size:13px;
position:relative;
padding:15px 5px
}

ul.base-game-list li:hover {
background:rgba(255,255,255,0.7)
}

ul.base-game-list li a:link,ul.base-game-list li a:visited {
color:#212121
}

ul.base-game-list li a:hover {
color:rgba(229,158,45,1)
}

.base-game-state {
font:13px icon;
cursor:help;
padding:0 6px
}

.base-game-genre {
position:absolute;
top:15px;
left:300px
}

.base-game-date {
position:absolute;
top:15px;
left:500px
}

.base-game-rating {
position:absolute;
top:15px;
left:635px
}

.base-game-date,.base-game-state,.base-game-genre {
font-size:13px
}

.base-game-list-info {
font:14px 'Cuprum Bold',Helvetica,Sans-serif;
position:relative;
border-bottom:1px solid #F2F2F2;
max-width:680px;
padding:15px 5px 15px
}

.base-game-list-info b {
position:absolute;
top:15px;
left:300px
}

.base-game-list-info span {
position:absolute;
top:15px;
left:490px
}

.base-game-list-info i {
position:absolute;
top:15px;
left:620px;
font-style:normal
}

.clr{clear:both;}

a img,img{border:none}
b,strong{font-weight:700}
p{padding:5px 0}
i{font-style:italic}

hr{
 border:0;
 height:5px;
 box-shadow:inset 0 -1px 0 rgba(255,255,255,.25),0 1px 2px -2px rgba(0,0,0,.25);
}
textarea,input,select{font-family:Helvetica,Arial,sans-serif;font-size:11px;vertical-align:middle}
label{cursor:hand}

 .big-ads{
 font-size:12px;
 line-height:90px;
 color:#555;
 margin:0 auto 15px;
 width:980px;
 height:90px;
 padding:5px 0;
 background:#FFF;
 border-radius:2px;
 box-shadow:0 0 3px rgba(225,225,225,.7);
 position:relative;
 text-align:center;
 }
 .big-ads:after{
 content:'Реклама. Отошла, буду позже...';
 font:500 12px/100px Cuprum;color:#DDD;
 text-shadow:0 1px 0 rgba(255,255,255,1);
 position:absolute;
 top:0;
 right:0;
 width:1040px;
 height:90px;
 z-index:1
 }
 .big-ads ins{
 position:relative;
 z-index:10
 }

 .smalll{
 font-size:12px;
 line-height:90px;
 color:#555;
 margin:0 auto 15px;
 width:300px;
 height:250px;
 padding:5px;
 background:#FFF;
 border-radius:2px;
 box-shadow:0 0 3px rgba(225,225,225,.7);
 position:relative;
 text-align:center;
 }
 .smalll:after{
 content:'Реклама. Отошла, буду позже...';
 font:500 12px/260px Cuprum;color:#DDD;
 text-shadow:0 1px 0 rgba(255,255,255,1);
 position:absolute;
 top:0;
 right:0;
 width:300px;
 height:250px;
 z-index:1
 }
 .small-ads ins{
 position:relative;
 z-index:10
 }

.top-fl {
background-size:cover;
background-repeat:no-repeat;
background-position:50% 50%;
background-image:url(/playgig_tmp/img/fl.jpg);
height:200px;
position:relative;
color:#FFF
}

.top-fl:after {
content:'';
width:1200px;
height:200px;
position:absolute;
top:0;
left:0;
background:url(/playgig_tmp/img/cell_black.png) rgba(0,0,0,.3);
box-shadow:inset 0 0 0 2px rgba(0,0,0,1);
z-index:5;
transition:all .2s ease;
-webkit-ransition:all .2s ease;
-o-transition:all .2s ease
}

.top-fl h1 {
font:17px/40px 'Cuprum Bold';
padding:0 25px;
height:40px;
position:absolute;
top:3px;
left:3px;
z-index:10;
text-transform:uppercase;
background:rgba(255,157,0,1);
text-align:center;
transition:all .2s ease;
-webkit-ransition:all .2s ease;
-o-transition:all .2s ease
}

.top-fl div {
width:500px;
position:absolute;
top:10px;
right:0;
z-index:15;
line-height:22px;
font-size:15px;
font-weight:700
}

ul.top-files li {
display:block;
padding:8px;
border-bottom:1px dashed #CCC
}

ul.top-files li span {
float:right
}

ul.top-files li a:link,ul.top-files li a:visited {
color:#333
}

ul.top-files li a:hover {
color:#ff9d00
}

ul.top-files li:last-child {
border:0 none
}

.files-sort {
background:rgba(255,255,255,1)
}

.files-sort li {
display:inline-block;
padding:10px;
font:13px 'Cuprum Bold';
text-transform:uppercase
}

.files-sort li:nth-child(1) {
font:12px icon
}

.files-sort li:nth-child(3) {
margin:0 0 0 270px
}

.files-sort li:nth-child(4) {
margin:0 0 0 80px
}

.files-sort li:nth-child(5) {
margin:0 0 0 110px
}

.files-sort li:nth-child(6) {
margin:0 0 0 110px
}
/*Games*/
.games-entries {
height:140px;
border-bottom:1px dashed #E2E3E3;
margin:0 0 30px;
padding:10px 0 15px
}

.games-entries .user-avg {
float:right;
text-align:center;
text-transform:uppercase;
color:#555;
text-shadow:0 1px 0 rgba(255,255,255,.9);
display:inline-block;
margin:30px 30px 0 0
}

.games-entries .user-avg .user-avg-n {
width:50px;
height:50px;
border-radius:50%;
border:2px solid #FFF;
color:#000;
font:22px/52px 'Cuprum Bold';
display:block;
margin:0 auto 5px
}

.games-entries .user-avg .user-avg-text {
display:block;
font:14px 'Cuprum Bold'
}

.games .games-entries .card {
display:inline-block;
float:left;
width:130px;
height:136px;
margin:0 15px 0 0;
box-shadow:0 0 0 3px rgba(255,255,255,.1), 0 4px 5px -3px rgba(0,0,0,.7)
}

.games .games-entries h2 {
font:22px 'Cuprum Bold', sans-serif;
color:#000;
text-shadow:0 1px 0 rgba(0,0,0,.1);
padding:10px 0
}

.games .games-entries h2 a:link,.games .games-entries h2 a:visited {
color:#000
}

.games .games-entries h2 a:hover {
color:#555;
box-shadow:0 2px 0 #ff9d00
}

.games .games-entries ul li {
padding:1px 0
}
/*---*/


 
 .column.posts-for-games {
 background:#F4F5F5
 }
 
 .container.posts-for-games-container {
 padding:34px 0;
 font-size:14px;
 line-height:1.6;
 word-wrap:break-word;
 text-align:justify
 }
 
 .container.posts-for-games-container .title {
 display:block;
 font:22px 'Cuprum Bold', sans-serif;
 color:#000;
 text-shadow:0 1px 0 rgba(0,0,0,.1);
 margin:0 0 30px
 }
 
 .posts-for-games-page {
 width:340px;
 height:200px;
 float:left;
 font-size:14px;
 display:block;
 border:1px solid #dedede;
 box-shadow:0 1px 0 #FFF;
 padding:10px;
 margin:0 10px 10px 0;
 overflow:hidden
 }
 
 .posts-for-games-page legend {
 font:18px Cuprum, sans-serif;
 padding:5px
 }
 
 .posts-for-games-page a {
 display:block
 }
 
 .posts-for-games-page b {
 font-weight:500
 }
 
 .games-page {
 background:url(/theme/img/pattern-blank.png) repeat scroll 0 0 #26282C;
 position:relative;
 width:100%
 }
 
 .column {
 width:100%;
 postion:relative
 }
 
 .column .container {
 width:1140px;
 margin:0 auto
 }
 
 .column.about {
 box-shadow:inset 0 2px 2px rgba(0,0,0,.2);
 background:#F4F5F5
 }
 
 .container.about-container {
 padding:34px 0;
 font-size:14px;
 line-height:1.6;
 word-wrap:break-word;
 text-align:justify
 }
 
 .container.about-container .title {
 display:block;
 font:22px 'Cuprum Bold', sans-serif;
 color:#000;
 text-shadow:0 1px 0 rgba(0,0,0,.1);
 margin:0 0 30px
 }
 
 .container.about-container .card {
 display:inline-block;
 float:left;
 width:97px;
 height:136px;
 margin:0 15px 0 0;
 box-shadow:0 0 0 3px rgba(0,0,0,.7), 0 4px 5px -3px rgba(0,0,0,.7)
 }
 
 .container.about-container .data {
 margin:30px 0 0
 }
 
 .container.about-container span {
 font:23px icon;
 display:inline-block;
 padding:15px 15px 0 0
 }
 
 .column.data {
 background:#F7F8F8;
 padding:30px 0
 }
 
 .container.data-container .title {
 display:block;
 font:22px 'Cuprum Bold', sans-serif;
 color:#000;
 text-shadow:0 1px 0 rgba(0,0,0,.1);
 margin:0 0 30px
 }
 
 .container.data-container ul {
 font:14px Tahoma, Arial, sans-serif;
 text-shadow:0 1px 0 rgba(0,0,0,.1)
 }
 
 .container.data-container ul li {
 display:block;
 margin:0 0 8px;
 padding:0 0 8px;
 border-bottom:1px solid #F0F0F0
 }
 
 .container.data-container ul li:hover {
 border-bottom:1px solid #ff9d00
 }
 
 .container.data-container ul li b {
 float:right;
 color:#444
 }
 
 .column.trailer {
 box-shadow:inset 0 2px 2px rgba(0,0,0,.2),inset 0 -2px 2px rgba(0,0,0,.2);
 background:#26282C
 }
 
 .container.trailer-container {
 padding:30px 0
 }
 
 .container.trailer-container .title {
 display:block;
 font:22px 'Cuprum Bold', sans-serif;
 color:#FFF;
 text-shadow:0 1px 0 rgba(0,0,0,.7);
 margin:0 0 30px
 }
 
 .container.trailer-container div {
 width:853px;
 height:480px;
 box-shadow:0 0 3px rgba(0,0,0,.7);
 margin:0 auto
 }
 
 .container.trailer-container span {
 display:inline-block;
 width:510px;
 height:288px;
 box-shadow:0 0 3px rgba(0,0,0,.7);
 margin:0 20px
 }
 
 .column.rating {
 box-shadow:inset 0 2px 2px rgba(0,0,0,.2),inset 0 -2px 2px rgba(0,0,0,.2);
 background:#26282C url(/theme/img/pattern-blank.png)
 }
 
 .container.rating-container {
 text-align:center;
 padding:30px 0 50px
 }
 
 .container.rating-container .verdict {
 margin:15px auto 0;
 font:26px 'Cuprum Bold', sans-serif;
 text-shadow:0 1px 0 rgba(0,0,0,1), 0 2px 0 rgba(0,0,0,.9), 0 3px 0 rgba(0,0,0,.8), 0 4px 0 rgba(0,0,0,.7), 0 5px 0 rgba(0,0,0,.6), 0 6px 0 rgba(0,0,0,.5), 0 7px 0 rgba(0,0,0,.4), 0 8px 0 rgba(0,0,0,.3), 0 9px 0 rgba(0,0,0,.2), 0 10px 0 rgba(0,0,0,.1);
 text-transform:uppercase;
 color:#FFF
 }
 
 .game-score {
 width:140px;
 height:140px;
 margin:0 auto;
 position:relative;
 text-align:center;
 border:3px solid #32343a;
 border-radius:50%;
 -o-border-radius:50%;
 -webkit-border-radius:50%;
 background:transparent url(/theme/img/game-score.png) no-repeat 0 110px;
 box-shadow:0 3px 1px rgba(0,0,0,.7)
 }
 
 .game-score .game-score-table {
 width:100px;
 height:100px;
 position:absolute;
 top:13px;
 left:13px;
 border:2px solid #4a4a4d;
 background:#1d1d20;
 border-radius:50%;
 -o-border-radius:50%;
 -webkit-border-radius:50%;
 padding:5px;
 box-shadow:0 0 3px rgba(0,0,0,.7), inset 0 0 15px rgba(255,255,255,.15);
 -o-box-shadow:0 0 3px rgba(0,0,0,.7), inset 0 0 15px rgba(255,255,255,.15);
 -webkit-box-shadow:0 0 3px rgba(0,0,0,.7), inset 0 0 15px rgba(255,255,255,.15)
 }
 
 .game-score .game-score-table .game-score-iner {
 width:90px;
 height:90px;
 font:32px/90px 'Cuprum Bold';
 color:#DEE1E6;
 background:#2d2e33;
 border-radius:50%;
 -o-border-radius:50%;
 -webkit-border-radius:50%;
 position:absolute;
 top:10px;
 left:10px;
 box-shadow:0 0 2px rgba(0,0,0,.7),inset 0 0 15px rgba(255,255,255,.15);
 -o-box-shadow:0 0 2px rgba(0,0,0,.7),inset 0 0 15px rgba(255,255,255,.15);
 -webkit-box-shadow:0 0 2px rgba(0,0,0,.7),inset 0 0 15px rgba(255,255,255,.15)
 }
 
 .container.rating-container .title {
 display:block;
 text-align:left;
 font:22px 'Cuprum Bold', sans-serif;
 color:#FFF;
 text-shadow:0 1px 0 rgba(0,0,0,.7);
 margin:0 0 30px
 }
 
 .column.screenshots {
 box-shadow:inset 0 2px 2px rgba(0,0,0,.2),inset 0 -2px 2px rgba(0,0,0,.2);
 background:#162836 url(/icon//pattern-blank.png)
 }
 
 .container.screenshots-container {
 text-align:center;
 padding:30px 0 50px
 }
 
 .container.screenshots-container .title {
 display:block;
 text-align:left;
 font:22px 'Cuprum Bold', sans-serif;
 color:#FFF;
 text-shadow:0 1px 0 rgba(0,0,0,.7);
 margin:0 0 30px
 }
 
 .games-screenshots a {
 opacity:.9;
 box-shadow:0 0 3px 1px #FFF
 }

 .games-screenshots a:hover {
 opacity:.9;
 box-shadow:0 0 3px 3px #FFF
 }
 
 .games-screenshots a {
 width:260px;
 height:144px;
 display:block;
 float:left;
 overflow:hidden;
 transition:all .5s ease-in-out;
 -webkit-transition:all .5s ease-in-out;
 -moz-transition:all .5s ease-in-out;
 -o-transition:all .5s ease-in-out;
 margin:5px;
 background:#111
 }
 
 .games-screenshots a:first-child {
 display:none
 }
 
 .games-screenshots a img {
 outline:none;
 width:260px;
 min-height:144px;
 transition:all 1s ease-in-out;
 -webkit-transition:all 1s ease-in-out;
 -moz-transition:all 1s ease-in-out;
 -o-transition:all 1s ease-in-out
 }
 
 .games-screenshots a:hover > img {
 transform:scale(1.2);
 -webkit-transform:scale(1.2);
 -moz-transform:scale(1.2);
 -o-transform:scale(1.2);
 -ms-transform:scale(1.2)
 }
 
 .column.info {
 box-shadow:inset 0 2px 2px rgba(0,0,0,.2),inset 0 -2px 2px rgba(0,0,0,.2);
 background:#26282C;
 height:300px;
 position:relative
 }
 
 .column.info:before {
 background:rgba(0,0,0,0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAC0CAYAAACUlQzjAAAAmklEQVRo3u3YQRqAIAiEUVPvf2Vr264FC4LHAf5vBkax9jlnRNYewQWYEXg9Fa3wSt/DcIWrXw9nesv5gbOfwmnKDSwvwZbDikNpGJtFYb4pLycF0NH7ANx62CCH2+UAWBHoS8rry5KqseinHvqJYafYKVaAywFQbAopZJlllln+KXCITYMe5rcMCAgICAgICAgICAgICAj4rhuskwahSVDilAAAAABJRU5ErkJggg==) repeat-x 0 100%;
 content:'';
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:2
 }
 
 .container.info-container {
 position:relative;
 z-index:10;
 padding:120px 0 0
 }
 
 .container.info-container .title {
 font:42px 'Cuprum Bold', sans-serif;
 color:#FFF;
 text-shadow:0 1px 0 rgba(0,0,0,1)
 }
 
 .container.info-container .genre {
 font:18px Cuprum, sans-serif;
 color:#EEE;
 text-shadow:0 1px 0 rgba(0,0,0,1);
 margin:5px 0 0
 }
 
 .container.info-container ul {
 margin:15px 0 0
 }
 
 .column.review {
 background:#f7f8f8
 }
 
 .container.review-container {
 padding:30px 0
 }
 
 .container.review-container .title {
 display:block;
 font:22px 'Cuprum Bold', sans-serif;
 color:#000;
 text-shadow:0 1px 0 rgba(0,0,0,.1);
 margin:0 0 30px
 }
 
 .mini-review {
 border:1px solid #E7E7E7;
 font-size:14px;
 width:310px;
 height:360px;
 float:left;
 margin:0 25px 30px;
 box-shadow:0 0 1px rgba(255,255,255,.4)
 }
 
 .mini-review legend {
 font-size:14px;
 padding:2px 12px;
 margin:0 10px;
 background:#EEE;
 border-radius:2px;
 box-shadow:0 1px 0 rgba(255,255,255,1), inset 0 1px 0 rgba(0,0,0,.15)
 }
 
 .mini-review-neutral,.mini-review-negative,.mini-review-positive {
 margin:10px
 }
 
 .mini-review-neutral:before,.mini-review-negative:before,.mini-review-positive:before {
 float:left;
 font:30px/80px icon;
 width:80px;
 height:80px;
 text-align:center;
 margin:0 10px 0 0;
 display:block;
 border-radius:2px;
 color:#FFF;
 box-shadow:0 1px 0 rgba(255,255,255,1), inset 0 1px 0 rgba(0,0,0,.1)
 }
 
 .mini-review-neutral:before {
 content:'\e6fd';
 background:#EEE
 }
 
 .mini-review-negative:before {
 content:'\e743';
 background:#F4836A
 }
 
 .mini-review-positive:before {
 content:'\e742';
 background:#A5D16D
 }
 
 .create-mini-review {
 width:1140px;
 margin:0 auto
 }
 
 .create-mini-review textarea {
 display:block;
 border:1px solid #EEE;
 background:#FFF;
 font-size:14px;
 line-height:1.4em;
 color:#555;
 padding:5px;
 resize:none;
 height:90px;
 width:800px;
 margin:0 auto 30px;
 box-shadow:0 0 0 4px rgba(225,225,225,.25);
 border-radius:2px
 }
 
 .create-mini-review .positive {
 font:bold 12px sans-serif;
 display:inline-block;
 background:#43b417;
 color:#FFF;
 padding:7px 9px;
 cursor:pointer;
 margin:0 10px 15px 0;
 box-shadow:0 2px -1px rgba(0,0,0,.7);
 border-radius:2px
 }
 
 .create-mini-review .negative {
 font:bold 12px sans-serif;
 display:inline-block;
 background:#94322B;
 color:#FFF;
 padding:7px 9px;
 cursor:pointer;
 margin:0 10px 15px 0;
 box-shadow:0 2px -1px rgba(0,0,0,.7);
 border-radius:2px
 }
 
 .create-mini-review .positive span,.create-mini-review .negative span {
 font:14px icon;
 vertical-align:middle
 }
 
 .create-mini-review-attention {
 vertical-align:middle;
 display:block;
 white-space:normal;
 font-size:12px;
 color:#F0F0F0;
 cursor:pointer;
 margin:15px 0;
 padding:10px 10px 11px;
 background:url(/theme/img/pattern-blank.png) #94322B
 }
 
 .create-mini-review-attention:before {
 font:12px icon;
 content:'\e60d'
 }
 
 .mini-review-area-button {
 border:0 none;
 float:right;
 font:13px Cuprum;
 text-transform:uppercase;
 color:#333;
 cursor:pointer;
 box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 0 rgba(255,255,255,.3);
 background:rgba(225,225,225,.45);
 border-radius:3px;
 padding:8px 14px
 }
 
 .post-for-game-page {
 dislay:block;
 float:left;
 margin:0 70px 30px 0;
 width:310px;
 height:410px;
 position:relative;
 box-shadow:0 1px 0 rgba(255,255,255,1);
 overflow:hidden;
 text-align:left
 }
 
 .post-for-game-page:before {
 content:'';
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 background:rgba(0,0,0,0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAC0CAYAAACUlQzjAAAAmklEQVRo3u3YQRqAIAiEUVPvf2Vr264FC4LHAf5vBkax9jlnRNYewQWYEXg9Fa3wSt/DcIWrXw9nesv5gbOfwmnKDSwvwZbDikNpGJtFYb4pLycF0NH7ANx62CCH2+UAWBHoS8rry5KqseinHvqJYafYKVaAywFQbAopZJlllln+KXCITYMe5rcMCAgICAgICAgICAgICAj4rhuskwahSVDilAAAAABJRU5ErkJggg==) repeat-x 0 100%;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 #26282C
 }
 
 .post-for-game-page h2 {
 font:22px/24px 'Cuprum Bold', sans-serif;
 text-transform:uppercase;
 color:#FFF;
 width:290px;
 padding:10px;
 margin:0 0 10px;
 position:absolute;
 bottom:0;
 left:0;
 z-index:2
 }
 
 .post-for-game-page div {
 display:none;
 position:relative;
 z-index:2;
 font-size:13px;
 color:#CCC;
 line-height:1.5em
 }
/* Стиль добавления игры 
------------------------------------------*/ 
.add-input {
margin:-12px 0 10px -10px !important
}

#nwM40 span,#nwM40 a {
display:none;
position:relative;
}

#nwM40 input[type=checkbox] + label{
position:absolute;
margin:7px 0 0 10px;

}

#brief:focus,#message:focus,.input-style:focus {
box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 3px 3px -1px #F4F4F4
}

.liSocialIcons{
display:inline;
}

 .manTdBut{
 display:block;
 text-align:center;
 padding:20px 0;
 }
 
 .search-result-block {
 display:none;
 position:absolute;
 z-index:10;
 top:-270px;
 left:155px;
 width:459px;
 height:auto;
 background-color: rgba(0, 0, 0, 0.8);
 color:#FFF;
 border-radius:3px;
 box-shadow:0 2px 3px -2px rgba(0,0,0,0.7);
 font-size:13px;
 }
 
 .search-result-title {
 display:block;
 background-color: rgba(0, 0, 0, 0.8);
 border:groove 2px #1a1a1a;
 font:15px 'Cuprum',sans-serif;
 padding:10px;
 color:#FFF;
 }
 
 .search-result-block p {
 padding:5px 0
 }
 
 .search-result {
 font-siaze:13px;
 max-height:200px;
 overflow:auto;
 margin:0
 }
 
 .search-result li {
 display:block;
 }
 
 .search-result li a{
 border-bottom:1px solid #444;
 display:block;
 color:#eee;
 padding:10px
 }
 
 .search-result li a:hover{
 background:#ff9d00;
 border-bottom:1px solid #777;
 color:#FFF
 }

/*Comments inf*/
.comment-container {
margin:0 0 30px;
background:#26282C url(/theme/img/pattern-blank.png);
font-size:11px;
line-height:22px
}

.comment-title {
font:15px 'Cuprum Bold';
padding:12px 15px;
text-align:right;
text-transform:uppercase;
background:#17191B url(/theme/img/bg-nav.png);
color:#FFF;
text-shadow:0 1px 0 rgba(0,0,0,.7)
}

.last-comments {
display:block;
min-height:70px;
border-bottom:1px solid #36383C;
padding:8px;
box-shadow:inset 0 1px 2px rgba(0,0,0,.2)
}

.last-comments:last-child {
border-bottom:0 none
}

.last-comments a.title:link, .last-comments a.title:visited {
display:block;
font:13px Cuprum,sans-serif;
padding:5px 0 4px 5px;
color:#EEE;
text-transform:uppercase
}

.last-comments a.title:hover {
color:#ff9d00
}

.last-comments .userpic {
width:50px;
height:50px;
background:#FF9D00;
border-radius:50%;
-o-border-radius:50%;
-webkit-border-radius:50%;
float:right;
box-shadow:0 0 0 2px #ff9d00,0 1px 3px -1px rgba(0,0,0,0.5);
-o-box-shadow:0 0 0 2px #ff9d00,0 1px 3px -1px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 0 #ff9d00,0 1px 3px -1px rgba(0,0,0,0.5);
margin:5px
}

.last-comments .message{
display:block;
color:#777;
font-size:11px;
line-height:16px;
padding:0 5px
}

.last-comments .message img{
max-width:10px;
max-height:10px;
vertical-align:middle
}
/*---*//*sub nav*/
.sub-nav {
width:100%;
height:40px;
margin:0 0 15px 0;
background:#262933 url(http://www.playgig.ru/theme/img/noisy-texture.png);
box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
border-bottom:1px solid #ff9d00
}

.sub-nav .container1 {
width:1200px;
height:40px;
line-height:38px;
margin:0 auto;
position:relative
}

.sub-nav .container1 div {
padding:0 10px 0 0;
margin:0 5px 0 0;
display:inline-block;
color:#EEE
}

.sub-nav .container1 .user-sorting a:link,.sub-nav .container1 a:visited {
color:#CCC;
font-weight:700;
font-size:12px;
padding:0 10px 0 0;
margin:0 5px 0 0
}

.sub-nav .container1 .user-sorting a:hover {
color:#FFF
}

.sub-nav .container1 .user-sorting span {
font-size:0
}

.sub-nav .container1 .user-sorting .sortArrDown,.sub-nav .container1 .user-sorting .sortArrUp {
font-size:14px!important;
padding:0 10px 0 0;
margin:0 5px 0 0;
display:inline-block;
vertical-align:baseline;
color:#ff9d00
} 

#headliner{margin-top:15px;margin-bottom:15px}
.headliner-panel{height:200px;position:relative}
.headliner-label{top:12px;left:50px}
/*z-indicies*/
.headliner-image{position:absolute;z-index:9}
.headliner-layer{position:absolute;z-index:10}
.headliner-info{position:absolute;z-index:11}
.headliner-panel .image-wrapper{position:absolute;z-index:12}
.headliner-panel .image-thumbnail{position:absolute;z-index:13}
.headliner-panel .image-gradient{position:absolute;z-index:14}
.headliner-label{position:absolute;z-index:15}
.headliner-link{position:absolute;z-index:16}
/*layout*/
.headliner-image{width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center 20%}
.headliner-layer{width:100%;height:100%;background:rgba(0,2,4,.85)}
.headliner-panel .image-wrapper{top:24px;left:24px;width:350px;height:150px}
.headliner-panel .image-gradient {width:348px;height:148px;top:1px;left:1px;
background: -moz-linear-gradient(left,  rgba(11,12,18,0) 1%, rgba(11,12,18,0) 15%, rgba(11,12,18,0.8) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(11,12,18,0)), color-stop(15%,rgba(11,12,18,0)), color-stop(100%,rgba(11,12,18,0.8)));
background: -webkit-linear-gradient(left,  rgba(11,12,18,0) 1%,rgba(11,12,18,0) 15%,rgba(11,12,18,0.8) 100%);
background: -o-linear-gradient(left,  rgba(11,12,18,0) 1%,rgba(11,12,18,0) 15%,rgba(11,12,18,0.8) 100%);
background: -ms-linear-gradient(left,  rgba(11,12,18,0) 1%,rgba(11,12,18,0) 15%,rgba(11,12,18,0.8) 100%);
background: linear-gradient(to right,  rgba(11,12,18,0) 1%,rgba(11,12,18,0) 15%,rgba(11,12,18,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b0c12', endColorstr='#cc0b0c12',GradientType=1 );}
.headliner-panel .image-thumbnail{width:100%;height:100%}
.headliner-info{width:900px;height:100%;color:#FFF}
.headliner-link {width:100%;height:100%;display:block;top:0px;left:0px;background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');}
/*style*/
.headliner-info{padding:21px 15px 15px 410px}
.headliner-info a.title{font-family:'Cuprum Bold', sans-serif;font-weight:700;font-size:40px;line-height:45px;color:#FFF;display:block;width:100%;padding:0 0 18px}
.headliner-authorship{display:inline-block;float:left;text-align:right;border-right:1px solid #96959A;padding:3px 15px 3px 0}
.headliner-authorship .authorship,.headliner-authorship .authorship a{color:#B3B3B9;font-size:11px}
.headliner-category{display:inline-block;float:left;text-align:center;border-right:1px solid #96959A;padding:2px 17px}
.headliner-category > span{display:block;float:none;font-family:'Cuprum Bold', sans-serif;font-weight:300;font-size:12px;color:#DEDEE6;text-transform:uppercase}
.headliner-category .category-icon{width:16px;float:none!important;margin:0 auto}
.headliner-category .category-name{width:100%}
.headliner-readmore{display:inline-block;float:left;text-align:left;padding:3px 0 3px 15px}
.headliner-readmore .readmore{background:#202022;border:1px solid #000;font-family:'Cuprum Bold', sans-serif;font-weight:300;font-style:italic;font-size:11px;padding:5px 8px}
.headliner-readmore span{padding-left:4px}
/*************************************************
#toTop {  
  width: 100px;    
  font-size:65px;
  text-align: center;  
  padding: 5px;  
  position: fixed;  
  bottom: 10px;  
  right: 10px;  
  cursor: pointer;  
  color: #666666;  
  text-decoration: none;}
   
    
    
    
.progress {
position:fixed;
z-index:9999;
top:0;
left:0;
width:0%;
height:5px;
background:#FFA100;
border-radius:10%;
-moz-transition:width 500ms ease-out,opacity 400ms linear;
-ms-transition:width 500ms ease-out,opacity 400ms linear;
-o-transition:width 500ms ease-out,opacity 400ms linear;
-webkit-transition:width 500ms ease-out,opacity 400ms linear;
transition:width 500ms ease-out,opacity 400ms linear
}
 
.progress:before {
position:absolute;
content:'';
top:0;
opacity:1;
width:10%;
right:0px;
height:2px;
box-shadow:#FFA100 1px 0 6px 2px;
border-radius:50%
 }
.navigation{
width:100%;
position:absolute;
top:30px;
z-index:200;
transition:all .1s ease;
-o-transition:all .1s ease;
-webkit-transition:all .1s ease
}

.navigation nav{
width:1140px;
height:40px;
margin:0 auto;
position:relative;
}

.logo{
width:150px;
height:40px;
display:block;
background:transparent url('/tmp/logo.png') no-repeat 0 -40px;
position:absolute;
top:-1px;
left:0
}

.menu{
display:block;
font:16px/40px 'Cuprum Bold';
text-transform:uppercase;
margin:0 0 0 150px;
transition:all .3s ease;
-webkit-ransition:all .3s ease;
-o-transition:all .3s ease
}

.menu li{
display:inline-block;
position:relative;
vertical-align:middle;
text-shadow:0 1px 0 rgba(0,0,0,.2);
}
 
.menu li.separate{
width:100%;
height:1px;
background:#FFA100;
margin:4px 0;
padding:0;
}

.menu li.sign-join, .menu li.posted, .menu li.pro-posted, .menu li.personal-message{
float:right;
}
 
.menu li.no-sign a:before{
padding:0 8px 0 0;
content:'\e61c';
font:15px icon;
color:#FFA100;
}

.menu li.posted span, .menu li.pro-posted span, .menu li.personal-message span{
font:22px/40px icon;
vertical-align:middle
}
 

.menu li.sign-join a img{
width:30px;
height:30px;
border-radius:2px;
box-shadow:0 0 3px rgba(0,0,0,.7);
vertical-align:middle
}

.menu li a:link, .menu li a:visited{
color:#FFF;
padding:0 18px;
display:inline-block;
float:left;
transition:all .3s ease;
-webkit-ransition:all .3s ease;
-o-transition:all .3s ease
}
 
.menu li a:hover{
color:#FFA100/*ffA600*/
}

.sub{
display:none;
position:absolute;
left:50%;
top:41px;
border-top:2px solid #FFA100;
background:rgba(0,0,0,.7) url('/theme/img/noise.png');
font:12px/12px "Trebuchet MS",Helvetica,Helvetica Neue,Arial,sans-serif;
padding:5px 10px;
min-width:120px;
border-radius:3px;
box-shadow:0 2px 2px -2px rgba(0,0,0,.2);
text-transform:none;
margin:0 0 0 -75px;
}

.sub:after {
bottom:100%;
left:50%;
border:solid transparent;
content:'';
height:0;
width:0;
position:absolute;
pointer-events:none;
border-color:rgba(0,0,0,0);
border-bottom-color:#FFA100;
border-width:6px;
margin:0 0 0 -6px;
}

.sub li {
display:block;
padding:7px 10px
}

.sub li b{
font:500 13px icon;
padding:0 4px 0 0;
}

.sub li a:link,.sub li a:visited {
color:#FFF;
box-shadow:0 0 0 rgba(0,0,0,0);
padding:0;
float:none
}

.sub li a:hover {
color:#ffA600
}

.menu li a.dropdown:after {
padding:0 0 0 8px;
content:'\e671';
font:15px icon;
color:#FFA100;
}


.menu li a.dropdown:hover:after{
color:#FFF
}

.navigation-selected {
color:#FFA100 !important
}

.navigation-fixed{
background:rgba(0,0,0,.7);
position:fixed;
top:0;
left:0
}

.profile-container {
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,.75) url(/theme/img/pattern-blank.png);
width:100%;
height:100%;
z-index:9999;
display:none
}

.profile-content {
margin:150px auto 0;
width:400px;
height:100px;
text-align:center
}

.profile-content li {
display:inline-block;
margin:0 10px 0 0
}

.profile-content li a:link,.profile-content li a:visited {
color:#FFF;
text-shadow:0 1px 0 #777;
font:20px/48px icon;
width:50px;
height:50px;
background:rgba(255,255,255,.4);
display:block;
border-radius:50%;
-o-border-radius:50%;
-webkit-border-radius:50%;
box-shadow:0 0 0 2px rgba(255,255,255,.7);
transition:all .2s ease;
-o-transition:all .2s ease;
-webkit-transition:all .2s ease
}

.profile-content li a:hover {
color:#555;
background:rgba(255,255,255,.9)
}

.search-container {
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,.85) url(/theme/img/pattern-blank.png);
width:100%;
height:100%;
z-index:9999;
display:none
}

.search {
margin:100px auto 0;
width:1140px;
height:120px;
text-align:center
}

.search span {
font:32px icon;
float:right;
display:block;
color:#FFA100;
cursor:pointer
}

.search form {
line-height:150px
}

.search form input {
outline:none;
width:800px;
height:40px;
background:rgba(255,255,255,1) url(/theme/img/search.png) no-repeat 5px 10px;
padding:5px 10px 5px 36px;
font-size:18px;
border:1px solid #F0F0F0;
color:#555;
border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease
}

.search form input:focus {
box-shadow:inset 0 1px 5px rgba(0,0,0,.15);
-o-box-shadow:inset 0 1px 5px rgba(0,0,0,.15);
-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,.15);
color:#555;
background-color:#FFF
}

.search-ready {
display:block
}

.search-ready:after {
content:'\e602';
display:inline-block;
vertical-align:middle;
font:18px/41px icon;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}


/*.navigation nav{
background:rgba(38,41,51,.25);
box-shadow:0 0 3px rgba(38,41,51,.25);
}

.wrapper{
background:#000;
}*/

@media (max-width:1366px) {


.fresh-post {
margin:35px 20px 0;
width:330px
}
.fresh-post .background-image {
width:330px;
height:210px
}
.fresh-post .headline {
width:300px
}

.fresh-post .to-post {
width:330px;
height:210px
}

.fresh-post .headline h2 {
font:16px/24px 'Cuprum Bold', sans-serif
}

.fresh-post .headline h3 {
margin:3px 0 0;
font:10px Cuprum, sans-serif
}

}

.fresh-post {
margin:10px 5px 15px;
width:1560px;
}
.fresh-post .background-image {

width:560px;
}
.fresh-post .headline {
width:530px
}
}

.fresh-post {
margin:10px 5px 15px;
width:560px;
}
.fresh-post .background-image {
width:560px;
}
.fresh-post .headline {
width:530px
}
}

.posts-headerGl {
width:1188px;
height:35px;
border:1px solid #E2E4E5;
border-left:2px solid #56585C;
color:#36383C;
text-transform:uppercase;
text-shadow:0 1px 0 #EEE;
margin:4px;
box-shadow:0 1px 0 rgba(255,255,255,.7), inset 0 1px 0 rgba(255,255,255,.7);
-o-box-shadow:0 1px 0 rgba(255,255,255,.7), inset 0 1px 0 rgba(255,255,255,.7);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,.7), inset 0 1px 0 rgba(255,255,255,.7)
}

.posts-headerGl b {
padding:0 10px;
height:40px;
font:700 20px/40px 'Cuprum Bold',Arial,sans-serif;
letter-spacing:.02em
}
.load-more-post{
display:block;
width:340px;
height:50px;
border-radius:.2em;
background:#EEE;
color:#555 !important;
text-shadow:0 1px 0 #fff;
font:16px/51px 'Cuprum',sans-serif;
text-transform:uppercase;

margin:50px auto 30px;
text-align:center;
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-box-shadow: 0 1px 3px -2px rgba(34,25,25,0.4), inset 0 1px 0 #DDD;
-o-box-shadow: 0 1px 3px -2px rgba(34,25,25,0.4), inset 0 1px 0 #DDD;
box-shadow: 0 1px 3px -2px rgba(34,25,25,0.4), inset 0 1px 0 #DDD
}

.load-more-post:hover{
background:#FF9D00;
color:#FFF;
box-shadow: 0 1px 3px -1px rgba(34,25,25,0.6), inset 0 1px 0 rgba(255,255,255,1);
}

.load-more-post img{
vertical-align:middle
}

.more-new-content{

}

.more-new-content h5 a:link,.more-new-content h5 a:visited{
color:#555;
display:block;
margin:15px 20px 0;
padding:0 0 5px;
font-size:14px;
text-transform:uppercase;
border-bottom:1px dashed #CCC;
}
/*Home Page*/
.fresh-post {
dislay:block;
float:left;
margin:10px 5px;
text-align:left;
width:590px;
background:#F9FAFA;
box-shadow:0 3px 2px -2px rgba(0,0,0,.1);
-o-box-shadow:0 3px 2px -2px rgba(0,0,0,.1);
-webkit-box-shadow:0 3px 2px -2px rgba(0,0,0,.1)
}

.fresh-post .background-image {
display:block;
background-size:cover;
background-repeat:no-repeat;
background-position:50% 50%;

position:relative;
width:590px;
height:290px;
}

.fresh-post .rating {
position:absolute;
top:15px;
left:15px;
z-index:10;
text-align:center;
width:40px;
height:40px;
border-radius:50%;
background:rgba(0,0,0,.4);
border:2px solid #FF9D00;
font:14px/40px 'Cuprum Bold';
text-shadow:0 1px 1px #222;
color:#FFF;
box-shadow:0 2px 2px -1px rgba(0,0,0,.4)
}

.fresh-post .to-post {
display:block;
width:590px;
height:290px;
position:absolute;
top:0;
left:0;
z-index:5
}

.fresh-post .headline {
background:rgba(38,41,51,.7);
padding:15px;
position:absolute;
bottom:0;
left:0;
z-index:10;
width:560px
}

.fresh-post .headline:after {
content:'';
position:absolute;
bottom:0;
left:0;
height:4px;
width:0;
background:#ff9d00;
box-shadow:0 -2px 2px rgba(0,0,0,.4);
-o-box-shadow:0 -2px 2px rgba(0,0,0,.4);
-webkit-box-shadow:0 -2px 2px rgba(0,0,0,.4)
}

.fresh-post:hover .headline:after {
animation:hover-line 1s both;
-o-animation:hover-line 1s both;
-webkit-animation:hover-line 1s both
}

.fresh-post .headline h2 {
font:18px/26px 'Cuprum Bold', sans-serif;
text-transform:uppercase;
color:#FFF
}

.fresh-post .headline h2 a:link,.fresh-post .headline h2 a:visited {
color:#FFF
}

.fresh-post .headline h2 a:hover {
box-shadow:0 2px 0 #ff9d00
}

.fresh-post .headline h3 {
margin:4px 0 0;
font:12px Cuprum, sans-serif;
text-transform:uppercase;
color:#DDD
}

.fresh-post .headline h3 a:link,.fresh-post .headline h3 a:visited {
color:#DDD
}

.fresh-post .headline h3 a:hover {
color:#FFF;
box-shadow:0 2px 0 #FFA100
}

.fresh-post .message {
position:relative;
padding:15px;
font-size:13px;
line-height:1.5;
word-wrap:break-word;
height:110px;
overflow:hidden
}

.fresh-post .message:after{
content:'';
position:absolute;
bottom:0;
left:0;
height:10px;
width:100%;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(249,250,250,1) 100%);
}

.fresh-post .info {
font-size:11px;
background:#FFF;
padding:5px 15px;
color:#A2ACB6;
font-style:italic;
white-space:nowrap;
border-radius:.3em;
-o-border-radius:.3em;
-webkit-border-radius:.3em;
}

.fresh-post .info li {
display:inline-block;
margin:0 5px 0 0;
white-space:nowrap
}

.fresh-post .info li:nth-child(2):before,.fresh-post .info li:nth-child(3):before {
content:'●';
margin:0 5px 0 0
}

/*

.fresh-post:nth-child(1) {
width:720px
}

.fresh-post:nth-child(1) .background-image {
width:720px;
height:290px
}

.fresh-post:nth-child(1) .to-post {
width:720px;
height:290px
}

.fresh-post:nth-child(1) .headline {
width:690px
}

.fresh-post:nth-child(6) {
width:720px
}

.fresh-post:nth-child(6) .background-image {
width:720px;
height:290px
}

.fresh-post:nth-child(6) .to-post {
width:720px;
height:290px
}

.fresh-post:nth-child(6) .headline {
width:690px
}

.fresh-post:nth-child(11) {
width:1100px
}

.fresh-post:nth-child(11) .background-image {
width:1100px;
height:140px
}

.fresh-post:nth-child(11) .to-post {
width:1100px;
height:140px
}

.fresh-post:nth-child(11) .headline {
width:1070px;
background:rgba(0,0,0,0) url(/theme/img/bg-fade-bottom-small.png) repeat-x 0 100%

}

.fresh-post:nth-child(11) .info,.fresh-post:nth-child(11) .message,.fresh-post:nth-child(11) .rating {
display:none
}

.fresh-post:nth-child(12) {
width:720px
}

.fresh-post:nth-child(12) .background-image {
width:720px;
height:290px
}

.fresh-post:nth-child(12) .to-post {
width:720px;
height:290px
}

.fresh-post:nth-child(12) .headline {
width:690px
}

.fresh-post:nth-child(17) {
width:720px
}

.fresh-post:nth-child(17) .background-image {
width:720px;
height:290px
}

.fresh-post:nth-child(17) .to-post {
width:720px;
height:290px
}

.fresh-post:nth-child(17) .headline {
width:690px
}
*/

.posts-header {
height:40px;
border:1px solid #E2E4E5;
border-left:2px solid #56585C;
color:#36383C;
text-transform:uppercase;
text-shadow:0 1px 0 #EEE;
margin:0 0 25px;
box-shadow:0 1px 0 rgba(255,255,255,.7), inset 0 1px 0 rgba(255,255,255,.7);
-o-box-shadow:0 1px 0 rgba(255,255,255,.7), inset 0 1px 0 rgba(255,255,255,.7);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,.7), inset 0 1px 0 rgba(255,255,255,.7)
}

.posts-header b {
padding:0 10px;
height:40px;
font:700 20px/40px 'PT Sans Narrow',Arial,sans-serif;
letter-spacing:.02em
}

.popuar-files {
width:1140px
}

.popuar-files article {
display:inline-block;
width:180px;
height:240px;
vertical-align:top;
margin:10px 8px 10px 0;
border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #EEE;
transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease
}

.popuar-files article:hover {
transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2)
}

.popuar-files article:nth-child(6) {
margin:10px 0
}

.popuar-files .title {
padding:10px;
min-height:30px;
background:rgba(38,41,51,.9);
font:13px/15px 'Cuprum Bold', sans-serif;
text-transform:uppercase;
color:#FFF;
border-bottom:2px solid #FFA100;
border-radius:3px 3px 0 0
}

.popuar-files .poster {
width:180px;
height:101px;
margin:0;
padding:0;
display:block
}

.popuar-files .data {
padding:10px;
background:#FFF;
box-shadow:inset 0 2px 1px -1px rgba(0,0,0,.4);
font-size:11px;
color:#555;
font-weight:400;
height:67px;
border-radius:0 0 3px 3px
}

.popuar-files .data li {
display:block
}

.popuar-files .data li span {
vertical-align:baseline;
padding:0 5px 0 0
}


#headliner{margin-top:15px;margin-bottom:15px}
.headliner-panel{height:200px;position:relative}
.headliner-label{top:12px;left:50px}
/*z-indicies*/
.headliner-image{position:absolute;z-index:9}
.headliner-layer{position:absolute;z-index:10}
.headliner-info{position:absolute;z-index:11}
.headliner-panel .image-wrapper{position:absolute;z-index:12}
.headliner-panel .image-thumbnail{position:absolute;z-index:13}
.headliner-panel .image-gradient{position:absolute;z-index:14}
.headliner-label{position:absolute;z-index:15}
.headliner-link{position:absolute;z-index:16}
/*layout*/
.headliner-image{width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center 20%}
.headliner-layer{width:100%;height:100%;background:rgba(0,2,4,.85)}
.headliner-panel .image-wrapper{top:24px;left:24px;width:350px;height:150px}
.headliner-panel .image-gradient {width:348px;height:148px;top:1px;left:1px;
background: -moz-linear-gradient(left, rgba(11,12,18,0) 1%, rgba(11,12,18,0) 15%, rgba(11,12,18,0.8) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(11,12,18,0)), color-stop(15%,rgba(11,12,18,0)), color-stop(100%,rgba(11,12,18,0.8)));
background: -webkit-linear-gradient(left, rgba(11,12,18,0) 1%,rgba(11,12,18,0) 15%,rgba(11,12,18,0.8) 100%);
background: -o-linear-gradient(left, rgba(11,12,18,0) 1%,rgba(11,12,18,0) 15%,rgba(11,12,18,0.8) 100%);
background: -ms-linear-gradient(left, rgba(11,12,18,0) 1%,rgba(11,12,18,0) 15%,rgba(11,12,18,0.8) 100%);
background: linear-gradient(to right, rgba(11,12,18,0) 1%,rgba(11,12,18,0) 15%,rgba(11,12,18,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b0c12', endColorstr='#cc0b0c12',GradientType=1 );}
.headliner-panel .image-thumbnail{width:100%;height:100%}
.headliner-info{width:100%;height:100%;color:#FFF}
.headliner-link {width:100%;height:100%;display:block;top:0px;left:0px;background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');}
/*style*/
.headliner-info{padding:21px 15px 15px 410px}
.headliner-info a.title{font-family:'Cuprum Bold', sans-serif;font-weight:700;font-size:40px;line-height:45px;color:#FFF;display:block;width:100%;padding:0 0 18px}
.headliner-authorship{display:inline-block;float:left;text-align:right;border-right:1px solid #96959A;padding:3px 15px 3px 0}
.headliner-authorship .authorship,.headliner-authorship .authorship a{color:#B3B3B9;font-size:11px}
.headliner-category{display:inline-block;float:left;text-align:center;border-right:1px solid #96959A;padding:2px 17px}
.headliner-category > span{display:block;float:none;font-family:'Cuprum Bold', sans-serif;font-weight:300;font-size:12px;color:#DEDEE6;text-transform:uppercase}
.headliner-category .category-icon{width:16px;float:none!important;margin:0 auto}
.headliner-category .category-name{width:100%}
.headliner-readmore{display:inline-block;float:left;text-align:left;padding:3px 0 3px 15px}
.headliner-readmore .readmore{background:#202022;border:1px solid #000;font-family:'Cuprum Bold', sans-serif;font-weight:300;font-style:italic;font-size:11px;padding:5px 8px}
.headliner-readmore span{padding-left:4px}
/*************************************************