@charset "utf-8";
/* CSS Document - v3.0.2 */
@font-face {
    font-family: 'Vazir';
    font-style: normal;
    font-weight: normal;
    src: url('http://bayanbox.ir/download/3686410184933191558/IRANSansWeb-FaNum-Light.eot');
    src: url('http://bayanbox.ir/download/3686410184933191558/IRANSansWeb-FaNum-Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('http://bayanbox.ir/download/4478866472343038012/IRANSansWeb-FaNum-Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('http://bayanbox.ir/download/5040377973972390124/IRANSansWeb-FaNum-Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('http://bayanbox.ir/download/599707242238872524/IRANSansWeb-FaNum-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Vazir';
    font-style: normal;
    font-weight: bold;
    src: url('http://bayanbox.ir/download/4454224220539052835/IRANSansWeb-FaNum-Bold.eot');
    src: url('http://bayanbox.ir/download/4454224220539052835/IRANSansWeb-FaNum-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('http://bayanbox.ir/download/2871856617942298039/IRANSansWeb-FaNum-Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('http://bayanbox.ir/download/4127251717005542731/IRANSansWeb-FaNum-Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('http://bayanbox.ir/download/4420531733367205446/IRANSansWeb-FaNum-Bold.ttf') format('truetype');
}

video {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
}

@media print {
    .bx_left {
        display: none;
    }

    .bx_right {
        display: none;
    }

    .footer_contain_bg {
        display: none;
    }

    .footer_contain {
        display: none;
    }

    .footer {
        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: Vazir;
        cursor: default;
        font-size: 12px;
    }

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

    h2 a {
        font-family: Vazir;
        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: Vazir;
        margin-bottom: 0px;
        display: block;
        text-align: center;
        text-decoration: none;
        font-size: 17px;
        color: #333;
        text-decoration: none;
    }

    #print .title span {
        font-family: Vazir;
        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: Vazir;
        font-size: 13px;
        color: #333;
        margin: 0px;
        padding: 0px;
        line-height: 1.9em; /*new*/
        background: #1a1a1a url(//cdn.bayan.ir/blog/templates/58/bg.jpg);
    }

    .btn_submit {
        direction: ltr;
    }

    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;
    }

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

    ::-webkit-scrollbar-thumb {
        background: #999;
        border-radius: 5px;
        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 {
        font-family: Vazir;
    }

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

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

    a:hover {
        color: #222 /*#1159a2*/;
        text-decoration: none;
        cursor: pointer;
    }

    a:active {
        outline: hidden;
    }

    a:visited {
    }


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

    /* head cnt --------------------------------------------- */
    .content_bg {
        background: url(//cdn.bayan.ir/blog/templates/58/light.png) top no-repeat;
        height: 300px;
    }

    .tape {
        max-width: 1000px;
        margin: auto;
        background: url(//cdn.bayan.ir/blog/templates/58/tape.png) no-repeat right 100px;
        height: 531px;
        width: 100%;
    }

    .header {
        width: 100%;
        height: 100px;
        background: #303030;
        border-bottom: 5px solid #67c9fc;
    }

    .header .content {
        max-width: 800px;
        margin: auto;
        width: 100%;
    }

    /* Title & Description --------------*/
    .header .hdr_right {
        height: 100%;
        float: right;
        text-align: right;
    }

    .header .hdr_left {
        height: 100%;
        float: left;
        text-align: left;
    }

    .header .title_desc {
        padding: 5px 0px;
    }

    .header .title_desc h1 {
        font-family: Vazir;
        font-size: 35px;
        font-weight: bold;
        color: #e8e8e8;
        margin-bottom: 10px;
    }

    .header .title_desc h1 a {
        color: #e8e8e8;
    }

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

    .header .title_desc .desc h2 {
        font-family: Vazir;
        font-size: 12px;
        font-weight: normal;
        cursor: default;
        margin-top: 5px;
        color: #e8e8e8;
    }


    /* MINI ICONS ----- */
    .header .mini_icon {
        cursor: default;
        text-align: center;
        padding-top: 25px;
    }

    .header .mini_icon span {
        display: inline-block;
        padding-right: 6px;
        cursor: default;
    }

    .header .mini_icon span a {
        display: table-cell;
        *display: inline-block;
    }

    .header .mini_icon .mi_home {
        background: url(//cdn.bayan.ir/blog/templates/58/home.png) no-repeat;
        height: 40px;
        width: 40px;
        display: inline-block;
    }

    .header .mini_icon .mi_rss {
        background: url(//cdn.bayan.ir/blog/templates/58/rss.png) no-repeat;
        height: 40px;
        width: 40px;
        display: inline-block;
    }

    /* Main Menu --------------------------------------------- */
    .main_menu {
        height: 31px;
        width: 100%;
        background: #c6c2b4;
    }

    #wrp .main_menu .cnt {
        padding: 0px 7px;
    }

    #wrp .main_menu .cnt span {
        display: inline-block;
    }

    #wrp .main_menu .cnt a {
        font-family: Vazir;
        font-size: 17px;
        color: #e8e8e8;
        padding: 5px 10px 5px 10px;
        display: table-cell;
        *display: inline-block;
    }

    #wrp .main_menu .cnt a:hover {
        color: #e8e8e8;
        background: #7a776d;
    }

    #wrp .main_menu .cnt a.selected {
        color: #e8e8e8;
        background: #7a776d;
    }


    /* wrp -> Content,Main Box1 --------------------------------------------- */
    #wrp .box1 {
        *float: initial;
        height: 100%;
        padding-top: 33px;
    }

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

    * html #wrp .box1 .bx_left {
        margin-right: -1px;
    }

    /* MOD_LEFT ---- */
    #wrp .box1 bx_left .mod_left {
    }

    #wrp .box1 .bx_left .mod_left .title {
        background: #fff;
        height: 20px;
        padding: 5px 10px 5px 5px;
        border-bottom: 1px solid #cc0f00;
        font-family: Vazir;
        color: #000;
        text-align: right;
        cursor: default;
        font-weight: bold;
        font-size: 15px;
        margin: 0px;
        -moz-box-shadow: 0px 2px 5px #444;
        -webkit-box-shadow: 0px 2px 5px #444;
        box-shadow: 0px 2px 5px #444;
        border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        -webkit-border-radius: 10px 10px 0px 0px;
    }

    #wrp .box1 .bx_left .mod_left .cnt {
        background: #FFF;
        padding: 4px 6px 5px 5px;
        margin-bottom: 15px;
        border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
    }

    #wrp .box1 .bx_left .mod_left .title.color2 {
        background: #129ee8;
    }

    #wrp .box1 .bx_left .mod_left .cnt.color2 {
        background: #129ee8;
    }

    #wrp .box1 .bx_left .mod_left .title.color3 {
        background: #cc12e8;
        border-bottom: 1px solid #fff;
        color: #FFF;
    }

    #wrp .box1 .bx_left .mod_left .cnt.color3 {
        background: #cc12e8;
    }

    #wrp .box1 .bx_left .mod_left .cnt.color3 {
        padding: 7px 5px 7px 7px;
        color: #fff;
    }

    #wrp .box1 .bx_left .mod_left .cnt.color3 li:hover {
        background: none;
    }

    #wrp .box1 .bx_left .mod_left .cnt.color3 li .count {
        color: #CCC;
    }

    #wrp .box1 .bx_left .mod_left .cnt.color3 a {
        color: #FFF;
        background: url(//cdn.bayan.ir/blog/templates/58/sidebar-bullet2.png) right no-repeat;
    }

    #wrp .box1 .bx_left .mod_left .cnt.color3 a:hover {
    }


    #wrp .box1 .bx_left .mod_left .cnt.menu {
        background: #129ee8;
        padding: 10px 15px 10px 5px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    #wrp .box1 .bx_left .mod_left .cnt.menu li {
        list-style: disc;
        color: #FFF;
    }

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

    #wrp .box1 .bx_left .mod_left .cnt.menu li a:hover {
        border-bottom: 1px dashed #FFF;
        padding-bottom: 3px;
    }

    /* mod_left BLANK ---- */
    #wrp .box1 .bx_left .mod_left_blank {
        margin-bottom: 15px;
        background: #fbfbf0;
        border: 1px solid lightGrey;
        -moz-box-shadow: 0px 2px 5px #444;
        -webkit-box-shadow: 0px 2px 5px #444;
        box-shadow: 0px 2px 5px #444;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

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

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

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

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

    #wrp .box1 .bx_left .mod_left_blank .cnt .blog_description h4 {
        padding: 5px;
        color: #333;
        font-size: 11px;
        margin: 0px;
        font-weight: normal;
        font-family: Vazir;
    }


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

    #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/58/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 h3 {
        margin: 0px;
        font: 11px Vazir;
    }

    #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/58/folder_ico.png) right no-repeat;
    }

    #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 {
        padding-bottom: 5px;
    }

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

    }

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

    /*-LINKs-*/
    #wrp .box1 .bx_left .mod_left ul.links li {
        padding: 1px 5px 0px 5px;
        /*background:url(//cdn.bayan.ir/blog/templates/58/line2.png) no-repeat center bottom;*/
        /*border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;*/
    }

    #wrp .box1 .bx_left .mod_left ul.links li:hover {
        background: #EEE;
    }

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

    #wrp .box1 .bx_left .mod_left .links li.selected {
        background: #eee;
    }

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

    #wrp .box1 .bx_left .mod_left .links .count {
        cursor: default;
        display: table-cell;
        *display: inline-block;
        color: #444;
    }

    /* Advertising ---- */
    #wrp .box1 .bx_left .mod_left .cnt.ads {
        text-align: center;
        padding-top: 10px;
        padding-right: 0px;
    }

    #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 {
        background: none repeat scroll 0 0;
        clear: both;
        padding: 2px 6px;
    }

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

    }

    #wrp .box1 .bx_left .mod_left .cnt.stat .all {
        display: table;
        border-bottom: 1px dashed #EEE;
        width: 100%;
    }

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

    }

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

    /* Category ---- */
    #wrp .box1 .bx_left .mod_left .category_selected {
        background: #EEE;
        padding: 2px 5px 2px 5px;
        display: block;
        height: 21px;
        max-height: auto;
        *height: auto;
    }

    #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 h3 {
        margin: 0px;
        font-size: 11px;
        font-family: Vazir;
        font-weight: normal;
    }

    #wrp .box1 .bx_left .mod_left .cnt .tagcloud a {
        padding: 2px 5px 2px 5px;
        color: #333;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #DDD;
        background: #EEE url(//cdn.bayan.ir/blog/templates/58/main-area-bg.png);
        display: table-cell;
        *display: inline-block;
        margin: 2px 0px 2px 0px;
    }

    #wrp .box1 .bx_left .mod_left .cnt .tagcloud a:hover {
        background: #125b9d;
        color: #FFF;
    }

    #wrp .box1 .bx_left .mod_left .cnt .tagcloud a.selected {
        background: #125b9d;
        color: #FFF;
    }

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

    /*- 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/58/sidebar-bullet.png) right no-repeat;
    }

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

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts .cnt {
        margin-right: -1px;
        margin-bottom: -1px;
        padding: 5px 5px 6px 0px;
        line-height: 18px;
        background: url(//cdn.bayan.ir/blog/templates/58/line2.png) no-repeat center bottom;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -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: #222;
    }

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts li a:hover {
        color: #3b86bd /*#cc0f00*/;
    }

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

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

    #wrp .box1 .bx_left .mod_left .cnt .recent_posts .date {
        cursor: default;
        font-size: 9px;
        color: #666;
        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 --------------------------------------------- */
    #wrp .box1 .bx_center {
        /*! margin-right: 250px; */
        width: 67.6%;
        padding-top: 44px;
        background: url(//cdn.bayan.ir/blog/templates/58/head_paper.png) no-repeat top;
        float: left;
        border-radius: 45px;
    }

    * html #wrp .box1 .bx_center {
        margin-left: 0px;
    }

    #wrp .box1 .bx_center .mod_center {
        background: #fbfbf0 /*url(//cdn.bayan.ir/blog/templates/58/line.png) repeat-y*/;
        padding: 10px;
        width: 96.2%;
        float: left;
        border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
    }

    /* POST CENTER / CONTENT -> ------*/
    #wrp .box1 .bx_center a {
        text-shadow: 1px 1px 1px #DDD;
    }

    #wrp .box1 .bx_center .messages {
        border: 1px solid #E1E1E1;
        margin-bottom: 10px;
        background: #F9F9F9;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    #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 #CCC;
        font-family: Vazir;
        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 #CCC;
    }

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

    #wrp .box1 .bx_center .post {
        margin-bottom: 35px;
        width: 525px;
    }

    #wrp .box1 .bx_center .post .title {

    }

    #wrp .box1 .bx_center .post .title .date_title {
        color: #aea997;
        cursor: default;

    }

    #wrp .box1 .bx_center .post .title h2 {
        line-height: 1.6em;
        font-family: Vazir;
        font-weight: bold;
        font-size: 20px;
        color: #666;
        padding-bottom: 3px;
        margin: 0px;
        margin-bottom: 10px;
    }

    #wrp .box1 .bx_center .post .title h2 a {
        color: #333;
        text-shadow: none;
        padding: 4px 10px 5px 15px;
        background: #f7f967;
    }

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

    #wrp .box1 .bx_center .post .body {
        overflow: hidden;
        height: auto;
        line-height: 1.9em; /*new*/
    }

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

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

    #wrp .box1 .bx_center .post .body .cnt {
        padding: 15px 0px 0 9px;
        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: 98%;
        height: auto;
        border: 1px solid #CCC;
        padding: 2px;
        margin: 10px 0;
    }

    #wrp .box1 .bx_center .post .body .post_list img {
        max-width: 98%;
        height: auto;
        border: 1px solid #CCC;
        padding: 2px;
    }

    #wrp .box1 .bx_center .post .body .readmore {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #wrp .box1 .bx_center .post .body .readmore a {
        padding: 4px 7px 5px 7px;
        margin: 1px;
        cursor: pointer;
        margin-left: 3px;
        background: #f3f3f3;
        color: #7a776d;
        border: #CCC 1px solid;
        text-shadow: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    #wrp .box1 .bx_center .post .body .readmore a:hover {
        background: #0068aa;
        color: #fff;
        border: #0068aa 1px solid;
    }


    /*--- Post Detail ---*/
    #wrp .box1 .bx_center .post .post_detail {
        min-height: 23px;
        border-bottom: 1px solid #c6c2b4;
        width: 100%;
        display: table;
    }

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

    #wrp .box1 .bx_center .post .post_detail .cnt .det_right {
        float: right;
    }

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

    #wrp .box1 .bx_center .post .post_detail .cnt .det_left span.inline {
        display: table-cell;
        *display: inline-block;
        vertical-align: bottom;
        padding-right: 7px;
        padding-left: 7px;
        border-right: 1px solid #e8e8e8;
    }

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

    #wrp .box1 .bx_center .post .post_detail .cnt .date {
        display: table-cell;
        *display: inline-block;
        cursor: default;
        color: #7a7563;
        padding-right: 25px;
        background: url(//cdn.bayan.ir/blog/templates/58/details_ico.png) right 4px no-repeat;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .cmt {
        display: table-cell;
        *display: inline-block;
        cursor: default;
        padding-right: 25px;
        background: url(//cdn.bayan.ir/blog/templates/58/details_ico.png) right -16px no-repeat;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .cmt a {
        color: #7a7563;
        text-shadow: none;
    }

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

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

    #wrp .box1 .bx_center .post .post_detail .cnt .rating {
        display: table-cell;
        *display: inline-block;
    }

    #wrp .box1 .bx_center .post .post_detail .rating a {
        color: #7a7563;
        text-shadow: none;
    }

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


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

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

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

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

    .rate-down img.rateimg, img.ratedn {
        background-position: 0 -81px;
    }

    .rate-up img.rateimg, img.rateup {
        background-position: 0 -60px;
    }


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

    }

    #wrp .box1 .bx_center .cmt_break {
        margin-bottom: 15px; /*BR*/
    }

    #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: #F9F9F9;
        border: 1px solid #E1E1E1;
        border-top: none;
        border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
    }

    #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;
        margin-right: -70px;
        vertical-align: top;
    }

    #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: 0 80px 0 20px;
    }

    #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 {
        border: 1px solid #333;
        height: 31px;
        background: #f5f5f5;
        border: 1px solid #E1E1E1;
        border-bottom: none;
        padding: 4px 0px 0px 0px;
        margin-right: 0px;
        color: #888;
        cursor: default;
        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_comments .cmt_details:hover {
        color: #666;
    }

    #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;
    }

    #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/58/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/58/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/58/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/58/details_ico_cmt.png) right 6px no-repeat;
        display: inline-block;
        padding-right: 25px;
    }

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

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


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

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

    #wrp .box1 .bx_center .cmt_reply.color3 {
        background: #e5f7ff;
        border: 1px solid #87cbff;
        color: #006491;
    }


    div.commentForm input.sendbutton {
        float: left;
        padding: 5px 10px 6px 10px;
        background: #F5F5F5 url(//cdn.bayan.ir/blog/templates/58/big-btn-bg.png) repeat-x top left;
        color: #222;
        border: #888 1px solid;
        text-shadow: #fff 0px 1px 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        text-shadow: none;
        margin: 1px;
        cursor: pointer;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    div.commentForm input.sendbutton:hover {
        background: #0068aa;
        color: #fff;
        border: #444 1px solid;
        text-shadow: #1a1a1a 0px -1px 0px;
    }

    .comment_add_form {
        background: #FFF;
        padding: 10px 10px 36px 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    div.commentForm input, div.commentForm textarea {
        border: #CACACA 1px solid;
    }


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

    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span h3 {
        margin: 0px;
        font-size: 11px;
        font-family: Vazir;
        font-weight: normal;
    }

    #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: 1px dashed #aaa;
        padding: 2px 7px 2px 7px;
        display: table-cell;
        margin-bottom: 5px;

    }

    #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/58/details_ico.png)  right -38px no-repeat;*/
        display: table-cell;
        *display: inline-block;
        color: #7a7563;
    }

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

    }

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


    /*Pagination  --------------------------------------------- */
    .pagination {
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: 0.25rem;
    }

    .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .page-item:last-child .page-link {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .pagination-sm .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
    }

    .pagination-sm .page-item:last-child .page-link {
        border-top-right-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
    }

    .justify-content-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    /* Footer --------------------------------------------- */
    .footer {
        height: auto;
        display: block;
        clear: both;
        margin-top: -6px;
    }

    * html .footer {
        background: none;
    }

    /*IE6*/
    .footer span {
        text-align: center;
        display: block;
        cursor: default;
        padding-top: 20px;
        padding-bottom: 10px;
        color: #FFF;
    }

    .footer span a {
        color: #FFF;
    }

    .footer span a:hover {
        color: #FFF;
    }

    .footer .icons {
        text-align: center;
        direction: ltr;
        cursor: default;
        padding-bottom: 10px;
    }

    .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(//cdn.bayan.ir/blog/templates/shared/icon/templates-icon-dark.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: 800px) {
    #wrp .box1 .bx_center {
        margin-right: 0;
        width: 100%;
        background: transparent;
        padding-top: 0;
    }
    #wrp .box1 .bx_left, #wrp .box1 .bx_center .post {
        width: 100%;
        padding-top: 10px;
    }

    #wrp .box1 {
        float: unset;
    }

    #wrp .box1 .bx_center .mod_center {
        width: unset;
        margin-bottom: 6px;
		float: unset;
    }

    .header .hdr_left {
        display: none;
    }

    .header .hdr_right {
        float: unset;
        text-align: center;
    }
}