Zorbing/Character page

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!--
Code by selenagomezhelps @ tumblr.
If you want to change the color scheme press ctrl + f and look for these colors:

Green: #efebbe
Blue: #80adcc
Orange: #f38725

ADDING THE MUSIC PLAYER:
find your song, copy the link and paste it where it says SONG URL HERE. then erase the "http://" from the url.
 -->

<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<link href='http://fonts.googleapis.com/css?family=Keania+One' rel='stylesheet' type='text/css'>

<style type="text/css">
body{color:#000; background-attachment:fixed; background-color:#fff; background-image: url('http://media.tumblr.com/285af70ed81b4bdb37a4ea4a362b7668/tumblr_inline_miv4rrKGfA1qz4rgp.png'); text-align:justify; font-family:verdana; font-size:10px;}

a{color:#000; text-decoration: none;}
a:hover{ color:#80adcc;}

@font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }

::-webkit-scrollbar {width: 8px; height: 4px; background: #80adcc; }
::-webkit-scrollbar-thumb { background-color: #f38725;}

#name {color:#f38725;width:410px;margin-top:80px; padding:0px; text-align:center; height-line:0px;font-family:bebas neue; font-size:35px;text-shadow:1px 1px 1px #80adcc;}

#top {width:410px;margin-top:-5px; padding:5px; text-align:center; height-line:-5px; background-color:#efebbe;border-top:5px double #80adcc; height:20px;}

#basic {width:400px;margin-top:10px; padding:10px; text-align:center; height:370px; background-color:#efebbe; border-bottom:5px double#f38725; }

.box {width:165px;margin-top:5px; margin-left:210px;padding:10px; text-align:justify; height:340px; background-color:#fff; border-top: 1px dotted #000;border-bottom: 1px dotted #000; overflow:auto; font-family:courier; font-size:10px;}

#hay{position:fixed !important;width: 76px;height:auto;margin-top:-280px;margin-left:330px;padding: 0px;text-align:center;background-color: transparent;}

.link {display:inline-block;width: 100px;height: 17px;margin-left: 0px;margin-top: 1px;background-color: #efebbe;;line-height: 18px;font-size: 10px;font-family: calibri;text-transform: uppercase;padding: 0px;text-align:center;-webkit-transition-duration: .3s;}

.link:hover {color:#80adcc;-webkit-transition-duration: .2s;text-align: center;}

.sidepic {background-image: url('PIC URL 200x362');width:200px;margin-top:-362px; margin-left:-195px;padding:0px; text-align:justify; height:362px; background-color:#fff;}

{CustomCSS}
 </style>
</head>
<body>
<center>

<div id="name"><i>CHARACTER NAME</i></div>
<div id="top">

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
<param name="bgcolor" value="#efebbe" />
<param name="FlashVars" value="mp3=http%3A//SONG URL HERE &amp;bgcolor=efebbe&amp;loadingcolor=80adcc&amp;buttoncolor=f38725&amp;slidercolor=f38725" />
</object>


</div>
<div id="basic"> <center>
<div class="box">

Bio goes here.

</div>
<div class="sidepic"></div></div>

<div id="hay">
<div class="link"><a href="/">Home</a>
<div class="link"><a href="RPG URL HERE">Roleplay</a>
<div class="link"><a href="/ask">Message</a>
<div class="link"><a href="PARA TRACKER URL HERE">Paras</a>
<div class="link"><a href="http://selenagomezhelps.tumblr.com/">Credit</a>

</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>