/*
    <div class="b-news-banner">
       <div class="b-news-banner-img"><img src='/static/less/news/{{STATIC_URL}}img/arkadij.jpg' alt="Чей кофе лучший"></div>
       <a class="b-news-banner-category" href="">СТАТЬИ</a>
       <a class="b-news-banner-title" href="">Чей кофе лучший</a>
   </div>
*/
.b-news-banner {
  margin-top: 38px;
  margin-bottom: 38px;
  border: 3px solid #e0e0e0;
  padding: 15px 40px;
}
.b-news-banner .b-news-banner-img {
  margin-bottom: 12px;
  text-align: center;
}
.b-news-banner .b-news-banner-img img {
  display: block;
}
.b-news-banner .b-news-banner-category {
  display: block;
  font-size: 11px;
  color: #333333;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 7px;
  text-decoration: none;
}
.b-news-banner .b-news-banner-title {
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
.b-news {
  float: left;
  width: 280px;
  margin-right: 40px;
  margin-bottom: 70px;
}
.b-news a {
  color: #333333;
  text-decoration: none;
}
.b-news a:hover {
  text-decoration: underline;
}
.b-news.b-news-last,
.b-news:nth-child(2n+1) {
  margin-right: 0px;
}
.b-news .b-news-description {
  font-size: 15px;
  padding-bottom: 4px;
}
.b-news .b-news-img-placeholder {
  width: 280px;
  overflow: hidden;
  margin-bottom: 13px;
}
.b-news .b-news-social {
  margin-top: 9px;
  font-weight: normal;
  font-size: 11px;
  color: #8d8d8d;
  padding-left: 2px;
}
.b-news .b-news-comments {
  line-height: 10px;
  background: url('/static/img/news/msg-icon.gif?d90cfc34134f') left center no-repeat;
  padding-left: 14px;
  margin-left: 5px;
  font-weight: normal;
}
.b-news .b-news-date {
  color: #8d8d8d;
  font-weight: normal;
}
.b-news .b-news-title {
  font-size: 15px;
  margin-bottom: 12px;
}
.b-news.b-news-main {
  float: none;
  clear: both;
  width: 620px;
  margin-bottom: 42px;
  /*
        .b-news-category {
            color:#8d8d8d;
            text-transform: upper;
            text-decoration:none;
            font-size: 10px;
            height:8px;
            display:block;
            margin-bottom:12px;
        }
        */
}
.b-news.b-news-main .b-news-comments {
  margin-left: 17px;
}
.b-news.b-news-main .b-news-img-placeholder {
  width: 620px;
}
.b-news.b-news-main .b-news-social {
  font-weight: normal;
  font-size: 11px;
  color: #8d8d8d;
}
.b-news.b-news-main .b-news-date {
  color: #8d8d8d;
}
.b-news.b-news-main .b-news-title {
  font-size: 22px;
  margin-bottom: 7px;
}
.b-news-category {
  color: #8d8d8d !important;
  text-transform: upper;
  text-decoration: none;
  font-size: 10px;
  height: 8px;
  display: block;
  margin-bottom: 12px;
}
.block {
  display: block !important;
}
aside {
  float: right;
  padding-top: 18px;
  margin-right: 13px;
  width: 253px;
}
aside .banner-placeholder {
  border: 7px solid #e0e0e0;
}
aside .banner-placeholder img {
  display: block;
}
section {
  float: left;
  padding-top: 18px;
}
section .content_left {
  width: 626px;
  float: left;
  padding-left: 5px;
}
section .content_right {
  width: 253px;
  float: left;
  margin-left: 32px;
}
/*
<div class="b-all-news">
    <h2>Все новости</h2>
    <ul class="b-all-news-list">
        <li class="b-all-news-item">
            <span class="b-all-news-date">31.12.2012, 18:30</span>
            <p class="b-all-news-description">Начало карьеры в ресторанном бизнесе <b class="b-all-news-comments">31</b></p>
        </li>
    </ul>
</div>
*/
.b-all-news {
  margin-top: 5px;
  border: 3px solid #e0e0e0;
  padding-bottom: 10px;
}
.b-all-news a {
  color: #333333;
  text-decoration: none;
}
.b-all-news a:hover {
  text-decoration: underline;
}
.b-all-news .b-all-news-fulllist {
  margin-left: 15px;
  color: #333333;
  text-decoration: none;
  font-style: italic;
  font-size: 13px;
}
.b-all-news .b-all-news-item {
  margin-bottom: 8px;
}
.b-all-news .b-all-news-title {
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 22px;
  margin-bottom: 33px;
}
.b-all-news .b-all-news-description {
  line-height: 21px;
  margin: 0px;
}
.b-all-news .b-all-news-date {
  font-size: 10px;
  color: #8d8d8d;
}
.b-all-news .b-all-news-item {
  margin-left: 9px;
  margin-right: 9px;
}
.b-all-news-comments {
  line-height: 10px;
  background: url('/static/img/news/msg-icon.gif?d90cfc34134f') left center no-repeat;
  padding-left: 14px;
  margin-left: 5px;
  font-size: 10px;
  font-weight: normal;
}
/*
<div class="b-news b-news-main">
    <div class="b-news-img-placeholder"></div>
    <a class="b-news-category" href="">СТАТЬИ</a>        
    <h2 class="b-news-title">Название новости какой нибудь</h2>
    <div class="b-news-description">
        С начала июля Федеральный Роструд обязали консультировать работников.
        С начала июля Федеральный Роструд обязали консультировать работников.
    </div>
    <div class="b-news-social">
        <b class="b-news-date">23.12.2011</b>
        <b class="b-news-comments">31</b>
    </div>
</div>
*/
.b-new-block {
  clear: both;
}
.b-new-block .b-news:nth-child(3n+2),
.b-new-block .b-news.counter-two {
  /*outline: 1px solid black;*/
  margin-right: 40px;
}
.b-new-block .b-news:nth-child(3n+1),
.b-new-block .b-news.counter-one {
  margin-right: 40px;
  /*outline: 1px dashed green;*/
  clear: left;
}
.b-new-block .b-news:nth-child(3n),
.b-new-block .b-news.counter-three {
  margin-right: 0px;
  /*outline: 1px dashed red;*/
}
.b-news-show-more {
  height: 25px;
  text-align: center;
  display: block;
  width: 123px;
  padding-left: 34px;
  background: url('/static/img/news/show-more.gif?d90cfc34134f') no-repeat left center;
  clear: both;
  margin: 0px auto;
  margin-bottom: 30px;
}
.b-news-show-more a {
  padding-top: 3px;
  line-height: 16px;
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
  border-bottom: 1px dotted #333333;
  font-weight: bold;
  font-size: 11px;
  float: left;
}
.footer {
  width: 1230px;
  margin: 0px auto;
  height: 140px;
  border-top: solid #e0e0e0 1px ;
}
.footer .copyright {
  color: #999999;
  float: left;
  width: 242px;
  font-size: 15px;
}
.footer .menu {
  float: left;
}
.footer .menu li {
  width: 174px;
  height: 22px;
  display: block;
}
.footer .menu li a {
  line-height: 22px;
  font-size: 15px;
  color: #333333;
}
.footer .one {
  margin-right: 230px;
}
.footer .two {
  margin-right: 230px;
}
/*
<div class="b-most-read">
    <h2 class="b-most-read-title">Самое читаемое</h2>
    <ul>
        <li class="b-most-read-item">
            <p class="b-most-read-img"><img url('/static/img/news/cvetok.jpg?d90cfc34134f')></p>
            <b class="b-most-read-date">31.12.2012, 1830</b>
            <p class="b-most-read-description">Начало карьеры в ресторанном бизнесе</p>
            <a class="b-most-read-comment" href="">31</a>
        </li>
    </ul>
</div>
*/
.b-more-read {
  margin-top: 40px;
  color: #333;
  clear: both;
  padding-top: 60px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-bottom: 60px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.b-more-read .b-most-read-item {
  margin-bottom: 30px;
  margin-left: 10px;
  margin-bottom: 34px;
  display: block;
}
.b-more-read .b-most-read-title {
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
.b-more-read .b-most-read-img {
  float: left;
  margin: 0px;
  margin-right: 11px;
  padding: 0px;
}
.b-more-read .b-most-read-img img {
  display: block;
}
.b-more-read .b-most-read-date {
  color: #8d8d8d;
  font-weight: normal;
  font-size: 10px;
  display: block;
  top: -5px;
  position: relative;
}
.b-more-read .b-most-read-description {
  font-size: 15px;
  line-height: 1.3;
  padding-bottom: 0px;
}
.b-more-read .b-most-read-description a {
  text-decoration: none;
  color: #333;
}
.b-more-read .b-most-read-comment {
  margin-left: 5px;
  line-height: 10px;
  background: url('/static/img/news/msg-icon.gif?d90cfc34134f') left center no-repeat;
  padding-left: 14px;
  font-size: 10px;
  font-weight: normal;
  color: #8d8d8d;
  text-decoration: none;
}
.b-more-read .b-most-read-item {
  float: left;
  margin-right: 30px;
}
.b-more-read .b-most-read-item:nth-child(3n) {
  margi-right: 0px;
}
.b-more-read .b-most-read-title {
  font-size: 17px;
  text-align: left;
}
.b-most-read {
  margin-top: 40px;
  color: #333;
}
.b-most-read .b-most-read-item {
  margin-bottom: 30px;
  margin-left: 10px;
  margin-bottom: 34px;
  display: block;
}
.b-most-read .b-most-read-title {
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
.b-most-read .b-most-read-img {
  float: left;
  margin: 0px;
  margin-right: 11px;
  padding: 0px;
}
.b-most-read .b-most-read-img img {
  display: block;
}
.b-most-read .b-most-read-date {
  color: #8d8d8d;
  font-weight: normal;
  font-size: 10px;
  display: block;
  top: -5px;
  position: relative;
}
.b-most-read .b-most-read-description {
  font-size: 15px;
  line-height: 1.3;
  padding-bottom: 0px;
}
.b-most-read .b-most-read-description a {
  text-decoration: none;
  color: #333;
}
.b-most-read .b-most-read-comment {
  margin-left: 5px;
  line-height: 10px;
  background: url('/static/img/news/msg-icon.gif?d90cfc34134f') left center no-repeat;
  padding-left: 14px;
  font-size: 10px;
  font-weight: normal;
  color: #8d8d8d;
  text-decoration: none;
}
.b-news-fullitem h2 {
  font-size: 25px;
  font-family: "Arial";
  color: #262626;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 11px;
  font-weight: normal;
}
.b-news-fullitem .b-news-fullitem-img {
  width: 620px;
  height: 350px;
  margin-top: -2px;
  margin-bottom: 29px;
}
.b-news-fullitem .b-news-fullitem-img img {
  display: block;
}
.b-news-fullitem p {
  font-size: 15px;
  font-family: "Arial";
  color: #262626;
  line-height: 1.5;
  text-align: left;
  padding-bottom: 30px;
}
.b-news-fullitem h6 {
  margin-top: 17px;
  margin-bottom: 34px;
  padding: 40px 0px;
  text-align: center;
  font-size: 21px;
  color: #000;
  line-height: 1.2;
  border-top: 1px #e0e0e0 solid;
  border-bottom: 1px #e0e0e0 solid;
  font-family: Georgia;
  font-weight: normal;
}
.b-news-fullitem h3 {
  margin-top: 17px;
  font-size: 21px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 45px;
}
.b-news-fullitem table {
  width: 100%;
}
.b-news-fullitem table th {
  text-align: center;
  font-weight: normal;
}
.b-news-fullitem table th p {
  text-align: center;
}
.b-news-fullitem table th img {
  display: block;
  margin: 0px auto;
}
.b-news-fullitem table th,
.b-news-fullitem table td {
  vertical-align: top;
  min-width: 250px;
}
.b-news-fullitem table th h3,
.b-news-fullitem table td h3 {
  font-size: 12px;
  padding: 0px;
  margin: 0px;
}
.b-news-fullitem table th h4,
.b-news-fullitem table td h4 {
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
  line-height: 1;
}
.b-news-breadcrumbs {
  font-size: 11px;
  color: #8d8d8d;
}
.b-news-breadcrumbs a {
  color: #8d8d8d;
  text-decoration: none;
  padding: 0px 3px;
}
.b-news-breadcrumbs a:hover {
  text-decoration: underline;
}
.b-news-breadcrumbs i {
  padding: 0px 3px;
}
.b-news-gallery .b-news-gallery-title {
  margin-bottom: 17px;
}
.b-news-gallery .b-news-gallery-slider {
  width: 620px;
  height: 415px;
  position: relative;
  overflow: auto;
}
.b-news-gallery .b-news-gallery-slider li {
  list-style: none;
}
.b-news-gallery .b-news-gallery-slider ul li {
  float: left;
  width: 620px;
  height: 415px;
}
/*
 <div class="b-news-by-date-list-item">
    <a href="" class="b-news-by-date-list-item-img"><img src='/static/less/news/{{STATIC_URL}}img/news/divan.jpg'></a>
    <div class="b-news-by-date-list-item-date">31.12.2012, 18:30</div>
    <a href="" class="b-news-by-date-list-item-description">
        Начало карьеры в ресторанном бизнесе
        <span class="b-news-by-date-list-item-comments">31</span>
    </a>
</div>
*/
.b-news-by-date {
  width: 920px;
}
.b-news-by-date-title {
  margin-bottom: 42px;
}
.b-news-by-date-list {
  margin-top: 42px;
  margin-bottom: 73px;
}
.b-news-by-date-list .b-news-by-date-list-title {
  font-size: 24px;
  color: #333333;
  display: block;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 9px;
}
.b-news-by-date-list-item {
  float: left;
  margin-right: 30px;
  padding-top: 32px;
  padding-bottom: 32px;
  height: 100px;
  width: 275px;
}
.b-news-by-date-list-item:nth-of-type(3n+3) {
  margin-right: 35px;
}
.b-news-by-date-list-item .b-news-by-date-list-item-img {
  float: left;
  margin-right: 12px;
}
.b-news-by-date-list-item .b-news-by-date-list-item-img img {
  display: block;
}
.b-news-by-date-list-item .b-news-by-date-list-item-date {
  color: #8c8c8c;
  font-size: 11px;
  padding-bottom: 5px;
}
.b-news-by-date-list-item .b-news-by-date-list-item-description {
  color: #333;
  font-size: 15px;
  line-height: 1.3;
  text-decoration: none;
}
.b-news-by-date-list-item .b-news-by-date-list-item-description:hover {
  text-decoration: underline;
}
.b-all-news-comments,
.b-most-read-comment {
  display: none;
}
.b-news-main {
  margin-top: 5px;
}

/*
.clearfix {
    display: inline-block;
}
*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/*
// commnets start 
.b-comments {
    //width: 100%;
    //width: 620px;
    clear:both;
    .clearfix;
    .b-comments-item {
        
    }
    
    margin-bottom: 39px;
    
    &>.firstlevel_comment {
        border-top: 1px solid #e4e4e4;
        //margin-bottom: 20px;
    }
    
    .secondlevel_comment{
        border-top: 1px solid #F00;
    }
}
.b-comments-add {
    border-top: 1px solid #e4e4e4;
    clear:both;
    .clearfix;
    width:100%;
    padding: 35px 0px;
    border-bottom: 7px solid #e4e4e4;
    .b-comments-add-button {margin:0px auto;display:block;}
}
.b-comments-item-userinfo {
    float:left;
    width: 190px;
    margin-right: 50px;
    
    .b-comments-item-userinfo-img {
        float:left;
        width: 50px;
        height: 50px;
        margin-right: 12px;
        overflow:hidden;
        background: #ccc;
    }
    
    .b-comments-item-userinfo-name {
        font-size: 13px;
        font-weight: bold;
        color: #333;
        display:block;
    }
    .b-comments-item-userinfo-working {
        font-size: 13px;
        color: #a6a6a6;
        display:block;
    }
    .b-comments-item-userinfo-status {
        font-size: 13px;
        color: #a6a6a6;
        display:block;
    }
    
}
.b-comments-item-flame-msg {
    .clearfix;
    //width: 650px;
    width: 364px;
    //border-bottom: 1px solid #e4e4e4;
    //margin-bottom: 20px;

    a.b-comments-item-flame-msg-date-answer {
        display: none;
        text-decoration: none;
        &:hover{text-decoration: underline;}
    }
    &:hover a.b-comments-item-flame-msg-date-answer{display: inline;}
    &:hover span.date{display: none;}
    
    .rate_minus{
        img{
            vertical-align: middle;
        }
        display: none;
    }
    .rate_plus{
        display: none;
    }
    

    
    &:hover a.rate_minus{
        position: relative;
        top:0px;
        //left: 28px;
        display: inline;
    }
    &:hover a.rate_plus{
        position: absolute;
        top: 0px;
        left: -10px;
        display: inline;
    }
}
.b-comments-item-flame-msg-text {
    margin-bottom: 20px;
    font-size: 13px;
    color: #333333;
    line-height: 1.3;
}
.b-comments-title{
    font-size: 17px;
    font-family: "Arial";
    color: rgb( 51, 51, 51 );
    font-weight: bold;
    line-height: 1;
    text-align: left;
}
.b-comments-item {
    padding-top: 30px;
    clear: both;
}
.b-comments-item-flame {
    .clearfix;    
    //width: 650px;
    //width: 350px;
    .b-comments-item {
        margin-top: 26px;
        border-top: 1px solid #e4e4e4;            
    }
    
    
    
    .b-comments-item-userinfo {
        //margin-bottom: 20px;
    }
    
    
    &.firstlevel_comment>.b-comments-item-flame-msg{
        border-bottom: none !important;
    }
    
    &.secondlevel_comment{
        display: block;        
    }
    &.secondlevel_comment>.b-comments-item-flame-msg{
        display: block;
    }
}
.b-comments-item-flame-msg-rating {
    position: relative;
    padding:0px;
    float:left;
    display: inline-block;
    padding-left: 15px;
    margin-left:3px;
    background: url('/static/img/news/rating-icon.gif?d90cfc34134f') no-repeat center left;
    font-size: 11px;
    color: #a6a6a6;
    
    line-height: 22px;
}

.b-comments-item-flame-msg-date {
    float: right;
    font-size: 11px;
    color: #a6a6a6;
    
}

.b-comments-answer {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 26px;
    
    .clearfix;
}

.b-comments-answer-form {
    float: right;
    textarea {
        margin-bottom: 13px;
        //width: 648px;
        width: 348px;
        display: block;
        height: 175px;
        border: 1px solid ##a6a6a6;
    }
}
/* commnets end */
.all_comments_box .comment_box {
  border-top: 1px solid #e4e4e4;
  padding-top: 40px;
  padding-bottom: 20px;
}
.all_comments_box .comment_box.second_level {
  margin-top: 20px;
  padding-bottom: 0px;
}
.all_comments_box .comment_box:first-child {
  border-top: none !important;
}
.all_comments_box .comment_box .user_info {
  float: left;
  width: 190px;
  margin-right: 50px;
}
.all_comments_box .comment_box .user_info.second_level {
  float: none;
  margin-bottom: 20px;
}
.all_comments_box .comment_box .user_info .img {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 12px;
  overflow: hidden;
}
.all_comments_box .comment_box .user_info .name {
  font-size: 13px;
  font-weight: bold;
  color: #333;
  display: block;
}
.all_comments_box .comment_box .user_comment {
  width: 364px;
  float: right;
}
.all_comments_box .comment_box .user_comment .inner .comment_text {
  margin-bottom: 20px;
  font-size: 13px;
  color: #333333;
  line-height: 1.3;
}
.all_comments_box .comment_box .user_comment .inner .comment_rating {
  position: relative;
  padding: 0px;
  float: left;
  height: 22px;
  display: inline-block;
  padding-left: 15px;
  margin-left: 3px;
  background: url('/static/img/news/rating-icon.gif?d90cfc34134f') no-repeat center left;
  font-size: 11px;
  color: #a6a6a6;
  line-height: 22px;
}
.all_comments_box .comment_box .user_comment .inner .comment_rating .rate_minus {
  display: none;
}
.all_comments_box .comment_box .user_comment .inner .comment_rating .rate_minus img {
  vertical-align: middle;
}
.all_comments_box .comment_box .user_comment .inner .comment_rating .rate_plus {
  display: none;
}
.all_comments_box .comment_box .user_comment .inner .comment_rating:hover a.rate_minus {
  position: relative;
  top: 0px;
  display: inline;
}
.all_comments_box .comment_box .user_comment .inner .comment_rating:hover a.rate_plus {
  position: absolute;
  top: 0px;
  left: -10px;
  display: inline;
}
.all_comments_box .comment_box .user_comment .inner .comment_date {
  float: right;
  font-size: 11px;
  color: #a6a6a6;
  width: 120px;
  text-align: right;
  line-height: 22px;
}
.all_comments_box .comment_box .user_comment .inner .comment_date a.answer_link {
  display: none;
  text-decoration: none;
}
.all_comments_box .comment_box .user_comment .inner .comment_date a.answer_link:hover {
  text-decoration: underline;
}
.all_comments_box .comment_box .user_comment .inner .comment_date:hover a.answer_link {
  display: inline;
}
.all_comments_box .comment_box .user_comment .inner .comment_date:hover span.date {
  display: none;
}
.all_comments_box .comment_box .answer_form_box {
  float: right;
}
.all_comments_box .comment_box .answer_form_box textarea {
  margin-bottom: 13px;
  width: 348px;
  display: block;
  height: 175px;
  border: 1px solid ##a6a6a6;
}
.comment_answer_box {
  padding-top: 0px !important;
  border-top: none !important;
  margin-top: 0px !important;
  margin-bottom: 20px;
}