— ᴍᴇʟᴀɴᴏᴋɪɴᴇsɪs.

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">
body {
font-family: verdana;
font-size: 11px;
background-color: #EDEDED;
background-image: url('http://i.picpar.com/3b1.png');
background-repeat: repeat;
text-align: justify;
cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
}

/*--- You are not wanted here. I did not make this for you to steal when you obviously don't know how to work it. Go learn from Google like how most of us did, srsly. It's. Not. That. Hard. To. Do. ---*/

::-webkit-scrollbar-button:vertical:{background-color: #414A4C;
-moz-border-radius: 0px 0px 0px px;
border-radius: 0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: #414A4C; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: #414A4C; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

b, strong {font-family: century gothic; font-size:15px; color:#4B4330; font-weight:normal; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-size:8pt; letter-spacing:0px}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
big {color: #181818; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
small {color: #555555; font-size: 11px; font-weight: light; letter-spacing: -1px; font-family:Romans; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

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

h2{
font-size: 23px;
font-variant: small-caps;
color: #444444;
text-transform: lowercase;
letter-spacing: -1px;
text-align: right;
background-color: none;
line-height: 2px;
text-align: justified;
font-family: century gothic;
text-shadow: #212121 2px 3px 4px;
margin-top: 5px;
margin-bottom: 8px;
display: block;
background-color: #151413;
border-right: 1px solid #4B4330;
padding: 0px;
font-weight: normal;
}

#side {
width: 280px;
position: fixed;
height: 369px;
left: 313px;
top: 130px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
background-color: #EDEDEE;
border: 2px Solid #414A4C;
border-radius: 150px 0px 0px 0px;
z-index: 300;
}

#bar {
width: 280px;
position: fixed;
height: 469px;
left: 739px;
top: 130px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
background-color: #EDEDEE;
border: 2px Solid #414A4C;
border-radius: 0px 100px 0px 0px;
z-index: 300;
}

#con{
position: absolute;
top: 155px;
left: 5px;
width: 285px;
height: 228px;
overflow: hidden;
text-align: justify;
line-height: 13px;
font-size: 11px;
background-color: #EDEDEE;
font-face: verdana;
font-variant: small-caps;
color: #181818;
overflow: hidden;
z-index: 200;
}

#tainer {
position: absolute;
top: 155px;
left: 5px;
width: 285px;
height: 330px;
overflow: hidden;
text-align: justify;
line-height: 13px;
font-size: 11px;
background-color: #EDEDEE;
font-face: verdana;
font-variant: small-caps;
color: #181818;
overflow: hidden;
z-index: 200;
}

#zero, #one, #two{
top: 230px;
left: 0px;
width: 285px;
height: 220px;
padding-top: 7px;
text-align: justify;
line-height: 13px;
overflow: auto;
background-color: #EDEDEE;
}

#three, #four, #five{
top: 230px;
left: 0px;
width: 285px;
height: 320px;
padding-top: 7px;
text-align: justify;
line-height: 13px;
overflow: auto;
background-color: #EDEDEE;
}

#Navi{
position: fixed;
top: 130px;
left: 611px;
width: 125px;
height: 385px;
background-color: #EDEDEE;
border: 2px solid #414A4C;
z-index: 500;
}

#Title{
position: fixed;
top: 63px;
left: 520px;
z-index:550;
color: #FEFEFE;
font-size: 80px;
line-height: 80px;
letter-spacing: -1px;
font-family: lavanderia delicate;
text-shadow: #414A4C 5px 5px 4px;
z-index: 400;
}

#img{
background-size: 280px 200px;
background-image: url('http://data2.whicdn.com/images/56349338/529173024936250413_LzTpMsKs_c_large.jpg');
background-repeat: no-repeat;
width: 280px;
height: 140px;
border: 2px solid #414A4C;
border-radius: 150px 0px 0px 0px;}

