@font-face { 
 font-family: 'yekan'; 
 src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
 } 
/*---body---*/ 
 body { 
 background: #f3f4f6; 
 font-family: tahoma; 
 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: #fff; 
 padding: 30px; 
 text-align: center; 
 } 
 header a{ 
 color: #019484; 
 } 
 header h1{ 
 font-weight: normal; 
 font-family: yekan,tahoma; 
 font-size: 16px; 
 margin: 0; 
 padding: 10px 0px; 
 } 
 header h2{ 
 font-weight: normal; 
 font-family: yekan,tahoma; 
 font-size: 12px; 
 margin: 0; 
 padding: 10px 0px; 
 } 
 .header-image { 
 margin-top: 20px; 
 display: none; 
 } 
 .header-img-back { 
 display: inline-block; 
 padding: 4px; 
 background: #fafafa; 
 border: 1px solid rgba(39,48,57,.06); 
 margin: 5px .7em; 
 border-radius: 50%; 
 } 
 .header-img-back img{ 
 width: 150px; 
 height: 150px; 
 border-radius: 50%; 
 } 
 /*---menu---*/ 
 nav { 
 background: #fff; 
 border-top: 1px solid rgba(39,48,57,.06); 
 box-shadow: 0 1px 2px rgba(39,48,57,.025); 
 padding: 14px 0px; 
 font-family: yekan,tahoma; 
 } 
 #menu { 
 text-align: center; 
 } 
 #menu li{ 
 display: inline-block; 
 } 
 #menu a{ 
 color: #000; 
 padding: 0px 14px; 
 } 
 #menu a:hover{ 
 color: #019484; 
 } 
 #menu a.selected{ 
 color: #019484; 
 } 
 /*---block-post---*/ 
 #block-post { 
 width: 66.666666%; 
 padding: 0px 15px; 
 float: right; 
 margin-top: 40px; 
 } 
 /*---block-message---*/ 
 .align { 
 margin-bottom: 10px; 
 } 
 .messages { 
 background: #fff; 
 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-family: yekan,tahoma; 
 font-weight: normal; 
 font-size: 16px; 
 } 
 /*---post---*/ 
 .post { 
 background: #fff; 
 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: #019484; 
 } 
 .post-title a:hover{ 
 color: #159996; 
 } 
 .post a{ 
 color: #019484; 
 } 
 .post a:hover{ 
 color: #66CBBE; 
 } 
 .post-title h2{ 
 font-size: 14px; 
 font-family: yekan,tahoma; 
 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: #999999; 
 } 
 .post-detail-left span { 
 color: #999999; 
 } 
 .post-detail-left { 
 float: left; 
 } 
 .post-detail-left a{ 
 color: #019484; 
 padding: 0px 8px; 
 } 
 .post-tags { 
 background: #fff; 
 border: 1px solid rgba(39,48,57,.08); 
 box-shadow: 0 0 5px rgba(39,48,57,.05); 
 padding: 5px; 
 } 
 .post-tags a{ 
 color: #000; 
 } 
 .post-tags a:hover{ 
 border-color: #019484; 
 } 
 .post-tags-title { 
 padding: 6px 10px; 
 margin-bottom: 4px; 
 color: #7d7d7d; 
 } 
 /*----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: #fff; 
 } 
 .comment-count-box { 
 text-align: center; 
 padding-bottom: 20px; 
 background: #fff; 
 border-bottom: 1px solid rgba(39,48,57,.15); 
 font-family: yekan; 
 } 
 .comment-count-box a{ 
 color: #000; 
 font-size: 20px; 
 } 
 .cm-body { 
 background: #fff; 
 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: #fff; 
 overflow: hidden; 
 border-top-right-radius: 2px; 
 border-top-left-radius: 2px; 
 } 
 .cm-name { 
 margin-right: 5px; 
 float: right; 
 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 10px 10px 10px; 
 } 
 .comment-reply { 
 margin-right: 40px; 
 margin-left: auto; 
 padding: 8px; 
 line-height: 1.7em; 
 color: #019484; 
 } 
 .comment-reply-page { 
 padding: 8px; 
 line-height: 1.7em; 
 color: #019484; 
 } 
 .reply-av { 
 width: 35px; 
 float: right; 
 border-radius: 50%; 
 } 
 .comment-add-form { 
 margin-top: 15px; 
 margin-bottom: 15px; 
 padding: 10px; 
 background: #fff; 
 border-radius: 2px; 
 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: 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 #e5e5e5 !important; 
 background: #fafafa; 
 border-radius: 2px; 
 } 
 .bComForm .sendbutton.hasCheckbox { 
 background: #019484; 
 border: 0px; 
 cursor: pointer; 
 margin-top: 0; 
 width: 100px; 
 border-radius: 2px; 
 color: #fff; 
 } 
 .bComForm .sendbutton.hasCheckbox:hover { 
 background: #eb8024; 
 transition-duration: .3s; 
 } 
 /*--cm-detail-top--*/ 
 .post-detail-top { 
 padding: 2px 0px; 
 color: #a8a8a8; 
 cursor: default; 
 font-size: 12px; 
 } 
 .post-detail-top a { 
 color: #a8a8a8; 
 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: #fff; 
 color: #999; 
 } 
 .pagingation a:hover{ 
 border-color: #019484; 
 color: #019484; 
 } 
 /*---block-left---*/ 
 aside { 
 width: 33.333333%; 
 float: left; 
 padding: 0px 15px; 
 } 
 #block-left { 
 margin-top: 40px; 
 line-height: 1.6em; 
 color: #666; 
 border: 1px solid rgba(39,48,57,.08); 
 box-shadow: 0 0 5px rgba(39,48,57,.05); 
 background: #fff; 
 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; 
 font-family: yekan,tahoma; 
 color: #019484; 
 font-size: 16px; 
 } 
 #block-left a{ 
 color: #000; 
 } 
 #block-left a:hover { 
 color: #019484; 
 } 
 #block-left .left-detail li{ 
 border-bottom: 1px solid #e5e5e5; 
 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: #019484; 
 } 
 .followThis { 
 background: #019484; 
 border-radius: 0px; 
 font-family: yekan,tahoma; 
 font-size: 14px; 
 } 
 #followInBx #followersLs .followImg { 
 border-radius: 50%; 
 } 
 /*---stat---*/ 
 .left-stat li{ 
 padding: 14px 2px; 
 border-bottom: 1px solid #e5e5e5; 
 } 
 .left-stat li:last-child{ 
 border-bottom: 0px; 
 } 
 .stat-value { 
 float: left; 
 } 
 /*---category---*/ 
 .left-category li{ 
 padding: 8px 2px; 
 } 
 .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: #019484; 
 } 
 .recent-cm-matn { 
 color: #000; 
 } 
 /*---recent-post---*/ 
 .left-detail a:hover{ 
 color: #666; 
 } 
 /*---tags---*/ 
 .left-tag { 
 padding: 4px 6px; 
 } 
 .tags a{ 
 background: #f9f9f9; 
 padding: 4px 6px; 
 margin: 2px 0px; 
 display: inline-block; 
 border: 1px solid #e5e5e5; 
 border-radius: 2px; 
 } 
 /*---footer---*/ 
 .footer { 
 padding: 14px 10px; 
 background: #fff; 
 border: 1px solid rgba(39,48,57,.08); 
 box-shadow: 0 0 5px rgba(39,48,57,.05); 
 margin-top: 30px; 
 } 
 .footer a{ 
 color: #019484; 
 } 
 footer a:hover { 
 color: #e87e21; 
 } 
 .erfan { 
 float: left; 
 } 
 .bayan { 
 float: right; 
 } 
 @media only screen and (max-width: 900px) { 
 #wrp { 
 width: 95%; 
 } 
 aside { 
 width: 100%; 
 } 
 #block-post { 
 width: 100%; 
 } 
 }