Bottle Pop - About Me

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

<!--
Code by letsrp | tumblr
 -->

<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=Questrial' rel='stylesheet' type='text/css'>
<style type="text/css">

big{font-size:14px;}
small{font-size:9px;}
b{color:#28788a;}/* change bold color */
i{color:#28788a;}/* change italics color */
blockquote{
margin-left:25px;
text-align:center;
border-left:2px solid #28788a;/* change blockquote border*/
border-right:2px solid #28788a;/* change blockquote border */
background-color:#f5f9f8;/* change blockquote bg */
padding:2px;
color:#000;
}

::-webkit-scrollbar-thumb {
background-color: #c1dfe6; /*change scrollbar color*/
}

::-webkit-scrollbar {
width:4px;
height: 4px;
background: #fff; /*change scrollbar bg color*/
}

body{
color:#000;
background-attachment:fixed;
background-color:#fff;
background-image: url(''); /*change bg image*/
text-align:justify;
}

a{
color:#3e6373;
font-size:11px;
text-transform:uppercase;
text-decoration:none;
}

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


#side{
position:fixed !important;
color:#000;
width:250px;
height:100%;
margin-top:-5px;
margin-left:250px;
padding:5px;
text-align:left;
font-family:calibri;
font-size:10px;
}

#picimage {
margin: 0px 0 0px 0;
text-align:center;
}

#picimage img {
margin-top:0px;
width:250px;
height:auto;
text-align:center;
margin-left:0px ;
}


#main {
width:400px;
height:180px;
margin-top:5px;
margin-left:100px;
padding:0px;
text-align:justify;
font-family:verdana;
font-size:9px;
padding-right:2px;
overflow:auto;
}

#caleb {
width:400px;
height:90px;
margin-top:95px;
margin-left:97px;
padding:5px;
text-align:center;
font-family:verdana;
font-size:9px;
padding-right:2px;
}

.links{
background-color:#f5f9f8; /*change linkbar bg*/
text-align:center;
margin-top:5px;
margin-bottom:5px;
}

.links a{
background-color:#f5f9f8;/*change this too if you change linkbar bg*/
display:inline-block;
font: normal 9px 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
padding:10px 5px 10px 5px;
}

.links a:hover{
background-color:#d5f2f2;/*change linkbar hover*/
}


h1{
font:normal 25px Arial, 'Helvetica Neue', Helvetica, sans-serif;
display:inline-block;
color:#92d6d6; /*change 1st blue text on sidear*/
font-style:none;
letter-spacing:-2px;
text-transform: lowercase;
margin:-5px 0px -3px 0px;
}


h2{
font:normal 25px Arial, 'Helvetica Neue', Helvetica, sans-serif;
color:#d5f2f2;/*change 2nd blue text on sidebar*/
letter-spacing: -1px;
text-transform: lowercase;
text-align: left;
margin:-3px 0px -5px 0px;
padding: 2px;}


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

<div id="side">
<div id="picimage"><img src="IMAGE URL"/></div>

<div class="links">
<a href="/">Go Back</a>
<a href="/ask">Askbox</a>
<a href="/">Main RPG</a>
<a href="http://letsrp.tumblr.com">credit</a>
</div>


<h1>life is a dance floor, love is </h1>
<h2>the rhythm, you are the music.</h2>


</div>
</div>

<div id="caleb">

<center><table width=400">
<tr valign=top>
<td width=50% style="background:#f5f5f5; padding: 15 25;">

<b>Name:</b> hi  <br>
<b>Age:</b> hi <br>
<b>Birthday:</b> hi <br>
<b>Birth Place:</b> hi <br>
<b>Nickname(s):</b> hi <br>
<b>Occupation:</b> hi <br>
<b>Relationship Status:</b> hi <br>


</td>
<td width=50% style="background-color:#eee;; padding: 15 25;">

<b>Eye Color:</b> hi <br>
<b>Hair Color:</b> hi <br>
<b>Height/Weight:</b> hi <br>
<b>Religion:</b> hi <br>
<b>Disorder(s):</b> hi <br>
<b>+:</b> hi <br>
<b>-:</b> hi <br>

</td></tr>
</table></li>
</div></div>
<div id="main">

Bio here.

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


</html>