music update

<style>
    .pfor {display: none;}
    body {background-color: transparent;}
    #profile { background-color:transparent; border: 0px; margin: 0 auto; }
    </style>


<style type="text/css">

@import url(http://fonts.googleapis.com/css?family=Rationale);

    @font-face {
    font-family: True Lies; src: url(http://static.tumblr.com/c6txita/ZEbn2qbjn/true_lies.ttf);
    }

::-webkit-scrollbar {
    width:6px;
    height:7px;
    }

::-webkit-scrollbar-track-piece {
    background-color:#121212;
    }
::-webkit-scrollbar-thumb {
    background-color:#757575d;
    box-shadow:0px 0px 5px #888;
    }

body {
    /* YOUR BACKGROUND IMAGE */
    background:white;
    background-image:url('http://i.picpar.com/uC8b.jpg');
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    padding:0;
    margin:0;
    word-wrap:break-word;
}

body a{text-decoration:none;}
ul {list-style-type:square;}

#content {
    position:absolute;
    border:0px solid white;
    padding-bottom:50px;
    top:15%;
    left:50%;
    height:auto;
    width:800px;
    margin-left:-400px;
}

/* YOUR SIDEBAR IMAGE */
#content img {
    float:left;
    width:250px;
    height:400;
    padding:5px;
    background:transparent; /* THE BACKGROUND COLOR OF YOUR IMAGE */
    border:0px solid #424141; /* THE BORDER COLOR */
    z-index:9;
    box-shadow:0px 0px 0px #888;
}


/* TITLE */
#title {
    text-align:right;
    width:630px;
    padding-right:190px;
    padding-left:40px;
    border:0px solid white;
    font-family: True Lies;
    font-size:20px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#FFFFFF;
    margin-left:-30px;
    margin-bottom:-30px;
    text-shadow:0px 0px 5px #888;
    border-bottom:2px solid #750001; /*TITLE UNDERLINE */
}

#info {
    margin-left:0px;
    margin-top:50px;
    padding:8px;
    width: 380px;
    height: 365px;
    color:#e8ded2; /* BODY COLOR TEXT WHERE ALL YOUR INFO/BIO IS */
    text-shadow:0px 0px 2px #565656;
    font-family:consolas;
    font-size:12px;
    line-height:130%;
    background:#262626;
    background-image:url('http://24.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo5_500.jog');
    box-shadow:0px 0px 4px #565656;
    overflow: hidden;
}

/* LINKS ITALICS AND BOLD */
#info a{
    color:#e5b4b0;
-webkit-transition: all 0.4s ease;
}

#info a:hover {
    color:#fff;
-webkit-transition: all 0.4s ease;
}

#info i {
    font-weight:bold;
    font-style:italic;
    color:#d7ba83;
}

#info b, strong {
    font-weight:bold;
    color:#6e8f9d;
}

/* BORDERS */
.topleft{
    position:fixed;
    top:0px;
    left:0px;
    width: 0px;
height: 0px;
border-style: solid;
border-width: 90px 90px 0 0;
border-color: #424141 transparent transparent transparent;}
.topright{
    position:fixed;
    top:0px;
    right:0px;
    width: 0px;
height: 0px;
border-style: solid;
border-width: 0 90px 90px 0;
border-color: transparent #424141 transparent transparent;}
.bottomright{
    position:fixed;
    bottom:0px;
    right:0px;
    width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 90px 90px;
border-color: transparent transparent #424141 transparent;}
.bottomleft{
    position:fixed;
    bottom:0px;
    left:0px;
    width: 0px;
height: 0px;
border-style: solid;
border-width: 90px 0 0 90px;
border-color: transparent transparent transparent #424141;}

#line{
    background:#424141;
position:absolute;
width:850px;
height:5px;
margin-top:33px;
margin-left:-50px;
box-shadow:0px 0px 5px #888;
z-index:-1;
}

/* LINKS ON THE RIGHT */
#links {
    float:right;
    margin-top:10px;
    margin-right:30px;
    background-image:url('http://24.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo5_500.jpg');
width:100px;
padding:5px;
height:auto;
border:2px solid #424141;
text-align:center;
box-shadow:0px 0px 5px #888;
}

#links a{
    float:right;
    width:90px;
    font-family: 'Rationale', sans-serif;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:2px;
    color:#fff; /* LINK TEXT */
    text-shadow:0px 0px 5px #888;
    border-bottom:0px solid #565656;
    box-shadow:0px 0px 0px #888;
    margin:4px;
    padding:0px 0px 3px 0px;

    transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

#links a:hover{
    color:#333; /* LINK TEXT HOVER */
    background:#fff; /* LINK BACKGROUND HOVER */
    box-shadow:0px 0px 5px #888;
    transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}


          #one, #two, #three, #four, #five, #six, #seven {
                width: 400px;
                height: 365px;
                overflow-x: hidden;
                overflow-y: auto;

            }


