/*---Hidden-follower-avatar---*/
#followersLs {
	position: absolute;
	visibility: hidden;
}
@font-face {
  font-family: Sahel;
  src: url('https://bayanbox.ir/download/1529604540835984293/Sahel.eot');
  src: url('Sahel.eot?#iefix') format('embedded-opentype'),
       url('https://bayanbox.ir/download/3365739524050635328/Sahel.woff') format('woff'),
       url('https://bayanbox.ir/download/5765378025252945035/Sahel.ttf') format('truetype');
  font-weight: normal;
}
      
@font-face {
  font-family: Sahel;
  src: url('https://bayanbox.ir/download/313143423428655978/Sahel-Bold.eot');
  src: url('Sahel-Bold.eot?#iefix') format('embedded-opentype'),
       url('https://bayanbox.ir/download/7770831158246169681/Sahel-Bold.woff') format('woff'),
       url('https://bayanbox.ir/download/6969900276394115843/Sahel-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Sahel;
  src: url('https://bayanbox.ir/download/4188420161947887947/Sahel-Black.eot');
  src: url('Sahel-Black.eot?#iefix') format('embedded-opentype'),
       url('https://bayanbox.ir/download/665889135155907548/Sahel-Black.woff') format('woff'),
       url('https://bayanbox.ir/download/3950366292255722761/Sahel-Black.ttf') format('truetype');
  font-weight: 900;
}
body {
background-color: #FFFFFF;
background-image:  url(https://bayanbox.ir/view/7214151580857492073/ww-2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment:fixed ;
font-family: sahel;
font-size: 14px;
font-color: 000000;
}
body a{
text-decoration: none;
}
body ul{
list-style: none;
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
#wrp {
width: 800px;
margin: auto;
}
#block-post {
width: 600px;
float: right;
}
#block-left {
width: 180px;
float: left;
}
/*--------------------------header--------------------------*/
#header {
height: 100px;
background-color: ;
background-image: url();
background-repeat: no-repeat;
background-size: 800px;
background-position: center;
background-attachment: ;
margin: 50px 0px 0px 0px;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #38DDFF;
}
#header #blog-title {
padding: 100px 0px 70px 0px;
text-align: center;
}
#header h1{
font-family: sahel;
font-size: 0px;
font-weight: bold;
padding: 0px 0px;
margin: 0;
}
#header a{
color: #000000;
}
#header h2{
font-family: sahel;
font-size: 10px;
font-weight: normal;
padding: 3px 50px;
color: #000000;
margin: 0;
}/*--------------------------menu--------------------------*/
#menu {
padding: 4px 6px;
background:;
border-width: 0px 0px 0px 0px;
border-style: ;
border-color: ;
text-align: center;
}#menu li{
margin: 0;
padding: 0;
display: inline-block;
}
#menu a{
color: #000000;
background: #FF68D1;
padding: 2px 5px;
border-radius: 12px 12px 12px 12px;
font-size: 15px;
font-family: sahel;
}
#menu a:hover{
color: #000000;
background: #38DDFF;
}
/*---block-message---*/
.align {
margin: 10px 3px 3px 3px;
}
.messages {
background: ;
box-shadow: 0px 0px 0px 0px #FFFFFF;
padding: 1px 10px;
text-align: center;
}
.messages h2{
font-family: sahel;
font-weight: normal;
font-size: 14px;
}
/*--------------------------block-post--------------------------*/
.post {
margin: 10px 3px 3px 3px;
border-width: 2px 0px 0px 0px;
border-style: dotted;
border-color: #FF68D1;
border-radius: 0px 0px 12px 12px;
box-shadow: 0px 0px 0px 0px ;
}
.post img{
max-width: 100%;
height: inherit;
}
.post audio{
max-width: 100%;
height: inherit;
}
.post video{
max-width: 100%;
height: inherit;
}
.post-title {
background: #38DDFF;
padding: 3px 3px;
border-width: 0px 0px 0px 0px;
border-style: dotted;
border-color: #FFFFFF;
text-align: right;
border-radius: 12px 12px 12px 12px;
}
.post-title a{
color: #000000 !important;
}
.post-title a:hover{
color: #FF68D1 !important;
}
.post-title h2{
font-size: 15px !important;
font-family: sahel;
font-weight: normal;
margin: 0;
padding: 0;
}
.post-content a{
color: #FF68D1;
}
.post-content a:hover{
color: #38DDFF;
}
.post-content {
line-height: 1.7;
background: ;
color: #000000;
font-size: 14px;
font-family: sahel;
padding: 3px 3px 3px 3px;
margin: 0px 3px 3px 3px;
border-width: 0px 0.5px 0px 0.5px;
border-style: dotted;
border-color: #38DDFF;
border-radius: 0px 0px 0px 0px;
}
/*--------------------------post-detail--------------------------*/
.post-detail {
border-width: 0px 0px 2px 0px;
border-style: dotted;
border-color: #FF68D1;
border-radius: 12px;
padding: 2px 6px;
margin: 0px 0px;
background: #FF68D1;
font-family: sahel;
font-size: 12px;
}
.post-detail li{
display: inline-block;
padding: 0px;
}
.post-detail li:after {
content: "⚡︎";
color: #38DDFF;
}
.post-detail li:last-child:after {
content: "";
}.post-detail-right {
float: right;
}
.post-detail-right span{
padding: 0px 4px;
color: #000000;
}
.post-detail-left span {
color: #000000;
}
.post-detail-left {
float: left;
}
.post-detail-left a{
color: #000000;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #FFFFFF;
border-radius: 0px;
padding: 0px 1px;
margin: 0px 1px;
background: #FF68D1;
}
.post-tags {
background: ;
box-shadow: 0px 0px 0px 0px #ededed;
border-radius: 2px;
padding: 5px;
}.post-tags a{
color: #000;
}
.post-tags a:hover{
color: #38DDFF;
}
.post-tags-title {
border-width: 2px 0px 0px 0px;
border-style: dotted;
border-color: #FF68D1;
border-radius: 0px 0px 12px 12px;
box-shadow: 0px 0px 0px 0px #FFFFFF;
padding: 6px 10px;
margin-bottom: 4px;
color: #000000;
}
/*----comment-----*/
.comment-count-box {
text-align: center;
margin-top: 10px;
padding: 8px 0px;
background: ;
border-width: 2px 0px 0px 0px;
border-style: dotted;
border-color: #FF68D1;
border-radius: 0px 0px 12px 12px;
box-shadow: 0px 0px 0px 0px #FFFFFF;
border-radius: 2px;
font-family: sahel;
}
.comment-count-box a{
color: #000;
font-size: 20px;
}
.cm-body {
background: ;
border-width: 2px 0px 0px 0px;

border-radius: 0px 0px 12px 12px;
box-shadow: 0px 0px 0px 0px #FFFFFF;
margin-right: 56px;
padding-bottom: 1px;
}
.cm-main {
margin-top: 10px;
}
.cm-avatar {
float: right;
}
.cm-av {
width: 50px;
border-radius: 50%;
}
.comment-details {
padding: 6px;
background: ;
border-bottom:1px solid #ebebeb;
overflow: hidden;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
.cm-name {
margin-right: 5px;
float: right;
color: #000000;
}
.cm-name a{
color: #000000;
}
.cm-name a:hover{
color: #000000;
}
.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;
background: ;
border:1px solid #e5e5e5;
line-height: 1.7em;
color: #000;
border-radius: 2px;
}
.comment-reply-page {
padding: 8px;
background: ;
border:1px solid #e5e5e5;
line-height: 1.7em;
color: #000;
border-radius: 6px;
}
.reply-av {
width: 35px;
float: right;
border-radius: 50%;
}
.comment-add-form {
margin-top: 15px;
margin-bottom: 15px;
padding: 10px;
background: ;
border-radius: 2px;
color: #000;
border-width: 2px 0px 0px 0px;
border-style: dotted;
border-color: #FF68D1;
border-radius: 0px 0px 12px 12px;
box-shadow: 0px 0px 0px 0px #FFFFFF;
}
.bComForm .sendbutton.hasCheckbox:hover {
background: ;
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: ;
border: 0px;
color: #000000;
border-radius: 0px;
}
.htmlbox {
border: 1px solid #dedede !important;
background: ;
}.bComForm .sendbutton.hasCheckbox {
background: #FF68D1;
border: 0px;
cursor: pointer;
margin-top: 0;
width: 100px;
border-radius: 2px;
color: #fff;
}

