عدم شناور شدن دسته ها categoreies

عدم شناور شدن دسته ها categoreiesReviewed by on Mar 11Rating:

با سلام خدمت دوستان
دسته های سایت بنده همراه با اسکرول شدن صفحه پایین میاد یا اسکرول میشه
میخواهم ثابت باشه تکون نخوره
ممنون میشم راهنمایی کنید
فایل style .css ر ضمیمه کردم. با سپاس

/*
Theme Name: Download Music
Author: Milad
Author URI: http://www.shadmusic.ir
Version: 1
*/

@charset “UTF-8”;
1 article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;
margin: 0;
padding: 0
}

html,
body,
div,
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,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
outline: 0;
box-sizing: border-box
}

audio,
canvas,
video {
display: inline-block
}

nav,
ul,
ol li,
li {
list-style: none;
margin: 0;
padding: 0
}

audio:not([controls]) {
display: none;
height: 0
}

[hidden],
.hide {
display: none
}

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}

img {
border: 0
}

svg:not(:root) {
overflow: hidden
}

table {
border-collapse: collapse;
border-spacing: 0
}

::selection {
background: #333;
color: #fff
}

::-moz-selection {
background: #333;
color: #fff
}

@font-face {
font-family: ‘BYekan’;
src: url(‘fonts/BYekan.eot?#’) format(‘eot’), url(‘fonts/BYekan.woff’) format(‘woff’), url(‘fonts/BYekan.ttf’) format(‘truetype’)
}

.clear {
clear: both;
height: 0
}

.divider,
.dividerf {
background: url(images/divider.gif) #f3f4f4 repeat-x;
height: 6px;
width: 100%;
margin: 10px 0
}

a {
color: #ee6a6a;
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}

a:hover {
color: #d94747
}

body {
direction: rtl;
margin: 0;
overflow-x: hidden;
color: #3f3a3a;
background: #f4f4f3
}

input,
textarea,
button {
font: 13px/1.5 ‘BYekan’, tahoma;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
font-family: ‘BYekan’, arial;
margin: 0;
padding: 0
}

h1 {
font-size: 18px
}

h2 {
font-size: 15px
}

h3 {
font-size: 13px
}

h4 {
font-size: 12px
}

h5,
h6 {
font-size: 11px
}

#main,
.header {
width: 1200px;
font: 11px/2 tahoma;
margin: 0 auto;
overflow-x: hidden;
height: auto
}

#main {
background: url(images/bgs.gif) repeat-y right
}

.site-title {
float: right;
background: url(images/logo.gif) no-repeat;
width: 220px;
margin: 10px 0 20px;
height: 75px;
font: 0/0 x
}

.site-title span {
width: 200px;
display: none;
height: 75px
}

.site-description {
display: none
}

.qoutes {
float: right;
padding: 45px 10px 0 0;
color: #999;
font: 12px/2 ‘BYekan’, tahoma;
text-shadow: 0 0 5px #fff
}

.qoutes span {
border-right: 2px solid #ccc;
padding: 0 5px 0 0
}

.nav-primary {
background: #2c2c2c;
padding: .9em .75em;
font: 13px/2 ‘BYekan’, tahoma
}

.nav-primary ul li {
float: right;
margin: 0 0 0 .1.5em
}

.nav-primary ul li a {
color: #ccc;
background: #222;
margin: 0 0 0 .5em;
padding: .4em .75em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}

.nav-primary ul li a:hover {
color: #fff;
background: #ee6a6a
}

.rightsidebar {
width: 200px;
background: #333;
color: #bbb;
float: right
}

#search {
width: 280px;
float: left;
background: #3a3a3a
}

.searchtext {
float: right;
background: 0;
width: 230px;
padding: 2px 6px;
color: #999;
text-align: right;
border: 0
}

.searchsubmit {
border: 0;
background: url(images/icons/icon-search.gif) no-repeat right;
cursor: pointer;
width: 35px;
height: 30px;
float: left
}

.rightsc {
height: auto
}

.rightsidebarc {
padding: 10px 5px
}

.categories h3.title {
background: url(images/icons/icon-cat.gif) no-repeat right;
padding: 2px 35px 2px 0
}

.categories h3.title span {
background: #333;
padding: 0 .5em 0 1em
}

.rightsidebar {
font: 14px/2 ‘BYekan’, tahoma;
border-top: 1px solid #444;
border-bottom: 1px solid #444;
padding: 10px 0;
display: block;
background: #333
}

