@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: #E7E9DB; 
 background-image: url(http://bayanbox.ir/view/7193911985108119370/68.jpg); 
 background-size: ; 
 font-family: tahoma; 
 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: 800px; 
 margin: auto; 
 } 
 /*---header---*/ 
 #header { 
 background-color: #123456; 
 background-image: url(http://bayanbox.ir/view/7193911985108119370/68.jpg); 
 background-size: ; 
 background-position: center; 
 background-size: ; 
 text-align: right; 
 color: #FFFFFF; 
 border-bottom: 4px solid #123456; 
 } 
 #blog-title { 
 display: inline-block; 
 background: rgba(0,0,0,.2); 
 padding: 80px 20px; 
 } 
 #header a{ 
 color: #FFFFFF; 
 } 
 #header h1{ 
 font-weight: normal; 
 font-family: yekan,tahoma; 
 font-size: 16px; 
 margin: 0; 
 padding: 5px 0px; 
 } 
 #header h2{ 
 font-weight: normal; 
 font-family: yekan,tahoma; 
 font-size: 12px; 
 margin: 0; 
 padding: 5px 0px; 
 } 
 /*---menu---*/ 
 #menu { 
 background: #123456; 
 padding: 8px 6px; 
 font-family: yekan,tahoma; 
 text-align: right; 
 } 
 #menu li{ 
 display: inline-block; 
 } 
 #menu a{ 
 color: #fff; 
 padding: 3px 12px; 
 } 
 #menu a:hover{ 
 color: #fff; 
 border-bottom: 2px solid #0079E2; 
 } 
 #menu a.selected{ 
 color: #fff; 
 } 
 /*---block-post---*/ 
 #block-post { 
 width: 73.3333333%; 
 float: right; 
 padding: 15px 0px 15px 0px; 
 } 
 #main-block { 
 background: #fff; 
 border-right: 1px solid #e5e5e5; 
 } 
 /*---block-message---*/ 
 .align { 
 margin: 0px 10px 10px 10px; 
 } 
 .messages { 
 background: #fafafa; 
 border: 1px solid #e5e5e5;; 
 padding: 18px 10px; 
 text-align: center; 
 } 
 .messages h2{ 
 font-family: yekan,tahoma; 
 font-weight: normal; 
 font-size: 16px; 
 } 
 /*---post---*/ 
 .post { 
 margin-bottom: 15px; 
 } 
 .post img{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post audio{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post video{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post-title { 
 padding: 2px 10px; 
 } 
 .post-title a{ 
 color: #0079E2 !important; 
 } 
 .post-title a:hover{ 
 color: #0079E2; 
 } 
 .post a{ 
 color: #0079E2; 
 } 
 .post a:hover{ 
 color: #00C0E2; 
 } 
 .post-title h2{ 
 font-size: 14px; 
 font-family: yekan,tahoma; 
 font-weight: normal; 
 margin: 0; 
 padding: 0; 
 } 
 .post-content { 
 line-height: 1.7; 
 padding: 5px 10px 10px 10px; 
 background: #fff; 
 } 
 .read-more { 
 padding: 5px 0px 10px 0px; 
 text-align: center; 
 } 
 .read-more a{ 
 border: 1px solid #e5e5e5; 
 padding: 4px 10px; 
 color: #000; 
 background: #fafafa; 
 } 
 .read-more a:hover { 
 border-bottom: 2px solid #0079E2; 
 } 
 /*---post-detail---*/ 
 .post-detail { 
 padding: 5px 10px; 
 background: #fafafa; 
 border-width: 1px 0px 1px 1px; 
 border-style: solid; 
 border-color: #e5e5e5; 
 } 
 .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-radius: 2px; 
 padding: 5px 10px; 
 border-radius: 15px; 
 margin-bottom: 15px; 
 } 
 .tag-back .tags a{ 
 color: #000; 
 background: #fafafa; 
 border: 1px solid #e5e5e5; 
 } 
 .tag-back .tags a:hover{ 
 color: #000 !important; 
 } 
 .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: yekan; 
 padding: 15px; 
 } 
 .comment-count-box a{ 
 color: #000; 
 font-size: 20px; 
 line-height: 1.1; 
 } 
 .cm-main { 
 background: #fafafa; 
 border: 1px solid #e5e5e5; 
 margin: 15px 10px; 
 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: #fff; 
 background: #123456; 
 } 
 .comment-reply-page { 
 padding: 8px; 
 line-height: 1.7em; 
 border-radius: 15px; 
 background: #123456; 
 color: #fff; 
 } 
 .reply-av { 
 width: 40px; 
 float: right; 
 border-radius: 50%; 
 } 
 .comment-add-form { 
 margin: 15px 10px; 
 margin-bottom: 15px; 
 padding: 10px; 
 background: #fafafa; 
 border: 1px solid #e5e5e5; 
 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: #0079E2; 
 border: 0px; 
 cursor: pointer; 
 margin-top: 0; 
 width: 100px; 
 border-radius: 15px; 
 color: #fff; 
 } 
 .bComForm .sendbutton.hasCheckbox:hover { 
 background: #00C0E2; 
 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; 
 } 
 .pagingation a{ 
 padding: 4px 10px; 
 color: #000; 
 background: #fafafa; 
 border: 1px solid #e5e5e5; 
 } 
 .pagingation a:hover{ 
 border-bottom: 2px solid #0079E2; 
 } 
 /*---block-left---*/ 
 #block-left { 
 width: 26.666666%; 
 float: left; 
 line-height: 1.6em; 
 color: #fff; 
 padding: 15px; 
 background: #123456; 
 } 
 #block-left .left-box { 
 margin-bottom: 20px; 
 cursor: default; 
 } 
 #block-left .left-title { 
 border-bottom: 2px solid #0079E2; 
 padding: 5px 10px; 
 font-family: yekan,tahoma; 
 color: #fff; 
 text-align: center; 
 } 
 #block-left a{ 
 color: #fff; 
 } 
 #block-left a:hover { 
 color: #fff; 
 } 
 #block-left .left-detail { 
 } 
 #block-left .left-detail li:hover { 
 border-right: 2px solid #0079E2; 
 } 
 #block-left .left-detail li:last-child:hover { 
 } 
 #block-left .left-detail li{ 
 border-bottom: 1px solid #4a4450; 
 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 img{ 
 width: 100%; 
 } 
 /*---follow-box---*/ 
 .followBx { 
 margin-top: 10px; 
 background: none; 
 border-radius: 0px; 
 border-top: 1px solid rgba(221,221,221,.5); 
 } 
 .followThis.followed { 
 background: #0079E2; 
 } 
 .followThis { 
 background: #0079E2; 
 border-radius: 0px; 
 font-family: yekan,tahoma; 
 font-size: 14px; 
 } 
 #followInBx #followersLs .followImg { 
 border-radius: 50%; 
 } 
 /*---stat---*/ 
 .left-stat { 
 padding: 5px 0px; 
 } 
 .left-stat li{ 
 padding: 4px 6px; 
 border-bottom: 1px solid #4a4450; 
 } 
 .left-stat li:last-child{ 
 border-bottom: 0px; 
 } 
 .stat-value { 
 float: left; 
 } 
 /*---category---*/ 
 .left-category { 
 padding: 5px 0px; 
 } 
 .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: #fff2d6; 
 } 
 .recent-cm-matn { 
 color: #fff; 
 } 
 /*---recent-post---*/ 
 .left-detail a:hover{ 
 color: #666; 
 } 
 /*---tags---*/ 
 .left-tag { 
 padding: 4px 0px; 
 } 
 .tags a{ 
 background: #352e38; 
 border: 1px solid #534559; 
 border-radius: 2px; 
 padding: 4px 6px; 
 margin: 2px 0px; 
 display: inline-block; 
 } 
 .tags a:hover { 
 color: #fff !important; 
 border-bottom: 2px solid #0079E2; 
 } 
 /*---footer---*/ 
 .footer { 
 padding: 8px 15px; 
 background: #123456; 
 color: #fff; 
 } 
 .footer a{ 
 color: #0079E2; 
 } 
 footer a:hover { 
 color: #00C0E2; 
 } 
 .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: 100%;
 } 
 #header { 
 text-align: center; 
 } 
 #header #blog-title { 
 display: block; 
 } 
 #menu { 
 text-align: center; 
 } 
 #menu li{ 
 display: block; 
 padding: 3px 0px; 
 } 
 #menu a{ 
 display: block; 
 } 
 #menu li:after{ 
 content: ""; 
 } 
 #main-block {
 border-right: 0px;
} #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; 
 } 
 }