.bComForm .sendbutton.hasCheckbox:hover {

background: #eb00a3;

transition-duration: .3s;

}

/*--cm-detail-top--*/

.post-detail-top {

padding: 2px 0px;

background: ;

border-bottom: 1px solid #000000;

color: #000000;

cursor: default;

font-size: 12px;

}
.post-detail-top a {
color: #000000;
cursor: default;
}.post-detail-top ul{
list-style: none;
padding: 0;
margin: 0;
}
.post-detail-top li{
border-left: 1px solid #e0e0e0;
display: inline-block;
padding: 0px 5px;
}.post-detail-top li:last-child {
border-left: 0px;
}
/*---pagingation---*/
.pagingation {
background: ;
border-width: 2px 0px 0px 0px;
border-style: dotted;
border-color: #FF68D1;
border-radius: 0px 0px 12px 12px;
box-shadow: 0px 0px 0px 0px #FFFFFF;
text-align: center;
padding: 4px 6px;
}
.pagesList {
display: inline-block;
}
.pagingation li{
display: inline-block;
}
.pagingation li:after{
content: "|";
color: #000000;
}.pagingation li:last-child:after{
content: "";
}
.pagingation a{
padding: 0px 4px;
color: #000000;
}
.pagingation a:hover{
color: #38DDFF;
}
/*---block-left---*/
#block-left {
width: 180px;
float:left;
line-height: 1.6em;
color: ;
}
#block-left .left-box {
background: ;
margin: 10px 3px 3px 3px;
border-width: 2px 0px 0px 0px;
border-style: dotted;
border-color: #FF68D1;
border-radius: 0px 0px 12px 12px;
box-shadow: 0px 0px 0px 0px #FFFFFF;
cursor: default;
}
#block-left .left-title {
border-bottom: 1px solid #e5e5e5;
padding: 4px 6px;
font-family: sahel;
font-size: 13px;
color: #000000;
}
#block-left a{
color:#000000 ;
}
#block-left a:hover {
color:#38DDFF ;
}
#block-left .left-detail li{
border-bottom: 1px solid #e5e5e5;
padding: 4px 2px;
}
#block-left .left-detail li:last-child{
border-bottom: 0px;
}
.left-detail li:hover {
background: ;
}
.left-detail a{
display: block;
font-size: 11px;
}
/*---about-me---*/
.about-me {
padding: 0px 10px 10px 10px;
}
.blog-image {
text-align: center;
}
.about-me img{
width: 180px;
margin-top: 10px;
}
.blog-description {
padding-top: 10px;
}
/*---follow-box---*/
.followBx {
margin-top: 10px;
background: ;
border-radius: 0px;
border-top: 1px solid #000000;
}
.followThis.followed {
background: #FF68D1;
}
.followThis {
background: #FF68D1;
border-radius: 0px;
font-family: sahel;
font-size: 11px;
}
#followInBx #followersLs .followImg {
border-radius: 50%;
}
/*---stat---*/
.left-stat li{
padding: 4px 6px;
border-bottom: 1px solid #e5e5e5;
font-size:11px;
}
.left-stat li:last-child{
border-bottom: 0px;
}
.stat-value {
float: left;
font-size:11px;
}
/*---category---*/
.left-category li{
padding: 4px 6px;
}
.count {
color: #000000;
}
.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: #000000;
}
.recent-cm-matn {
color: #000;
}
/*---recent-post---*/
.left-detail a:hover{
color: #38DDFF;
}
/*---tags---*/
.left-tag {
padding: 4px 6px;
}
.tags a{
background: ;
border: 0px solid ;
padding: 4px 6px;
margin: 2px 0px;
display: inline-block;
font-size: 11px;
}
/*---footer---*/
.footer {
background-color:#FF68D1;
padding: 6px 6px;
margin: 30px 0px;
border-width: 2px 0px 0px 0px;
border-style: dotted;
border-color: #FF68D1;
border-radius: 0px 0px 12px 12px;
box-shadow: 0px 0px 0px 0px #FFFFFF;
}