.categories {
font: 14px/2 ‘BYekan’, tahoma;
border-bottom: 1px solid #444;
padding: 10px 0;
display: block;
background: #333

}

.status {
margin: 10px 5px;
background: #edd5d5;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
color: #555
}

.status ul {
padding: 10px;
font: 11px/2 ‘BYekan’, tahoma
}

.status-t {
background: url(images/icons/icon-status.gif) no-repeat center #fd3d63;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0
}

.status-t span {
display: block;
text-align: center;
color: white;
padding: 65px 0 10px 0
}

.archives {
margin: 10px 5px;
background: #faf8cd;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
color: #fff;
height: 242px
}

.archives-t {
background: url(images/icons/icon-archive.gif) no-repeat center #f0ca00;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0
}

.archives-t span {
display: block;
text-align: center;
color: white;
padding: 65px 0 10px 0
}

.archiveselect {
padding: 10px
}

.archivelist {
display: block;
background: #faf8cd;
-moz-box-shadow: 2px 2px 6px #999;
-webkit-box-shadow: 2px 2px 6px #999;
box-shadow: 2px 2px 6px #999;
z-index: 999
}

.archivelist li {
display: block;
float: right;
width: 50%
}

.archivelist a {
display: block;
padding: 3px 5px;
color: #555;
background: #faf8cd
}

.archivelist a:hover {
background: #f0ea76;
color: #000
}

.poll {
margin: 10px 5px;
background: #a0e5de;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
color: #555
}

.poll a {
color: #146f68
}

.poll ul {
padding: 10px;
font: 12px/2 ‘BYekan’, tahoma
}

.poll-t {
background: url(images/icons/icon-poll.gif) no-repeat center #39b7ac;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0
}

.poll-t span {
display: block;
text-align: center;
color: white;
padding: 65px 0 10px 0
}

.main-container {
width: 1000px;
float: left;
background: #f4f4f3
}

.aid {
margin: 10px 5px;
background: #bef9e8;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
color: #555
}

.aid a {
color: #3bcda2
}

.aid ul {
padding: 10px;
margin: auto;
text-align: center;
font: 12px/2 ‘BYekan’, tahoma
}

.aid-t {
background: url(images/icons/aid.gif) no-repeat center #3bcda2;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0
}

.aid-t span {
display: block;
text-align: center;
color: white;
padding: 65px 0 10px 0
}

.bc {
height: 40px;
overflow: hidden;
padding: .75em 3em;
background: url(images/mini_news.gif) #fafcfa no-repeat 99% top;
margin: 0 0 1em 0;
color: #ee6a6a;
font: 12px/2 ‘BYekan’, tahoma
}

.bc a {
color: #9f9f9f;
padding: 2px 2px
}

.bc a:hover {
color: #444;
border-bottom: 2px solid #ff6c60
}

.maincontent {
width: 690px;
float: right;
margin: 0 10px 0 0
}

h2.archive-title {
padding: 4px 7px;
margin: 0 0 10px;
background: white;
border-right: 4px solid FF6C60
}

.post {
margin: 0 0 10px 0
}

article img {
width: auto !important;
height: auto !important
}

.post img,
.maincontent img {
-ms-interpolation-mode: bicubic;
max-width: 100%
}

.post-content {
padding: 0 1em;
}

.post-content .info {
width: 90%;
border: 10px solid #faf8cd;
box-shadow: 0 7px #f0ca00;
border-radius: 10px;
margin: 20px auto;
padding: 0 5px 5px 5px;
text-align: right;
background: url(images/back-info.gif) #faf8cd no-repeat left;
color: #000
}

.post-content .info span {
color: #d7b500;
font: 30px ‘BYekan’, tahoma;
text-shadow: -1px 1px #FFF
}

.post-content .info p {
color: #b78a23
}

.post-content .poesy {
width: 90%;
border: 10px solid #ffd5dd;
box-shadow: 0 7px #ff5676;
border-radius: 10px;
margin: 20px auto;
padding: 0 5px 5px 5px;
text-align: right;
background: url(images/back-poesy.gif) #ffd5dd no-repeat left;
color: #000
}

.post-content .poesy span {
color: #f51032;
font: 30px ‘BYekan’, tahoma;
text-shadow: -1px 1px #FFF
}

.post-content .poesy p {
color: #b10721
}

