Bubble Bar thing Pt 1

#bubblebar
{font-family:consolas;
width:700px;
position:fixed;
left:10px;
top:-4px;}
.bubble
{text-align:center;
font-family: "tinytots";
float:left;
height:20px;
padding-top:7px;
width:40px;
padding: 10px 3 12px 2;
margin-top:10px;
overflow:hidden;
moz-border-radius: 15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
z-index:999;font-family:consolas;}
#music
{border: solid 2px #6CA9D9;
background-color:transparent;}
#music:hover
{padding:2px;
height:40px;
width:100px;
background-image: url (http://i42.tinypic.com/9vi9nd.png);
border:0px solid #ffffff;}
background-color:transparent;
box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.35); -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
#player{padding-bottom:3px;}

.permalink {margin:0px; text-align:right; padding:0px; opacity:0;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.permalink a:hover{
color:#dddddd
}

.post:hover .permalink {opacity: 1;}
.posted {font-size:9px;}
.notes{ margin:left;width:300px;font-size:9px;color:#000;text-align:left;}
.viewnotes{ margin-top:10px;font-size:9px;color:#000;text-align:left;
}

ol.notes {padding-left:5px; list-style-type:none;}
ol.notes li.note {padding:2px;}

.audio {background-color:#000000;width:300px;}

.ptitle {font-size:11px;text-transform:uppercase;}

.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
#infscr-loading {display:none;}
.navigation{display:none;}

iframe#tumblr_controls {
top: 0% !important;
right:0% !important;
position: fixed !important;}
</style>