#OOC{
position: fixed;
top: 519px;
left: 313px;
width: 423px;
height: 96px;
overflow: hidden;
text-align: justify;
line-height: 13px;
font-size: 12px;
background-color: #EDEDEE;
font-face: century gothic;
font-variant: small-caps;
color: #212121;
overflow: auto;
border: 2px #414A4C Solid;
z-index:500;}

.pic{
max-width:280px;
border: 2px solid #414A4C;
border-radius: 0px 100px 0px 0px;}

a.nii:link, a.nii:active, a.nii:visited{
background-color: #222;
display: inline-block;
margin: 8px;
width: 110px;
height: 25px;
font-family: consolas;
font-size: 9px;
color: #CCC;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
line-height: 21px;
padding-top: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

a.nii:hover{
background-color: #EDEDED;
color: #222;}

/*--- You are not wanted here. I did not make this for you to steal when you obviously don't know how to work it. Go learn from Google like how most of us did, srsly. It's. Not. That. Hard. To. Do. ---*/

a {
color: #46385E;
text-decoration: none;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
}

</style>

<div id="title"> Melanokinesis </div>

<div id="navi">
<a href="#zero" class='nii'>DOSSIER</a>
<a href="#one" class='nii'>CHARACTER</a>
<a href="#two" class='nii'>RELATIONS</a>
<a href="#three" class='nii'>ABILITIES</a>
<a href="#four" class='nii'>HISTORY</a>
<a href="#five" class='nii'>CURRENT EVENTS</a>
<a href="" class='nii' target="_blank">THEME</a>
<center><a href=""><img src="http://i.picpar.com/Ims.png" target="_blank" title="Credit."></img></a></center>
</div>

<div id="side">
<div id="img"></div>
<div id="con">
<div id="zero">
<h2>Dossier</h2>
<font style=float:left>Name</font> <font style=float:right>Hart, Talise </font><br>
<font style=float:left>Moniker(s)</font> <font style=float:right>Tali, MelMel, Mels, Melano.</font><br>
<font style=float:left>D.O.B/Zodiac</font> <font style=float:right>Answer/Answer</font><br>
<font style=float:left>Gender</font> <font style=float:right>Female</font><br>
<font style=float:left>Hair Colour/Eye Hue</font> <font style=float:right>Answer/Answer</font><br>
<font style=float:left>Height/Weight</font> <font style=float:right>Answer/Answer</font><br>
<font style=float:left>Body Type</font> <font style=float:right>Feminine</font><br>
<font style=float:left>Age</font> <font style=float:right>Twenty-one</font><br>
<font style=float:left>Occupation</font> <font style=float:right>Tattoo Artist</font><br>
<font style=float:left>Family</font> <font style=float:right>Answer.</font><br>
<font style=float:left>Alignment</font> <font style=float:right>Answer.</font><br>
<font style=float:left>Affiliation</font> <font style=float:right>Novus Senectus</font><br>
<font style=float:left>Orientation</font> <font style=float:right>Demisexual, panromantic</font><br>
<font style=float:left>Marital Status</font> <font style=float:right>Singular, partner selective.</font><br>
</div>

<div id="one">
<h2>Synopsis</h2>
<b>Likes</b>:
<br><br><b>Dislikes</b>:

<p>Working on it.</p>
</div>

<div id="two">
<h2>Relations</h2>
Will be updated as the RP progresses forward.


</div>

</div></div>

<div id="bar">
<img src="http://data1.whicdn.com/images/48438570/430807_403175913097914_296756760_n_large.jpg" width="280" height="140" class="pic">

<div id="tainer">
<div id="three">
<h2>Ink Manipulation</h2>
<b>bold</b> <i>italic</i> <u>underline</u> <strike>strike through</strike> <big>big text</big> <small>small text</small> <a href="" target="_blank">Link.</a>
</div>

<div id="four">
<h2>Character's Backstory</h2>
Working on it.
</div>

<div id="five">
<h2>Current Events</h2>

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

<div id="OOC">
<h2>Out of Charisma</h2>
Will be written in due time, just don't steal this layout. General OOC rules still apply. Forever a WIP.
</div>