@import url(normalize.css);
@import url(font-awesome.min.css);
@import url(engine.css);
@import "http://webfonts.ru/import/ubuntu.css";
/*
    Ubuntu, 300, 300 italic, 400, 400 italic, 500, 500 italic, 700, 700 italic
*/
@import "http://webfonts.ru/import/roboto.css";
/*
    Roboto, 100, 100 italic, 300, 300 italic, 400, 400 italic, 500, 500 italic, 700, 700 italic, 900, 900 italic
*/

* {
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
body {
    font: 12px/18px Arial, sans-serif;
    width: 100%;
    background: url("../images/top_bg.png") center top no-repeat,
    url("../images/top_b_bg.png") center top;
}
input {
    padding: 5px 10px;
    width: 230px;
    margin-bottom: 5px;
    outline: none;
    border: 1px solid #aaa;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
input:hover, input:focus {
    border: 1px solid green;
}
textarea {
    margin-bottom: 5px;
    outline: none;
    border: 1px solid #aaa;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
textarea:hover {
    border: 1px solid green;
}

a {
    color: green;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
a:hover {
    color: tomato;
}
.fbutton,.bbcodes {
    width: 200px;
    height: 30px;
    border: 0;
    outline: none;
    background: #009E61;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin: 10px auto 10px;
}
.fbutton:hover,.bbcodes:hover {
    opacity: 0.9;
}
.clearfix,.clearfix:after,.clearfix:before {
    clear: both;
    content: "";
    display: table;
    visibility: hidden;
}
.sprite {background: url("../images/sprite.png") no-repeat top left; vertical-align: top;}
.sprite.admin {background-position: 0px 0px; width: 42px; height: 29px;}
.sprite.ads {background-position: -52px 0px; width: 15px; height: 15px;float: right;vertical-align: top;margin-top: -15px;}
.sprite.chat {background-position: -77px 0px; width: 36px; height: 28px;}
.sprite.comment {background-position: -123px 0px; width: 20px; height: 16px;float: left;margin-top: 0.4em; margin-right: 0.3em;}
.sprite.download {background-position: -153px 0px; width: 22px; height: 17px;float: left;margin-top: 0.4em;margin-right: 0.3em;}
.sprite.download_gray {background-position: -185px 0px; width: 18px; height: 14px;float: right;vertical-align: top;margin-top: -15px;}
.sprite.faq {background-position: -213px 0px; width: 43px; height: 30px;}
.sprite.flag {background-position: -266px 0px; width: 14px; height: 14px;float: right;vertical-align: top;margin-top: -15px;}
.sprite.forum {background-position: -290px 0px; width: 41px; height: 31px;margin-bottom: 5px;}
.sprite.full {background-position: -341px 0px; width: 18px; height: 18px;float: left;margin-top: 4px;margin-right: 0.3em;}
.sprite.home {background-position: -369px 0px; width: 30px; height: 29px;}
.sprite.login {background-position: -409px 0px; width: 38px; height: 29px;float: left;margin-right: 0.5em;}
.sprite.rules {background-position: -457px 0px; width: 30px; height: 30px;}
.sprite.star {background-position: -497px 0px; width: 17px; height: 17px;float: left;margin-top: 4px;margin-right: 0.3em;}
.sprite.torrent {background-position: -524px 0px; width: 28px; height: 28px;}
.wrapper {
    width: 1230px;
    margin: 0 auto;
}
.header {
    width: 1240px;
    margin: 51px auto;
}
.logo__block {
    width: 313px;
    display:block;
    float: left;
}
.logo__block .logo {
    background:url("../images/logo.png");
    width: 205px;
    height: 48px;
    display: block;
}
nav.top__navigation {
    width: 686px;
    display: block;
    float: left;
}
nav.top__navigation ul {
    margin: 0;
    padding: 0;
}
nav.top__navigation ul li {
    display:inline-block;
    margin-right: 18px;
    vertical-align: top;
}
nav.top__navigation ul li a {
    text-transform: uppercase;
    color: #222;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
    font-weight: 700;
}
nav.top__navigation span {
    display: block;
    text-align: center;
    margin: 0 auto 8px;
    
}
nav.top__navigation li {
    border-radius: 8px;
    background:transparent;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 5px;
}
nav.top__navigation li:hover,nav.top__navigation li a:hover {
    background: rgba(224,240,234,0.8);
    color: tomato;
}
.login__block {
    float: right;
    display: block;
    width: 144px;
    margin-top: 0.5em;
}
.login__block .login__link {
    color: white;
    font-family: Museo Cyrl;
    font-size: 14px;
    text-decoration: underline;
}
.login__block .login__link:hover {
    text-decoration: none;
}
.login-box__wrapper {
    position: relative;
    right:150px;
    margin-right: 10px;
}
.login-box__container:after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-left: -8px;
    width: 0; height: 0;
    border-bottom: 8px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.login-box__wrapper .login-box__container {
    background: #fff;
    width: 250px;
    padding: 20px 5px 20px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);
    z-index: 1;
    margin-top: 1em;
    display: none;
    border-radius: 0 0 3px 3px;
    position: absolute;
}
.login__form {
    padding:5px;
}
.login-box__container a {
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}
.login-box__container a:hover {
    color: tomato;
}
.right-text {
    float: right;
}
.user__avatar {
    float: left;
}
.user__avatar img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #fff;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
    
}
.user__content {
    float: right;
}
.user__content ul {
    padding: 0;
    margin: 0 0;
    list-style: none;
}
.user__content li {
    font-size: 12px;
    font-family: Roboto;
}
.hello__user {
    font-size: 14px!important;
    padding: 0 5px;
    margin-bottom: 5px
}
.hello__user b {
    color: orange;
}
.login__form input {
    padding: 5px 10px;
    margin-bottom: 5px;
    width:218px;
    border: 1px solid #aaa;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    outline: none;
    
}
.login__form input:hover,
.login__form input:focus {
    border: 1px solid green;
}
.login__form button.login, .logout {
    width: 100%;
    height: 30px;
    border: 0;
    outline: none;
    background: #009E61;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.login__form button.login:hover, .logout {
    opacity: 0.9;
}
.logout {
    position: relative;
    top: 5px;
}
a.logout {
    padding:5px;
    color: #fff;
}
.isicons {
    float: right;
}
.isicons ul {
    padding: 0;
    margin-top: 20px;
    list-style: none;
}
.isicons ul li {
    display: block;
}
.header__search {
    width: 1240px;
    display: block;
    margin: 56px auto;
}
.header__search .search__form {
    color: #555;
    font-family: Museo Cyrl;
    font-size: 24px;
}
.header__search .search__form {
    width: 1200px;
    background: #fff;
    padding: 4px 10px;
    outline: none;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 2, 0.2);
}
.header__search .search__form input[type="text"] {
    width: 1150px;
    padding: 8px 10px;
    border: none;
    outline: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.search__form .search__send {
    float: right;
    position: relative;
    margin-top: -35px;
    margin-right: 11px;
    border: 0;
    background-position: 0px 0px;
    background: url("../images/search_btn.png");
    width: 27px;
    height: 28px; 
    outline: none;
}
.search__form .search__send:hover {
    background-position: 0px -28px;
}
.top__news {
    display: block;
    width: 1240px;
    overflow: hidden;
    margin: 0 auto 20px;
}
.top__news .top__item {
    display:block;
    margin-right: 8.5px;
    vertical-align: top;
    margin-bottom: 10px;
    float: left;
}
.top__item {
    max-width: 299px;
    overflow: hidden;
}
.main_poster {
    /*height: 199px;*/
    max-width: 299px;
    overflow: hidden;
    transition: 0.5s;
    opacity: 0.7;
}
.main_poster:hover {
    opacity: 1;
}
.top__item .caption {
    display:block;
    position: relative;
    background: rgba(51,127,91,0.5);
    margin-top: -75px;
    height: 27px;
    text-align: center;
    padding: 10px
}
.caption .title {
    color: white;
    font-family: Museo Cyrl;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    overflow: hidden;
}
.top__item .meta__item {
    background: #009e61;
    padding: 6px 0 5px 10px;
    border-radius: 0 0 5px 5px;
    display: block;
    position: relative;
    height: 29px;
    margin-top: -12px;
    color: white;
    font-size: 14px;
    line-height: 22px;
    font-family: Roboto;
    font-weight: 400;
}
.meta__item ul {
    padding: 0;
    margin: 0;
}
.meta__item ul li {
    display: inline-block;
}
.meta__item ul li:last-child {
    position: relative;
    float: right;
    left: 20px;
}
.meta__item .comments {
    vertical-align: middle;
    line-height: 30px;
    width: 65px;
    float: left;
}
.meta__item .ratings {
    vertical-align: middle;
    line-height: 30px;
    width: 10px;
    float: left;
}
.meta__item .downloads {
    vertical-align: middle;
    line-height:30px;
    width: 93px;
    float: left;
}
.story__meta .comments {
    vertical-align: middle;
    width: 126px;
    float: left;
    line-height: 25px;
}
.story__meta .ratings {
    vertical-align: middle;
    width: 99px;
    float: left;
    line-height: 25px;
    text-transform: uppercase;
    margin-left: 2px;
}
.story__meta .downloads {
    vertical-align: middle;
    width: 80px;
    float: left;
    line-height: 28px;
}
.story__meta .full_link, .meta__item .full_link {
    vertical-align: middle;
    width: 75px;
    float: left;
    line-height: 28px;
}
.meta__item .full_link {
    width: 102px;
}
.story__meta .full_link a, .meta__item .full_link a, .downloads a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.story__meta .full_link a:hover, .meta__item .full_link a:hover, .downloads a:hover {
    color: black;
}
.story__footer {
    background: #009e61;
    margin-top: 12px;
    border-radius: 0 0 3px 0;
}
.story__meta {
    color: white;
    font-size: 13px;
    line-height: 26px;
    font-family: Roboto;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 10px;
    height:35px;
}
.story__meta ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.story__meta ul li {
    display: inline-block;
    margin-top:2px;
}
.story__meta span {
    float: left;
    margin-right: 0.5em;
    text-transform: uppercase;
}
.main__container {
    display: block;
    overflow: hidden;
    width: 1240px;
    margin: 0 auto;
}
.content__wrapper {
    width: 1230px;
    margin: 0 auto;
}
.left__container .anons__wrapper {
    margin-bottom: 20px;
    background: #fff;
    border: 7px solid #009e61;
}
.anons {
    font-family: Ubuntu;
    font-size: 13px;
    color: #333;
    font-weight: 400;
    padding:30px;
}
.anons p {
    margin-bottom:1em;
}
.anons_title {
    color: #222;
    font-family: Museo Cyrl;
    font-size: 28px;
    line-height: 24px;
    width:370px;
    float: left;
}
.anons_title a {
    color: #222;
    text-decoration: none;
}
.full__link {
    color: #009e61;
    font-weight: 700;
    text-decoration: underline;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.full__link:hover {
    text-decoration: none;
}
.left__container {
    width: 915px;
    display: block;
    float: left;
}
.left__container .story {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 5px;
    color: #333;
    font-size: 11px;
    font-weight: 400;
    font-family: Ubuntu;
}
.article__poster {
    width: 299px;
    height: 424px;
    overflow: hidden;
    display: block;
    float: left;
}
.poster {
    width: 299px;
    height:auto;
    overflow: hidden;
    transition: 0.5s;
    opacity: 0.7;
}
.poster:hover {
    opacity: 1;
}
.article__content {
    height: 424px;
    font-family: Ubuntu;
    overflow: hidden;
}
.article__title {
    padding: 0 15px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.article__title > h2 a {
    color: #222;
    font-family: Museo Cyrl;
    font-size: 24px;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.article__title > h2 a:hover {
    color: green;
}
.article__info {
    display: block;
    height: 331px;
    overflow: hidden;
}
.article__info ul {
    list-style: none;
    padding: 0 15px;
}
.padding {
    height: 7px;
    overflow: hidden;
}
.article__info span {
    font-weight: bold;
}
.sidebar {
    width: 301px;
    float: right;
    position: relative;
    right: 6px;
}
.sidebar__content {
    display: block;
}
.sidebar__content .sidebar__menu {
    background: rgba(45,45,45,0.95);
    margin-bottom: 10px;
    border-radius: 3px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    font-style: Roboto;
}
.sidebar__menu nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar__menu nav ul li {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); 
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    line-height: 42px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.sidebar__menu nav ul li:hover {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%); 
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.sidebar__menu nav ul li a {
    padding: 0 15px 0;
    color: white;
    text-decoration: none;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: block;
}
.sidebar__menu nav ul li a:after {
    content: "\f054";
    font-family: FontAwesome;
    float: right;
    position: relative;
    right: 5px;
    color: #6c6c6c;
}
.sidebar__menu nav ul li a:hover,.sidebar__menu nav ul li a:hover:after {
    color: green;
}
ul.drop li {
    display: none;
}
ul.drop li a {
    margin-left:10px;
    font-size: 13px;
}
ul.drop li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right: 10px;
}
.sidebar__content .side__item {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 3px;
}
.side__header {
    background: #e5f5ef;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    margin-bottom: 10px;
}
.side__header h3 {
    color: #222;
    font-family: Museo Cyrl;
    font-size: 16px;
    padding: 0 15px
}
.side__content {
    color: #333;
    font-size: 11px;
    font-weight: 700;
    font-family: Roboto;
}
.side__content div {
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
}
.side__content ul {
    padding:0;
    margin: 0;
    list-style: none;
}
.side__content ul li {
    padding: 10px 26px;
    background: transparent;
    border-bottom: 1px solid #ddd;
    line-height: 10px
}
.side__content ul li:hover {
    background: #ccecdf;
}
.side__content ul li a {
    color: #333;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}
.side__content ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 8px;
    color: #007c3f;
}
.ads__content {
    margin: 0 auto;
    text-align: center;
}
.pagination {
    border: 2px solid rgba(0,158,97,0.5);
    padding: 10px;
    border-radius: 3px;
    margin-top: 15px;
}
.pagination__nav {
    color: #009e61;
    font-family: Museo Cyrl;
    font-size: 14px;
    line-height: 22px;
}
.pagination__nav a {
    color: #009e61;
    text-decoration: none;
}
.pagination__nav ul {
    padding: 0;
    margin: 0;
}
.pagination__nav ul li {
    display: inline-block;
    float: left;
    margin-right: 50px;
}
.pagination__nav ul li a {
    color: #222;
    font-size: 18px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.pagination__nav ul li a:hover {
    color: #009e61;
}
.pagination__nav ul li a span {
    color: #009e61;
    font-size: 24px;
}
.pagination__nav:after {
    content: "";
    clear: both;
    display: table;
}
.pagination__nav .prev {
    float: left;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.pagination__nav .next {
    float: right;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.pagination__nav .prev:hover,.pagination__nav .next:hover {
    color: tomato;
}
.paginator__center {
    text-align: center;
    margin: 0 auto;
    width: 252px;
}
.footer {
    width: 1240px;
    margin: 150px auto 50px;
}
.footer__container {
    width: 1220px;
    margin: 0 auto;
}

.left__footer-side {
    width: 313px;
    display: block;
    float: left;
}
.footer__copyrite {
    color: #222;
    font-size: 12px;
    font-weight: 400;
    font-family: Roboto;
    margin-bottom: 10px;
}
.footer__copyrite span {
    color: #009e61;
}
.footer__developer {
    width: 88px;
    display: block;
}
.footer__information {
    width: 665px;
    display: block;
    float: left;
}
.footer__navigation {
    color: #222;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    font-family: Roboto;
}
.footer__navigation a {
    color: #222;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.footer__navigation h3 {
    color: #009e61;
    font-family: Museo Cyrl;
    font-size: 14px;
    text-transform: uppercase;
}
.footer__navigation a:hover {
    text-decoration: none;
    color: green
}
.footer__navigation nav {
    display: inline-block;
    margin-right: 50px;
}
.footer__navigation nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer__navigation .footer__contact {
    display: inline-block;
}
.footer__navigation .footer__contact ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer__counter {
    display: block;
    float: right;
    margin-top: -42px;
}
.base,.bcomment,.dpad,.global__news {
    background: #fff;
    padding: 15px;
}
.base ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.bcomment {
    padding: 10px;
    border-top: 5px solid green;
    border-bottom: 5px solid green;
    margin-top: 10px;
    margin-bottom: 30px;
}
.lcol {
    float: left;
    border-radius: 50%;
    margin-right: 10px;
}
.lcol img {
    border-radius: 50%;
}
.dtop ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.comedit ul li {
    display: inline;
    margin-right: 10px;
}
.cominfo {
    background: #fff;
    padding: 10px;
}
.cominfo ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.dcont {
    background: #dbddd9;
    color: #000;
    padding: 10px;
}
.dcont ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.berrors {
    background: #fe7a4c;
    padding: 10px;
    text-align: center;
}
.pheading {
    padding: 10px;
}
.pheading h2 {
    margin: 10px auto 10px;
}
.userinfo ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.side_img {
    overflow: hidden;
    transition: 0.5s;
    cursor: pointer;
}
.side_img:hover {
    opacity: 0.7;
}
.hide {
    display: none !important;
}
.maincont img {
    padding-right: 11px
}