Simplicity / Character Page

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

<!-- Code by selenagomezhelps @ tumblr.
okay you can add a decor/png image to this page. I suggest keeping the size of the image 245x225. you can also leave it blank if you want to.
 -->

<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=Raleway:100' rel='stylesheet' type='text/css'>

<style type="text/css">
body{color:#000; background-attachment:fixed; background-color:#fff; text-align:justify; font-family:verdana; font-size:10px;}

a{color:#bbb; text-decoration: none;}
a:hover{ color:#ea8111; text-shadow:4px 4px 0px rgba(0,0,0,0.1),3px -6px 0px rgba(0,0,0,0.2),6px 6px 0px
rgba(0,0,0,0.1),-5px 4px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.15);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;}

::-webkit-scrollbar {width: 8px; height: 4px; background: #f4f4f4; }
::-webkit-scrollbar-thumb { background-color: #ea8111;}

#box {width:520px;height:100%;margin-top:-320px; margin-left:-638px;padding-bottom:12px:}
#line {position:fixed !important;width:100px;height:100%;margin-left:525px; margin-top:-10px;border-left:1px solid #bbb;}
.link {display:inline-block;margin-left: 0px;margin-top: 1px;line-height: 25px;font-size: 30px;font-family: calibri;text-transform: uppercase;padding: 0px;text-align:left;-webkit-transition-duration: .3s;}
.link:hover {color:#80adcc;}
.name{background-color:; font-family:raleway; font-size:40px; color:#bbb;margin-left:0px; margin-top:0px;text-align:center;}
#pic {margin-top:-15px; margin-left:0px; height:auto;width:500px;padding:0px;}
#picimage {margin: 0px 0 0px 0; text-align:center;}
#picimage img {margin-top:10px; width:500px; height:250px; text-align:center; margin-left:0px ;}

#hello {position:fixed !important;width:auto;height:auto;margin-top:390px; margin-left:1070px;}
#helloimage {margin: 0px 0 0px 0; text-align:center;}
#helloimage img {margin-top:10px; width:auto; height:auto; text-align:center; margin-left:0px ;}

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

<div id="hello">
<div id="helloimage">
<img src="DECOR IMAGE HERE"/></div>

</div>
<div id="line"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div class="link"><a href="/">Go Back</a><br>
<div class="link"><a href="RPG URL HERE">Roleplay</a><br>
<div class="link"><a href="/ask">Message</a><br>
<div class="link"><a href="/dashboard">Dboard</a><br>
<div class="link"><a href="http://selenagomezhelps.tumblr.com/">Credit</a>
 </div></div></div></div></div>

<div id="box"><br><br><br>
<div class="name">CHARACTER NAME</div>
<div id="pic"><div id="picimage"><img src="HEADERIMAGE 500x 250"/></div>

bio & stuff here.

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