@charset "utf-8";
/* CSS Document */
/* Theme Name: plus music v1
 Theme URI: http://rolfa.ir
 Description: پلاس موزیک 
 Version: 1 . 0  
 Author: ghalebkade.com 
 URI: http://rolfa.ir */

@charset "utf-8";
html,
body,
div,
input,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    transition: all 0.3s
}
@font-face{font-family:'Yekan';src:url('Fonts/BYekan.ttf') format('truetype'), url('Fonts/BYekan.eot?#') format('eot'), url('Fonts/BYekan.woff') format('woff');font-style:normal;font-weight:normal;}
@font-face{font-family:'isans';src:url('Fonts/BYekan.ttf') format('truetype'), url('Fonts/BYekan.eot?#') format('eot'), url('Fonts/BYekan.woff') format('woff');font-style:normal;font-weight:normal;}
a:visited {
    text-decoration: none
}
a.active {
    text-decoration: none
}
body a:link {
    text-decoration: none;
}
body a:visited {
    text-decoration: none;
}
.postbox h2,
h3,
h4,
h5,
h6 {
    font: 1.1em 'isans', tahoma !important;
    color: #777;
    padding: 5px 0
}
.postbox ul {
    font: 12px tahoma !important;
    color: #777;
    padding: 5px 0;
    list-style: circle !important;
    margin: 0 10px;
    line-height: 28px !important
}
input,
select,
button,
textarea {
    font-family: 'isans', tahoma;
    transition: all 0.3s ease-out
}
body {
    direction: rtl;
    background: #e4e4e4 !important;
    font: 11px tahoma
}
.clear {
    clear: both
}
a {
    text-decoration: none;
    color: #777
}
ul {
    list-style: none
}
.topmenu {
    font: 1.1em isans
}
.topmenu li {
    display: inline-block;
    padding: 20px 0px 10px;
    color: #fff !important
}
.topmenu li a {
    color: #fff;
    padding: 5px 10px
}
.topmenu li a:hover {
    background: #0077aa;
    color: #fff;
    text-decoration: none;
    box-shadow: inset 0 -3px 0 0 #0077aa
}
.searchform {
    position: relative
}
.isearch {
    background: url('images/icons2.png') no-repeat -113px -318px;
    display: block;
    height: 24px;
    width: 20px;
    float: right;
    margin: 0px 5px 0 0px;
    position: absolute;
    top: 20px;
    left: 10px
}
.searchform i {
    color: #777;
    font-size: 25px !important;
    margin: 10px 0
}
.searchform [type=text] {
    background: #fff;
    padding: 11px;
    font: 0.9em isans;
    color: #777;
    width: 100%;
    margin: 11px 0
}
.searchform [type=submit] {
    left: 10px;
    top: 20px;
    height: 20px;
    width: 20px;
    font-size: 16px;
    background: none no-repeat scroll 0% 0% transparent;
    color: #0077aa;
    cursor: pointer;
    border: none
}
.searchform button {
    padding: 10px
}
.bgm{background: url('images/bgm.jpg') no-repeat -18px -250px #111;}
.logo img {
    width: 80px;
    margin: 10px 10px;
    border-radius: 3px
}
.logo h1 {
    font:1.9em isans;
    float: right;
    margin: 30px 0;
    color: #d9d9d9;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}
.logo p {
    font: 14px isans;
    float: right
}
.logo span {
    font: 11px isans;
    background: #ddd;
    color: #777;
    margin: -10px 10px !important
}
.date .idate {
    background: url('images/icons2.png') no-repeat -236px -38px;
    display: block;
    height: 24px;
    width: 20px;
    float: right;
    margin: 0px 5px 0 0px
}
.date i {
    margin: 0 0 0 5px;
    color: #444
}
.date span strong {
    font-weight: normal;
    color: rgb(217, 23, 23)
}
.date span {
    background: #f2f2f2;
    font:11px tahoma;
    color: #444
}
.date {
    background: #f2f2f2;
    margin: 0px 0px 0;
    padding: 2px 0
}
.jdate {
    font: 200 11px isans;
    margin: 4px 5px 0;
    color: #666
}
.itext {
    background: url('images/icons2.png') no-repeat -230px -154px;
    display: block;
    height: 28px;
    width: 24px;
    float: right;
    margin: -6px 0px 0 5px
}
.randomtxt i {
    margin: 0 0 0 5px;
    color: #444;
    font-size: 12px
}
.randomtxt {
    font:11px tahoma;
    margin: 5px 5px;
    color: #444
}
.randomtxt strong {
    font: 11px tahoma;
    color: rgb(217, 23, 23)
}
.banner img {
    margin: 19px 0;
    float: left;
    width: 100%;
    box-shadow: 0 0 0 2px #e1e1e1;
    opacity:1 !important;
}
.banner {
    max-width: 468px;
    float: left;
    position: relative
}
.banner::before {
    content: "تبلیغات";
    position: absolute;
    right: -40px;
    transform: rotate(-90deg);
    top: 40px;
    background: #e1e1e1;
    width: 100%;
    color: #aaa;
    font: 11px Yekan;
    text-align: center;
    box-shadow: 0 0 0 2px #e1e1e1;
    max-width: 60px;
    display: none
}
.irandom {
    background: url('images/icons2.png') no-repeat -146px -316px;
    display: block;
    height: 28px;
    width: 22px;
    float: right;
    margin: -5px 5px 0 5px
}
.itop {
    background: url('images/icons2.png') no-repeat -231px -86px;
    display: block;
    height: 20px;
    width: 20px;
    float: right;
    margin: -2px 7px 0 5px
}
.top i {
    margin: 0 0 0 5px;
    color: #444
}
.social {
    float: left
}
.social li {
    display: inline-block;
    padding: 0px 11.7px 0 12px;
    margin: 10px 0 0
}
.social li a {
    padding: 10px 0;
    color: #fafafa
}
.top p {
    font: 0.9em isans;
    float: right;
    color: #777;
    padding: 10px 0 10px;
    margin: 0 0px
}
.social li a:hover {
    color: #70c301
}
.topid {
    background: #fff;
    padding: 5px 0 0;
    margin: 10px 5px
}
.topid p {
    font: 13px dinar;
    color: #fff;
    padding: 5px 0 5px;
    text-align: center;
    background: #97C024
}
.topid a {
    font: 12px isans;
    color: #fff;
    padding: 7px 0 7px;
    text-align: center;
    background: #70c301;
    margin: 0 auto;
    display: block
}
.topid a:hover {
    background: #65b000;
    text-decoration: none;
    color: #fff
}
.topid img {
    margin: 10px auto 10px;
    display: block;
    width: 125px;
    border-radius: 5px
}
.topid i {
    margin: 0 0 0 5px
}
.banner2 img {
    margin: 19px auto;
    width: 100%;
    display: block;
    box-shadow: 0 0 0 2px #e1e1e1;
    background: #c3c3c3
}
.banner2 {
    max-width: 468px;
    margin: 0 auto;
    display: block
}
.ireq {
    background: url('images/icons2.png') no-repeat -48px -145px;
    display: block;
    height: 24px;
    width: 20px;
    float: right;
    margin: 10px 5px 0 0px
}
.send {
    background: url('images/icons2.png') no-repeat -82px -145px;
    display: block;
    height: 26px;
    width: 22px;
    float: right;
    margin: 10px 5px 0 -8px
}
.mojaz i {
    margin: 0 0 0 5px;
    font-size: 12px
}
.mojaz {
    padding: 10px 0;
    text-align: center
}
.mojaz strong {
    font: 1.1em isans;
    color: #fff
}
.mojaz p {
    font: 11px tahoma;
    color: #d9d9d9;
    margin: 5px 0 5px 0
}
.mojaz a:hover {
    text-decoration: none
}
.mojaz a {
    margin: 0 auto;
    display: block
}
.adsright h3:after {
    content: "";
    position: absolute;
    border-width: 6px 10px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    right: 7px;
    bottom: 269px;
    width: 0px;
    top: 0
}
.iads2 {
    background: url('images/icons2.png') no-repeat -78px -392px rgb(255, 198, 0);
    display: block;
    height: 36px;
    width: 24px;
    float: right;
    margin: -5px 0px 0 10px
}
.adsright i {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #444
}
.adsright {
    margin: 10px 0 -25px !important;
    display: block;
    position: relative;
    background: #fff
}
.adsright h3 {
    margin: -10px 0;
    font: 13px Yekan;
    color: #444;
    padding: 5px 5px 15px;
    border-bottom: 1px dotted #999;
    background-image:url('images/bg.gif') !important;
}
.adsright img {
    margin: 10px auto;
    display: block;
    max-width: 120px;
    width: 100%;
    padding: 10px 0 10px
}
.icat {
    background: url('images/icons2.png') no-repeat -13px -390px;
    display: block;
    height: 22px;
    width: 22px;
    float: right;
    margin: -2px 3px 0
}
.cat li {
    position: relative
}
.cat li span {
    position: absolute;
    left: 15px;
    top: 8px;
    font: 13px Yekan, tahoma;
    color: #fafafa;
    background: #0077aa;
    padding: 0px 6px
}
.cat li ul li span {
    display: none
}
.cat li .cat-item {
    color: #999;
    font: 12px tahoma
}
.cat i {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #fff
}
.cat {
    margin: 10px auto
}
.cat-item-none{font: 11px tahoma}
.cat h3 {
    margin: 10px 0;
    font: 13px Yekan;
    color: #444;
    padding: 5px 2px 10px;
    border-bottom: 1px dotted #999;
    background-image:url('images/bg.gif') !important;
}
.cat li a {
    font: 13px Yekan;
    color: #444;
    line-height: 34px;
    margin: 0 10px
}
.cat ul {
    list-style: none
}
.cat ul li ul li {
    margin: 0px -13px;
    padding: 0
}
.cat ul li ul li a {
    font: 12px tahoma;
    line-height: 34px
}
.cat ul li a:before {
    content: "";
    float: right;
    transition: all 200ms ease-in-out 0s;
    background-color: #0077aa;
    height: 6px;
    width: 6px;
    margin: 14px 15px 10px -5px
}
.cat ul li ul li a:before {
    content: "";
    float: right;
    transition: all 200ms ease-in-out 0s;
    background-color: #0077aa;
    height: 5px;
    width: 5px;
    margin: 16px 0px 10px -5px
}
.cat li a:hover {
    color: #333;
    text-decoration: none
}
.learn li i {
    font-size: 9px;
    margin: 0 5px
}
.learn li {
    color: #999;
    font: 12px tahoma;
    box-shadow: 0 2px 0 0 #f1f1f1
}
.learn i {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #666
}
.learn {
    margin: 10px auto
}
.learn h3 {
    margin: 10px 0;
    font: 13px Yekan;
    color: #0077aa;
    padding: 10px 2px;
    border-bottom: 1px dashed #666
}
.learn li a {
    font: 12px Yekan;
    color: #777;
    line-height: 30px;
    margin: 0 0px;
    text-align: justify
}
.learn ul {
    list-style: none
}
.learn li a:hover {
    color: #1DABB8;
    text-decoration: none
}
.learn a span {
    background: #f1f1f1;
    font: 12px tahoma;
    margin: 5px 6px 0 0;
    color: #777;
    border-radius: 0px
}
.learn a span:hover {
    background: #1DABB8;
    color: #fff
}
.iarchive {
    background: url('images/icons2.png') no-repeat -258px -68px;
    display: block;
    height: 24px;
    width: 22px;
    float: right;
    margin: 0px 0px 0 0px
}
.archive i {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #666
}
.archive {
    margin: 10px auto
}
.archive h3 {
    margin: 10px 0;
    font: 13px Yekan;
    color: #444;
    padding: 10px 2px;
    border-bottom: 1px dotted #444;
    background-image:url('images/bg.gif') !important;
}
.archive li a {
    font: 11px tahoma;
    color: #777;
    line-height: 34px;
    margin: 0px auto;
    display: block
}
.archive li:nth-child(odd){background: #e1e1e1;color: #fff}
.archive li:nth-child(even){color: #fff;background: #f1f1f1;}
.archive ul {
    list-style: none
}
.archive li {
    margin: 0 auto;
    display: block;

    text-align: center;
    box-shadow: 2px 0 0 0 #c3c3c3
}
.archive li a:hover {
    background: #1784d9;
    color: #fff;
    text-decoration: none;
    box-shadow: 2px 0 0 0 #0077aa
}
.ifeed {
    background: url('images/icons2.png') no-repeat -232px -132px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 0px 0px 0 5px
}
.isign {
    background: url('images/icons2.png') no-repeat -12px -422px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 0px 0px 0 0px
}
.feed img {
    width: 130px;
    margin: 0 auto;
    display: block
}
.feed i {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #666
}
.feed {
    margin: 10px auto
}
.feed h3 {
    margin: 10px 0;
    font: 13px Yekan;
    color: #fff;
    padding: 5px 0px 10px;
    border-bottom: 1px dashed #fff
}
.feed img {
    margin: 0 auto;
    display: block
}
.feed input {
    background: #f1f1f1;
    padding: 8px;
    margin: 10px auto;
    display: block;
    width: 130px;
    font: 11px tahoma;
    box-shadow: 0 0 0 2px #3498db
}
.feed strong {
    color: #fff;
    margin: 10px auto 10px;
    display: block;
    text-align: center;
    line-height: 24px;
    font: 11px tahoma
}
.feed button {
    background: rgb(217, 23, 23) none repeat scroll 0% 0%;
    border: none;
    font: 12px isans;
    color: #fff;
    margin: 10px auto 10px auto;
    display: block;
    cursor: pointer;
    padding: 10px;
    box-shadow: inset -4px 0px 0px #C61414
}
.feed button:hover {
    color: #fff;
    box-shadow: inset -80px 0px 0px #C61414;
    transition: all 0.5s
}
.feed button i {
    color: #fff
}
.isocial {
    background: url('images/icons2.png') no-repeat -256px -389px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 0px 0px 0 5px
}
.socialicon i {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #666;
    padding: 5px
}
.socialicon {
    margin: 10px auto;
    padding: 0 0 25px
}
.socialicon h3 {
    margin: 10px 0;
    font: 13px Yekan;
    color: #444;
    padding: 5px 2px 10px;
    border-bottom: 1px dotted #444;
    background-image:url('images/bg.gif') !important;
}
.fb i {
    color: #597ac7
}
.gp i {
    color: #dc4a38
}
.yt i {
    color: #dc2c28
}
.tw i {
    color: #5bbcec
}
.in i {
    color: #9b6e5b
}
.tg i {
    color: #2ca5e0
}
.yh i {
    color: #b04bcf
}
.fb i:hover {
    background: #597ac7;
    color: #fff
}
.gp i:hover {
    background: #dc4a38;
    color: #fff
}
.yt i:hover {
    background: #dc2c28;
    color: #fff
}
.tw i:hover {
    background: #5bbcec;
    color: #fff
}
.in i:hover {
    background: #9b6e5b;
    color: #fff
}
.tg i:hover {
    background: #2ca5e0;
    color: #fff
}
.yh i:hover {
    background: #b04bcf;
    color: #fff
}
.adsleft h3:after {
    content: "";
    position: absolute;
    border-width: 6px 10px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    right: 22px;
    bottom: 255px;
    width: 0px;
    top: 24px
}
.iads1 {
    background: url('images/icons2.png') no-repeat -78px -392px rgb(255, 198, 0);
    display: block;
    height: 36px;
    width: 24px;
    float: right;
    margin: -5px 0px 0 10px
}
.adsleft i {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #444
}
.adsleft {
    margin: 10px auto;
    display: block;
    position: relative;
}
.adsleft h3 {
    margin: 10px 15px;
    font: 13px Yekan;
    color: #444;
    padding: 5px 5px 15px;
    border-bottom: 1px dotted #999;
    background-image:url('images/bg.gif') !important;
}
.adsleft img {
    margin: 10px auto;
    display: block;
    max-width: 120px
}
.newpost .arrow {
    background: url('images/icons2.png') no-repeat -170px -328px;
    display: none;
    height: 10px;
    width: 12px;
    float: right;
    margin: 10px 0px 0 0px
}
.newpost .arrow:hover {
    background: #fff !important;
    color: #777 !important;
    padding: 0 5px 0 0
}
.newpost {
    margin: 10px 0
}
.newpost a:before {
    content: "";
    float: right;
    transition: all 200ms ease-in-out 0s;
    background-color: #0077aa;
    height: 6px;
    width: 6px;
    margin: 14px 0px 10px 5px;
    border-radius: 3px
}
.newpost h3 {
    margin: 10px 15px;
    font: 1em isans !important;
    color: #444;
    padding: 10px 2px;
    border-bottom: 1px dotted #444;
    background-image: url('images/bg.gif') !important;
}
.newpost a {
    font: 11px tahoma;
    line-height: 28px;
    color: #777
}
.newpost a:hover {
    color: #1784d9;
    text-decoration: none
}
.newpost h3 i {
    margin: 0 5px;
    font-size: 14px;
    color: #666
}
.newpost a i {
    margin: 0 0 0 4px
}
.newpost a span {
    background: #e1e1e1;
    font: 11px tahoma;
    margin: 5px 5px 0 0;
    color: #444;
    border-radius: 0px
}
.newpost a span:hover {
    background: #1784d9;
    color: #fff
}
.imusic {
    background: url('images/icons2.png') no-repeat -259px -245px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 0px 0px 0 5px
}
.ivideo {
    background: url('images/icons2.png') no-repeat -260px -303px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 0px 0px 0 5px
}
.ialbum {
    background: url('images/icons2.png') no-repeat -259px -213px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 0px 0px 0 5px
}
.isoon {
    background: url('images/icons2.png') no-repeat -162px -397px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 0px 0px 0 5px
}
.iadd {
    background: url('images/icons2.png') no-repeat -200px -215px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 0px 0px 0 5px
}
.adstext li i {
    margin: 0 0 0 5px;
    font-size: 10px;
    display: none
}
.adstext i {
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #666
}
.adstext {
    margin: 10px 0
}
.adstext h3 {
    margin: 10px 0;
    font: 13px Yekan;
    color: #444;
    padding: 10px 2px;
    border-bottom: 1px dotted #444
}
.adstext li a {
    font: 11px tahoma;
    line-height: 24px;
    color: #555;
    background: #e4e4e4;
    padding: 5px 10px;
    margin: 10px auto;
    display: block;
    box-shadow: inset -2px 0 0 0 #0077aa
}
.adstext li a:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: inset -955px 0 0 0 #2196f3;
    transition: 2s;
    background: #0077aa
}
.adstext li i:hover {
    color: #fff
}
.ishop {
    background: url('images/icons2.png') no-repeat -139px -74px #1784d9;
    display: block;
    height: 32px;
    width: 32px;
    float: left;
    margin: -10px 5px 0 0px
}
.bell span:before {
    content: "";
    background: #333
}
.bell {
    background: url('images/icons2.png') no-repeat -98px -390px #1784d9;
    display: block;
    height: 32px;
    width: 32px;
    float: left;
    margin: -10px 5px 0 0px
}
.noti h3 {
    background: #fff;
    font: 1.1em isans !important;
    padding: 10px 20px;
    color: #444;
    margin: 10px 0 ;
    border-bottom: 1px dotted #444

    background-image: url('images/bg.gif') !important;
}
.noti {
    background: #fff;
    margin: 0px -5px 10px;
    position: relative
}
.noti p {
    font: 11px tahoma;
    text-align: justify;
    color: #666;
    line-height: 24px;
}
.noti h3 i {
    margin: -10px 0 0 2px;
    float: left;
    font-size: 14px;
    color: #fff;
    background: rgb(217, 23, 23) none repeat scroll 0% 0%;
    padding: 10px
}
.postads img {
    max-width: 450px;
    width: 100%;
    margin: 10px auto 10px;
    display: block
}
.postads h3 {
    font: 13px isans;
    padding: 10px 2px;
    color: #444;
    margin: 10px 5px;
    border-bottom: 1px dotted #444
}
.postads {
    margin: 0px 5px 10px
}
.postads p {
    font: 11px tahoma;
    text-align: justify;
    color: #666;
    line-height: 24px
}
.postads h3 i {
    margin: -10px 0 0 2px;
    float: left;
    font-size: 13px;
    color: #fff;
    background: #1784d9;
    padding: 10px
}
.imore {
    background: url('images/icons2.png') no-repeat -50px -42px;
    display: block;
    height: 30px;
    width: 22px;
    float: right;
    margin: -5px 0px 0 0px
}
.moreads {
    margin: 0 auto: display: block;
    margin: 5px;
    text-align: center
}
.moreads a {
    width: 105px;
    color: #fff;
    font: 13px Yekan;
    margin: 0 auto;
    display: block;
    text-align: center;
    background: #1784d9;
    padding: 10px 10px;
    box-shadow: inset -3px 0px 0 0 #0077aa
}
.moreads a:hover {
    box-shadow: inset -110px 0 0 0 #0077aa;
    text-decoration: none;
    color: #fff;
    transition: 0.5s
}
.moreads i {
    margin: 0 0 0 5px
}
.postbox {
    background: #fff;
    margin: 0px 10px 10px;
}
.postbox .title h3 {
    font: 1.lem isans !important;
    margin: 8px 0;
    padding: 5px 2px;
    color: #d9d9d9;
    border-bottom: 1px dotted #999;
    background-image:url('images/bg.gif') !important;
}
.postbox .title h3 i {
    color: #fff;
    font-size: 15px;
    margin: 0 0 0 5px
}
.itag i {
    color: #48a9eb
}
.itag strong {
    font: 1em isans;
    color: #777;
     text-align: justify !important;
}
.itag {
  text-align: justify !important;
    margin:0 0px
}
.itag a {
    color: #777;
    line-height: 28px !important;;
    padding: 5px;
    font: 11px tahoma;
    text-align: justify !important;
}
.itag p {
    padding: 10px 0px 5px;
      text-align: justify !important;
}
.itag a:hover {
    background: #48a9eb;
    text-decoration: none;
    color: #fff
}
.update {
    color: #fff !important;
    font: 13px isans !important;
    margin: 10px 0 10px 0px;
    background: #ffb433;
    padding: 10px;
    color: #fff;
    text-align: center !important;
    box-shadow: inset 0 -3px 0 0 #ffa433
}
.new {
    color: #fff !important;
    font: 13px isans !important;
    margin: 10px 0 10px 0px;
    background: #DB0A5B;
    padding: 10px;
    color: #fff;
    text-align: center !important;
    box-shadow: inset 0 -3px 0 0 #cB0A5B
}
.news {
    color: #fff !important;
    font: 13px isans !important;
    margin: 10px 0 10px 0px;
    background: #1DABB8;
    padding: 10px;
    color: #fff;
    text-align: center !important;
    box-shadow: inset 0 -3px 0 0 #1BA39C
}
.teach {
    font:11px tahoma !important;
    margin: 8px 0 6px 0px;
    padding: 9px;
    text-align: center !important;
    background-image:url('images/bg.gif') !important;
}
.teach i {
    color: #444;
    font-size: 13px;
    padding: 0px 0 !important;
    text-align: center !important
}
.teach p {
    color: #f1f1f1 !important
}
.update i {
    margin: 4px 0 0 5px;
    color: #fff;
    font-size: 12px
}
.iteach {
    background: url('images/icons2.png') no-repeat -180px -149px;
    display: block;
    height: 30px;
    width: 22px;
    float: right;
    margin: 1px 5px 0 -15px
}
.ititle3 {
    background: url('images/icons2.png') no-repeat -47px -298px #fff;;
    display: block;
    height: 30px;
    width: 22px;
    float: right;
    margin: -5px 5px 0 5px
}
.ititle2 {
    background: url('images/icons2.png') no-repeat -47px -320px #fff;;
    display: block;
    height: 30px;
    width: 22px;
    float: right;
    margin: -5px 5px 0 5px
}
.ititle {
    background: url('images/icons2.png') no-repeat -47px -356px #fff;;
    display: block;
    height: 30px;
    width: 22px;
    float: right;
    margin: -5px 5px 0 5px
}
.postbox img {
    margin: 10px auto;
    display: block;
    max-width: 100%;
    height: auto
}
.postbox h3 a {
    color: #444
}
.postbox h3 a:hover {
    text-decoration: none;
    padding: 0 5px;
    transition: all 0.5s;
    color: #0077aa
}
.postbox i {
    margin: 0 5px
}
.postbox p {
    font: 11px tahoma;
    line-height: 24px;
    text-align: justify;
    color: #444
}
.detail {
    margin: 0 0px;
    background: #e1e1e1;
    padding: 0px 0 0px;
    box-shadow: inset 0 -3px 0 0 #ddd
}
.detail li {
    font: 12px tahoma;
    display: inline-block;
    margin: 0 5px;
    color: #777;
    line-height: 24px;
    text-align: justify;
    padding: 0px
}
.detail li:nth-child(3) {
    background: #ccc;
    padding: 6px 8px 7px;
    color: #777
}
.detail li:nth-child(4) {
    background: #ccc;
    padding: 6px 8px 7px;
    color: #777
}
.detail li:nth-child(5) {
    background: #ccc;
    padding: 6px 8px 7px;
    color: #777
}
.detail li:nth-child(6) {
    background: #ccc;
    padding: 6px 8px 7px;
    color: #777
}


.meta i {
    color: #999
}
.meta {
    background: #fff;
    padding: 0px 0 0px;
    margin: 0px 0px;
    font: 11px tahoma;
    color: #777;
    background-image:url('images/bg.gif') !important;
}
.meta li {
    padding: 0px 10px;
    margin: 0;
    display: inline-block
}
.meta ul {
    list-style: none
}
.meta3 {
    background: #fafafa;
    padding: 15px 0 7px;
    margin: 0px 0px;
    font: 12px tahoma;
    text-align: center;
    color: #777;
    box-shadow: inset 0 0 0 10px #70c301
}
.meta3 li {
    padding: 5px;
    margin: 0;
    display: inline-block
}
.meta3 ul {
    list-style: none
}
.meta3 i {
    margin: 0 5px
}
.meta4 {
    background: #fafafa;
    padding: 15px 0 7px;
    margin: 0px 0px;
    font: 12px tahoma;
    text-align: center;
    color: #777;
    box-shadow: inset 0 0 0 10px #70c301
}
.meta4 li {
    padding: 5px;
    margin: 0;
    display: inline-block
}
.meta4 ul {
    list-style: none
}
.meta4 i {
    margin: 0 5px
}
.dltitle i {
    margin: 4px 0 0 0px;
    font-size: 13px;
    float: left;
    color: #d9d9d9
}
.dl li i {
    margin: 8px 0 0 0px;
    font-size: 18px;
    float: left;
    color: #e1e1e1
}
.dltitle {
    background: #41465a;
    padding: 10px 10px 10px;
    font: bold 12px isans;
    color: #d9d9d9
}
.download {
    padding: 0px
}
.dl {
    padding: 8px 0 2px;
    font: 12px isans;
    background: #70c301margin: 0 auto;
    display: block
}
.dl li {
    line-height: 34px;
    margin: 0 auto;
    display: block
}
.dl li a {
    background: #fafafa;
    padding: 0px 10px;
    color: #777;
    margin: 0px auto;
    display: block
}
.dl li a:hover {
    background: #41465a;
    color: #fff;
    text-decoration: none
}
.qr {
    padding: 0px 0 0;
    font: 12px isans;
    background: #70c301;
    padding: 20px 0
}
.qr img {
    max-width: 115px;
    width: 100%;
    box-shadow: 0 0 0 2px #f1f1f1;
    margin: 0px auto;
    display: block;
    height: 115px
}
.qr a {
    color: #777;
    background: #fafafa;
    display: block;
    margin: 10px auto;
    width: 120px;
    text-align: center;
    display: block;
    padding: 5px 0;
    font: 12px isans
}
.qr a:hover {
    background: #DB0A5B;
    color: #fff;
    text-decoration: none
}
.qr i {
    margin: 0px 0 0 5px;
    font-size: 10px;
    color: #e1e1e1
}
.dltitle2 i {
    margin: 0 0 0 5px
}
.dltitle2 {
    background: #1DABB8;
    padding: 10px 10px 10px;
    font: 13px isans;
    color: #fff
}
.screenshot img {
    max-width: 120px;
    margin: 10px auto;
    display: block;
    box-shadow: 0 0 0 4px #f1f1f1;
    width: 100%;
    height: 120px
}
.irelated {
    background: url('images/icons2.png') no-repeat -12px -268px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 0px -3px 0 5px
}
.dltitle3 i {
    margin: 0 0px 0 5px;
    font-size: 12px
}
.dltitle3 {
    background: #333;
    padding: 10px 10px 10px;
    font: 1em isans;
    color: #d9d9d9;
    border-bottom: 1px dotted #d9d9d9
}
.related {
    margin: 10px
}
.related img {
    max-width: 60px;
    box-shadow: 0 0 0 4px #f1f1f1;
    margin: 5px 0 10px
}
.related a {
    font: 11px tahoma;
    color: #d9d9d9;
    line-height: 24px;
    padding: 5px 5px;
    margin: 0 auto;
    display: block
}
.related:hover {
    background: #fff
}
.related a:hover {
    text-decoration: none;
    color: #444
}
.imores {
    background: url('images/icons2.png') no-repeat -175px -180px;
    display: block;
    height: 20px;
    width: 20px;
    float: right;
    margin: 2px 5px 0 5px
}
.more {
    font: 1.1em Yekan;
    background: #1784d9;
    margin: 10px 0;
    padding: 0px 0px;
    text-align: center;
    color: #fff
}
.more a {
    color: #fff;
    margin: 0px auto;
    display: block;
    padding: 7px 20px
}
.more a:hover {
    background: #0077aa;
    text-decoration: none;
    color: #fff;
    box-shadow: inset 0 50px 0 0 #0077aa;
    transition: 1s
}
.more i {
    font-size: 11px;
    color: #fff
}
.last li span {
    background: #c3c3c3;
    color: #444;
    font: 11px tahoma;
    margin: 0 5px 0 0px;
    float: none
}
.last span {
    background: #0077aa;
    color: #fff;
    font: 11px tahoma;
    float: left;
    margin: 2px 0 0
}
.last {
    margin: 0 20px;
}
.last h4 {
    font: bold 12px isans;
    margin: 0 0px 10px;
    color: #fff;
    padding: 10px 10px;
    background: #1784d9;
}
.tags li {
    display: inline-block;
    margin: 20px 10px;
    text-align: justify
}
.last li a {
    font: 11px tahoma;
    color: #444;
    margin: 0px 0px;
    line-height: 28px;
}
.last li a:hover {
    color: #333;
    text-decoration: none
}
.last li i {
    margin: 0 0 0 5px
}
.last h4 i {
    margin: 1px 0 0 5px;
}
.last li {
    margin: 10px 0 5px;
    height: 60px;
}
.last img {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #c3c3c3;
    float: right;
    margin: 2px 2px 0 10px
}
.last li:hover {
    background: #c3c3c3
}
.ilast {
    background: url('images/icons.png') no-repeat -106px -133px #333 !important;
    display: block;
    height: 20px;
    width: 23px;
    margin: 0px 0 0 5px !important;
    float: right !important;
    ;
    padding: 5px;
}
.last2 li span {
    background: #c3c3c3;
    color: #444;
    font: 11px tahoma;
    margin: 0 5px 0 0px;
    float: none
}
.last2 span {
    background: #0077aa;
    color: #fff;
    font: 11px tahoma;
    float: left;
    margin:2px 0 0
}
.last2 {
    margin: 0 20px;
}
.last2 h4 {
    font: bold 12px isans;
    margin: 0 0px 10px;
    color: #fff;
    padding: 10px 10px;
    background: #1784d9;
}
.tags2 li {
    display: inline-block;
    margin: 0 10px;
    text-align: justify
}
.last2 li:hover {
    background: #c3c3c3
}
.last2 li a {
    font: 11px tahoma;
    color: #444;
    margin: 0 0px;
    line-height: 28px;
}
.last2 li a:hover {
    color: #333;
    text-decoration: none
}
.last2 li i {
    margin: 0 0 0 5px
}
.last2 h4 i {
    margin: 1px 0 0 5px;
}
.last2 li {
    margin: 10px 0 5px;
    height: 60px;
}
.last2 img {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #c3c3c3;
    float: right;
    margin: 2px 2px 0 10px
}
.copy p {
    font: 1.1em isans;
    color: #d9d9d9;
    padding: 10px 10px 0
}
.home {
    margin: 10px 10px 0 0
}
.home a {
    font: 1.1em isans;
    color: #fff;
    background: #1784d9;
    padding: 5px 10px;
}
.home a:hover {
    text-decoration: none;
    background: #0066aa;
    color: #fff
}
.pagenav {
    font: 11px isans;
    margin: 10px;
    color: #444
}
.pagenavi {
    width: 100%;
    font: 13px/25px Yekan;
    background: #fff
}
.pagenavi:before {
    content: " ";
    float: right;
    width: 15px;
    height: 0px;
    margin: 0
}
.pagenavi .pages {
    padding: 0px 5px 0px 0px;
    margin: 8px 5px 10px;
    float: right;
    text-align: right;
    width: 15%;
    background: none;
    border: 0px
}
.pagenavi .pages:before {
    content: "صفحات";
    float: right;
    font: 13px/15px isans, tahoma;
    padding-top: 3px;
    width: 100%
}
.pagenavi a,
.pagenavi span {
    transition: all 0.5s ease 0s;
    margin: 15px 3px 0px;
    float: right;
    width: 35px;
    text-align: center;
    padding: 5px 3px;
    background: #e4e4e4;
    color: #777;
    border-radius: 50%
}
.pagenavi span.current,
.pagenavi a:hover {
    color: #FFF;
    background: #1784d9;
    text-decoration: none
}
.icom2 {
    background: url('images/icons2.png') no-repeat -176px -24px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 0px 5px 0 2px
}
.commentbox {

    margin: 10px 0;
    padding: 5px 5px 0;
    font: 1em isans;
    position: relative;
    background: #f4f4f4
}
.children {
    width: 100%;
    margin: 0px 0;
    padding: 0px 15px 0;
    font: 14px tahoma;
    position: relative
}
.children p {
    color: #5E5E5E;
    font: 11px tahoma;
    line-height: 24px;
    text-align: justify;
    width: 100%
}
.children .commentbody {
    float: left;
    width: 82%;
    margin: 10px 0 0 10px;
    color: #777
}
.children .comment-reply-link {
    display: none
}
.children:last-child .comment-reply-link {
    display: none
}
.children:last-child {
    width: 90%;
    margin: 0px 0;
    padding: 0px 30px 0;
    font: 14px i;
    position: relative
}
.come h5 i {
    margin: 0 0 0 5px
}
.commentbox img {
    float: right;
    margin: 5px 5px 10px 5px;
    border-radius: 3px
}
.commentbody {
    float: right;
    width: 82%;
    margin: 10px 10px 10px 10px;
    color: #777
}
.commentbody p {
    color: #777;
    font: 11px tahoma;
    line-height: 24px;
    text-align: justify;
    margin: 0
}
.reply {
    position: absolute;
    top: 80px;
    right: 25px;
    font: 18px tahoma;
    color: #e74d39;
    text-decoration: none
}
.commentbody .replay {
    position: absolute;
    top: 80px;
    right: 25px;
    font: 18px tahoma;
    color: #e74d39;
    text-decoration: none
}
.comment-reply-link {
    position: absolute;
    top: 0px;
    left: 0px;
    font: 1em isans;
    color: #fff;
    text-decoration: none;
    float: left;
    background: #1784d9;
    padding: 5px 5px
}
.comment-reply-link:hover {
    background: #cB0A5B;
    color: #fff;
    text-decoration: none
}
.come input,
.com textarea {
    width: 100%;
    margin: 5px 0 10px 10px;

    font: 1em Yekan;
    border: none;
    outline: none;
    transition: all 0.3s;
    padding: 5px;
    color: #777;
    background: #f4f4f4
}
.come textarea {
    width: 100%;
    height: 100px;
    margin: 10px 0;
    background: #f4f4f4;
    border: none;
    font:1em Yekan;
    color:#444
}
.come input:focus,
.com textarea:focus {
    box-shadow: 0 0px 0 2px #ffebeb
}
.come input[type=submit] {
    background:#1784d9;
    font: 1em isans;
    padding: 8px 5px;
    width: 100%;
    border-radius: 0px;

    text-align: center;
    margin: 0px 0px 10px 0;
    color: #FFFFFF;
    cursor: pointer
}
.come input[type=submit]:hover {

    color: #fff;
    transition: all 0.5s
}
.owl-carousel {
    direction: ltr;
    margin: 7px 0 0 0
}
.owl-wrapper-outer {
    background: #e4e4e4;
    background-image: url('images/bg.gif') !important;
    
}
.postpic {
    background-image: url('images/bg.gif') !important;
    direction: ltr;
    text-align: center;
    width: 190px;
    margin: 10px auto -10px;
    background: #fff;
    border-radius: 1px;
    display: block
}
.postpic img {
    border-radius: 3px;
    width: 150px;
    height: 150px;
    margin: 10px 0 0;
    box-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.2)
}
.postpic h3 {
    font: 0.9em isans !important;
    padding: 5px 5px 5px;
    line-height: 28px !important;
    color: #666;
    text-overflow: ellipsis;
    height: 36px;
    overflow: hidden;
    margin: 0px 0 10px
}
.owl-controls {
    position: relative
}
.owl-buttons {
    position: absolute;
    left: 0px;
    top: -288px
}
.owl-prev,
.owl-next {
    background: none !important;
    color: rgba(0, 0, 0, 0.5) !important
}
.owl-prev:before {
    content: "\f053";
    font: 18px FontAwesome
}
.owl-next:before {
    content: "\f054";
    font: 18px FontAwesome
}
.filmid {
    margin: -10px 0 -10px 0;
    background: #fff
}
.filmid a:hover {
    text-decoration: none
}
.filmid h3 {
    display: none
}
.filmid img {
    max-width: 100px;
    max-height: 100px;
    margin: 10px 0;
    width: 100%;
    box-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.2)
}
#owl-demo .item {
    display: block;
    cursor: pointer;
    background: #f4f4f4;
    padding: 0px 0px 0px;
    margin: 5px 5px;
    color: #FFF;
    text-align: center;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
#owl-demo .item:hover {
    background: #fafafa
}
.iheart {
    background: url('images/icons2.png') no-repeat -13px -182px;
    display: block;
    height: 30px;
    width: 24px;
    float: right;
    margin: 0px 0px 0 5px
}
.tab-popular h3 span {
    background: #1784d9;
    color: #fff;
    font: 11px tahoma;
    margin: 3px 0px 0 0px;
    float: left
}
.tab-popular span {
    background: #0077aa;
    color: #fff;
    font: 11px tahoma;
    margin: 0 5px 0 0px
}
.tab-popular img {
    border-radius: 3px;
    float: right;
    margin: 0 0 0 10px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #0077aa
}
.iheart {
    d
}
.tab-popular a {
    font: 11px tahoma;
    color: #d9d9d9;
    line-height: 20px;
    margin: 5px 0
}
.tab-popular a:hover {
    text-decoration: none;
    color: #fff !important
}
.tab-popular {
    margin: 0px 0;
    font: 11px tahoma;
    color: #fff;
    text-align: right;
    transition: all 0.5s
}
.tit-tab-pop {
    background: #1784d9;
    padding: 0px 0;
    text-align: center;
    font: 13px Yekan;
    color: #fff;

}
.lnks-tab {
    padding: 10px 0px;
    background: #1784d9;
    position: relative
}
.main-lnks-tab {
    width: 100%;
    text-align: center;
    background: #0077aa;
    padding: 0 0 0px
}
.lnks-tab a:link {
    text-decoration: none;
    color: #fff;
}
.lnks-tab a:visited {
    text-decoration: none;
    color: #fff;
}
.lnks-tab a {
    display: inline-block;
    position: relative;
    font-family: 'dinar', tahoma, Arial, sans-serif;
    font-size: 13px;
    color: #d9d9d9;
    margin-left: 0px;
    padding: 0px 0px 5px;
    width: 35px;
    text-align: center !important
}
.lnks-tab a i {
    font-size: 9px
}
.lnks-tab a:hover {
    background: #fff;
    color: #0077aa !important
}
.current1 {
    background: #fff;
    color: #ffffff !important
}
.tit-tab-pop i {
    color: #ffffff;
    font-size: 13px;
    margin: 0 0 0 5px
}
.tit-tab-pop h3 {
    margin: 10px 0;
    font: 13px Yekan;
    color: #fff;
    padding: 13px;
    border-bottom:1px dotted #fff;
    text-align: right
}
.pop-week p {
    margin: 1px -15px 10px 7px;
    text-align: center
}
.pop-month p {
    margin: 1px -15px 10px 7px;
    text-align: center
}
.topmusiclist ol {
    counter-reset: li;
    padding: 0px 02px 0px 0px;
    list-style: none;
    *list-style: decimal
}
.topmusiclist a:hover {
    color: #0AA699
}
.topmusiclist a {
    display: block;
    text-decoration: none;
    margin: 0px 10px 0 0;
}
.topmusiclist ol li {
    width: 100%;
    display: inline-block;
    margin: 5px 0;
    padding: 5px;
    border-radius: 3px
}
.topmusiclist ol li:hover {
    background: #0077aa
}
.topmusiclist ol li a {
    margin: 5px 0 0;
    text-align: justify
}
.main-tab {} .myside aside ul,
.myside aside ol {
    margin: 15px;
    margin-top: 0
}
.pop-month,
.pop-year {
    display: none
}
.head-post {
    padding: 10px 15px;
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    border-radius: 3px 3px 0 0
}
.mylike-star {
    position: absolute;
    left: 15px;
    top: 15px
}
.cat-post,
.date-post {
    float: right
}
.cat-post a,
.cat-post,
.date-post *,
.date-post {
    font-family: 'Yekan', tahoma;
    font-size: 12px
}
.cat-post {
    background: url("images/category.gif") 100% 50% no-repeat;
    padding-right: 20px
}
.date-post {
    margin-right: 15px;
    background: url("images/datemeta.gif") 100% 50% no-repeat;
    padding-right: 23px
}
.cat-post a {
    color: #10B6DB;
    padding: 0 5px
}
.my-edit {
    color: red;
    font-size: 16px !important;
    position: relative;
    top: 4px;
    margin-right: 15px;
    float: right
}
.my-edit a {
    font-family: 'Yekan', tahoma;
    font-size: 12px;
    color: red;
    position: relative;
    top: -4px;
    margin-right: 7px
}
.cat-post,
.date-post {
    float: right
}
.cat-post a,
.cat-post,
.date-post *,
.date-post {
    font-family: 'Yekan', tahoma;
    font-size: 12px
}
.cat-post {
    background: url("images/category.gif") 100% 50% no-repeat;
    padding-right: 20px
}
.date-post {
    margin-right: 15px;
    background: url("images/datemeta.gif") 100% 50% no-repeat;
    padding-right: 23px
}
.cat-post a {
    color: #10B6DB;
    padding: 0 5px
}
.my-edit {
    color: red;
    font-size: 16px !important;
    position: relative;
    top: 4px;
    margin-right: 15px;
    float: right
}
.my-edit a {
    font-family: 'Yekan', tahoma;
    font-size: 12px;
    color: red;
    position: relative;
    top: -4px;
    margin-right: 7px
}
.category {
    font: 16px/2 Yekan, tahoma;
    clear: both
}
.category ul li {
    display: block;
    position: relative
}
.category ul li a {
    display: block;
    padding: 1px 10px;
    color: #34495E;
    background: #f5f5f5;
    margin-top: 1px;
    text-shadow: 1px 1px 0px #fff
}
.category ul li a:hover {
    color: #1e2a35;
    background: #ebebeb;
    text-shadow: 1px 1px 0px #f2f2f2
}
.category ul ul {
    display: none;
    width: 100%;
    z-index: 9999;
    right: 0px
}
.category ul ul li {
    margin-right: 5px
}
.category ul ul a {
    font: 13px/25px Yekan, tahoma;
    display: block;
    padding: 2px 10px;
    color: #34495e
}
.category ul ul a:hover {
    color: #f2f2f2;
    background: #00af95;
    text-shadow: 1px 1px 0px #019a83
}
.category ul li ul li ul a {
    color: #34495e
}
.category ul li ul li ul a:hover {
    color: #f2f2f2;
    background: #34495e;
    text-shadow: 1px 1px 0px #2b3d4e
}
.download {
    text-align: center;
    width: 100%;
    margin: 0px auto;
    display: block
}
.download audio {
    width: 100%;
    margin: 5px 0px
}
.download textarea {
    width: 100%;
    direction: ltr;
    text-align: left;
    font: 11px/18px tahoma;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.1);
    resize: none;
    color: #8d8d8d;
    padding: 6px 7px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 74px
}
.download .blogcode i {
    background: #aaa;
    color: #fff;
    padding: 5px 7px;
    margin: 0px 0px 10px;
    display: inline-block;
    font-style: normal;
    font: 11px tahoma
}
.download a {
    font: 13px/35px Yekan, tahoma;
    background: #e1e1e1;
    height: 35px;
    display: inline-block;
    color: #006CB1;
    position: relative;
    max-width: 100%;
    width: 100%;
    padding: 0px 6% 0px 3%;
    margin: 10px auto;
    display: block
}
.download a:hover {
    background: #1784d9;
    color: #fff;
    text-decoration: none
}
.download a:before {
    content: "";
    width: 35px;
    height: 35px;
    background: #1784d9;
    position: absolute;
    right: -11px;
    top: 0px;
    box-shadow: -2px 0px 0 0 #fff
}
.download a:after {
    background: url('images/icons2.png') no-repeat -44px -358px;
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    right: -3px;
    top: 5px;
    backface-visibility: hidden;
    transition-duration: 0.5s
}
.download a:hover:after {
    transform: scale(0.8);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36)
}
.itags {
    background: url('images/icons2.png') no-repeat -80px -238px;
    display: block;
    height: 20px;
    width: 22px;
    float: right;
    margin: 2px 10px 0 5px
}
.tags i {
    margin: 0 0 0 5px;
    color: #1784d9
}
.tags {
    padding: 10px 0 15px;
    height: 50px;
    width: 100%;
    overflow: hidden;
    
}
.tags strong {
    font: 1.1em isans;
    color: #777;
    float: right;
    line-height: 28px;
    margin:-3px 0 0;
}
.tags li {
    margin: 3px 0 0;
}
.tags li a {

    font: 11px tahoma !important;;
    color: #777;
    text-align: justify;
    padding: 5px;
}
.tags a:hover {
    background: #1784d9;
    text-decoration: none;
    color: #fff
}
.like {
    font: 12px/30px isans, tahoma
}
.like i {
    color: #ed145b
}
.like a {
    color: #777
}
.like a:hover {
    color: #1784d9;
    text-decoration: none
}
.ilike {
    background: url('images/icons2.png') no-repeat -82px -205px;
    display: block;
    height: 30px;
    width: 22px;
    float: right;
    margin: 2px 10px 0 10px
}
.like2 {
    font: 13px/30px Yekan, tahoma;
    background: #e1e1e1;
    margin: 10px 0;
    padding: 6px 0px
}
.like2 i {
    color: #ed145b
}
.like2 a {
    color: #777
}
.like2 a:hover {
    color: #1784d9;
    text-decoration: none
}
.ishare {
    background: url('images/icons2.png') no-repeat -115px -232px;
    display: block;
    height: 25px;
    width: 19px;
    float: right;
    margin: -5px 0px 0 0px
}
.share i {
    color: #1784d9
}
.share {
    background: #fff;
    margin-bottom: 7px;
    height: 30px;
    font: 1em isans, tahoma;
    color: #777;

 
}
.eshterak{float: left}
.share span {
    float: right;
    font: 13px/30px Yekan, tahoma;
    color: #777;
    margin: -3px 10px 0 5px
}
.share a {
    float: left !important;;
    font: 11px/30px tahoma;
    color: #878787;
    margin-left: 10px
}
.ishortlink {
    background: url('images/icons2.png') no-repeat -47px -393px;
    display: block;
    height: 25px;
    width: 19px;
    float: right;
    margin: -5px 5px 0 5px
}
.shortlink i {
    color: #333
}
.shortlink {
    background: #fff;
    margin-bottom: 7px;
    height: 30px
}
.shortlink span {
    float: right;
    font: 1em isans, tahoma;
    color: #777;
    margin: 3px 5px
}
.shortlink a {
    float: left;
    font: 11px/30px tahoma;
    color: #878787;
    margin-left: 10px
}
.arrow {
    background: url('images/icons2.png') no-repeat -170px -328px;
    display: block;
    height: 10px;
    width: 12px;
    float: right;
    margin: 7px 0px 0 0px
}
.comments-rules li i {
    margin: 0 0 0 5px;
    font-size: 12px;
    color: #666
}
.comments-rules li {
    font: 11px tahoma;
    color: #444;
    line-height: 24px
}
.bread .place {
    background: url('images/icons2.png') no-repeat -229px -265px;
    display: block;
    height: 28px;
    width: 20px;
    float: right;
    margin: -5px 0px 0 5px
}
.bread {
    line-height: 24px;
    text-align: justify
}
.bread strong {
    float: right;
    margin: 0 0 0 5px;
    font-weight: normal
}
.bread ul {
    background: #fff;
    padding: 10px 0px 0px 0;
    font: 1em isans;
    color: #444
}
.bread a {
    color:#777
}
.bread ul i {
    float: right;
    color: #777;
    margin: 0px 0 0 5px;
    font-size: 16px
}
.bread a:hover {
    text-decoration: none;
    color: #e31e24
}
.user_ID {
    font: 0.9em Yekan;color:#444
}
.nocomments {
    font: 1em Yekan;color:#444
}

