Cleocode

<style>

.pfor {display: none;}
#profile{background:transparent; border: 0px;}

body{
 overflow: hidden;
 background: white;
}

@font-face{
 src:url(https://dl.dropboxusercontent.com/u/4556289/PilotLLJ.ttf);
 font-family:'headerfont';
}

@font-face{
 src:url(https://dl.dropboxusercontent.com/u/4556289/Saniretro.ttf);
 font-family:'bodyfont';
}

#whole{
 position:absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
background-color: #ffffff;
 overflow: hidden;
}

#centerframe{
 position: absolute;
 left: 0px;
 right: 0px;
 top: 0px;
 bottom: 0px;
 margin: auto;
 width: 700x;
 border: 0px solid black;
 background-image: url(http://i64.tinypic.com/etadso.jpg);
 background-position: center right 400px;
 background-size: auto 100%;
 background-repeat: no-repeat;
}

#namediv{
 position: absolute;
 right: 900px;
 top: 0px;
 bottom: 350px;
 margin: auto;
 width: 300px;
 height: 50px;
 border: 0px solid black;
 text-align: right;
 font-size: 20pt;
 font-family:'headerfont';
 letter-spacing: 20px;
 color: brown;
}

#bodydiv{
 position: absolute;
 top: 0px;
 bottom: -150px;
right: 900px;
 margin: auto;
 height: 400px;
 width: 300px;
 border: 1px solid #E3AC88;
}

#contentdiv{
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 box-sizing: border-box;
 border: 1px solid #DF8833;
 text-align: left;
 font-family: 'bodyfont';
 color: #8A4018;
}

#topbody{
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 height: 130px;
 border-bottom: 0px solid black;
 box-sizing: border-box;
 padding-top: 5px;
 font-size: 12pt;
 font-family:'bodyfont';
 text-align: center;
 letter-spacing: 3px;
}

#bottombody{
 position: absolute;
 top: 130px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 box-sizing: border-box;
 border-top: 0px solid red;
 padding-left: 0px;
 padding-right: 0px;
 text-align: left;
 font-family: 'bottomfont';
 font-size: 11pt;
 letter-spacing: 4px;
 padding-top: 12px;
 padding-left: 10px;
 padding-right: 10px;
 font-weight: 600;
}

@font-face{
 src:url(https://dl.dropboxusercontent.com/u/4556289/magic11.ttf);
 font-family:'bottomfont';
}

#backgroundfiller{
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 z-index: 0;
 opacity: .5;
 background-color: #26EF51;
}

#separationdiv{
 position: absolute;
right: 900px;
 top: 0px;
 bottom: 300px;
 margin: auto;
 width: 300px;
 height: 1px;
 border-top: 1px solid #03DF8B;
 opacity: .6;
}

</style>

<div id="whole">
 <div id="centerframe">
 <div id="namediv">
 CLEO
 </div>
 <div id="bodydiv">
 <div id="backgroundfiller">
 </div>
 <div id="contentdiv">
 <div id="topbody">
 <b>species</b> - mojave bobcat<br>
 <b>age</b> - 24<br>
 <b>sex</b> - female<br>
 <b>height</b> - 5'1"<br> <b>status</b> - taken<br>
 <b>preference</b> - switch<br>
 <b>orientation</b> - bisexual
 </div>
 <div id="bottombody">
 First and foremost: <b>NO</b> SMUT. Cleo is a character intended for clean rp only.<br>She's okay with most plots so curious? Just ask. This character can be most other humanoid species- depends on the rps she's involved in.<br>
 I will adjust accordingly. That's all I'll really change about her. Hair color, eye color, height, personality- all will remain the same. Pic is temp and will be removed upon creator's request.
 </div>
 </div>
 </div>
 <div id="separationdiv">
 </div>
 </div>
</div>