.post-content .album {
width: 90%;
border: 10px solid #bbf3ac;
box-shadow: 0 7px #71ce58;
border-radius: 10px;
margin: 20px auto;
padding: 0 5px 5px 5px;
text-align: right;
background: url(images/back-album.gif) #bbf3ac no-repeat left;
color: #000
}

.post-content .album span {
color: #ffa550;
font: 30px ‘BYekan’, tahoma;
text-shadow: -1px 1px #FFF
}

.post-content .album p {
color: #cb6505;
font-weight: bold;
}

.post-content .download {
width: 90%;
height: 170px;
border: 10px solid #a0e5de;
box-shadow: 0 7px #39b7ac;
border-radius: 10px;
margin: 20px auto;
padding: 0 5px 5px 5px;
text-align: right;
background: url(images/back-dl.gif) #a0e5de no-repeat left
}

.post-content .download a {
padding: 0 30px;
margin: 10px;
float: right;
text-align: right;
font: 20px ‘BYekan’, tahoma;
transition: all .5s ease;
background: url(images/download.png) #1eb0a6 no-repeat right;
color: #082e2b;
border: 3px solid #a0e5de
}

.post-content .download a:hover {
background: url(images/download.png) #a0e5de no-repeat right;
color: #fff;
border: 3px solid #1eb0a6
}

.post-content .download span {
color: #146f68;
font: 30px ‘BYekan’, tahoma;
text-shadow: -1px 1px #FFF
}

.post .thumb {
float: right;
margin: 0 0 0 12px;
height: 150px;
width: 150px
}

.post .thumb img {
transition: all .5s ease;
border: 5px solid #dadada;
opacity: .7
}

.post .thumb img:hover {
border: 5px solid #d94747;
border-radius: 5px;
opacity: 1
}

.post .tags {
padding: 10px 0 0 0;
border-top: 1px solid #f5f5f5;
margin: 10px 0 0 0;
text-align: justify
}

.post .notfound {
background: white;
border-right: 4px solid #ff6c60
}

.post .tags span {
float: right;
height: 7px;
width: 12px;
background: #e8c500;
display: inline-block;
-moz-border-radius: 20px 2px 2px 20px;
-webkit-border-radius: 28px 2px 2px 20px;
border-radius: 20px 2px 2px 20px
}

.post .entry {
width: 100%;
float: left;
background: #ffffff;
border-right: 4px solid #e2e2e2;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2
}

.post:hover .entry {
border-right: 4px solid #c8c8c8
}

.post .entry header {
padding: 5px;
font: 12px/2 ‘BYekan’, tahoma;
color: #aaa;
margin: 0 0 1em;
border-bottom: 1px solid #e2e2e2
}

.post .entry header h1 a,
.post .entry header h1 {
color: #222;
font-size: 15px
}

.post h1 {
padding: 5px 0
}

.post .entry header .view {
background: url(images/icons/view.gif) no-repeat right;
padding: 0 22px 0 0;
float: right;
margin: 0 0 0 15px
}

.post .entry header .cat {
background: url(images/icons/cat.gif) no-repeat right;
padding: 0 22px 0 0;
float: right;
margin: 0 0 0 15px
}

.post .entry header .cat a,
.post .entry header .view a {
color: #aaa
}

.post .entry header .cat a:hover,
.post .entry header .view a:hover {
text-decoration: underline
}

.post footer {
border-top: 1px solid #e2e2e2
}

.post footer div {
padding: 10px 35px 10px 10px;
border-left: 1px solid #e2e2e2;
float: right;
font: 13px/2 ‘BYekan’, tahoma
}

.post footer div:hover {
background-color: #eee
}

.post footer .comment {
background: url(images/icons/comment.gif) #f8f8f8 no-repeat right
}

.post footer .author {
background: url(images/icons/author.gif) #f8f8f8 no-repeat right
}

.post footer .date {
background: url(images/icons/date.gif) #f8f8f8 no-repeat right
}

.post-more-link a {
font: 13px/2 ‘BYekan’, tahoma;
background: #ee6a6a;
color: white;
padding: .25em .75em;
margin: 1em 0;
border-right: 4px solid #d94747
}

.post-more-link a:hover {
border-right: 8px solid #d94747;
text-shadow: 0 0 4px #d7f5ff
}

.post-content .tags {
padding: 10px 0;
color: #999
}

.post-content .tags a {
color: #777;
padding: 2px 3px
}

