#musicbox{
width: 240px;
height: 70px;
text-align: left;
}
 
.cover {
width:100px;
height: 100px;
display: block;
position:absolute;
z-index:2;
}
   
.cover img{
width: 60px;
}
 
.playbutton {
width:25px;  
height: 25px;  
line-height:20px;
overflow: hidden;  
position:relative;
z-index:100;
margin-left:8px;
margin-top:5px;
}
 
 
.playbox {
opacity: 0.5;
background-color: #000000;  
position: absolute;  
z-index: 1000;
margin-top:10px;  
margin-left:10px;
width:40px;
height:40px;
line-height:32px;
text-align:center;
-webkit-transition: all 0.6s ease-in-out;

}


.playbox:hover {
    opacity:1;
}
 
.audioplayer {
float:left;
margin-left: 70px;
position: absolute;
display: block;
margin-top: 10px;
padding-bottom:2px;
}
 
.infomusic {
text-align:left;
}

@font-face{font-family: WebSymbolsRegular2; src: url('http://static.tumblr.com/imnherg/smLmmrjbo/websymbols-regular.ttf');}


.symbols2 {font-family:WebSymbolsRegular2; text-transform:none!important; font-style:normal;}


.permalink {
padding: 3px;
display: block;
font-size: 8px;
color:{color:Links};
font-size:10px;
line-height: 18px;
text-align: center;
margin: 4px 8px 0px 8px;
font-family: Calibri;
-moz-transition: color 0.9s ease-out; 
-webkit-transition: color 0.9s ease-out; 
border-top:1px solid #ddd;
}


.text {
font-family: Calibri;
font-weight: normal;
font-size: 12px; 
line-height:12px;
font-weight: 500;
letter-spacing: 2px;
text-transform: lowercase;
color:{color:Entry Text};
text-align:left;
border-bottom:1px solid #aeaeae;
}

.link{
font-family: 'Lobster', cursive;
text-transform:none;
font-size:20px;
line-height:20px;
color:{color:Entry Links};
}


.title{
font-family: 'Lobster', cursive;
text-transform:none;
font-size:20px;
line-height:20px;
color:{color:Entry Titles};
}

.quote{
font-family: 'Lobster', cursive;
font-size:25px;
color:#888;
text-transform:none;
line-height:28px;
text-align:right;
}

.permalinktext {
padding: 1px;
display: block;
font-size:8px;
color: {color:Links};
letter-spacing:1px;
line-height: 13px;
text-align: center;
margin: 0px 0px 0px 8px;
font-family: calibri;
text-transform:uppercase;
border-top: 1px solid #bbb;
-moz-transition: color 0.9s ease-out;
-webkit-transition: color 0.9s ease-out;
}

.Ask{
font-family: Calibri;
color:{color:Links};
font-size:13px;
text-align:left;
z-index:1;
}

.fade {
opacity: 0.6;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}

.fade:hover {
opacity: 1;
filter:alpha(opacity=100);
-moz-opacity: 0.9;
}




#entry:hover {
opacity: 1.0;
transition: all 0.9s ease-out;
-webkit-transition: all 0.9s ease-out; 
}

#permapage{
z-index:9999;
font-size: 10px;
line-height: 10px;
text-align: center;
padding-bottom:10px;
font-family: Calibri;
}