@import url(https://bayanbox.ir/download/9213492350738151659/farhan-fonts-min.css);
textarea, input, select, body,
button, h1, h2, h3, h4, h5, h6,
iframe,.followBx, .followThis,
.cke_reset_all .cke_rtl * {
font-family:far5 !important; 
}
@font-face { 
 src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
 } 
/*---body---*/ 
 body {

background-image: url(https://s6.uupload.ir/files/aab645749172f6f57b5eedb2712996ba_10qe.jpg);
background-attachment: fixed;
background-size: 3*4;
background-repeat: repeat;
 font-size: 12px; 
 } 
 body a{ 
 text-decoration: none; 
 } 
 body a:hover { 
 text-decoration: none; 
 } 
 ul { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
 } 
 .clear { 
 clear: both; 
 } 
 #wrp { 
 width: 900px; 
 margin: auto; 
 } 
 /*---header---*/ 
 header { 
 background: #529825; 
 padding: 30px; 
 text-align: center ; 
 } 
 header a{ 
 color: #4a3a3d; 
 } 
 header h1{ 
 font-weight: normal;  
 font-size: 16px; 
 margin: 0; 
 padding: 10px 0px; 
 } 
 header h2{ 
 font-weight: normal; 
 font-size: 12px; 
 margin: 0; 
 padding: 10px 0px; 
 } 
 .header-image { 
 margin-top: 20px; 
 display: ; 
 } 
 .header-img-back { 
 display: inline-block; 
 padding: 4px; 
 background: #597e3a; 
 border: 1px solid rgba(39,48,57,.06); 
 margin: 5px .7em; 
 border-radius: 0px; 
 } 
 .header-img-back img{ 
 width: 150px; 
 height: 150px; 
 border-radius: 0px; 
 } 
 /*---menu---*/ 
 nav { 
 background:#57a274; 
 border-top: 1px solid rgba(39,48,57,.06); 
 box-shadow: 0 1px 2px rgba(39,48,57,.025); 
 padding: 14px 0px; 
 } 
 #menu { 
 text-align: center; 
 } 
 #menu li{ 
 display: inline-block; 
 } 
 #menu a{ 
 color: #21241e; 
 padding: 0px 14px; 
 } 
 #menu a:hover{ 
 color: #c80912; 
 } 
 #menu a.selected{ 
 color: #485a30; 
 } 
 /*---block-post---*/ 
 #block-post { 
 width: 66.666666%; 
 padding: 0px 15px; 
 float: right; 
 margin-top: 40px; 
 } 
 /*---block-message---*/ 
 .align { 
 margin-bottom: 10px; 
 } 
 .messages { 
 background: #14c3e1; 
 border: 1px solid rgba(39,48,57,.08); 
 box-shadow: 0 0 5px rgba(39,48,57,.05); 
 padding: 1px 10px; 
 text-align: center; 
 } 
 .messages h2{  
 font-weight: normal; 
 font-size: 16px; 
 } 
 /*---post---*/ 
 .post { 
 background: #84dc84; 
 border: 1px solid rgba(39,48,57,.08); 
 box-shadow: 0 0 5px rgba(39,48,57,.05); 
 margin-bottom: 40px; 
 } 
 .post img{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post audio{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post video{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post-title { 
 padding: 14px 15px; 
 border-bottom: 1px solid rgba(39,48,57,.06); 
 } 
 .post-title a{ 
 color: #191518; 
 } 
 .post-title a:hover{ 
 color: #131112; 
 } 
 .post a{ 
 color: #9b222d; 
 } 
 .post a:hover{ 
 color: #991520; 
 } 
 .post-title h2{ 
 font-size: 14px; 
 font-weight: normal; 
 margin: 0; 
 padding: 0; 
 } 
 .post-content { 
 line-height: 1.7; 
 padding: 15px; 
 } 
 .read-more { 
 text-align: center; 
 margin-bottom: 20px; 
 } 
 .read-more a{
 padding: 8px 15px;
border: 2px solid rgba(39, 48, 57, 0.1);
border-radius: 20px;} 
 /*---post-detail---*/ 
 .post-detail { 
 border-top: 1px solid rgba(39,48,57,.06); 
 padding: 14px 15px; 
 } 
 .post-detail li{ 
 display: inline-block; 
 padding: 0px; 
 } 
 .post-detail li:after { 
 content: "|"; 
 color: rgba(39,48,57,.06); 
 } 
 .post-detail li:last-child:after { 
 content: ""; 
 } 
 .post-detail-right { 
 float: right; 
 } 
 .post-detail-right span{ 
 padding: 0px 4px; 
 color: #9b222d; 
 } 
 .post-detail-left span { 
 color: #ffffff; 
 } 
 .post-detail-left { 
 float: left; 
 } 
 .post-detail-left a{ 
 color: #9b222d; 
 padding: 0px 8px; 
 } 
 .post-tags { 
 background: #10100f; 
 border: 1px solid rgba(39,48,57,.08); 
 box-shadow: 0 0 5px rgba(39,48,57,.05); 
 padding: 5px; 
 } 
 .post-tags a{ 
 color: #000000; 
 } 
 .post-tags a:hover{ 
 border-color: #10100f; 
 } 
 .post-tags-title { 
 padding: 6px 10px; 
 margin-bottom: 4px; 
 color: #efdd5d; 
 } 
 /*----comment-----*/ 
 .cm-main-back { 
 border: 1px solid rgba(39,48,57,.08); 
 box-shadow: 0 0 5px rgba(39,48,57,.05); 
 padding: 20px; 
 margin-top: 30px; 
 background: #39a829; 
 } 
 .comment-count-box { 
 text-align: center; 
 padding-bottom: 20px; 
 background: #adf08e; 
 border-bottom: 1px solid rgba(39,48,57,.15); 
 
 } 
 .comment-count-box a{ 
 color: #0a0a0a; 
 font-size: 20px; 
 } 
 .cm-body { 
 background: #b6f0f6; 
 margin-right: 56px; 
 padding-bottom: 1px; 
 } 
 .cm-main { 
 padding: 20px 0px; 
 border-bottom: 1px solid rgba(39,48,57,.15); 
 } 
 .cm-avatar { 
 float: right; 
 } 
 .cm-av { 
 width: 50px; 
 border-radius: 50%; 
 } 
 .comment-details { 
 padding: 6px; 
 background: #7187f4; 
 overflow: hidden; 
 border-top-right-radius: 2px; 
 border-top-left-radius: 2px; 
 } 
 .cm-name { 
 margin-right: 5px; 
 float: right; 
 color: #0f0f0f; 
 } 
 .cm-name a{ 
 color: #050505; 
 } 
 .cm-name a:hover{ 
 color: #131514; 
 } 
 .comment-matn { 
 padding: 10px; 
 line-height: 1.7; 
 overflow: hidden; 
 color: #000; 
 } 
 .comment-link { 
 width: 15px; 
 height: 15px; 
 } 
 .cm-reply-main { 
 overflow: hidden; 
 padding: 0px 10px 10px 10px; 
 } 
 .comment-reply { 
 margin-right: 40px; 
 margin-left: auto; 
 padding: 8px; 
 line-height: 1.7em; 
 color: #0b0b0a; 
 } 
 .comment-reply-page { 
 padding: 8px; 
 line-height: 1.7em; 
 color: #050505; 
 } 
 .reply-av { 
 width: 35px; 
 float: right; 
 border-radius: 50%; 
 } 
 .comment-add-form { 
 margin-top: 15px; 
 margin-bottom: 15px; 
 padding: 10px; 
 background: #b6f6f5; 
 border-radius: 2px; 
 color: #0a0a0a; 
 } 
 .comment-add-form label{ 
 font-weight: normal; 
 } 
 .bComForm .sendbutton.hasCheckbox:hover { 
 background: #151513; 
 transition-duration: .3s; 
 } 
 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{
 background-color: #29d692; 
 border: 1px solid #0f0aa4; 
 color: #131111; 
 border-radius: 2px; 
 } 
 .htmlbox .toolbar { 
 background: #050505 !important; 
 border-bottom: 1px solid #991515 !important; 
 padding: 10px !important; 
 } 
 .htmlbox .toolbar a{ 
 margin: 0px 2px !important; 
 padding: 2px !important; 
 border: 1px solid #e5e5e5 !important; 
 border-radius: 2px !important; 
 } 
 .htmlbox { 
 border: 1px solid #cbc8c8 !important; 
 background: #969696; 
 border-radius: 2px; 
 } 
 .bComForm .sendbutton.hasCheckbox { 
 background: #4f8758; 
 border: 0px; 
 cursor: pointer; 
 margin-top: 0; 
 width: 100px; 
 border-radius: 2px; 
 color: #fff; 
 } 
 .bComForm .sendbutton.hasCheckbox:hover { 
 background: #244eeb; 
 transition-duration: .3s; 
 } 
 /*--cm-detail-top--*/ 
 .post-detail-top { 
 padding: 2px 0px; 
 color: #9c9191; 
 cursor: default; 
 font-size: 12px; 
 } 
 .post-detail-top a { 
 color: #a8a3a7; 
 cursor: default; 
 } 
 .post-detail-top ul{ 
 list-style: none; 
 padding: 0; 
 margin: 0; 
 } 
 .post-detail-top li{ 
 border-left: 1px solid rgba(39,48,57,.15); 
 display: inline-block; 
 padding: 0px 12px; 
 } 
 .post-detail-top li:last-child { 
 border-left: 0px; 
 } 
 /*---pagingation---*/ 
 .pagingation { 
 padding: 0px; 
 } 
 .pagesList { 
 display: inline-block; 
 } 
 .pagingation li{ 
 display: inline-block; 
 } 
 .pagingation a{ 
 margin: 0 2px; 
 padding: 8px 12px; 
 border: 1px solid rgba(39,48,57,.1); 
 border-radius: 2px; 
 background: #bdbdbd; 
 color: #bdbdbd; 
 } 
 .pagingation a:hover{ 
 border-color: #0b0b0a; 
 color: #17b3be; 
 } 
 /*---block-left---*/ 
 aside { 
 width: 33.333333%; 
 float: left; 
 padding: 0px 15px; 
 } 
 #block-left { 
 margin-top: 40px; 
 line-height: 1.6em; 
 color: #e9ec3c; 
 border: 1px solid rgba(39,48,57,.08); 
 box-shadow: 0 0 5px rgba(39,48,57,.05); 
 background: #248438; 
 padding: 20px; 
 } 
 #block-left .left-box { 
 margin-bottom: 10px; 
 cursor: default; 
 } 
 #block-left .left-title { 
 border-bottom: 1px solid rgba(39,48,57,.15); 
 padding: 14px 4px; 
 color: #f0e738; 
 font-size: 16px; 
 } 
 #block-left a{ 
 color: #f6ea74; 
 } 
 #block-left a:hover { 
 color: #17b6be; 
 } 
 #block-left .left-detail li{ 
 border-bottom: 1px solid #aeadad; 
 padding: 14px 2px; 
 } 
 #block-left .left-detail li:last-child{ 
 border-bottom: 0px; 
 } 
 .left-detail li:hover { 
 } 
 .left-detail a{ 
 display: block; 
 } 
 /*---about-me---*/ 
 .about-me { 
 padding: 0px 10px 10px 10px; 
 } 
 .blog-image { 
 text-align: center; 
 } 
 .about-me img{ 
 width: 95%; 
 margin-top: 10px; 
 } 
 .blog-description { 
 padding-top: 15px; 
 } 
 /*---follow-box---*/ 
 .followBx { 
 margin-top: 10px; 
 background: #fff; 
 border-radius: 0px; 
 border-top: 1px solid #e5e5e5; 
 } 
 .followThis.followed { 
 background: #17BEBB; 
 } 
 .followThis { 
 background: #beb817; 
 border-radius: 0px; 
 font-size: 14px; 
 } 
 #followInBx #followersLs .followImg { 
 border-radius: 50%; 
 } 
 /*---stat---*/ 
 .left-stat li{ 
 padding: 14px 2px; 
 border-bottom: 1px solid #b7b6b4; 
 } 
 .left-stat li:last-child{ 
 border-bottom: 0px; 
 } 
 .stat-value { 
 float: left; 
 } 
 /*---category---*/ 
 .left-category li{ 
 padding: 8px 2px; 
 } 
 .count { 
 color: #babc24; 
 } 
 .left-category li a{ 
 padding-right: 12px; 
 background-image: url(//bayanbox.ir/view/8661660237688751606/category-right.png); 
 background-repeat: no-repeat; 
 background-position: right center; 
 display: inline-block; 
 } 
 .left-category .category-child a{ 
 padding-right: 12px; 
 background-image: url(//bayanbox.ir/view/4955324527815090542/category-child-right.png); 
 background-repeat: no-repeat; 
 background-position: right center; 
 display: inline-block; 
 } 
 /*---recent-comments---*/ 
 .recent-cm-main { 
 overflow: hidden; 
 } 
 .recent-cm-main img{ 
 width: 30px; 
 float: right; 
 border-radius: 50%; 
 margin-top: 3px; 
 } 
 .recent-cm-detail { 
 margin-right: 35px; 
 } 
 .recent-cm-name { 
 color: #a3a195; 
 } 
 .recent-cm-matn { 
 color: #000; 
 } 
 /*---recent-post---*/ 
 .left-detail a:hover{ 
 color: #666; 
 } 
 /*---tags---*/ 
 .left-tag { 
 padding: 4px 6px; 
 } 
 .tags a{ 
 background: #878773; 
 padding: 4px 6px; 
 margin: 2px 0px; 
 display: inline-block; 
 border: 1px solid #947a85; 
 border-radius: 2px; 
 } 
 /*---footer---*/ 
 .footer { 
 padding: 14px 10px; 
 background: #608958; 
 border: 1px solid rgba(39,48,57,.08); 
 box-shadow: 0 0 5px rgba(39,48,57,.05); 
 margin-top: 30px; 
 } 
 .footer a{ 
 color: #131113; 
 } 
 footer a:hover { 
 color: #999894; 
 } 
 .erfan { 
 float: left; 
 } 
 .bayan { 
 float: right; 
 } 
 @media only screen and (max-width: 900px) { 
 #wrp { 
 width: 95%; 
 } 
 aside { 
 width: 100%; 
 } 
 #block-post { 
 width: 100%; 
 } 
 }