.post-content .tags a:hover {
color: #fff;
background: #ee6a6a
}

#wp_page_numbers ul,
#wp_page_numbers li,
#wp_page_numbers a {
background: white;
text-align: right
}

#wp_page_numbers {
margin: 10px 0;
font: 13px/2 ‘BYekan’, tahoma
}

#wp_page_numbers ul {
width: 100%
}

#wp_page_numbers li {
float: left;
display: block;
margin-bottom: 2px
}

#wp_page_numbers a {
padding: 3px 10px;
margin-left: 2px;
margin-right: 2px;
display: block;
color: #777;
background: #f6f6f6;
-moz-border-radius: 99px;
-webkit-border-radius: 99px;
border-radius: 99px
}

#wp_page_numbers li a:hover {
background: #ee6a6a;
color: white
}

#wp_page_numbers li.space {
padding: 6px;
padding-left: 2px;
padding-right: 2px
}

#wp_page_numbers li.active_page a {
background: #eee
}

#wp_page_numbers li.active_page a:hover {
color: black
}

#wp_page_numbers li.page_info {
float: right;
display: block;
padding: 3px 5px;
margin-right: 2px;
color: #fff;
background: #686d75
}

.leftsidebar {
float: left;
width: 290px
}

.leftsidebar .newsbox,
.vipsection {
margin: 0 0 10px 0;
background: white;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}

.leftsidebar .newsbox .title h3 {
background: url(images/icons/icon-newsbox.gif) #333 no-repeat right;
padding: 8px 50px 8px 5px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
color: white
}

.leftsidebar .vipsection .title h3 {
background: url(images/icons/icon-newsbox.gif) #ee6a6a no-repeat right;
padding: 8px 50px 8px 5px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
color: white
}

.leftsidebar .newsbox .topnews-key {
background: #f3f3f3;
font: 12px/2 ‘BYekan’, tahoma
}

.leftsidebar .newsbox .topnews-key a {
border-left: 1px solid #e1e3e7;
display: block;
background: url(images/star3.gif) #f3f3f3 no-repeat center 0;
float: right;
color: #7a8089;
width: 33%
}

.leftsidebar .newsbox .topnews-key a.last {
border: 0
}

.leftsidebar .newsbox .topnews-key a:hover,
.leftsidebar .newsbox .topnews-key a.active {
background: url(images/star3.gif) #fff no-repeat center -75px
}

.leftsidebar .newsbox .topnews-key a span {
padding: 40px 0 10px;
display: block;
text-align: center
}

.vipsection ul,
.leftsidebar .newsbox ul {
padding: 10px 0
}

.vipsection ul li a,
.leftsidebar .newsbox ul li a,
.relatedpostlist ul li a {
background: url(images/arrow.gif) no-repeat right 14px;
padding: 5px 18px 5px 10px;
color: #71767b;
display: block
}

.vipsection ul li a:hover,
.leftsidebar .newsbox ul li a:hover,
.relatedpostlist ul li a:hover {
background: url(images/arrow.gif) #ee6a6a no-repeat right 14px;
color: white
}

.post-features {
background: white;
border: 1px solid #e2e2e2
}

.post-features .keys {
background: #e2e2e2;
width: 7%;
float: right
}

.post-features .keys a {
display: block;
height: 50px;
width: 100%;
border-right: 4px solid #c9c9c9;
font: 0/0 x
}

.post-features .keys a:hover {
background: #f5f5f5;
border-right: 4px solid #bbb
}

.post-features .keys .active {
background: white;
border-right: 4px solid #ff6c60
}

.post-features .related {
background: url(images/icons/icon-related.gif) no-repeat center;
height: 50px;
width: 100%
}

.post-features .comment {
background: url(images/icons/icon-comment.gif) no-repeat center;
height: 50px;
width: 100%
}

.post-features .content {
width: 93%;
float: left
}

.post-features .post-f-c {
padding: 10px 15px
}

.post-features .post-f-c h3 span {
color: #ee6a6a
}

.Idea-rules {
border-right: 4px solid #eee;
padding: 5px;
margin: 10px 0;
color: #999
}

.Idea-rules h4 {
color: #666
}

#commentform label,
.addcomment label {
display: block;
cl margin: 10px 0
}

#commentform .input-comment,
.addcomment .input-comment {
width: 40%;
padding: 8px 5px;
border: 0;
outline: 0;
background: #efefef
}

