@charset "utf-8";
@import url('//cdn.rawgit.com/rastikerdar/sahel-font/v3.4.0/dist/font-face.css');
/* CSS Document - v3.0.5 */
@media print {
    .bx_left {
        display: none;
    }

    .bx_right {
        display: none;
    }

    .footer_contain_bg {
        display: none;
    }

    .footer_contain {
        display: none;
    }

    .footer {
        display: none;
    }

    .content_bg {
        display: none;
    }

    .main_menu {
        display: none;
    }

    .header {
        display: none;
    }

    .post_detail {
        display: none;
    }

    .messages {
        display: none;
    }

    .post_comments {
        display: none;
    }

    .cmt_reply {
        display: none;
    }

    .commentForm {
        display: none;
    }

    .pagination {
        display: none;
    }

    .page_cls {
        display: none;
    }

    .post_cls {
        display: none;
    }

    #body {
        display: block;
        width: 650px;
        margin: auto;
        margin-top: 5px;
        border: 2px solid #bbb;
        outline: 1px solid #333;
        padding: 15px;
        direction: rtl;
        font-family: Sahel;
        cursor: default;
        font-size: 12px;
    }

    .date_title {
        font-size: 10px;
        padding-bottom: 10px;
        color: #444;
    }

    h2 a {
        font-family: Sahel;
        font-size: 18px;
        color: #333;
        text-decoration: none;
        padding-bottom: 0px;
    }

    .cnt {
        font-size: 12px;
        color: #000;
        text-decoration: none;
        line-height: 18px;
    }

    #print .title h2 {
        font-family: Sahel;
        margin-bottom: 0px;
        display: block;
        text-align: center;
        text-decoration: none;
        font-size: 17px;
        color: #333;
        text-decoration: none;
    }

    #print .title span {
        font-family: Sahel;
        display: block;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        text-decoration: none;
        border-bottom: 1px solid #333;
        font-size: 11px;
        color: #333;
        text-decoration: none;
    }

    a {
        text-decoration: none;
        padding: 5px;
    }
}

