 @font-face {
		font-family: B-Lotus;
	src: url('https://bayanbox.ir/download/2206309900289812867/B-Lotus.svg') format('svg');        
	src: url('https://bayanbox.ir/download/7586191746493206926/B-Lotus.eot') format('eot'),
		 url('https://bayanbox.ir/download/7126322138648711591/B-Lotus.woff2') format('woff2'),
		 url('https://bayanbox.ir/download/6163945696682515923/B-Lotus.woff') format('woff'),
                 url('https://bayanbox.ir/download/6115841992559267478/B-Lotus-0.ttf') format('truetype');
	}

 @font-face {
		font-family: IM-FELL-English-Roman;
	src: url('https://bayanbox.ir/download/9089856375803230369/IM-FELL-English-Roman.svg') format('svg');        
	src: url('https://bayanbox.ir/download/8445650304443112185/IM-FELL-English-Roman.eot') format('eot'),
		 url('https://bayanbox.ir/download/664673455653360144/IM-FELL-English-Roman.woff2') format('woff2'),
		 url('https://bayanbox.ir/download/8834004714498372698/IM-FELL-English-Roman.woff') format('woff'),
                 url('https://bayanbox.ir/download/8126814402912993738/IM-FELL-English-Roman.ttf') format('truetype');
	}

  
 }
 /*---body---*/ 
 body { 
 
	background-color:#aaeeda;
 background-image: url(https://bayanbox.ir/view/1162381155292139704/Untitled-1.jpg); 
 background-size: ; 
 font-family:B-Lotus,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: 800px; 
 margin: auto; 
 background:fff; 
 } 
 /*---header---*/ 
 #header { 
 background: #ffffff; 
 background-image: url(); 
	background-repeat:no-repeat;
 background-size:15px 20px; 
 padding:10px; 
 text-align: center; 
color: 000000;
	font-family:IM-FELL-English-Roman,sahel;
 } 
 #blog-title { 
 padding-bottom:0px;
 } 
 #header a{ 
 color: #0ac2c0; 
 } 
 #header h1{
		
 font-weight: normal; 
 font-family:IM-FELL-English-Roman,sahel ; 
 font-size: 45px; 
 margin:10px; 
 padding: 5px 0px; 
 } 



 #header h2{
 font-weight: normal; 
 font-family:B-Lotus,sahel; 
 font-size: 12px; 
 margin: 0; 
 padding: 5px 0px; 
 } 
 /*---menu---*/ 
 #menu { 
 background: #fafafa; 
 padding: 4px 6px; 
 font-family:B-Lotus,sahel ; 
 border-width: 1px 0px 1px 0px; 
 border-color: rgba(221, 221, 221, 0.3); 
 border-style: solid; 
 text-align: right; 
 } 
 #menu li{ 
 display: inline-block; 
	font-family:B-Lotus,sahel;
 } 
 #menu li:after{ 
	font-family:B-Lotus,sahel;
 content: "|"; 
 color: #e8e8e8; 
 } 
 #menu li:last-child:after{ 
	font-family:B-Lotus,sahel;
 content: ""; 
 } 
 #menu a{ 
	font-family:B-Lotus,sahel;
 color: #000; 
 padding: 0px 6px; 
 } 