#commentform .input-comment:focus,
.addcomment .input-comment:focus {
-webkit-box-shadow: inset 0 0 10px 0 #999;
box-shadow: inset 0 0 10px 0 #999
}

#commentform .text-box,
.addcomment .text-box {
width: 100%;
padding: 5px;
background: #efefef;
border: 0;
outline: 0;
height: 150px
}

#commentform .comment-button,
.addcomment .comment-button {
background: #ee6a6a;
padding: 5px;
color: white;
cursor: pointer;
border: 0;
outline: 0;
margin: 10px 0 0 0;
border-right: 4px solid #d94747
}

.Ideaet {
margin: 0 0 10px 0;
padding: 10px 0 0 0;
word-wrap: break-word;
border-top: 1px dashed #f1f1f1
}

.comment-text {
padding: 8px;
color: #444;
margin: 5px 0 0 0;
background: #f6f6f6;
-moz-border-radius: 5px 0 5px 5px;
-webkit-border-radius: 5px 0 5px 5px;
border: 1px solid #e5e5e5
}

.Ideaet h4 .name {
background: url(images/icons/author.gif) no-repeat right;
padding: 0 32px 0 0;
float: right
}

.Ideaet h4 span.time {
margin: 3px 10px 0 0;
font: 11px/2 tahoma;
color: #999;
float: left
}

.editComment,
.editableComment,
.textComment {
display: inline
}

.comment-childs {
margin: 5px 0;
background: #f0f0f0;
padding: 4px 6px;
border-right: 4px solid #d1d1d1
}

#cancel_reply {
padding: 5px 0;
font: 13px/2 ‘BYekan’, tahoma;
text-align: left
}

p.thdrpy {
text-align: left;
padding: 10px 0 6px
}

p.thdrpy a {
padding: 4px 6px;
background: #ff6c60;
color: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px
}

p.thdrpy a:hover {
background: #444;
color: white
}

#newIdeaubmit {
color: #999
}

#newcommentcontent {
margin: 5px 25px 5px 0;
background: #f6f6f6;
padding: 4px 6px;
color: #999;
text-shadow: 0 -1px 0 #fff;
-moz-border-radius: 10px 0 10px 10px;
-webkit-border-radius: 10px 0 10px 10px
}

#footer {
background: #faf9fa
}

#footer .tagslist {
width: 49%;
background: white;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
float: right
}

#footer .tagslist-title {
background: url(images/tags.gif) #6f6f73 no-repeat center center;
height: 170px;
width: 12%;
float: right;
min-height: 150px;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px4px 0;
border-radius: 0 4px 4px 0
}

#footer .tagslist-title span {
display: block;
width: 100%;
height: 100%
}

#footer .tagslist-content {
width: 84%;
float: left;
padding: 1em 0;
margin-left: 1.5%;
text-align: justify
}

#footer .tagslist-content h3 {
margin: 0 0 .25em
}

#footer .tagslist-content a {
color: #999;
padding: 2px 5px;
margin: 0 0 0 .5em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font: 12px/2 ‘BYekan’, tahoma
}

#footer .tagslist-content a:hover {
color: #fff;
background: #ee6a6a
}

#footer .dlhacr {
width: 49%;
float: left;
min-height: 170px;
background: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}

#footer .dlhacrheader {
position: relative;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0
}

#footer .dlhacrheader .fotcont {
font: 15px/2 ‘BYekan’, tahoma;
text-align: center;
background: #6f6f73 url(images/copyright.gif) no-repeat left;
color: white;
height: 60px;
padding: 3px 0 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0
}

.empty {
height: 48px;
width: 150px;
float: right
}

.facebook {
background-image: url(‘images/social/facebook-bw.gif’);
height: 48px;
width: 48px;
margin: 10px;
float: right;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s
}

.facebook:hover {
background-image: url(‘images/social/facebook.gif’);
background-position: 0 -48px;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.8)
}

.twitter {
background-image: url(‘images/social/twitter-bw.gif’);
height: 48px;
width: 48px;
margin: 10px;
float: right;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s
}

.twitter:hover {
background-image: url(‘images/social/twitter.gif’);
background-position: 0 -48px;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.8)
}

.gplus {
background-image: url(‘images/social/gplus-bw.gif’);
height: 48px;
width: 48px;
margin: 10px;
float: right;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s
}