h1
{z-index:-20;
color: #fff;
height:20px;
width:%100px;
font-size: 18px;
line-height: 0px;
font-weight: normal;
letter-spacing: 1px;
font-family: True Lies;
text-transform: uppercase;
text-shadow: #DED6AA 0px 0px 2px;
text-align: left;
margin-bottom: -42px;}
h1:first-letter
{font-size: 30px;
text-shadow: #DED6AA 0px 2px;}



h2
{z-index:-20;
color: #fff;
height:20px;
width:%100px;
font-size: 12px;
line-height: 30px;
font-weight: normal;
letter-spacing:0px;
font-family: 'Rationale', sans-serif;
text-transform: uppercase;
text-shadow: #666 0px 0px 2px;
text-align: left;
margin-top: 23px;
margin-left: 10px;}



h3
{z-index:-20;
color: #fff;
height:20px;
width:%100px;
font-size: 18px;
line-height: 0px;
font-weight: normal;
letter-spacing: 1px;
font-family: True Lies;
text-transform: uppercase;
text-shadow: #DED6AA 0px 0px 2px;
text-align: right;
margin-bottom: -42px;}
h3:first-letter
{font-size: 30px;
text-shadow: #DED6AA 0px 2px;}



h4
{z-index:-20;
color: #fff;
height:20px;
width:%100px;
font-size: 12px;
line-height: 30px;
font-weight: normal;
letter-spacing:0px;
font-family: 'Rationale', sans-serif;
text-transform: uppercase;
text-shadow: #666 0px 0px 2px;
text-align: right;
margin-top: 23px;
margin-right: 10px;}





</style>





<div id="content">

<div id="title">Ladies and gentlemen! Boys and girls!</div>

<div id="line"></div>


<img src="http://i.picpar.com/tC8b.jpg" />


<div id="links">
<a href="#one">Stats</a>
<a href="#two">Notable People</a>
<a href="#three">Personality</a>
<a href="#four">Cards</a>
<a href="#five">Out of Character</a>
<a href="https://www.youtube.com/watch?v=tSErr0OLH28" target="_blank">Music</a>



</div>



<div id="info">



<div id="one">
<a name="#one"></a>
Name: Juuzou Iranih<br> <br>
Gender: Male <br> <br>
Age: 17 <br> <br>
Deck: Toon Kingdom! <br><br>
Dorm: Obelisk Blue <br><br>
Height: 5'8 <br> <br>
Weight: 120lbs <br> <br>
Eyes: Brown  <br> <br>
Occupation/Hobby: Sewing! <br> <br>
Win/Loss/Draw: 1/0/0 <br> <br>
DP: 1100 <br> <br>
Orientation: Bisexual <br> <br>
Status: Single <br><br>



</div>
<br>

<div id="two">
<a name="#two"></a>

Coming soon.  <br> <br>



</div>
<br>

<div id="three">
<a name="#three"></a>

to be written later.  <br> <br>
</div>
<br>

<div id="four">
<a name="#four"></a>
All cards listed here are available for trading. <br> <br>


 <br>

</div>
<br>

<div id="five">
<a name="#five"></a>

Out of Character: <br> <br>
No profile, no answer. <br>
PM friendly in most cases. <br>
Skype reserved for long term associates. <br>
IC at all times. <br>
IC is not OOC. <br>
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="129" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
    <param name="wmode" value="transparent" />
    <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/4556289/YuGiOh.mp3&autoplay=1&loop=1&volume=10&bgcolor1=B2A9BE&bgcolor2=B2A9BE&slidercolor1=4F3E6A&slidercolor2=4F3E6A&buttoncolor=4F3E6A&buttonovercolor=000000&sliderovercolor=000000" />
</object>





</div>