#menu a:hover{
	font-family:B-Lotus,sahel;
 color: #0ac2c0; 
 } 
 #menu a.selected{ 
	font-family:B-Lotus,sahel
 color:#0ac2c0 ; 
 } 
 /*---block-post---*/ 
 #block-post { 
 width: 73.33333%; 
 float: right; 
 border-left: 1px solid rgba(221, 221, 221, 0.6); 
 padding: 15px; 
 } 
 /*---block-message---*/ 
 .align { 
 margin-bottom: 10px; 
 } 
 .messages { 
 background: #fafafa; 
 border: 1px solid rgba(221, 221, 221, 0.3); 
 padding: 12px 10px; 
 text-align: center; 
 } 
 .messages h2{ 
 font-family:B-Lotus,sahel ; 
 font-weight: normal; 
 font-size: 16px; 
 } 
 /*---post---*/ 
 .post { 
 background: #fff; 
 margin-bottom: 10px; 
 } 
 .post img{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post audio{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post video{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post-title { 
 padding: 6px 0px; 
 } 
 .post-title a{ 
 color: #0ac2c0;
	font-family:B-Lotus,georgia;
 } 
 .post-title a:hover{ 
 color: #0ac2c0;
	font-family:B-Lotus,georgia;
 } 
 .post a{ 
 color: #0ac2c0;
	font-family:B-Lotus,georgia;
 } 
 .post a:hover{ 
 color:#0ac2c0 ;
	font-family:B-Lotus,georgia;
 } 
 .post-title h2{ 
 font-size: 14px; 
 font-family:B-Lotus,sahel,georgia ; 
 font-weight: normal; 
 margin: 0; 
 padding: 0; 
 } 
 .post-content { 
 line-height: 1.7; 
 padding: 5px 0px;
font-family:B-Lotus,sahel,georgia;
	
	
 } 
 .read-more { 
 padding: 5px 0px 10px 0px; 
 text-align: center; 
 } 
 .read-more a{ 
 background: #fafafa; 
 padding: 4px 10px; 
 border: 1px solid #f0f0f0; 
 border-radius: 2px; 
 color: #696969; 
 } 
 .read-more a:hover { 
 border: 1px solid #0ac2c0; 
 color: #696969; 
 } 
 .seppost { 
 border-top: 1px solid rgba(221, 221, 221, 0.6); 
 margin: 15px 0px; 
 } 
 /*---post-detail---*/ 
 .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: #b8b8b8; 
 } 
 .post-detail-left { 
 float: left; 
 } 
 .post-detail a{ 
 color: #b8b8b8; 
 } 
 .post-tags { 
 background: #fff; 
 border-radius: 2px; 
 padding: 5px; 
	font-family:B-Lotus,sahel,georgia;
 } 
 .post-tags a{ 
 color: #000;
	font-family:B-Lotus,sahel,georgia;
 } 
 .post-tags a:hover{ 
 color: #0ac2c0; 
	font-family:B-Lotus,sahel,georgia;
 } 
 .post-tags-title { 
 padding: 6px 0px; 
 margin-bottom: 4px; 
 border-radius: 2px; 
 color: #7d7d7d;
	font-family:B-Lotus,sahel,georgia;
 } 
 /*----comment-----*/ 
 .comment-count-box { 
 text-align: center; 
 background: #fff; 
 border-radius: 2px; 
 font-family:B-Lotus,sahel; 
 } 
 .comment-count-box a{ 
 color: #000; 
 font-size: 20px; 
 line-height: 1.1; 
 } 
 .cm-body { 
 margin-right: 56px; 
 padding-bottom: 1px; 
 } 
 .cm-avatar { 
 float: right; 
 } 
 .cm-av { 
 width: 50px; 
 border-radius: 50%; 
 } 
 .comment-details { 
 overflow: hidden; 
 padding-top: 7px; 
 } 
 .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: 45px; 
 margin-left: auto; 
 padding: 8px; 
 line-height: 1.7em; 
 color: #0ac2c0; 
 border-radius: 2px; 
 } 
 .comment-reply-page { 
 padding: 8px; 
 line-height: 1.7em; 
 color: #0ac2c0; 
 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-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: 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: #0ac2c0; 
 border: 0px; 
 cursor: pointer; 
 margin-top: 0; 
 width: 100px; 
 border-radius: 2px; 
 color: #fff; 
 } 
 .bComForm .sendbutton.hasCheckbox:hover {  
  background: #0ac2c0; 
 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 { 
 background: #fff; 
 padding: 4px 6px; 
 } 
 .pagesList { 
 display: inline-block; 
 } 
 .pagingation li{ 
 display: inline-block; 
 line-height: 2.2em; 
 } 
 .pagingation a{ 
 padding: 4px 10px; 
 color: #000; 
 background: #fafafa; 
 border: 1px solid #f0f0f0; 
 border-radius: 2px; 
 } 
 .pagingation a:hover{ 
 border: 1px solid #0ac2c0; 
 } 
 /*---block-left---*/ 
 #block-left { 
 width: 26.666666%; 
 float: left; 
 line-height: 1.6em; 
 color: #666; 
 padding: 15px; 
 } 
 #block-left .left-box { 
 background: #fff; 
 margin-bottom: 10px; 
 cursor: default; 
 } 
 #block-left .left-title { 
 border-bottom: 1px solid rgba(221,221,221,.6); 
 padding: 4px 0px; 
 font-family:B-Lotus,sahel ; 
 color: #0ac2c0; 
 } 
 #block-left a{ 
 color: #000; 
 } 
 #block-left a:hover { 
 color: #0ac2c0; 
 } 
 #block-left .left-detail li{ 
 border-bottom: 1px solid rgba(221,221,221,.5); 
 padding: 4px 0px; 
 } 
 #block-left .left-detail li:last-child{ 
 border-bottom: 0px; 
 } 
 .left-detail a{ 
 display: block; 
 } 
 /*---about-me---*/ 
 .blog-image { 
 text-align: center; 
 margin-bottom: 10px; 
 } 
 .about-me img{ 
 width: 100%; 
 border-radius: ;
 } 
 /*---follow-box---*/ 
 .followBx { 
 margin-top: 10px; 
 background: #fff; 
 border-radius: 0px; 
 border-top: 1px solid rgba(221,221,221,.5); 
 } 
 .followThis.followed { 
 background: #0ac2c0; 
 } 
 .followThis { 
 background: #0ac2c0; 
 border-radius: 0px; 
 font-family:B-Lotus,sahel ; 
 font-size: 14px; 
 } 
 #followInBx #followersLs .followImg { 
 border-radius: 50%; 
 } 
 /*---stat---*/ 
 .left-stat li{ 
 padding: 4px 0px; 
 border-bottom: 1px solid rgba(221,221,221,.5); 
 } 
 .left-stat li:last-child{ 
 border-bottom: 0px; 
 } 
 .stat-value { 
 float: left; 
 } 
 /*---category---*/ 
 .left-category li{ 
 padding: 4px 0px; 
 } 
 .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: #0ac2c0; 
 } 
 .recent-cm-matn { 
 color: #000; 
 } 
 /*---recent-post---*/ 
 .left-detail a:hover{ 
 color: #666; 
 } 
 /*---tags---*/ 
 .left-tag { 
 padding: 4px 0px; 
 } 
 .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 #0ac2c0; 
 } 
 /*---footer---*/ 
 .footer { 
 padding: 8px 6px; 
 background: #fff; 
 border-top: 1px solid rgba(221, 221, 221, 0.4); 
 } 
 .footer a{ 
 color: #0ac2c0; 
 } 
 footer a:hover { 
 color: #0ac2c0; 
 } 
 .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%; 
 } 
 #menu { 
 text-align: center;
		font-family:B-Lotus,sahel;
 } 
 #menu li{ 
 display: block; 
 padding: 3px 0px; 
		font-family:B-Lotus,sahel;
 } 
 #menu li:after{
		font-family:B-Lotus,sahel;
 content: ""; 
 } 
 #block-post { 
 width: 100%; 
 } 
 #block-left { 
 width: 100%; 
 margin-top: 10px; 
 } 
 } 
 