.gplus:hover {
background-image: url(‘images/social/gplus.gif’);
background-position: 0 -48px;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.8)
}

.rss {
background-image: url(‘images/social/rss-bw.gif’);
height: 48px;
width: 48px;
margin: 10px;
float: right;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s
}

.rss:hover {
background-image: url(‘images/social/rss.gif’);
background-position: 0 -48px;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.8)
}

@media screen and (max-width:1030px) {
.fixed {
position: fixed;
top: 0;
width: 17.8% !important
}
.dividerf {
margin: 0 0 5px
}
.post .entry {
width: 91%
}
}

@media screen and (max-width:1200px) {
.header,
#main {
width: 99%
}
.rightsidebar {
width: 18%
}
.main-container {
width: 82%
}
.maincontent {
width: 68%;
margin: 0 1% 0 0
}
.leftsidebar {
width: 29%
}
#box-list-footer {
margin-right: -80px!important
}
}

@media screen and (min-width:980px) {
.categories ul li {
position: relative
}
.rightsidebar .cat-item {
background: url(images/icons/icon-li-cat.gif) no-repeat right !important;
margin: 0 10px 0 0;
padding: 0 28px 0 0;
border-bottom: dotted 1px gray;
}
#pull {
display: none
}
.categories ul li a {
display: block;
padding: 4px 4px;
color: #aaa
}
.categories ul li a:hover {
background: #2d2d2d;
color: #fff
}
.categories ul li ul {
display: none;
position: absolute;
top: 0;
right: 100%;
width: 200px;
background: #333;
padding: 0 10px 5px
}
.categories ul li ul a {
color: #fff !important
}
.categories ul li ul a:hover {
color: #fff !important;
background: #eb4d4d
}
.categories ul li:hover ul {
display: block
}
.categories ul li ul li ul {
display: none !important;
position: fixed;
top: 0;
right: 100%;
width: 200px;
font: 12px/1.5 ‘BYekan’, tahoma
}
.categories ul li ul li:hover ul {
display: block !important
}
.children img {
margin-top: 10px
}
.children li {
color: #fff
}
.children li:hover {
background: #d94747
}
}

@media screen and (max-width:980px) {
.status,
.archives {
margin: 10px 0
}
.fixed {
position: static !important;
width: 100% !important
}
#main {
background: 0
}
.status {
float: right;
width: 49%;
background: white
}
.archives {
float: left;
width: 49%
}
#main {
position: relative
}
#pull {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font: 15px/2 ‘BYekan’, tahoma;
background: #5a5b61;
color: #fff;
border-bottom: 4px solid #46474d;
padding: 2px 5px;
display: block;
text-align: center;
margin: 5px 0
}
#pull:hover,
#pull:active {
background: #ee6a6a;
border-bottom: 2px solid #46474d
}
.maincontent {
width: 98%;
float: none;
margin: 0 1% 20px 1%
}
.leftsidebar {
width: 98%;
float: none;
margin: 0 1%
}
.rightsidebar {
width: 100%;
position: absolute;
right: 0;
display: none;
margin: 30px 0 0 0;
overflow-y: hidden;
top: 88px
}
.main-container {
width: 100%;
float: none
}
.rightsidebar .categories {
border: 0
}
.categories ul li a {
color: #eee
}
.categories ul li {
font: 12px/2 ‘BYekan’, tahoma;
display: block;
float: right;
width: 100%;
padding: 1% 0
}
.categories ul li ul {
font: 12px/2 ‘BYekan’, tahoma;
padding: 2px 5px 20px 5px;
display: block;
float: left;
width: 90%
}
.categories ul li ul li {
float: right;
width: 25%;
padding: 0
}
.categories ul li ul a:first-child {
border-bottom: 1px solid #444;
padding: 0 0 3px 0
}
.categories ul li ul li ul:after {
clear: both
}
.categories ul li ul li ul {
float: none;
width: 100%;
padding: 5px 0 0 0
}
.categories ul li ul a {
color: #ccc
}
.categories ul li ul li ul a:first-child {
border: 0
}
.categories ul li ul li ul li {
float: none;
width: 100%
}
.categories ul li ul li ul li a {
font: 11px/2 tahoma !important;
color: #999;
display: block;
padding: 1px 4px
}
.categories ul li ul li ul li a:hover {
background: #555;
color: white
}
}

