/*
Theme Name: SingerFa
Author: Famo
Author URI: http://www.famo.ir
Version: 1.0
*/
@font-face{font-family:'Yekan';src:url('inc/Fonts/BYekan.ttf') format('truetype'), url('inc/Fonts/BYekan.eot?#') format('eot'), url('inc/Fonts/BYekan.woff') format('woff');font-style:normal;font-weight:normal;}
*{border:0;padding:0;margin:0}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, del, em, font, img, strong, b, i ol, ul, li, form{padding:0;margin:0;}
body{background: #f4f4f4;direction:rtl;color:#585858;margin:0px;padding:0px;text-align:center;font:11px/1.9 tahoma;overflow-x: hidden;}
a{text-decoration:none;color:#585858;transition:all 0.3s ease-out;}
a:hover{text-decoration:none;color:#14a3b4;}
ul, li{border:0;padding:0;margin:0;list-style:none;}
img{border:0;transition:all 0.3s ease-out;}
input,select,button,textarea{font-family:'Yekan',tahoma;transition:all 0.3s ease-out;}
h1{font:1.7em/1.6 'Yekan',tahoma}
h2,h3,h4,h5,h6{font:1.2em/1.2 'Yekan',tahoma;}
.warpper{margin:0px auto;width:1024px;clear:both;text-align:right;}
.page-body{float:left;width:510px;}
.two-box-warpper{float:right;width:710px;}
.top{margin:0 auto;width:1024px;}

.nav {
    width: 1024px;
    margin: 20px auto;
    height: 95px;
}

.logo {
    float: right;
    width: 150px;
    height: 95px;
    background: none repeat scroll 0% 0% #495a61;
    color: #FFF;
    position: relative;
    border-radius: 2px;
}
.logo:before {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 10px 5px 10px 0px;
    border-color: transparent #495a61 transparent transparent;
    left: -5px;
    top: 37px;
}
.logo:after {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 5px 10px 0px;
    border-color: #495a61 transparent transparent;
    left: 60px;
    top: 95px;
}

.logo h1 {
    font: 25px Yekan,tahoma;
    margin: 10px;
    height: 37px;
    overflow: hidden;
}
.logo span {
    background: none repeat scroll 0% 0% #3b4a50;
    padding: 2px 5px;
    color: #d9d9d9;
    border-radius: 3px;
    font: 12px Yekan,tahoma;
}


.breadcrumbs {
    float: left;
    background: none repeat scroll 0% 0% #495a61;
    width: 850px;
    height: 46px;
    border-bottom: 2px solid #3b4a50;
    border-radius: 3px 3px 0px 0px;
}
.breadcrumbs .bcs {
    float: right;
    font: 13px Yekan,tahoma;
    color: #FFF;
    margin: 14px 9px;
    width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}
.breadcrumbs .bcs .li {
    background: url('images/icons.png') no-repeat scroll -181px -93px transparent;
    height: 10px;
    width: 6px;
    margin: 6px 6px 0px;
    float: right;
}
.breadcrumbs .bcs span{float:right}
.breadcrumbs .bcs a {
    color: #FFF;
    float: right;
}
.breadcrumbs .bcs a:hover{color: #B9DDDD;}
.breadcrumbs h2,.breadcrumbs strong{
    display: inline-block;
    font: 13px Yekan,tahoma;
}

.breadcrumbs .bcs:before {
    content: "";
    float: right;
    margin: 0px 0px 0px 5px;
    font-family: tahoma;
    background: url('images/icons.png') no-repeat -158px -1px;
    height: 19px;
    width: 12px;
}

.social {
    float: left;
    margin-left: 5px;
    margin-top: 11px;
}
.social a {
    display: block;
    width: 17px;
    height: 20px;
    float: left;
    background: url('images/icons.png') no-repeat scroll 0% 0% transparent;
    margin: 3px 5px;
	position: relative;
}
.social a.fb{background-position:-18px -1px}
.social a.gp{background-position:-36px -1px}
.social a.tw{background-position:-59px -1px}
.social a.yt{background-position:-80px -1px;width: 21px;}
.social a.in{background-position:-106px -1px}
.social a.clb{background-position:-125px -1px;width: 23px;}
.social a.aprt{background-position:-183px -254px;}
.social a.yho{background-position:-165px -254px}

.social span {
    position: absolute;
    top: -28px;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    color: rgba(107, 120, 134, 0.8);
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    width: 55px;
    right: -19px;
}
.social a:hover span{opacity: 1;top: -22px;}

.menu {
    float: left;
    width: 850px;
	background-color: #fff;
    height: 47px;
	border-radius: 0px 0px 3px 3px;
}
.menu ul {
    font: 14px Yekan,tahoma;
}
.menu li {
    float: right;
    border-left: 1px solid #E8E8E8;
    height: 12px;
    margin-top: 18px;
}
.menu li:first-child{margin-right: 4px;}
.menu li:last-child{border-left:none;}
.menu li a {
    color: #4b4c4d;
    padding: 2px 5px;
    margin: -8px 5px 5px;
    float: right;
	border-radius: 2px;
}
.menu li a:hover {
    background:#495a61;
	color:#fff;
}
.search {
    float: left;
    margin: 7px;
}
.searchtext, .searchtext:focus, .searchtext:hover {
    font: 11px tahoma;
    text-align: right;
    width: 150px;
    color: #999;
    background: #f7f7f7;
    padding: 0px 10px;
    height: 33px;
    border-radius: 2px;
    float: right;
}
.searchtext:focus{width:155px;}
.searchsubmit {
    float: left;
    width: 33px;
    height: 33px;
    cursor: pointer;
    color: #586E83;
    border-radius: 2px;
    background: #495a61;
    font: 12px Yekan,tahoma;
    margin-right: 5px;
}
.searchsubmit:hover{background-color:#495a61;color:#fff}
.searchsubmit span {
    background: url('images/icons.png') no-repeat scroll 0px 0px transparent;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-top: 8px;
}

.categories {
    width: 1024px;
    margin: 0px auto 15px;
    display: inline-block;
    padding: 10px 0px 3px;
    border-top: 1px dashed #EBEBEB;
    border-bottom: 1px dashed #EBEBEB;
    text-align: left;
}

.categories .icon2 {
    float: right;
    width: 201px;
    height: 64px;
    background: url('images/icons.png') no-repeat scroll 0px -23px transparent;
}
.categories h3 {
    color: #495a61;
    font: 22px/30px Yekan,tahoma;
    text-align: left;
}
.categories a {
    height: 74px;
    width: 95px;
    display: inline-block;
    font: 13px Yekan,tahoma;
    text-align: center;
}
.categories a:hover{color:#44B39D}
.categories a:hover .item{background-color:#44B39D}
.categories a:hover em{top: -1px;opacity: 1;}
.categories a:hover .bot{background-position: -189px -5px;}
.categories .icon{
    display: inline-block;
    background: url('images/icons.png') no-repeat scroll 0% 0% transparent;
	width: 29px;
    height: 45px;
}
.categories .music {background-position: 0px -82px;}
.categories .albume {background-position: -29px -82px;}
.categories .video {background-position: -60px -80px;}
.categories .eulogy {background-position: -90px -83px;}
.categories .pishvaz {background-position: -120px -88px;}
.categories .news {background-position: -150px -88px;}
.categories  .item {
    width: 45px;
    height: 45px;
    display: block;
    margin: 0px auto 3px;
    background: #e5e5e5;
    position: relative;
    color: #565656;
	text-align: left;
	border-radius: 100%;
}
.categories .bot {
background: url('images/icons.png') no-repeat scroll 0% 0% transparent;
    bottom: 2px;
    right: 0px;
	position: absolute;
	width: 8px;
    height: 16px;
    background-position: -176px -5px;
}
.categories em {
    position: absolute;
    top: -6px;
    right: -10px;
    color: #FFF;
    border-radius: 2px;
    font: 10px tahoma;
    background: #3b4a50;
    padding: 1px 3px;
	opacity: 0;
	transition: all 0.3s ease-out 0s;
}


.special {
    background:#e2e2e2;padding:20px 0px;overflow:hidden;height:191px;border-radius: 5px;
}
.special {

    width: 1024px;
    margin: 0px auto 15px;
    height: 305px;
    overflow: hidden;
}

.special .item {
    display: inline-block;
    height: 150px;
    width: 150px;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}
.special span {
    position: absolute;
    left: 0px;
    margin: 5px;
    background: rgba(0, 0, 0, 0.5);
    font: 10px tahoma;
    color: #e5e5e5;
    padding: 1px 5px;
    border-radius: 3px;
	transition: all 0.3s ease-out 0s;
}
.special p {
    padding: 0px 5px;
    position: absolute;
    bottom: 12px;
    color: #F2F2F2;
    width: 140px;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
    height: 21px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	direction: ltr;
}
.special .item:hover p {
    bottom: 5px;
    opacity: 1;
}
.special .item:hover span{background: rgba(0, 0, 0, 0.8);}

.banners {
    text-align: center;
    border-bottom: 1px dashed #EBEBEB;
    margin: 0px auto 15px;
    padding-bottom: 10px;
    width: 1024px;
}
.banners img {
    border: 2px solid #ededed;
    border-radius: 3px;
    margin: 0px 5px;
}

.post {
    background:#e2e2e2;
}
.post {
    margin: 0px 0px 10px;
    width: 500px;
    display: inline-block;
    background: none repeat scroll 0% 0% #FFF;
    border-radius: 3px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.post .spc {
    position: absolute;
    width: 22px;
    height: 31px;
    background: url('images/icons.png') no-repeat scroll -97px -156px transparent;
    left: 40px;
}
.like {
    float: left;
    position: relative;
    margin: 8px;
}
.iLikeThis .count {
    cursor: pointer;
    position: absolute;
    top: 7px;
    left: 12px;
    color: #fff;
    border-radius: 2px;
    font: 10px tahoma;
    background: #3b4a50;
    padding: 0px 2px;
    transition: all 0.3s ease-out 0s;

}
.iLikeThis a{color:#f2f2f2}
.iLikeThis .img {
    display: block;
    width: 24px;
    height: 21px;
    background: url('images/icons.png') no-repeat scroll -98px -134px transparent;
    cursor: pointer;
}
.post .title{position: relative;}

.post .title .icon {
    background: url('images/icons.png') no-repeat scroll -122px -132px transparent;
    float: right;
    height: 30px;
    width: 31px;
    margin: 5px 5px 0px 0px;
}

.ivideo {background-position:-59px -234px !important}
.ialbum {background-position:-90px -234px !important}
.idefault {background-position:-120px -234px !important;width: 30px !important;}
.ibuy {background-position:0px -274px !important}
.rltd {background-position:-30px -274px !important}
.cmds {background-position:-63px -276px !important}

.post .title h3, .post .title h2 {
    font: 15px Yekan,tahoma;
    float: right;
    margin: 8px 5px 5px;
}
.post .title h3 a:hover,.post .title h2 a:hover{margin-right: 5px;}

.post .title em {
    float: left;
    background: none repeat scroll 0% 0% #F2F2F2;
    padding: 2px 5px;
    border-radius: 3px;
    margin: 8px;
    font-style: normal;
}

.postinfo {
    border-bottom: 1px dashed #f2f2f2;
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}
.postinfo ul li {
    float: right;
    color: #8D9AA8;
    margin: 0px 5px;
}
.postinfo ul li a {
    color: #8d9aa8;
}
.postinfo span {
    float: right;
    width: 13px;
    height: 9px;
    background: url('images/icons.png') no-repeat scroll 0px 0px transparent;
    margin: 7px 5px 0px 5px;
}
.postinfo .the_category {background-position: -184px -106px;}
.postinfo .the_views {background-position: -182px -119px;
width: 18px;
height: 11px;
margin: 6px 5px 0px 5px;
}
.postinfo .the_time {background-position: -185px -133px;
width: 11px;
height: 12px;
margin: 6px 5px 0px;
}

.cmi {
    float: right;
    margin: 10px;
}
.cmi a {
    border: 1px solid #EEE;
    font: 13px Yekan,tahoma;
    padding: 2px 5px;
    float: right;
    position: relative;
    height: 24px;
	border-radius: 3px;
}
.cmi a:hover {
    border-color:#d9d9d9;
}
.cmi a:before {
    content: "";
    float: right;
    width: 16px;
    height: 14px;
    background: url('images/icons.png') no-repeat scroll -183px -148px transparent;
    margin: 6px 0px 0px 5px;
}
.cmi span {
    font: 15px Yekan,tahoma;
    color: #ccc;
}
.cmi span:nth-child(2) {
    position: absolute;
    top: -12px;
    left: -6px;
    background: none repeat scroll 0% 0% #3b4a50;
    font: 10px tahoma;
    color: #FFF;
    padding: 0px 3px;
    border-radius: 2px;
	opacity: 0;
	transition: all 0.3s ease-out 0s;
}
.cmi:hover span:nth-child(2){opacity: 1;top: -7px;}

.more{
float:left;
margin: 10px;
}
.more a {
    float: left;
    background: none repeat scroll 0% 0% #74B03A;
    font: 15px/26px Yekan,tahoma;
    color: #FFF;
    padding: 2px 5px;
    height: 26px;
	border-radius: 3px;
	position: relative;
}
.more a:hover{background:#3b4a50;}
.more a:before {
    content: "";
    float: right;
    width: 24px;
    height: 14px;
    background: url('images/icons.png') no-repeat scroll -153px -134px transparent;
    margin: 6px 0px 0px 5px;
}

.post .more a:after {
    position: absolute;
    z-index: 99;
    content: "";
    border-style: solid;
    border-width: 7px 7px 7px 0px;
    border-color: transparent transparent transparent transparent;
    transition: all 0.3s ease-out 0s;
    left: 3px;
}
.post .more a:hover:after {
    transform: translateX(-10px);
    border-color: transparent #3b4a50 transparent transparent;
}

.post .contents {
    padding: 0px 10px 5px;
}
.post .audio{text-align: center;margin-top: -5px;}
.post .audio audio{width:80%;}
.post .contents span{font: 11px/23px tahoma ;}
.post .contents em{background:#f2f2f2;padding:5px;margin-bottom:5px;display:block;font-style:normal;font-weight:bold;}
.post .contents img{margin:3px 0px;border:3px solid #f2f2f2;max-width: 99%;height: 100%;}
.sidebar-right{float:right;width:190px;}
.sidebar-left {
    float: left;
    width: 314px;
}


.box{
display: inline-block;
background: none repeat scroll 0% 0% #FFF;
border-radius: 3px;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
width: 100%;
margin-bottom: 10px;
}

.newsletter {
    background: none repeat scroll 0% 0% #334D5C;
	border-radius: 5px;
}
.newsletter .title {
    height: 32px !important;
    border-radius: 3px 3px 0px 0px;
    background: none repeat scroll 0% 0% #F1C40F;
    border: 0px !important;
}
.newsletter .icon2 {
    float: left;
    width: 57px;
    height: 39px;
    margin-top: -7px;
    margin-left: 5px;
    background: url('images/icons.png') no-repeat scroll 0px -230px transparent;
}
.newsletter .title h4 {
    font: 15px/32px Yekan,tahoma !important;
    margin: 0px 10px 0px 0px !important;
    border: 0px none !important;
    color: #FFF;
}
.newsletter p {
    text-align: justify;
    font: 11px/25px tahoma;
    color: #DEE7EC;
    padding: 0px 5px;
    text-shadow: 1px 1px 0px #22343E;
}
.newsletter input {
    padding: 7px 0px;
    width: 170px;
    text-align: right;
    margin: 5px 0px 7px;
    background: none repeat scroll 0% 0% #263A45;
    font: 11px tahoma;
    text-indent: 10px;
    color: #F2F2F2;
    border-radius: 3px;
	border:1px solid #334D5C;
}
.newsletter input:hover{background: #22343e;}

.newsletter input:focus{border-color: #F1C40F;}

.newsletter button {
    float: left;
    margin: 0px 0px 9px 6px;
    background: #4b6b7e;
    color: #FFF;
    border-radius: 2px;
    cursor: pointer;
    font-size: 15px;
    padding: 0px 7px;
}
.newsletter button:before {
    content: "";
    width: 8px;
    height: 12px;
    float: right;
    background: url('images/icons.png') no-repeat scroll -119px -173px transparent;
    margin: 7px 0px 0px 7px;
	transition: all 0.3s ease-out 0s;
}
.newsletter button:hover{background:#3b4a50}
.icon-letter {
    width: 16px;
    height: 10px;
    float: left;
    background: url('images/icons.png') no-repeat scroll -119px -163px transparent;
    margin: 15px 10px;
    position: absolute;
    left: 5px;
}

.category{margin: 5px;}
.category > ul > li {
    font: 14px/30px Yekan,tahoma;
}
.category > ul > li:before {
    background: url('images/icons.png') no-repeat scroll -59px -264px transparent;
    height: 10px;
    content: "";
    margin-top: 10px;
    margin-left: 5px;
    float: right;
    width: 10px;
	transition: all 0.2s ease-out 0s;
}
.category > ul > li:hover:before {background-position:-73px -264px;}
.category > ul > li:hover > a,.category > ul > li > ul > li:hover > a{color:#3b4a50}

.category ul {
    margin-right: 5px;
    font: 11px/30px Tahoma;
}

.category .children {
    margin-right: 15px;
}

.category > ul > li > ul > li:before {
    background: url('images/icons.png') no-repeat scroll -87px -266px transparent;
    float: right;
    width: 7px;
    height: 7px;
    content: "";
    margin-top: 12px;
    margin-left: 5px;
	transition: all 0.2s ease-out 0s;
}
.category > ul > li > ul > li:hover:before {background-position:-100px -266px}


.category > ul > li > ul > li > ul > li:before {
    background: url('images/icons.png') no-repeat scroll -112px -266px transparent;
    float: right;
    width: 7px;
    height: 7px;
    content: "";
    margin-top: 12px;
    margin-left: 5px;
	transition: all 0.2s ease-out 0s;
}
.category > ul > li > ul > li > ul > li:hover:before {background-position:-125px -266px}



.box .title{height:30px;border-bottom: 1px dashed #F2F2F2;}
.box .title h4, .box .title h5 {
    font: 13px/30px Yekan,tahoma;
    margin-right: 8px;
    float: right;
    border-bottom: 1px dashed #16a0a0;
}
.box .title .icon {
    width: 17px;
    height: 17px;
    float: right;
    margin: 7px 5px 0px 0px;
    background: url('images/icons.png') no-repeat scroll -184px -220px transparent;
}
.stag{background-position:-167px -220px !important;}
.arshive{background-position:-150px -220px !important}
.soon{background-position:-184px -237px !important}
.advicn{background-position:-167px -237px !important}
.rcat{background-position:-150px -237px !important}
.box .title h3 {
    font: 13px/19px Yekan,tahoma;
    text-align: left;
    margin-left: 12px;
}
a.arch {
    float: left;
    margin: 6px;
    font-size: 10px;
    background: #f7f7f7;
    padding: 0px 4px;
    border-radius: 3px;
}
.box .title .star {
    width: 133px;
    height: 39px;
    float: right;
    background: url('images/icons.png') no-repeat scroll -1px -190px transparent;
    margin: 14px 10px;
}
.tabs {
    float: left;
}
.tabs a {
    background: url('images/icons.png') no-repeat scroll -159px -162px transparent;
    float: right;
    color: #FFF;
    font: 13px Yekan,tahoma;
    text-align: center;
    width: 21px;
    height: 56px;
    margin-left: 5px;
    text-indent: 100px;
    overflow: hidden;
    border-radius: 0px 0px 3px 3px;
}
.tabs a:nth-child(2){background-position:-138px -162px}
.tabs a:nth-child(3){background-position:-180px -162px}
.tabs a:hover{color:#f2f2f2}
.tabs .active {
    height: 58px;
}

.related .title,.cmds .title{height:40px;border-bottom:1px dashed #F2F2F2;}

.cmds .title span {
    float: left;
    margin: 8px;
    background: #f7f7f7;
    padding: 1px 5px 2px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: -10px;
	transition: all 0.3s ease-out 0s;
	opacity:0;
}
.cmds .title:hover span{top: 0px;opacity:1;}

.box .content,.related .content {padding: 5px;}
.box .content ul li a,.related .content ul li a {
    padding: 2px 5px;
    display: block;
    text-align: justify;
    position: relative;
}
.box .content > ul li a:before,.related .content > ul li a:before{
    content: " ";
    width: 4px;
    height: 7px;
    background: url('images/icons.png') no-repeat scroll -157px -149px transparent;
    float: right;
    margin: 9px 0px 0px 5px;
	transition: all 0.3s ease-out 0s;
}
.box .content ul li a:hover,.related .content ul li a:hover{color:#16a0a0}
.box .content > ul li a:hover:before,.related .content > ul li a:hover:before {background-position:-161px -149px;}
.box .content ul li a:hover,.related .content ul li a:hover{color:#16A085;}
.box .content li a span,.related .content li a span {
    opacity: 0;
    float: left;
    border-radius: 2px;
    text-align: center;
    background: #f7f7f7;
    color: #6c7a89;
    padding: 0px 3px;
    position: absolute;
    left: -5px;
	transition: all 0.3s ease-out 0s;
}
.box .content li a:hover span,.related .content li a:hover span{opacity:1;left: 0px;}
.clr1 li a:hover{color:#3b4a50 !important;}
.clr1 li a:hover:before{background-position:-153px -149px !important;}
.clr2 li a:hover{color:#bc66a1 !important;}
.clr2 li a:hover:before{background-position:-165px -149px !important}
.clr3 li a:hover{color:#74B03A !important;}
.clr3 li a:hover:before{background-position:-169px -149px !important}
.clr3 h4{border-color:#74B03A !important;}
.clr3 a:hover.arch{background:#74B03A;color:#fff}
.clr5 h5{border-color:#F1C40F !important;}

.request a {
    background: #fff;
    color: #4b4c4d;
    padding: 5px 0px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    width: 100%;
    position: relative;
}
.request a:hover{background: #f7f7f7;}
.request h3 {
    float: right;
    font: 13px/30px Yekan,tahoma;
    margin-right: 10px;
}
.request span {
float: right;
    font: 10px/25px tahoma;
	margin-right: 10px;
}
.request .icon {
    border-right: 1px solid #E5E5E5;
    width: 45px;
    height: 50px;
    background: url('images/icons.png') no-repeat;
    margin-left: 7px;
    margin-right: 0px;
    position: absolute;
    left: 5px;
    top: 7px;
}
.request .rqst {background-position: 0px -131px;}
.request .snd {width: 48px;background-position:-45px -131px;}
.ads_right{text-align:center;}
.ads_right img {
    border: 2px solid #F2F2F2;
    margin-top: 5px;
	border-radius:3px;
	max-width:95%;
	height:auto;
}
.textads{text-align:center;}
.textads a {
    border-radius: 3px;
    font: 11px/2 tahoma;
    margin-bottom: 10px;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    margin: 0px 3px 10px;
    width: 149px;
    text-indent: 10px;
    padding: 3px 0px;
    display: inline-block;
    text-align: right;
}
.textads a:hover{background:#495a61;color:#FFF;}
.textads a:nth-child(2n):hover{background:#74b03a}
.textads a:nth-child(3n):hover{background:#3b4a50}
.tags h3 {
    text-align: justify;
    font: 11px/31px tahoma;
}
.tags a {
    padding: 5px 7px;
    font-size: 11px !important;
    background: #f7f7f7;
    border-radius: 3px;
}
.tags a:hover {
    background: none repeat scroll 0% 0% #F1C40F;
    color: #FFF;
}
.clear{clear:both;font-size:0;line-height:0;height:0;}
.wp-pagenavi {
    display: inline-block;
    width: 500px;
    font: 11px/25px tahoma;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 3px;
}
.wp-pagenavi:before {
    content: " ";
    background: url('images/icons.png') no-repeat scroll -31px -274px transparent;
    float: right;
    height: 30px;
    width: 31px;
    margin: 14px 10px 0px 0px;
}

.wp-pagenavi .pages {
    float: right;

padding: 0px 5px 0px 0px;
margin: 7px 5px;
float: right;
width: 92px;
    border-left: 1px dashed #e5e5e5;
}

.wp-pagenavi .pages:before {
    content: "صفحات";
    float: right;
    font: 15px/17px Yekan,tahoma;
    padding-top: 3px;
    width: 100%;
}
.wp-pagenavi a, .wp-pagenavi span {
    transition: all 0.5s ease 0s;
    background: none repeat scroll 0% 0% #FFF;
    margin: 17px 3px 0px;
    float: right;
    padding: 0px 10px;
    border-radius: 3px;
}
.wp-pagenavi a:hover{
    color: #4b4c4d;
    background: #e5e5e5;
}
.wp-pagenavi span.current{color:#fff;background:#495a61;}

.footer {
    float: right;
    width: 100%;
    border-bottom: 5px solid rgba(140, 153, 167, 0.2);
    margin-top: 10px;
    background: #e7e7e7;
    border-top: 1px dashed rgba(140, 153, 167, 0.2);
    padding: 5px 0px;
    color: #8A97A5;
}
.copyright {
    float: right;
    text-align: right;
    margin-right: 10px;
}
.cpl {
    background: url('images/icons.png') no-repeat -63px -340px;
    float: right;
    height: 41px;
    width: 50px;
    margin: 13px 0px 0px;
    text-indent: 100%;
    overflow: hidden;
}

.links {
    float: left;
    margin-top: 10px;
}
.links a {
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    background: url('images/icons.png') no-repeat scroll -63px -275px transparent;
    margin: 13px 5px;
    position: relative;
    text-indent: 100%;
    overflow: hidden;
	transition: all 0.2s ease-out 0s;
}
.links span {
    float: right;
    background: #d9d9d9;
    width: 1px;
    height: 20px;
    margin: 11px;
}
.links a.rss {background-position: -96px -275px;}
.links a.stat {background-position: -110px -275px;height: 16px;width: 14px;}
.links a.w3 {background-position: -125px -274px;height: 15px;width: 16px;}

.links a:hover.rss {background-position: -96px -291px;}
.links a:hover.stat {background-position: -110px -291px;}
.links a:hover.w3 {background-position: -125px -291px;}



.download{width: 500px;margin:0px 0px 10px;display: inline-block;margin: 0px 0px 10px;background: #334D5C;
border-radius: 5px;text-align:center}
.download .content{padding:5px;overflow: hidden;}
.download .title {
    height: 32px;
    border-radius: 3px 3px 0px 0px;
    background: none repeat scroll 0% 0% #F1C40F;
}
.download .title h3 {
    font: 15px/32px Yekan,tahoma;
    margin: 0px 7px 0px 0px;
    color: #FFF;
    text-align: right;
}
.download .title .icon {
    float: left;
    width: 59px;
    height: 39px;
    margin-top: -7px;
    margin-left: 5px;
    background: url('images/icons.png') no-repeat scroll 0px -340px transparent;
}

.download a {
    font: 14px Yekan,tahoma;
    padding: 5px 5px;
    display: block;
    text-align: right;
    color: #e5e5e5;
    position: relative;
    border-top: 1px dashed #3f5f71;
}
.download a:hover{color:#F1C40F}
.download a:first-child{border: 0px}
.download a:before {
    content: " ";
    width: 4px;
    height: 7px;
    background: url('images/icons.png') no-repeat scroll -173px -149px transparent;
    float: right;
    margin: 8px 0px 0px 5px;
    transition: all 0.3s ease-out 0s;
}
.download a:hover:before{background-position:-177px -149px}
.download a span {
    float: left;
    font: 9px tahoma;
    direction: ltr;
    color: #6F92A6;
    padding: 2px 5px;
    border-radius: 3px;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    position: absolute;
    left: -10px;
	margin-top: 3px;
	text-transform: uppercase;
}
.download a:hover span {
left: 0px;
    opacity: 0.7;
    animation: 0.6s ease 0s normal none infinite logo;
}
.blog_code{display:inline-block;width:100%;margin-top:5px;text-align:center;}
.blog_code i {
    background: #415f70;
    color: #9bb7c7;
    padding: 4px 5px;
    border-radius: 2px;
    font-style: normal;
}
.blog_code textarea {
    height: 60px;
    text-align: left;
    direction: ltr;
    margin-top: 9px;
    resize: none;
    font: 11px tahoma;
    background: none repeat scroll 0% 0% #263A45;
    border-radius: 3px;
    color: #7F8B99;
    width: 97%;
    padding: 5px;
    border: 1px solid #334D5C;
}
.blog_code textarea:hover {background: #22343E;}
.blog_code textarea:focus {border-color: #F1C40F;}

.download .audio,.download video {
    margin-top: 5px;
}
.download audio {
    width: 100%;
	background:#2976ba;
}


.socials {

    text-align: center;
    padding-top: 5px;
	margin: 0px 0px 10px !important;
}

.socials a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('images/icons.png') repeat scroll 0% 0% transparent;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    transition: all 0.3s ease-out 0s;
    margin: 0px 5px;
}
.socials a:hover{opacity:0.7}
.socials a.fb{background-position:-32px -308px}
.socials a.gp{background-position:0px -308px}
.socials a.tw{background-position:-64px -308px}
.socials a.clb{background-position:-128px -308px;}
.socials a.digg{background-position:-96px -308px}
.socials a.yho{background-position:-160px -308px}




.col1{background:#495a61 !important}
.col2{background:#3b4a50 !important}
.col3{background:#bc66a1 !important}
.col4{background:#ff731f !important}
.col6{background:#586E83 !important}

.tag{margin-bottom: 10px !important;}
.tag h3{font:11px/23px tahoma;text-align: justify;padding: 5px;}
#respond {
    margin: 5px 0px 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #F2F2F2;
}
#respond .user_identity{float:right;width:44%;font:14px/2 Yekan,tahoma;margin:10px;}
#respond .right{float:right;width:50%;}
#respond input {
    float: right;
    width: 100%;
    margin: 10px 0px 0px;
    text-indent: 5px;
    font: 11px tahoma;
    padding: 9px 0px;
    border-radius: 3px;
    color: #4b4c4d;
    border: 1px solid #f2f2f2;
}
#respond textarea{margin-top:10px;height:113px;font:11px tahoma;resize:none;width:47%;text-indent:5px;padding:5px 0px;float:left;color: #4b4c4d;border-radius: 3px;border:1px solid #f2f2f2;}
#respond input:hover,#respond textarea:hover{border-color: #e5e5e5;}
#respond input:focus,#respond textarea:focus{border-color: #3b4a50;}
.commentlist{margin:10px}
.commentlist p.form-submit{display:none;}
#respond button {
    margin-top: 10px;
    border: 1px solid #3b4a50;
    cursor: pointer;
    border-radius: 3px;
    color: #3b4a50;
    padding: 5px;
    font: 11px tahoma;
    background: none;
}
#respond button:before {
    content: "";
    float: right;
    margin: 1px 0px 0px 5px;
    font-family: tahoma;
    background: url('images/icons.png') no-repeat scroll -144px -265px transparent;
    height: 14px;
    width: 17px;
}
#respond #submit{background:none;margin-bottom:5px;cursor:pointer;}
.comment-form-comment textarea{width:100% !important;}
.comment {
    background: #fafafa;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.vcard {
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    padding: 0px;
    float: right;
    width: 100%;
    line-height: 29px;
    height: 32px;
}
.vcard .reply{position:absolute;left:0;top:0;}


.vcard .fn{font-weight:bold;font-style:normal;}
.vcard .avatar{float:right;margin:0px 0px 0px 5px;}
.comment .content{padding:5px 0px;display:inline-block;}
.comment-awaiting-moderation{color:#ccc;font-style:normal;font-size:9px;float:right;width:100%;text-align:left;padding:5px 0px 0px;}
.comment-body{margin:5px 0px;border-bottom:3px dashed #F2F2F2;font:11px tahoma;}
.commentlist .depth-2, .commentlist .depth-3, .commentlist .depth-4, .commentlist .depth-5, .commentlist .depth-6, .commentlist .depth-7, .commentlist .depth-8, .commentlist .depth-9, .commentlist .depth-10{margin:5px;padding:5px;border: 1px solid #ededed;}
.commentlist .navigation{display:inline-block;width:100%;}
.commentlist .navigation a{color:#fff;float:right;padding:4px 10px;background:rgba(35, 35, 35, 0.5);margin:5px 0px 0px;}
.commentlist .navigation a:hover{background:#08F;}
.commentlist .navigation a:last-child{float:left;}
.comment-reply-title{text-align:left;margin-bottom:2px;}
.comment-reply-title a,.vcard .reply a {
    padding: 4px 6px;
    font: 11px tahoma;
    background: none repeat scroll 0% 0% #D9D9D9;
    border-radius: 3px;
    color: #FFF;
}
.comment-reply-title a:hover,.vcard .reply a:hover{
    background: #ccc;
}
.bypostauthor .fn:after{content:"ظ…ط¯غŒط±";font:11px tahoma;background:#3b4a50;border-radius:3px;color:#FFF;margin:5px 5px 5px 4px;padding:0px 5px 3px;}

.scrolltop{position:fixed;bottom:1em;right:1em;background-color:rgba(0, 0, 0, 0.2);display:none;z-index:200;border-radius:50% 25%;width:36px;height:36px;cursor:pointer;transition:all 0.3s ease-out 0s;}
.scrolltop:hover{background-color:rgba(73, 90, 97, 0.7);}
.scrolltop .icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url('images/icons.png') no-repeat -182px -274px;
    margin-top: 10px;
}


.post_link,.socials,.tag {
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    width: 500px;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 5px;
}
.post_link .previous, .post_link .next {
    float: left;
    text-align: left;
    color: #999;
    padding: 8px 15px;
    transition: all 0.3s ease-out 0s;
    position: relative;
    width: 200px;
    height: 39px;
}
.post_link .previous:hover,.post_link .next:hover{opacity:0.7;}
.post_link .next{text-align:right;float:right;}

.post_link .previous span,.post_link .next span{font:13px Yekan,tahoma;color:#495a61;display:block;}


.post_link .previous a {
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    height: 54px;
    line-height: 77px;
    padding-left: 12px;
    width: 100%;
}
.post_link .next a {
    color: #999;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    width: 100%;
    height: 55px;
    top: 0px;
    right: 0px;
    line-height: 79px;
    text-indent: 15px;
}

.pdg {padding: 0px 10px 0px !important;}

.mrg{margin-top: 0px;}



@media screen and (max-width:1024px){
.post,.wp-pagenavi,.two-box-warpper,.sidebar-left,.download,.post_link, .socials, .tag{width:100%}
.nav,.warpper,.categories,.special,.banners,.top{width:98%;}
.logo{width: 20%;}
.page-body {width: 73%;}
.sidebar-right {width: 26%;}
.breadcrumbs, .menu {
    width: 78%;
}
.breadcrumbs .bcs{width:59%}
.categories a {
    width: 90px;
    font-size: 12px;
}
.textads a {width: 32%;text-align: center;}
.menu ul {
    font: 13px Yekan,tahoma;
    height: 46px;
    overflow: hidden;
    float: right;
}
.menu li a {
    margin-top: -7px;
}

}


@media screen and (max-width:800px){
.newsletter input{width:100%}
.scrolltop{left: 1em;right: 0;}
.links,.search,.categories .icon2,.icon-letter{display:none}
.breadcrumbs .bcs {
    width: 46%;
    font-size: 11px;
    line-height: 19px;
}

.categories {
    text-align: center;
}

.logo span {
    padding: 3px;
    font: 9px tahoma;
}



}


@media screen and (max-width:640px){
.menu ul,.sidebar-right,.page-body,.copyright{width: 100%;}
.breadcrumbs .bcs,.categories,.cpl{display:none}
.copyright {
    text-align: center;
    margin-right: 0px;
}
.social {
    text-align: center;
    width: 100%;
}
.social a,.menu li,.menu li a {
    display: inline-block;
    float: none;
}
.menu li a {
    padding: 2px 4px;
    margin: -8px 0px 5px;
}
.menu li{border:0px;margin-top: 13px}


.logo h1 {
    font: 24px Yekan,tahoma;
    height: 40px;
	margin:10px 10px 1px;
}
.logo span {
    background: none;
}

.request .icon{width: 7%;}
.request h3 {
    width: 85%;
    text-align: right;
}
.logo:after {
    left: 40px;
}

.banners img {
    max-width: 100%;
    height: auto;
    margin: 0px;
}
.menu {
    margin-bottom: 15px;
}

.textads a {
    width: 30%;
}

}





@media screen and (max-width:480px){

.nav {
    margin: 5px auto;
}
.logo, .menu{
    width: 100%;
}
.logo{height: 80px;border-bottom: 2px solid #3b4a50;}
.logo:before,.logo:after,.breadcrumbs,.special,.wp-pagenavi .pages:before,.wp-pagenavi .pages,.post .spc{
    display:none
}
.logo{border-radius: 0px;}

.textads a {
    width: 46%;
}

.wp-pagenavi:before {
    margin: 13px 5px;
}

.post .title h3, .post .title h2{width: 70%;font-size:13px}

.request .icon {
    width: 45px;
}

.cm-meta {
    height: 31px;
    overflow: hidden;
}

}


@media screen and (max-width:320px){

.post .title h3, .post .title h2 {
    width: 60%;
    font: bold 11px tahoma;
    height: 33px;
    overflow: hidden;
}

}
.telegram {
    background: url('images/telegram.png') no-repeat scroll 12px center #5C90D2;
    display: block;
    color: #F2F2F2;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 3px;
    clear: both;
    font: bold 11px tahoma;
}
.telegram .title_tg {
    text-align: right;
    text-indent: 5px;
    margin-bottom: 5px;
    display: block;
}
.telegram .desc_tg {
    font: 11px tahoma;
    text-align: right;
    text-indent: 5px;
    opacity:0.7;
    display: block;
}
.telegram:hover{
    color: #fff;
}

.uploadboy {
    background: url('images/uploadboy.png') no-repeat scroll 12px center #e18603;
    display: block;
    color: #F2F2F2;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 3px;
    clear: both;
    font: bold 11px tahoma;
}
.uploadboy .title_tg {
    text-align: right;
    text-indent: 5px;
    margin-bottom: 5px;
    display: block;
}
.uploadboy .desc_tg {
    font: 11px tahoma;
    text-align: right;
    text-indent: 5px;
    opacity:0.7;
    display: block;
}
.uploadboy:hover{
    color: #fff;
}

.tranbit {
    background: url('images/tranbit.png') no-repeat scroll 12px center #37d0f9;
    display: block;
    color: #F2F2F2;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 3px;
    clear: both;
    font: bold 11px tahoma;
}
.tranbit .title_tg {
    text-align: right;
    text-indent: 5px;
    margin-bottom: 5px;
    display: block;
}
.tranbit .desc_tg {
    font: 11px tahoma;
    text-align: right;
    text-indent: 5px;
    opacity:0.7;
    display: block;
}
.tranbit:hover{
    color: #fff;
}