@media screen {
    #print {
        display: none;
    }

    /*h1, h2, h3, ul {margin:0;}*/
    html {
        direction: ltr;
    }


    body {
        font-family: Sahel;
        font-weight: 300;
        font-size: 14px;
        color: #333;
        margin: 0px;
        padding: 0px;
        line-height: 1.9em; /*new*/
        background: #30353b url(//cdn.bayan.ir/blog/templates/334/body.png);
    }

    p {
        margin-bottom: 0.5em;
    }

    pre {
        direction: ltr;
        background-color: #FAFAEE;
        border: 1px solid #DADADA;
        margin: 1em;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 2px;
    }

    .btn_submit {
        direction: ltr;
    }

    ::-webkit-scrollbar {
        background: #ddd;
        width: 15px;
        height: 15px;
    }

    ::-webkit-scrollbar-thumb {
        background: #999;
        border-radius: 0px;
        box-shadow: inset 0 0 10px #333;
    }

    ::-webkit-scrollbar-corner {
        background: #fff;
    }

    ::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 0px;
        box-shadow: inset 0 0 10px #aaa;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #888;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #777;
    }


    /* Link & Button /COLOR --------------------------------------------- */
    h1, h2, h3, h4, h5, h6 {
        font-family: Sahel;
    }

    img {
        border: none;
        border-width: 0px;
    }

    a {
        color: #c2c8d4;
        cursor: pointer;
        text-decoration: none;
        -moz-transition-duration: .3s;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        -khtml-transition-duration: .3s;
    }

    a:hover {
        color: #FFF;
        text-decoration: none;
        cursor: pointer;
    }

    a:active {
        outline: hidden;
    }

    a:visited {
    }


    /* wrp --------------------------------------------- */
    #wrp {
        width: 96%;
        height: auto;
        margin: auto;
        direction: rtl;
        max-width: 900px;
    }

    #wrp .header {
        height: 130px;
        margin-top: 18px;
        margin-bottom: 15px;
        border: 2px dashed #4e5156;
        background: url(//cdn.bayan.ir/blog/templates/334/header.png) no-repeat center left;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    /* Title & Description --------------*/
    #wrp .header .hdr_right {
        float: right;
    }

    #wrp .header .hdr_left {
        float: left;
    }

    #wrp .header .title_desc {
        padding: 12px 35px;
    }

    #wrp .header .title_desc h1 {
        font-size: 33px;
        font-weight: bold;
        color: #ea5880;
        margin-bottom: 15px;
    }

    #wrp .header .title_desc h1 a {
        color: #ea5880;
    }

    #wrp .header .title_desc h1 a:hover {
        color: #fe5482;
    }

    #wrp .header .title_desc .desc h2 {
        font-size: 15px;
        padding-top: 10px;
        font-weight: bold;
        cursor: default;
        color: #b0b0b0;
    }

    /* Main Menu --------------------------------------------- */
    .main_menu {
        height: 42px;
    }

    #wrp .main_menu .cnt {
        padding-top: 17px;
    }

    #wrp .main_menu .cnt ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    #wrp .main_menu .cnt li {
        float: right;
        cursor: default;
        margin-left: 5px;
    }

    #wrp .main_menu .cnt a {
        display: block;
        color: #c2c8d4;
        border: 2px dashed #4e5156;
        padding: 2px 10px 3px 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    #wrp .main_menu .cnt a:hover {
        color: #fff;
        border: 2px dashed #dd446e;
    }

    #wrp .main_menu .cnt a.selected {
        color: #fff;
        border: 2px dashed #dd446e;
    }

    /* wrp -> Content,Main Box1 --------------------------------------------- */
    #wrp .box1 {
        width: 100%;
        height: 100%;
        margin-top: 2px;
    }

    /* wrp -> Content -> BX_Left --------------------------------------------- */
    #wrp .box1 .bx_left {
        width: 28%;
        float: left;
    }

    * html #wrp .box1 .bx_left {
        margin-left: -10px;
        color: #c2c8d4;
    }

    /* MOD_LEFT ---- */
    #wrp .box1 .bx_left .mod_left {
        margin-bottom: 10px;
    }

    #wrp .box1 .bx_left .title {
        background: url(//cdn.bayan.ir/blog/templates/334/bx_left_head.png) repeat-x bottom;
        padding: 4px 0px 15px 0px;
        color: #ea5880;
        text-align: right;
        cursor: default;
        font-size: 16px;
        margin: 0px;
        font-weight: bold;
    }

    #wrp .box1 .bx_left .mod_left .cnt {
        padding: 5px 6px 5px 5px;
    }

    /* mod_left BLANK ---- */
    #wrp .box1 .bx_left .mod_left_blank {
        margin-bottom: 10px;
    }

    #wrp .box1 .bx_left .mod_left_blank .cnt {
        padding: 5px;
    }

    #wrp .box1 .bx_left .mod_left_blank .cnt .blogImage {
        text-align: center;
    }

    #wrp .box1 .bx_left .mod_left_blank .cnt img {
        text-align: center;
        max-width: 95%;
        height: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    * html #wrp .box1 .bx_left .mod_left_blank .cnt img {
        width: 220px;
        height: auto;
    }

    #wrp .box1 .bx_left .mod_left_blank .cnt .blog_description h4 {
        padding: 5px;
        color: #c2c8d4;
        margin: 0;
        font-weight: 300;
    }


    /* LI & UL - Design ----- */
    #wrp .box1 .bx_left .mod_left ul {
        padding: 0px;
        margin: 0px;
    }

    #wrp .box1 .bx_left .mod_left .sideCell {
        /*padding-bottom: 5px;*/
    }

    #wrp .box1 .bx_left .mod_left ul li ul.subcats a {
        padding-right: 10px;
        padding-top: 1px;
        display: inline-block;
        background: url(//cdn.bayan.ir/blog/templates/334/sub_ico.png) right no-repeat;
    }

    #wrp .box1 .bx_left .mod_left li {
        margin: 0px;
        list-style: none;
    }

    #wrp .box1 .bx_left .mod_left .cats li a {
        padding-bottom: 0px;
        padding-right: 20px;
        display: table-cell;
        *display: inline-block;
        background: url(//cdn.bayan.ir/blog/templates/334/folder_ico.png) right no-repeat;
    }

    #wrp .box1 .bx_left .mod_left .cats li h3 {
        margin: 0px;
        font-weight: 300;
    }

    #wrp .box1 .bx_left .mod_left .cats li.selected {
        background: none;
    }

    #wrp .box1 .bx_left .mod_left .subcats li.selected {
        background: none;
    }

    #wrp .box1 .bx_left .mod_left .subcats {
        /*margin-right:14px;*/
        margin-top: -3px;
    }

    #wrp .box1 .bx_left .mod_left .cats .count {
        cursor: default;
        display: table-cell;
        color: #ea5880;

    }

    #wrp .box1 .bx_left .mod_left .subcats .count {
        cursor: default;
        display: inline-block;
        color: #ea5880;
    }

    /*-LINKs-*/
    #wrp .box1 .bx_left .mod_left ul.links li {
        padding: 2px 5px 3px 5px;
        background: url(//cdn.bayan.ir/blog/templates/334/line2.png) no-repeat center bottom;
        *background: none;
        *border-bottom: 1px solid #F5F5F5;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-transition-duration: .3s;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        -khtml-transition-duration: .3s;
        /*white-space:nowrap;
        overflow:hidden;*/
    }

    #wrp .box1 .bx_left .mod_left ul.links li:hover {
        background: #1b2129 url(//cdn.bayan.ir/blog/templates/334/line2.png) no-repeat center bottom;
    }

    #wrp .box1 .bx_left .mod_left .links li.selected {
        background: #1b2129 url(//cdn.bayan.ir/blog/templates/334/line2.png) no-repeat center bottom;
    }

    #wrp .box1 .bx_left .mod_left .links li a {
        padding-bottom: 3px;
        padding-right: 10px;
        background: url(//cdn.bayan.ir/blog/templates/334/sidebar-bullet.png) right no-repeat;
    }

    #wrp .box1 .bx_left .mod_left .links .count {
        cursor: default;
        color: #ea5880;
    }

    #wrp .box1 .bx_left .mod_left ul.links li:last-child {
        border-bottom: 0px;
        background: none;
    }

    #wrp .box1 .bx_left .mod_left ul.links li:last-child:hover {
        background: #1b2129;
    }

    #wrp .box1 .bx_left .mod_left ul.links li.selected:last-child {
        background: #1b2129;
    }

    /* Advertising ---- */
    #wrp .box1 .bx_left .mod_left .cnt.ads {
        text-align: center;
        padding-top: 11px;
        padding-right: 5px;
        padding-bottom: 2px;
    }

    #wrp .box1 .bx_left .mod_left .cnt.ads .view_ads {
        margin-bottom: 10px;
        display: block;
    }

    /* STAT Graph ---- */
    #wrp .box1 .bx_left .mod_left #stat_summary_div {
        clear: both;
        padding: 2px 6px;
    }

    #wrp .box1 .bx_left .mod_left .cnt.stat {
    }

    #wrp .box1 .bx_left .mod_left .cnt.stat .all {
        display: table;
        width: 100%;
        padding-bottom: 4px;
        background: url(//cdn.bayan.ir/blog/templates/334/line2.png) no-repeat center bottom;
        *background: none;
    }

    #wrp .box1 .bx_left .mod_left .cnt.stat .stattitle {
        width: 117px;
        cursor: default;
        color: #c2c8d4;
        font-size: 11px;
        border: none;
        font-weight: normal;
        display: table-cell;
        *display: inline-block;

    }

    #wrp .box1 .bx_left .mod_left .cnt.stat .value {
        color: #E5E5E5;
        cursor: default;
        padding-right: 10px;
        display: table-cell;
        *display: inline-block;
    }

    /* Category ---- */
    #wrp .box1 .bx_left .mod_left .category_selected {
        color: #FFF;
        background: #1b2129;
        padding: 2px 5px 2px 5px;
        display: block;
        height: 21px;
        max-height: auto;
        *height: auto;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    #wrp .box1 .bx_left .mod_left .category_selected a {
        color: inherit;
        cursor: default;
    }


    /* TAG Cloud ---- */
    #wrp .box1 .bx_left .mod_left .cnt .tagcloud span {
        display: inline-block;
        margin: 1px 0px 1px 0px;
    }

    #wrp .box1 .bx_left .mod_left .cnt .tagcloud a {
        padding: 2px 5px 2px 5px;
        color: #c2c8d4;
        border: 2px dashed #4e5156;
        display: table-cell;
        *display: inline-block;
        margin: 2px 0px 2px 0px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    #wrp .box1 .bx_left .mod_left .cnt .tagcloud h3 {
        margin: 0px;
        font-size: 11px;
        font-weight: normal;
    }

    #wrp .box1 .bx_left .mod_left .cnt .tagcloud a:hover {
        border: 2px dashed #ea5880;
        color: #FFF;
    }

    #wrp .box1 .bx_left .mod_left .cnt .tagcloud a.selected {
        border: 2px dashed #ea5880;
        color: #FFF;
    }

    /* Recent Posts ---- */
    #wrp .box1 .bx_left .mod_left .cnt .recent_posts li {
        display: inline-block;
        background: none;
        width: 100%;
    }

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts li a {
        background: none;
    }

    /*- Mobile -*/
    #wrp .box1 .bx_left .mod_left .cnt .recent_posts.mobile li a {
        padding-bottom: 3px;
        padding-right: 10px;
        background: url(//cdn.bayan.ir/blog/templates/334/sidebar-bullet.png) right no-repeat;
    }

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts .cnt {
        margin-right: -1px;
        margin-bottom: -1px;
        padding: 4px 5px 6px 0px;
        line-height: 18px;
        border: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background: url(//cdn.bayan.ir/blog/templates/334/line2.png) no-repeat center bottom;
        -moz-transition-duration: .3s;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        -khtml-transition-duration: .3s;
    }

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts li a {
        color: #c2c8d4;
    }

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts li a:hover {
        color: #FFF;
    }

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts .cnt:hover {
        background: #1b2129 url(//cdn.bayan.ir/blog/templates/334/line2.png) no-repeat center bottom;
    }

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts .cnt.selected {
        background: #1b2129 url(//cdn.bayan.ir/blog/templates/334/line2.png) no-repeat center bottom;
    }

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts .date {
        cursor: default;
        font-size: 9px;
        color: #ea5880;
        display: none;
    }

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts.mobile .date {
        display: block;
    }

    .cnt.max {
        overflow: hidden;
        white-space: nowrap;
    }


    /* wrp -> Content -> BX_Center --------------------------------------------- */
    .align {
        padding-right: 0px;
        padding-left: 0px;
    }

    .post_break {
        padding-top: 0px;
    }

    #wrp .box1 .bx_center {
        width: calc(72% - 10px);
        float: right;
    }

    #wrp .box1 .bx_center .mod_center {
        float: right;
        width: 100%;
    }

    /* POST CENTER / CONTENT -> ------*/
    #wrp .box1 .bx_center a {
    }

    #wrp .box1 .bx_center .messages {
        border: 1px solid #b7becc;
        margin-bottom: 20px;
        background: #e3e4e6;
        border-top: 3px solid #ea5880;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    #wrp .box1 .bx_center .messages .cnt {
        padding: 8px 15px 7px 15px;
        color: #555;
    }

    #wrp .box1 .bx_center .messages .cnt h2 {
        color: #666;
        text-shadow: 1px 1px 2px #EEE;
        font-size: 19px;
        font-weight: normal;
        text-align: center;
        cursor: default;
        margin: 5px;
    }

    #wrp .box1 .bx_center .messages .cnt h2 a.comment_count {
        color: #555;
        text-shadow: 1px 1px 2px #EEE;
    }

    #wrp .box1 .bx_center .messages .cnt h2 a.comment_count:hover {
        color: #222;
    }

    #wrp .box1 .bx_center .post {
        margin-bottom: 20px;
        background: #e3e4e6;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    #wrp .box1 .bx_center .post .title .date_title {
        color: #FFF;
        cursor: default;
        float: left;
        padding: 10px 10px 0px 15px;

        font-size: 12px;
    }

    #wrp .box1 .bx_center .post .title {
        background: #7d7f83 url(//cdn.bayan.ir/blog/templates/334/bg_head.png);
        border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
    }

    #wrp .box1 .bx_center .post .title h2 {
        line-height: 1.4em;
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        margin: 0px;
        padding: 10px 40px 12px 15px;
        background: url(//cdn.bayan.ir/blog/templates/334/icon_title.png) no-repeat right center;
    }

    #wrp .box1 .bx_center .post .title h2 a {
        color: #fff;
    }

    #wrp .box1 .bx_center .post .title h2 a:hover {
        color: #fff;
    }

    #wrp .box1 .bx_center .post .body {
        overflow: hidden;
        height: auto;
        line-height: 1.9em; /*new*/
        margin: 10px 15px 0px 14px;
    }

    #wrp .box1 .bx_center .post .body .cnt a {
        color: #ea5880;
    }

    #wrp .box1 .bx_center .post .body .cnt a:hover {
        color: #000;
    }

    #wrp .box1 .bx_center .post .body .cnt {
        padding-bottom: 20px;
        text-align: justify;
    }

    #wrp .box1 .bx_center .post .body .cnt ul {
        margin-top: -4px;
    }

    #wrp .box1 .bx_center .post .body .cnt ul li {
        margin-right: 5px;
        line-height: 1.9em; /*new*/
    }

    #wrp .box1 .bx_center .post .body .cnt img {
        max-width: 96%;
        height: auto;
        margin-right: 1px;
        border: 10px solid #d6d7d8;
        -moz-box-shadow: inset 0 0 25px #555;
        -webkit-box-shadow: inset 0 0 25px #555;
        box-shadow: inner 0 0 25px #555;

    }

    #wrp .box1 .bx_center .post .body .post_list img {
        max-width: 98%;
        height: auto;
        margin-right: 1px;
        border: 10px solid #d6d7d8;
        -moz-box-shadow: inset 0 0 25px #555;
        -webkit-box-shadow: inset 0 0 25px #555;
        box-shadow: inner 0 0 25px #555;
    }


    #wrp .box1 .bx_center .post .cut_img {
        width: 25px;
        height: 21px;
        background: url(//cdn.bayan.ir/blog/templates/334/cut_img.png) no-repeat center;
        position: absolute;
        margin-top: -10px;
        margin-right: 10px;
    }

    #wrp .box1 .bx_center .post .readmore {
        position: absolute;
        text-align: center;
        margin: -15px 190px 0px 190px;
    }

    #wrp .box1 .bx_center .post .readmore a {
        color: #ece4e8;
        font-size: 15px;
    }

    #wrp .box1 .bx_center .post . .readmore a:hover {
        color: #FFF;
    }

    .buttons {
        position: relative;
        width: 100px;
        height: 25px;

        text-align: center;
        color: #FFF;
        text-decoration: none;
        line-height: 25px;
        display: block;
    }

    .buttons.pink {
        background: #D25068;
        border: 1px solid #D25068;

        background-image: -webkit-linear-gradient(top, #F66C7B, #D25068);
        background-image: -moz-linear-gradient(top, #F66C7B, #D25068);
        background-image: -ms-linear-gradient(top, #F66C7B, #D25068);
        background-image: -o-linear-gradient(top, #F66C7B, #D25068);
        background-image: linear-gradient(to bottom, #F66C7B, #D25068);

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;

        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
    }

    .buttons.pink:active, .buttons.pink:focus {
        background: #F66C7B;
        background-image: -webkit-linear-gradient(top, #D25068, #F66C7B);
        background-image: -moz-linear-gradient(top, #D25068, #F66C7B);
        background-image: -ms-linear-gradient(top, #D25068, #F66C7B);
        background-image: -o-linear-gradient(top, #D25068, #F66C7B);
        background-image: linear-gradient(top, #D25068, #F66C7B);
    }


    /*--- Post Detail ---*/
    #wrp .box1 .bx_center .post .post_detail {
        min-height: 23px;
        background: #d6d7d8 url(//cdn.bayan.ir/blog/templates/334/shadow_pd.png) no-repeat center top;
        border-top: 1px dashed #bdbec0;
        padding-bottom: 5px;
        padding-top: 15px;
        border-radius: 0px 0px 5px 5x;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt {
        padding-top: 4px;
        color: #999;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .det_right {
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .det_left {
        float: left;
        padding-bottom: 5px;
        margin-left: 5px;
    }

    #wrp .box1 .bx_center .post .post_detail a {
        color: #696969;
        text-shadow: none;
        cursor: pointer;
    }

    #wrp .box1 .bx_center .post .post_detail a:hover {
        color: #000;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .det_left span.inline {
        float: left;
        padding-right: 7px;
        padding-left: 7px;
        border-right: 0px solid #E0E0E0;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .author2 {
        /*padding-right:25px;
        background:url(//cdn.bayan.ir/blog/templates/334/details_ico.png) right -38px no-repeat;*/
        color: #696969;
        border-left: 0px solid #e8e8e8;
        padding-right: 10px;
        padding-left: 10px;
        cursor: default;
        display: block;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .date {
        cursor: default;
        color: #696969;
        display: block;
        /*padding-right:25px;
        background:url(//cdn.bayan.ir/blog/templates/334/details_ico.png) right 3px no-repeat;*/
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .cmt {
        display: block;
        cursor: pointer;
        padding-right: 25px;
        padding-bottom: 3px;
        background: url(//cdn.bayan.ir/blog/templates/334/pd_ico_cmt.png) right center no-repeat;
    }

    #wrp .box1 .bx_center .post .post_detail .rating {
        padding-right: 0px;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .rating {
        display: block;
    }

    #wrp .box1 .bx_center .post .post_detail .rating a {
        color: #696969;
        background: #cacbcc;
        padding: 2px 3px 3px 4px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    #wrp .box1 .bx_center .post .post_detail .rating a:hover {
        color: #000;
        background: #c0c1c2;
    }

    .postmage img {
        width: 100%;
        height: auto;
    }

    /* rating */
    .rate-button-box.rated {
        font-weight: bold;
    }

    .rate-up, span.rateup {
        color: #090;
        margin-left: 5px;
    }

    .rate-down, span.ratedn {
        color: #A00;
        padding: 5px;
    }

    img.rateimg, img.renew, img.rateup, img.ratedn {
        background: url(//cdn.bayan.ir/blog/templates/334/pd_ico_rate.png) no-repeat center left;
        width: 15px;
        height: 15px;
        vertical-align: middle;
    }

    .rate-down img.rateimg, img.ratedn {
        background-position: -3px -28px;
    }

    .rate-up img.rateimg, img.rateup {
        background-position: -3px -4px;
    }


    /*COMMENT  --------------------------------------------- */
    #wrp .box1 .bx_center .post_comments {

    }

    #wrp .box1 .bx_center .cmt_break {
        margin-bottom: 10px;
    }

    #wrp .box1 .bx_center .post_comments .title_cmt {
        height: 20px;
        width: 100%;
    }

    #wrp .box1 .bx_center .post_comments .body_cmt {
        height: auto;
        line-height: 1.9em; /*new*/
        padding-top: 5px;
        padding-bottom: 8px;
        background: #d6d7d8;
        border: 1px solid #b7becc;
        border-top: none;
        border-radius: 0px 0px 4px 4px;
        -moz-border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
    }

    #wrp .box1 .bx_center .post_comments .body_cmt .cnt {
        color: #333;
    }

    #wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_l {
        display: inline-block;
        vertical-align: top;
        text-align: justify;
    }

    #wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_r {
        display: inline-block;
        margin-right: -70px;
        min-width: 50px;
        height: auto;
        float: right;
    }

    #wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_r img {
        width: 30px;
        height: auto;
    }

    #wrp .box1 .bx_center .post_comments .body_cmt .cnt a {
        color: #000;
    }

    #wrp .box1 .bx_center .post_comments .body_cmt .cnt a:hover {
        color: #766958;
    }

    #wrp .box1 .bx_center .post_comments .body_cmt .cnt {
        padding: 10px;
    }

    #wrp .box1 .bx_center .post_comments .body_cmt .cnt ul {
        margin-top: -4px;
    }

    #wrp .box1 .bx_center .post_comments .body_cmt .cnt ul li {
        margin-right: 5px;
        line-height: 1.9em; /*new*/
    }

    /*-- Comment Details --*/
    #wrp .box1 .bx_center .post_comments .cmt_details {
        height: 31px;
        background: #e3e4e6;
        border: 1px solid #b7becc;
        border-bottom: none;
        padding: 4px 0px 0px 0px;
        margin-right: 0px;
        color: #696969;
        cursor: default;
        border-radius: 4px 4px 0px 0px;
        -moz-border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details .dets_right {
        float: right;
        margin-right: 5px;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details .dets_left {
        float: left;
        padding-top: 2px;
        margin-left: 5px;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details span.inline {
        display: table-cell;
        *display: inline-block;
        position: relative;
        padding-left: 5px;
        vertical-align: middle;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details span.inline.txt {
        padding-left: 10px;
        font-size: 13px;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details span.inline a {
        -moz-transition-duration: .0s;
        -webkit-transition-duration: .0s;
        -o-transition-duration: .0s;
        -khtml-transition-duration: .0s;
    }

    #wrp .box1 .bx_center .cmt_details .avatar img {
        width: 24px;
        height: auto;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details .author {
        /*background:url(//cdn.bayan.ir/blog/templates/334/details_ico_cmt.png) center -38px no-repeat;
        width:18px;
        height:18px;*/
        display: table-cell;
        *display: inline-block;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details .website {
        background: url(//cdn.bayan.ir/blog/templates/334/details_ico_cmt.png) center -102px no-repeat;
        display: table-cell;
        *display: inline-block;
        width: 18px;
        height: 18px;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details .website:hover {
        background-position: center -125px;
        cursor: pointer;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details .email {
        background: url(//cdn.bayan.ir/blog/templates/334/details_ico_cmt.png) center -60px no-repeat;
        display: table-cell;
        *display: inline-block;
        width: 18px;
        height: 18px;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details .email:hover {
        background-position: center -79px;
        cursor: pointer;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details .cmt_date {
        background: url(//cdn.bayan.ir/blog/templates/334/details_ico_cmt.png) right 8px no-repeat;
        display: inline-block;
        padding-right: 25px;
        font-size: 12px;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details a {
        color: #696969;
        cursor: pointer;
    }

    #wrp .box1 .bx_center .post_comments .cmt_details a:hover {
        color: #444;
    }


    /*Reply COMMENT  -------- */
    #wrp .box1 .bx_center .cmt_reply {
        background: #FFC;
        border: 1px solid #FC0;
        margin-top: 4px;
        margin-bottom: 10px;
        padding: 5px 10px 5px 10px;
        color: #333;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-align: justify;
    }

    #wrp .box1 .bx_center .cmt_reply.color2 {
        background: #e7ffdb;
        border: 1px solid #b9dfa7;
        color: #407825;
    }

    #wrp .box1 .bx_center .cmt_reply.color3 {
        background: #fbeff2;
        border: 1px solid #f9e5eb;
        color: #ea5880;
    }

    .comment_add_form {

    }

    div.commentForm input.sendbutton {
        padding: 5px 15px 6px 15px;
        background: #f3f3f3;
        color: #777;
        border: #ccc 1px solid;
        text-shadow: none;
        margin: 1px;
        cursor: pointer;
        /*float:left;
        margin-top:-27px;*/
    }

    div.commentForm input.sendbutton:hover {
        background: #ea5880;
        color: #fff;
        border: #ea5880 1px solid;
    }

    .comment_add_form {
        background: #e3e4e6;
        margin-bottom: 5px;
        padding: 10px 10px 10px 11px;
        border: 1px solid #B7BECC;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    div.commentForm iframe {
        background: #FFF;
    }


    /* KEYWORDS POST TAG ----------------- */
    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post {
        margin-top: 5px;
        margin-right: 7px;
        padding-right: 25px;
        cursor: default;
        background: url(//cdn.bayan.ir/blog/templates/334/pd_ico_key.png) right top no-repeat;
        display: block;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span {
        display: inline-block;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span a {
        border-right: 0px dashed #aaa;
        padding: 0px 2px 0px 2px;
        display: table-cell;
        margin-bottom: 5px;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span h3 {
        margin: 0px;
        font-size: 11px;
        font-weight: normal;
        padding: 0px 4px 0px 4px;
        color: #8c8c8c;
        border: 2px dashed #b2b4b6;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span h3:hover {
        color: #ea5880;
        border: 2px dashed #ea5880;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post .first a {
        border-right: none;
    }


    #wrp .box1 .bx_center .post .post_detail .cnt .author {
        height: 18px;
        padding-right: 10px;
        cursor: default;
        /*background:url(//cdn.bayan.ir/blog/templates/334/details_ico.png)  right -38px no-repeat;*/
        display: table-cell;
        *display: inline-block;
        color: #696969;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .post_rating {
        padding-right: 10px;

    }

    /*-- ReNew Button  ------*/
    img.renew {
        background: url(//cdn.bayan.ir/blog/templates/334/details_ico.png) no-repeat 0px -133px;
        width: 18px;
        height: 18px;
        vertical-align: middle;
    }


    /*Pagination  --------------------------------------------- */
    #wrp .box1 .bx_center .pagination {
        cursor: default;
        display: block;
        text-align: center;
        margin: 0px 0px 10px 0px;
    }

    #wrp .box1 .bx_center .pagination a {
        font-size: 14px;
        padding: 3px 7px 3px 7px;
        margin-left: 3px;
        cursor: pointer;
        color: #66696d;
        border: 2px dashed #4e5156;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    #wrp .box1 .bx_center .pagination a:hover {
        color: #fff;
        border: 2px dashed #dd446e;
    }

    .pagination {
        padding-top: 0px;
    }


    /* Footer --------------------------------------------- */
    .footer {
        clear: both;
    }

    .footer .cnt {
        height: 40px;
        margin: auto;
        margin-bottom: 10px;
        background: #1e2228;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .footer .ftr_right {
        height: 100%;
        float: right;
        direction: rtl;
    }

    .footer .ftr_left {
        height: 100%;
        float: left;
    }

    .footer span.links {
        display: table-cell;
        *display: inline-block;
        cursor: default;
        color: #9a9ca0;
        padding-top: 9px;
        padding-right: 8px;
    }

    .footer span.links a {
        color: #9a9ca0;
        text-decoration: none;
    }

    .footer span.links a:hover {
        color: #E6E6E6;
        text-decoration: underline;
    }

    .footer span.icons {
        display: table-cell;
        *display: inline-block;
        cursor: default;
        color: #9a9ca0;
        padding-top: 10px;
        padding-left: 9px;
        direction: ltr;
    }

    .footer span.icons a {
        *padding-right: 2px;
    }

    .footer .icons .bayan {
        background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayan-icon-dark.png) no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    .footer .icons .blog {
        background: url(//cdn.bayan.ir/blog/templates/shared/icon/blog-icon-dark.png) no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    .footer .icons .bayanbox {
        background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayanbox-icon-dark.png) no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    .footer .icons .rss {
        background: url(//cdn.bayan.ir/blog/templates/shared/icon/rss-icon-dark.png) no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    .footer .icons .templates {
        background: url(//bayanbox.ir/view/7051350144008649011/ngh-footer.png) no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
    }
}

input[type="button"], input[type="text"], input[type="password"], input[type="submit"], button, textarea, select, .inputBox, input.text, a.btn, a.btn:hover, a.btn:visited, .followBx, .followThis {
    font-family: inherit;
}

@media only screen and (max-width: 900px) {
    #wrp .main_menu .cnt li {
        float: unset;
        margin-left: 0;
        margin-bottom: 4px;
        text-align: center;
    }

    .main_menu {
        height: unset;
    }

    #wrp .box1 .bx_left, #wrp .box1 .bx_center {
        width: 100%;
        float: unset;
    }

    .bComForm .sendbutton.hasCheckbox {
        margin-top: 0;
    }

    #wrp .box1 .bx_center .post .body .cnt {
        font-size: 16px;
    }
}