@media screen and (max-width:720px) {
#footer .dlhacr {
width: 100%;
}
#box-list-footer {
margin-right: 0px!important
}
#footer .tagslist {
width: 100%;
float: none;
margin: 0 0 1em
}
.site-title {
float: none;
background: url(images/logo.gif) no-repeat;
width: 200px;
margin: 20px auto;
height: 75px;
font: 0/0 x
}
.qoutes {
display: none
}
.nav-primary .last {
float: none
}
#achivelist {
z-index: 9999
}
#search {
width: 100%;
float: none;
margin: 20px 0 0 0;
background: #3a3a3a
}
.searchtext {
width: 86%
}
.searchsubmit {
width: 10%
}
.rightsidebar {
top: 140px
}
}

@media screen and (max-width:550px) {
footer .comment {
display: none !important
}
.categories ul li ul li {
width: 49%
}
.post-features .keys {
width: 10%
}
.post-features .content {
width: 90%
}
.nav-primary {
font-size: 11px
}
.post .arrow {
width: 0;
display: none
}
.post .entry {
float: none;
width: 100%
}
#footer .links {
padding: 1.75em 0 .5em
}
}

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
.fixed {
position: static !important
}
}

noindex:-o-prefocus,
.fixed {
position: static !important
}

doesnotexist:-o-prefocus,
.fixed {
position: static !important
}

.support {
float: left;
background: url(images/support.jpg);
height: 100px;
width: 350px;
margin: 5px 0 0
}

.post-content .play {
width: 90%;
border: 10px solid #efeeee;
box-shadow: 0 7px #7d7d7d;
border-radius: 10px;
margin: 20px auto;
padding: 0 5px 5px 5px;
text-align: right;
background: url(images/back-play.gif) #efeeee no-repeat left;
color: #000
}

.post-content .play span {
color: #7d7d7d;
font: 30px ‘BYekan’, tahoma;
text-shadow: -1px 1px #FFF
}

.post-content .play p {
font-size: 18px;
color: #494949
}

#player {
width: 400px
}

#ticker-area {
color: #999;
}

.fix-post .post-content {
text-align: center
}

.fix-post .entry {
background-color: #f4f4f3;
}

#link-vote-home {
color: red;
font-weight: bold;
}

.post .entry header h2 a {
color: #222;
font-size: 15px;
}

.post h2 a {
padding: 5px 0px;
}

.post .entry header h3 {
color: #222;
font-size: 15px;
}

#facebook-box {
max-height: 46px;
overflow: hidden;
padding-top: 7px;
border-left: none;
}

.tag-nice {
float: right;
font-weight: bold
}

#breadcrumbs {
float: right;
}

@media (max-width: 380px) {
.bc {
height: 80px;
}
}

#box-list-footer {
float: right;
}

#adsbox img {
margin: 5px 20px;
border: none;
text-align: center;
}

@media screen and (max-width:1200px) {
#adsbox {
margin-right: -18px
}
}

@media (max-width: 970px) {
#adsbox {
display: none;
}
}

@media (max-width: 380px) {
#adsbox {
display: none;
}
.fix-post {
display: none;
}
}

#fontredbold {
font-weight: bold;
color: #F30;
}

@media (max-width: 700px) {
#homeadsboxshow {
display: none;
}
}

@media (max-width: 1000px) {
.singleboxshow {
display: none;
}
}

.singleboxshow {
display: none;
}

.closeads {
color: #06F;
margin-right: 6px;
font-size: 10px;
font-weight: bold;
cursor: pointer;
margin-bottom: 5px;
}

.closeads:hover {
color: #C00;
}

.closeads span {
background: url(images/icons/icon-close.gif) no-repeat;
width: 12px;
height: 12px;
margin-left: 4px;
margin-top: 4px;
float: right;
}

.musicboxcode {
background-image: none !important;
border: none !important;
background-color: #c4f9d3 !important;
;
}

.mboxc {
direction: ltr;
font-size: 10px;
text-align: left;
background-color: #bbf7f1 !important;
}

.bcodb {
font-size: 10px !important;
color: red !important;
}

.showcodemusic {
text-align: center;
font-size: 12px;
color: #F60;
cursor: pointer;
}

.fixed {
position: fixed;
top: 0;
width: 200px;
}

@media screen and (max-width:1200px) {
.fixed {
width: 17.8% !important
}
}

#Container .mix {
display: none;
}

.works-grid {
list-style: none;
padding: 0;
}

