* {
  font-family: Sahel !important;
}
	
@font-face {
  font-family: Sahel;
  src: url('http://bayanbox.ir/download/8551804976495934716/Sahel.woff') format('woff');
  font-weight: normal;
}

@font-face {
  font-family: Sahel;
  src: url('http://bayanbox.ir/download/5923104743117272135/Sahel-Bold-FD.woff') format('woff');
  font-weight: bold;
} 

/*---Hidden-follower-avatar---*/
#followersLs {
	position: absolute;
	visibility: hidden;
}

 /*---body---*/ 
 body {
 background: #f3f3f3;
 background-image: url();
 background-size: ;
 font-family: sahel;
 font-size: 12px;
 } 
 body a{ 
 text-decoration: none; 
 } 
 h1,h2,h3,h4,h5,h6 { 
 margin: 0; 
 padding: 0; 
 line-height: 1.1; 
 } 
 ul{ 
 list-style: none; 
 margin: 0; 
 padding: 0; 
 line-height: 1.1; 
 } 
 li{ 
 line-height: 1.6em; 
 } 
 .clear { 
 clear: both; 
 } 
 * { 
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box; 
 box-sizing: border-box; 
 } 
 #wrp { 
 width: 900px; 
 margin: auto; 
 } 
 /*---header---*/ 
 #header { 
 background-color: #F7F6EE; 
 background-image: url(https://cdn.imgurl.ir/uploads/y3274_cafe.jpg); 
 background-size: cover; 
 background-position: center; 
 background-size: ; 
 padding: 158px 30px; 
 text-align: center; 
 margin-top: 15px; 
 border-radius: 15px 15px 0px 0px; 
 border-width: 1px 1px 0px 1px; 
 border-style: solid; 
 border-color: #e5e5e5; 
 color: #FFFFFF; 
 } 
 #blog-title { 
 display: inline-block; 
 background: rgba(0,0,0,.3); 
 padding: 0px 0px; 
 border-radius: 0px; 
 } 
 #header a{ 
 color: #FFFFFF; 
 } 
 #header h1{ 
 font-weight: normal; 
 font-family: sahel; 
 font-size: 0px; 
 margin: 0; 
 padding: 0px 0px; 
 } 
 #header h2{ 
 font-weight: normal; 
 font-family: sahel; 
 font-size: 12px; 
 margin: 0; 
 padding: 5px 0px; 
 } 
 /*---menu---*/ 
 #menu {
 background: #fff;
 padding: 6px 6px;
 font-family: sahel;
 border-width: 1px 1px 1px 1px;
 border-color: #e5e5e5;
 border-style: solid;
 border-radius: 0px 0px 15px 15px;
 text-align: right;
 } 
 #menu li{ 
 display: inline-block; 
 } 
 #menu li:after{ 
 content: "|"; 
 color: #e8e8e8; 
 } 
 #menu li:last-child:after{ 
 content: ""; 
 } 
 #menu a{
 color: #8a5100;
 padding: 0px 6px;
 } 
 #menu a:hover{ 
 color: #916e5f; 
 } 
 #menu a.selected{
 color: #000000;
 } 
 /*---block-post---*/ 
 #block-post { 
 width: 71.111111%; 
 float: right; 
 padding: 15px 0px 15px 0px; 
 } 
 /*---block-message---*/ 
 .align { 
 margin-bottom: 10px; 
 } 
 .messages { 
 background: #fff; 
 border: 1px solid #e5e5e5;; 
 padding: 18px 10px; 
 text-align: center; 
 border-radius: 15px; 
 } 
 .messages h2{ 
 font-family: sahel; 
 font-weight: normal; 
 font-size: 16px; 
 } 
 /*---post---*/ 
 .post { 
 margin-bottom: 20px; 
 } 
 .post img{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post audio{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post video{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post-title {
 padding: 7px 10px;
 border-radius: 15px 15px 0px 0px;
 background-image: linear-gradient( 30deg, #f6a50e, #2a7e54);
 } 
 .post-title a{
 color: #ffffff !important;
 font-weight: bold;
 } 
 .post-title a:hover{ 
 color: #89E6FB; 
 } 
 .post a{
 color: #fff6bd;
 } 
 .post a:hover{ 
 color: #d38509; 
 } 
 .post-title h2{
 font-size: 14px;
 font-family: sahel;
 font-weight: normal;
 margin: 0;
 padding: 3px;
 } 
 .post-content { 
 line-height: 1.7; 
 padding: 5px 10px; 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 margin: 2px 0px; 
 } 
 .read-more { 
 padding: 5px 0px 10px 0px; 
 text-align: left; 
 } 
 .read-more a{
 background: #cb7507;
 padding: 4px 10px;
 border-radius: 15px;
 color: #fff;
 } 
 .read-more a:hover { 
 background: #d47a1c; 
 color: #fff; 
 } 
 /*---post-detail---*/ 
 .post-detail { 
 padding: 5px 10px; 
 background: #ffffff; 
 border: 1px solid #e5e5e5; 
 border-radius: 0px 0px 15px 15px; 
 } 
 .post-detail li{ 
 display: inline-block; 
 padding: 0px; 
 } 
 .post-detail li:after { 
 content: "|"; 
 color: #f0f0f0; 
 } 
 .post-detail li:last-child:after { 
 content: ""; 
 } 
 .post-detail-right { 
 float: right; 
 } 
 .post-detail-right span{ 
 padding: 0px 1px; 
 color: #787878; 
 } 
 .post-detail-left { 
 float: left; 
 } 
 .post-detail a{ 
 color: #787878; 
 } 
 .post-tags { 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 border-radius: 2px; 
 padding: 5px; 
 border-radius: 15px; 
 margin-bottom: 15px; 
 } 
 .post-tags a{ 
 color: #000; 
 } 
 .post-tags a:hover{ 
 color: C #916e5f; 
 } 
 .post-tags-title { 
 padding: 6px 0px; 
 margin-bottom: 4px; 
 border-radius: 2px; 
 color: #7d7d7d; 
 display: inline-block; 
 } 
 /*----comment-----*/ 
 .comment-count-box { 
 text-align: center; 
 background: #fff; 
 border-radius: 15px; 
 font-family: sahel; 
 padding: 15px; 
 border: 1px solid #e5e5e5; 
 } 
 .comment-count-box a{ 
 color: #000; 
 font-size: 20px; 
 line-height: 1.1; 
 } 
 .cm-main { 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 border-radius: 15px; 
 margin: 15px 0px; 
 padding: 5px; 
 } 
 .cm-body { 
 padding-bottom: 1px; 
 } 
 .cm-details { 
 border-bottom: 1px solid #f0f0f0; 
 padding-bottom: 5px; 
 } 
 .cm-avatar { 
 float: right; 
 } 
 .cm-av { 
 width: 40px; 
 border-radius: 50%; 
 } 
 .comment-details { 
 overflow: hidden; 
 padding-top: 2px; 
 margin-right: 46px; 
 } 
 .cm-name { 
 margin-right: 5px; 
 color: #636363; 
 } 
 .cm-name a{ 
 color: #a3a3a3; 
 } 
 .cm-name a:hover{ 
 color: #858585; 
 } 
 .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 5px 1px 5px; 
 } 
 .comment-reply { 
 margin-right: 45px; 
 margin-left: auto; 
 padding: 8px; 
 line-height: 1.7em; 
 color: #6f4d06; 
 border-radius: 15px; 
 background: #fafafa; 
 border: 1px solid #f0f0f0; 
 } 
 .comment-reply-page { 
 padding: 8px; 
 line-height: 1.7em; 
 border-radius: 15px; 
 background: #fafafa; 
 color: #E7BE89; 
 border-radius: 6px; 
 } 
 .reply-av { 
 width: 40px; 
 float: right; 
 border-radius: 50%; 
 } 
 .comment-add-form { 
 margin-top: 15px; 
 margin-bottom: 15px; 
 padding: 10px; 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 border-radius: 15px; 
 color: #000; 
 } 
 .comment-add-form label{ 
 font-weight: normal; 
 } 
 .bComForm .sendbutton.hasCheckbox:hover { 
 background: #e0e0e0; 
 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: #fafafa; 
 border: 1px solid #e5e5e5; 
 color: #454545; 
 border-radius: 2px; 
 } 
 .htmlbox .toolbar { 
 background: #f5f5f5 !important; 
 border-bottom: 1px solid #e5e5e5 !important; 
 padding: 5px !important; 
 } 
 .htmlbox .toolbar a{ 
 margin: 0px 1px !important; 
 padding: 2px !important; 
 border: 1px solid #ebebeb !important; 
 border-radius: 2px !important; 
 } 
 .htmlbox { 
 border: 1px solid #e5e5e5 !important; 
 background: #fafafa; 
 border-radius: 2px; 
 } 
 .bComForm .sendbutton.hasCheckbox { 
 background: #8a4900; 
 border: 0px; 
 cursor: pointer; 
 margin-top: 0; 
 width: 100px; 
 border-radius: 15px; 
 color: #fff; 
 } 
 .bComForm .sendbutton.hasCheckbox:hover { 
 background: #f2a221; 
 transition-duration: .3s; 
 } 
 /*--cm-detail-top--*/ 
 .post-detail-top { 
 padding: 2px 0px; 
 color: #b0b0b0; 
 cursor: default; 
 font-size: 12px; 
 } 
 .post-detail-top a { 
 color: #b0b0b0; 
 cursor: default; 
 } 
 .post-detail-top ul{ 
 list-style: none; 
 padding: 0; 
 margin: 0; 
 } 
 .post-detail-top li{ 
 border-left: 1px solid #f0f0f0; 
 display: inline-block; 
 padding: 0px 5px; 
 } 
 .post-detail-top li:last-child { 
 border-left: 0px; 
 } 
 /*---pagingation---*/ 
 .pagingation { 
 padding: 4px 6px; 
 } 
 .pagesList { 
 display: inline-block; 
 } 
 .pagingation li{ 
 display: inline-block; 
 line-height: 2.2em; 
 } 
 .pagingation a{ 
 padding: 4px 10px; 
 color: #000; 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 border-radius: 2px; 
 } 
 .pagingation a:hover{ 
 border: 1px solid ; 
 } 
 /*---block-left---*/ 
 #block-left { 
 width: 26.666666%; 
 float: left; 
 line-height: 1.6em; 
 color: #666; 
 padding: 15px 0px 15px 0px; 
 } 
 #block-left .left-box { 
 margin-bottom: 20px; 
 cursor: default; 
 } 
 #block-left .left-title {
 background-image: linear-gradient( to right, #fab638, #c16424);
 border-radius: 15px 15px 0px 0px;
 padding: 4px 10px;
 font-family: sahel;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 } 
 #block-left a{ 
 color: #000; 
 } 
 #block-left a:hover { 
 color: #916e5f; 
 } 
 #block-left .left-detail { 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 margin-top: 2px; 
 border-radius: 0px 0px 15px 15px; 
 padding-bottom: 0px; 
 } 
 #block-left .left-detail li:hover { 
 background: #fafafa; 
 } 
 #block-left .left-detail li:last-child:hover { 
 background: #fafafa; 
 border-radius: 0px 0px 15px 15px; 
 } 
 #block-left .left-detail li{ 
 border-bottom: 1px solid rgba(221,221,221,.5); 
 padding: 6px 6px; 
 } 
 #block-left .left-detail li:last-child{ 
 border-bottom: 0px; 
 padding-bottom: 8px; 
 } 
 .left-detail a{ 
 display: block; 
 } 
 /*---about-me---*/ 
 .blog-image { 
 text-align: center; 
 margin-bottom: 10px; 
 } 
 .about-me {
 background: #fff;
 border: 1px solid #e5e5e5;
 border-radius: 15px;
 padding: 15px;
 } 
 .about-me img{ 
 width: 100%; 
 border-radius: 15px; 
 } 
 /*---follow-box---*/ 
 .followBx {
 margin-top: 10px;
 background: #fff;
 border-radius: 0px;
 border-top: 1px solid rgba(221,221,221,.5);
 } 
 .followThis.followed { 
 background: #916e5f; 
 border-radius: 15px; 
 } 
 .followThis {
 background: #e28608;
 border-radius: 0px;
 font-family: yekan,tahoma;
 font-size: 14px;
 border-radius: 15px;
 } 
 #followInBx #followersLs .followImg { 
 border-radius: 50%; 
 } 
 /*---stat---*/ 
 .left-stat { 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 padding-bottom: 5px; 
 border-radius: 0px 0px 15px 15px; 
 margin-top: 2px; 
 } 
 .left-stat li{ 
 padding: 4px 6px; 
 border-bottom: 1px solid #f0f0f0; 
 } 
 .left-stat li:last-child{ 
 border-bottom: 0px; 
 } 
 .stat-value { 
 float: left; 
 } 
 /*---category---*/ 
 .left-category { 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 padding-bottom: 5px; 
 border-radius: 0px 0px 15px 15px; 
 margin-top: 2px; 
 } 
 .left-category li{ 
 padding: 4px 6px; 
 } 
 .count { 
 color: #bdbdbd; 
 } 
 .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: #916e5f; 
 } 
 .recent-cm-matn { 
 color: #000; 
 } 
 /*---recent-post---*/ 
 .left-detail a:hover{ 
 color: #666; 
 } 
 /*---tags---*/ 
 .left-tag { 
 padding: 4px 6px 8px 6px; 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 border-radius: 0px 0px 15px 15px; 
 } 
 .tags a{ 
 background: #fafafa; 
 border: 1px solid #f0f0f0; 
 border-radius: 2px; 
 padding: 4px 6px; 
 margin: 2px 0px; 
 display: inline-block; 
 } 
 .tags a:hover { 
 color: #000 !important; 
 border: 1px solid #916e5f; 
 } 
 /*---footer---*/ 
 .footer { 
 padding: 8px 15px; 
 margin-bottom: 15px; 
 border-radius: 15px; 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 } 
 .footer a{
 color: #8d5a07;
 } 
 footer a:hover { 
 color: #89E6FB; 
 } 
 .erfan { 
 float: left; 
 } 
 .bayan { 
 float: right; 
 } 
 @media only screen and (max-width: 768px) { 
 body { 
 font-size: 90%; 
 } 
 .post-title h2{ 
 font-size: 16px; 
 } 
 #wrp { 
 width: 95%; 
 margin-right: 2.5%; 
 margin-left: 2.5%; 
 } 
 #menu { 
 text-align: center; 
 } 
 #menu li{ 
 display: block; 
 padding: 3px 0px; 
 } 
 #menu a{
display: block;
} 
 #menu li:after{ 
 content: ""; 
 } 
 #block-post { 
 width: 100%; 
 } 
 #block-left { 
 width: 100%; 
 margin-top: 10px; 
 } 
 .footer { 
 text-align: center; 
 } 
 .footer .erfan{ 
 padding-bottom: 10px; 
 float: none; 
 } 
 .footer .bayan{ 
 float: none; 
 } 
 }