layout w/ music player

<!-- PUT THIS PART OF CODE INTO YOUR MUSIC SECTION OKAY. -->

<img class="cover" src="ALBUM COVER GOES HERE">

<div id="player">
<embed src="MP3 URL GOES HERE&t0=NAMEYOUWANTTOSHOWGOESHERE&total=1" quality="high" wmode="transparent" width="160" height="15" name="billy" align="middle" type="application/x-shockwave-flash" />
</div>

<ul class="info">
<li><strong>Artist:</strong> Artist Name</li>
<li><strong>Song:</strong> Song Name</li>
<li><strong>Album:</strong> Album Name</li>
</ul>

<style>
.cover {margin:2px;
width: 53px;
height: 53px;
margin: 2px;
border: 1px solid #000000;
padding: 2px;
}

#player {
height: 22px;
margin-top: -17px;
margin-left: 61px;
background-color: #dccece;
}

.info {list-style-type: none;
margin-top: -65px;
margin-left: 60px;
background-color: #dccece;
padding: 2px;
}

</style>



<!--- PUT EVERYTHING BELOW WHERE YOU NORMALLY PUT YOUR LAYOUT CODE XO <3 --->

<!— background!—>
<style>body{background-color: COLORHERE; background-image:url(IMAGEURLHERE); background-repeat:repeat;background-attachment:fixed;background-position:;}</style>

<!—blurbs! —>
<style>
table.blurbs td.text span.orangetext15 {color: 000000; text-shadow: 1px 1px 1px #c9c9c9;}
table.blurbs td td span.orangetext15 {color:000000; font-size: 11px;}
table.blurbs table {background-color:ffffff;}
table.blurbs td td span.text {color:303030;}
table.blurbs td td {background-color:ffffff;}
table.blurbs td.text {background-color: c9e0fa;
background: linear-gradient(to left, #c08a8b , #ffffff);
border:1px solid #ededed;
padding:3px;
text-align:right;}
</style>

<!—interests! —>
<style>
table.interestsanddetails td {width:0!important; padding:2px!important;}
table.interestsAndDetails td.text {background-color: c9e0fa; background: linear-gradient(to left, #c08a8b , #ffffff);
border:1px solid #ededed;
padding:3px;}
table.interestsAndDetails span.whitetext12 {color: 000000; text-shadow: 1px 1px 1px #c9c9c9;}
table.interestsAndDetails span.lightbluetext8 {color:000000; font-size: 9px; border-bottom: 1px solid #000000;}
table.interestsAndDetails, table.interestsAndDetails td {border:0px;}
table.interestsAndDetails table {background-color:ffffff;}
table.interestsAndDetails td td {background-color:ffffff;}
table.interestsAndDetails td td, table.interestsAndDetails td td a {color:000000;}

</style>

<!— friends! —>
<style>
table.friendSpace span.redbtext {font-weight:bold;}
table.friendSpace td {padding:0px; }
table.friendSpace td.text td br {line-height:0px;}
table.friendSpace span.btext {display:block;}
table.friendSpace td.text td td a img {width:90x; height:110px;}
table.friendSpace span.orangetext15 {color: 000000; text-shadow: 1px 1px 1px #c9c9c9;}
table.friendSpace td.text table {background-color:transparent;}
table.friendSpace td.text span.orangetext15 {
text-align:right;
color:#000000;
background: linear-gradient(to left, #c08a8b, #ffffff);
display:block;
padding:3px;
border:1px solid #ededed;
display: block;}
table.friendSpace td.text td td a {color:000000;}
</style>

<!— comments! —>
<style>
table.friendsComments td.text td a {display:none;}
table.friendsComments td.text td b a {display:inline;}
table.friendsComments td.text td td a {display:inline;}
table.friendsComments span.orangetext15 {display:block; height:100%;}
table.friendsComments td.text td td {width:0px; padding:0px;}
table table table table table {border:0px;}
table table table table table td {border:0px;}
table.friendsComments table, table.friendsComments td {background-color:transparent;}
table.friendSpace td.text div {display:none;}
table.friendSpace span.redbtext {color:000000!important; font-size: 10px;}
</style>

<!— extended network! —>
<style>
table.extendedNetwork, table.extendedNetwork td {border:0px;}
table.extendedNetwork span.blacktext12 a {display:none;}
</style>

<!— movement! —>
<style>
.clearfix {margin-top: -100px;}
.friendsComments {margin-top:-23px;}
.interestsanddetails{position:relative; top: -16px;}
table.blurbs {margin-bottom:-8px;}
table.blurbs {margin-top:-20px;}
</style>

<!— hide codes! —>
<style>
.msonlinenow {display: none;}
table.userProfileDetail {display:none;}
.userProfileURL {display:none;}
table.latestblogentry {display: none;}
.contactTable {display:none;}
#footerWarpper{display: none;}
table.profileInfo td td {letter-spacing:-100px; font-size:0px;}
table.profileInfo td td.text, table.profileInfo td td * {font-size:11px; letter-spacing:0px;}
table.profileInfo td td a {display:none;}
table.profileInfo td td.text * {display:inline;}
</style>

<!— text! —>
<style>
table.profileInfo * {background-color:transparent;}
span.nametext {font-family:Arial!important;
font-size:24px!important;}
</style>

<!— nav! —>
<style>
ul li a.open:hover, ul li a.open small, ul li a:hover {color:000000!important;} ul li a.open:hover, ul li a.open small, ul li a:hover {background-color:fbfbfb!important;} body div div table td {background-color:000000;} body div div table td td td {background-color:000000;} tr {background-color:transparent;}
</style>