.work-item {
width: 20%;
display: inline-block;
float: left;
margin: 0;
position: relative;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.work-item > a {
display: block;
padding: 0;
position: relative;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
}

.work-item a,
.work-item a:hover {
color: #333333;
border: none;
}

.work-img {
position: relative;
}

.work-img img {
width: 100%;
display: block;
overflow: hidden;
}

.work-intro {
height: 84px;
left: 0;
padding: 18px 20px;
position: absolute;
text-align: center;
width: 100%;
top: 35%;
margin-top: 0;
z-index: -1;
-moz-box-sizing: border-box;
}

.work-title {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.4s ease 0.1s;
-webkit-transition: all 0.4s ease 0.1s;
-o-transition: all 0.4s ease 0.1s;
-moz-transition: all 0.4s ease 0.1s;
}

.work-item .work-img:after,
.work-intro {
-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.work-item:hover .work-intro {
bottom: auto;
color: #FFFFFF;
margin-top: 0;
top: 35%;
z-index: 3;
transition: all 0.4s ease 0.1s;
-webkit-transition: all 0.4s ease 0.1s;
-o-transition: all 0.4s ease 0.1s;
-moz-transition: all 0.4s ease 0.1s;
}

.work-item:hover .work-title,
.work-item:hover .work-descr {
color: #fff;
}

.work-item .work-img:after {
content: ” “;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: transparent;
}

.work-item:hover .work-img:after {
background: rgba(0, 0, 0, .7);
}

.slidebt {
width: 99.4% !important;
background-color: #4b4a4a!important;
}

.baerbox {
width: 50%!important;
}

#video1 {
float: left;
width: 50%
}

.vid {
background-image: none !important;
background-color: #d4d4df !important;
border: none !important;
}

.watch {
float: none !important;
width: 24% !important
}

.simBtn {
border: 1px dotted
}

div#use {
border: 1px solid
}

div#useLegend {
cursor: pointer
}

#useSpan {
font-size: 80%
}

div#npTitle {
padding: 0 0 10px 15px
}

#audiowrap {
text-align: center;
max-width: 300px;
margin: 0 auto
}

.double {
padding-bottom: 20px
}

.ctrlbtn {
width: 148px;
cursor: pointer
}

.no-audio {
display: none
}

div#extraControls {
max-width: 290px;
text-align: center;
margin: 0 auto
}

#audio1 {
width: 290px;
margin-top: 30px
}

div#plwrap {
padding-top: 20px;
font-size: 1em
}

#plUL {
list-style: none;
margin: 0;
padding: 2px 0 0
}

#plUL li {
cursor: pointer;
line-height: 26px;
border-bottom: 1px dashed #999;
padding-bottom: 2px;
text-align: right;
color: #333;
margin: 2px
}

#plUL li:last-child {
border: none
}

#plUL li:hover {
font-size: 12px;
font-weight: 700
}

p.plus10 {
padding-right: 6px
}

.plHead,
.plItem {
position: relative
}

.plHead {
text-align: right
}

.plHeadTitle,
.plTitle {
position: absolute;
top: 0;
right: 35px;
left: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.plHeadNum,
.plNum {
width: 25px
}

.plHeadNum,
.plNum,
.plLength {
text-align: left
}

.plHeadLength,
.plLength {
position: absolute;
top: 0;
right: 5px;
width: 60px
}

.plSel,
.plSel:hover {
font-weight: 700;
cursor: default!important
}

#musicbox {
width: 100%;
background-color: #0CF
}

#musboxr {
float: right;
width: 53%
}

#musboxl {
float: right;
width: 45%;
margin-right: 2%
}

#btnPrev {
background: url(images/icons/prev.jpg) no-repeat;
border: none;
width: 60px;
height: 32px;
float: left
}

#btnNext {
background: url(images/icons/next.jpg) no-repeat;
border: none;
width: 60px;
height: 32px;
float: right
}

#musicboxpic {
margin-top: 22px
}

#npAction {
font: 12px Tahoma, Geneva, sans-serif;
margin-top: 8px;
font-weight: 700;
color: #666
}

#npTitle {
font: 11px Tahoma, Geneva, sans-serif;
color: #666
}

.js.audio .is-audio,
.js #audio0 {
display: block
}

@media screen and (max-width:1190px) {
#audio1 {
width: 240px
}
}

@media screen and (max-width:670px) {
#audio1 {
width: 140px
}
.musicboxcode {
display: none;
}
}