/* rokesh-social-buttons */
.rokesh-social-buttons {
     background-color: #999;

     clear: both;
     display: block;
     height: 38px;
     margin: 10px 0px 5px;
     padding: 1% 1% 1% 2%;
}
.rokesh-social-buttons h4, .rokesh-social-buttons ul {
     display: block;
     float: right;
}
.rokesh-social-buttons h4 {
     color: #868686;
     font-family: tahoma;
     font-size: 12px;
     font-weight: bold;
     line-height: 32px;
     margin: 0px;
}
.rokesh-social-buttons ul {
     height: auto;
     list-style: none outside none;
     margin: 0px 10px 0px 0px;
     max-height: 32px;
     max-width: 100%;
     padding: 0px;
     min-width: 150px;
    list-style: none !important;
}
.rokesh-social-buttons li {
    float: right;
    margin: 0 !important;
    padding: 0 !important;
}
.rokesh-social-buttons a {
     background-image: url("images/share-buttons.png");
     display: block;
     float: right;
     font-size: 0px;
     height: 32px;
     margin-left: 9px;
     margin-top: 2px;

     width: 32px;
}
.rokesh-social-buttons a:hover {
    opacity: 0.5;
}
.rokesh-social-buttons li.tw a {
     background-position: 0px -32px;
}
.rokesh-social-buttons li.pl a {
     background-position: 0px -64px;
}
.rokesh-social-buttons li.li a {
     background-position: 0px -96px;
}


.musicf {
    background: url('images/icons2.png') no-repeat -288px -241px  !important;
    display: block;
    height: 20px;
    width: 23px;
    margin: 0px 0 0 5px !important;
    float: right !important;
    padding: 5px;
}

.albumf {
    background: url('images/icons2.png') no-repeat -288px -210px  !important;
    display: block;
    height: 20px;
    width: 23px;
    margin: 0px 0 0 5px !important;
    float: right !important;
    padding: 5px;
}

.videof {
    background: url('images/icons2.png') no-repeat -288px -300px  !important;
    display: block;
    height: 20px;
    width: 23px;
    margin: 0px 0 0 5px !important;
    float: right !important;
    padding: 5px;
}
.col-lg-12.col-md-12.col-sm-12.col-xs-12 img {
    width: 100%;
}