body{
margin:0;
background-image: url(../images/fon.png);
font-family: 'Exo 2.0', arial;
}
a{
text-decoration: none;
}
.header{
background: url(../images/headerbg.jpg) no-repeat;
height:559px;
width:100%;
background-position: center;
margin: -14px 0;
}
.menu{
width: 1120px;
height: 40px;
font-size: 12px;
margin: 0 auto;
}
.menu ul li{
float:left;
margin-top: 41px;
margin-left: 33px;
}
.menu a{
color:#fff;
text-decoration: none;
}
.menu a:hover{
color:#ff6c00;
text-decoration: underline;
}
.menu .logo{
width:205px;
height:55px;
background: url(../images/logo.png) no-repeat;
margin: -33px 5px;
}
.banner{
width:600px;
margin:0 auto;
text-align: center;
font-size:27px;
padding-top: 178px;
line-height: 41px;
}
.banner a{
color:#fff;
}
.banner a span{
color:#ff2500;
font-size:32px;
}
.content{
width:1260px;
margin:0 auto;
}
.pop_story div{
margin-top: 88px;
overflow: hidden;
background: #000;
color: #fff;
text-transform: uppercase;
height: 28px;
text-align: center;
font-size:12px;
padding-top: 7px;
padding-bottom: 7px;
}
.pop_content div.pop_story{
border:2px solid #392c29;
border-radius:4px;
float:left;
width:225px;
height:130px;
margin: 10px 40px;
}
.leftmenu{
width:295px;
float:left;
font-size: 12px;
line-height: 21px;
}
.menutitle{
padding: 30px;
width: 240px;
background: url(../images/menufon.png);
color: #fff;
}
.leftmenu ul{
padding: 9px 16px;
list-style: none;
}
/*.leftmenu li:before{
content:'';
background: url(../images/menufon.png);
height: 20px;
width:20px;
}*/
#content{
width:965px;
float:left;
}
.shorttitle{
font-size: 12px;
text-transform: uppercase;
padding: 23px 24px;
width: 415px;
height: 16px;
background: url(../images/shorttitle.png);
color: #fff;
}
.shorttitle a{
color:#fff;
}
.wrp {
float: left;
width: 50%;
margin-bottom: 37px;
}
.story_info {
text-align: left;
text-align: center;
margin-top: 13px;
}
.shortstorycontent{
min-height: 59px;
text-align: left;
font-size: 12px;
font-weight: bold;
}
.rate_stars{
float:left;
width:30%;
}


.views{
font-size: 11px;
text-align: left;
height: 16px;
float: left;
font-size: 12px;
padding: 0 0 0 20px;
background: url(../images/views.png) no-repeat;
margin-top: 7px;
width:23%;
}
.comms{
font-size: 11px;
text-align: left;
height: 16px;
float: left;
font-size: 12px;
height: 13px;
padding: 0 0 0 20px;
background: url(../images/comms.png) 0 3px no-repeat;
margin-top: 8px;
width:47%;
}
.podr{
font-size: 11px;
text-align: left;
height: 16px;
float: left;
font-size: 12px;
padding: 0 0 0 20px;
background: url(../images/podr.png) 0 0 no-repeat;
margin-top: 8px;
}
.data {
text-align: left;
height: 16px;
padding: 0 0 0 20px;
background: url(../images/data.png) 0 1px no-repeat;
}
.shortstoryinfo {
border-top: 3px dashed #d0d0d0;
margin: 13px 0px;
width: 96%;
}

#footer{
background: url(../images/footerfon.png) no-repeat;
height:141px;
width:100%;
background-position: center;
margin-top: 6px;
}
.footmenu{
width: 1120px;
height: 40px;
font-size: 12px;
margin: 0 auto;
}

html,
body {
height: 100%;
}
.wrapper {
display: table;
height: 100%;
width: 100%;
}
.wrapper {
min-height: calc(100vh - 80px);
width: 100%;
}

.headerfulltitle {
text-transform: uppercase;
padding: 3px 24px 56px;
width: 864px;
height: 16px;
background: url(../images/full_title.png);
color: #fff;
}