aoi;

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

            html, body
            {
                margin: 0;
                padding: 0;
            }

            div#qTip
            {
                display: none;
                font-family: Trebuchet MS;
                background-color: white;
                letter-spacing: 1px;
                word-wrap: break-word;
                font-size: 7px;
                color: darkgray;
                text-align: left;
                position: absolute;
                line-height: 10px;
                z-index: 99;
                padding: 5px;
                margin: 10px 1px 1px 5px;
                border: 3px double lightgray;
                text-transform: uppercase;
                opacity: 1;}

            body{
                background-image: url(http://i43.tinypic.com/jfzw55.jpg);
                background: n/a;
                font-family: Trebuchet MS;
                font-size: 7px;
                overflow: hidden;}

            a{
                color: #c5b6d8;
                text-decoration: none;}

            a:hover{
                color: darkgray;}

             #lineOne{
                width: 100%;
                background-color: skyblue;
                height: 1.5px;
                margin-top: 138px;
                position: absolute;
                opacity: 0.6;}

            #lineTwo
            {
                width: 100%;
                background-color: #c5b6d8;
                height: 1.5px;
                margin-top: 142px;
                position: absolute;
                opacity: 0.6;}

            #title
            {
                left: 540px;
                margin-top: 120px;
                text-align: center;
                font-family: Cambria;
                font-size: 20px;
                color: skyblue;
                letter-spacing: 5px;
                text-transform: uppercase;
                box-shadow: 1px 1px 3px skyblue;
                position: absolute;
                background: white;
                padding: 8px 12px 9px 15px;}

            #image
            {
                margin-top: 100px;
                left: 315px;
                background-image: url(http://i57.tinypic.com/4fvcl1.jpg);
                background: color: white;
                width: 200px;
                height: 470px;
                background-position: center;
                position: absolute;
                border-top-left-radius:100px;
                border-bottom-right-radius:100px;
                border: 2px solid skyblue;
                z-index: 1;}

            #navigation
            {
                text-align: center;
                margin-top: 528px;
                left: 848px;
                position: absolute;}

            #navigation a
            {
                font-family: Cambria;
                font-size: 17px;
                text-transform: uppercase;
                text-shadow:1px 1px 1px silver;
                text-decoration: none;
                background-color: none;
                margin: 2px;
                padding: 4px;}

            #mainContainer
            {
                margin-top: 175px;
                margin-left: 540px;
                padding: 10px 20px;
                background-color: white;
                width: 435px;
                height: 330px;
                margin-right: 100px;
                position: absolute;}

            #inner
            {
                width: 430px;
                height: 315px;
                position: absolute;
                overflow: auto;
                text-align: justify;
                margin: 0 auto;
                margin-top: 5px;
                padding-right: 10px;
                font-size: 10px;
                color: darkgray;}

            .stat
            {
                font-family: Cambria;
                font-size: 8px;
                color: skyblue;
                text-transform: uppercase;
                letter-spacing: 2px;
                border-left: 2px solid #efebea;
                line-height: 15px;
                padding-left: 4px;}

            ::-webkit-scrollbar
            {
                height: 10px;
                width: 3px;
                background: white;}

            ::-webkit-scrollbar-thumb:vertical{
                background: none;}

    .contentbox {
                margin-top: 175px;
                left: 540px;
                padding: 10px 20px;
                background-color: white;
                box-shadow: 2px 2px 5px skyblue;
                font-color: silver;
                font-size: 10px;
                width: 435px;
                height: 330px;
                margin-right: 100px;
                position: absolute;
                overflow: auto;

    }


    .section {
    height: 415px;
    overflow: auto;
    text-align: left;
    padding-right:25px;
    padding-left:8px;
    padding-top:10px;
    }


    .block {
    width: 455px;
    height: 330px;
    overflow: auto;
    overflow: hidden;
    border-top:0px;
    border:0px solid white;
    }


    #text{
            position:fixed;
            width: 200px;
            height: 30px;
            top: 220px;
            left: 295px;
            border-style:solid;
            border-width:0px;
            border-color: gray;
            font-family: times new roman;
            font-size: 15px;
            text-align: justify;
            }

#friends {
position: fixed;
top: 128px;
right: 550px;
width: 50px;
padding: 5px;
font: normal normal bold 20px/20px arial;
color: #12b9e6;
text-align: center;
background-color: #c5b6d8;
border-radius: 22px 5px;
z-index: 3;}

#list {
position: fixed;
top: 148px;
right: 550px;
width: 50px;
padding-top: 22px;
opacity: 0;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
z-index: 4;}

#list:hover {
padding-top: 45px;
padding-left: 0px;
opacity: 0.9;
}
a.friend, a.friend:link, a.friend:active, a.friend:visited {
display: block;
font: normal normal normal 10px/10px 'lucida console';
text-decoration: none;
text-align: center;
color: gray;
opacity: 0.4;
}
a.friend:hover {
color: skyblue;
opacity: 0.9;
}

.clear img{
width:75px;
height:75px;
padding:0px;
background:transparent;
float: right;
border: 1px solid orchid;
border-radius: 50%;
margin:5px 5px 0px 0px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.clear img:hover{
width:75px;
height:75px;
padding:0px;
float: right;
background:transparent;
border: 1px solid orchid;
border-radius: 20%;
margin:5px 5px 0px 0px;
}


h1 {
color: #c5b6d8;
font-size: 25px;
font-family: times;
text-shadow:0px 1px 3px silver;
text-align: center;
font-weight: lighter;
text-transform: uppercase;
}

h2 {
color: #c5b6d8;
font-size: 8px;
text-align: left;
letter-spacing: 3px;
text-shadow:0px 0px 3px silver;
font-weight: lighter;
font-family: tahoma;
text-transform: uppercase;
}

h2{
margin: -10px -10px -10px -8px;
padding: 0px 0px 0px 0px; }

#ooc {
background-color: white;
position: absolute;
right: 0px;
bottom: 20px;
height: 165px;
width: 295px;
opacity: 0.0;
margin: 5px;
overflow: auto;
border-top-left-radius:100px;
border-bottom-right-radius:100px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}

#ooc:hover {
background-color: white;
position: absolute;
left: -5px;
bottom: -5px;
height: 470px;
width: 200px;
opacity: 0.9;
color: skyblue;
font-size: 10px;
text-align: center;
letter-spacing: 1px;
text-shadow:0px 0px 2px silver;
font-weight: lighter;
font-family: times;
text-transform: uppercase;
overflow: auto;
border-top-left-radius:100px;
border-bottom-right-radius:100px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}


        </style>

    <div id="lineOne"></div>
    <div id="lineTwo"></div>
    <div id="image"><div id="ooc">
<center><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
ic =/= ooc.<br>
artwork not my own. <br>
semi pm friendly.<br>
main = kieta. <br>
<a href="http://kconet.tumblr.com/">credit</a>, edited by me.
</center>
</div></div>

    <div id="title"><i>v</i>oi</div>

    <div id="navigation">
    <a id="tab1" href="#01">❤</a>
    <a id="tab2" href="#02">❤</a>
    <a id="tab3" href="#03">❤</a>
    <a id="tab3" href="#04">❤</a>
    </div>

    <div class="contentbox">
    <div class="block">

<a name="01"></a>
  <div class="section">
<h2>↳ basics</h2> <br>
<span class="stat">name</span> VOI.<br>
<span class="stat">monikers</span> KITTEN, ORCHID. <br>
<span class="stat">age</span> <a title="equivalent to a 15 year old human."><b>102</b></a>. <br>
<span class="stat">species</span> DAEMON { SUCCUBUS } <br>
<span class="stat">gender</span> FEMME. <br>
<span class="stat">natue</span> DEMURE. <br>
<span class="stat">taste</span> MASCULINE LEAN. <br>
<span class="stat">paramour</span> CONFUSED. <br>
<span class="stat">origins</span> 2ND LEVEL OF HELL.<br>
<span class="stat">abilities</span> <a title="The power to absorb the health and life of others and make it one’s own."><b>VITALITY ABSORPTION</b></a>, <a title="The power to modify and control the thoughts, mindsets, and upper brain functions of others."><b>MENTAL MANIPULATION</b></a>, <a title="The power to transform and reshape the form of one's body."><b>SHAPESHIFTING</b></a>, <a title="The power to induce sexual arousal, lust, bliss and pleasure in others."><b>SIREN SONG</b></a>. <br> <br><br>
</div>



<a name="02"></a>
  <div class="section">
<h2>↳ physique</h2> <br>
<span class="stat">height</span> 4'9".<br>
<span class="stat">weight</span> 112 LBS. <br>
<span class="stat">frame</span> PEAR-SHAPED, LITHE. <br>
<span class="stat">feel</span> SUPPLE, HOT TO THE TOUCH. <br>
<span class="stat">sound</span> SOFT-SPOKEN, ALLURING. <br>
<span class="stat">hair</span> FROST FADING INTO SKY BLUE. <br>
<span class="stat">eyes</span> CRYSTALLINE SAPPHIRE. <br>
<span class="stat">modifications</span> EARRINGS, MONROE PERICING. <br>
<span class="stat">attire</span> AS PICTURED, ALSO WEARING AN OVERSIZED SKY BLUE SWEATER.<br>
</div>

<a name="03"></a>
  <div class="section">
<h2>↳ background</h2> <br>
Voi is a succubus; a rather sad excuse for one, to be perfectly honest. a young'n for such a daemon, she has always been expected to be a bit reckless & hedonistic like her peers. when it came to her coming of age ceremony, all expected her to blossom into the soul sucking sex fiend she was meant to be - but alas, it was not. clumsy, shy, highly sensitive & easily dominated; all traits that were unheard of in a succubi. although she must continue to feed off the energies of others, and the nature of the succubus can easily attempt to take hold of her, she fights it daily. she was determined to not become like the others, to wait for the right male to give her precious purity to; one to live up to the one who stole her heart so many years ago and made her who she was, but still finding that all could not compare, not even close. Voi was everything a succubi should not be & yet, here she is. she earned the nicknames kitten from her peers because of her overly submissive, childlike nature, and orchid, she referred to herself from time to time, but grew increasingly irate if another used it.
</div>

<a name="04"></a>
  <div class="section">
<h2>↳ gallery</h2><br>
<div class="clear"><a href="http://i59.tinypic.com/20t2fde.jpg"><img src="http://i59.tinypic.com/20t2fde.jpg"></a>
<a href="http://i42.tinypic.com/1zqy843.jpg"><img src="http://i42.tinypic.com/1zqy843.jpg"></a>
<a href="http://i42.tinypic.com/2a9crie.jpg"><img src="http://i42.tinypic.com/2a9crie.jpg"></a>
<a href="http://i43.tinypic.com/2i0dawh.jpg"><img src="http://i43.tinypic.com/2i0dawh.jpg"></a>
<a href="http://i41.tinypic.com/2vmua1d.jpg"><img src="http://i41.tinypic.com/2vmua1d.jpg"></a>
<a href="http://i40.tinypic.com/262slcz.jpg"><img src="http://i40.tinypic.com/262slcz.jpg"></a>
<a href="http://i57.tinypic.com/642blh.jpg"><img src="http://i57.tinypic.com/642blh.jpg"></a>
<a href="http://i61.tinypic.com/30t5qup.jpg"><img src="http://i61.tinypic.com/30t5qup.jpg"></a>
<a href="http://i62.tinypic.com/rszw9v.jpg"><img src="http://i62.tinypic.com/rszw9v.jpg"></a>
</div>

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

<div id="friends"><img src="http://i60.tinypic.com/os6flf.jpg"></div>
<div id="list">
<a href="http://3.roleplaychat.org/profile.php?user=Hex" class="friend" target="_blank" title="the one who shaped her into what she is today and long since thought to be dead, this silver-tongued cloran stumbles across his little orchid after many a year, turning her world upside down.">Hesh</a>
<a href="http://3.roleplaychat.org/profile.php?user=Queenston" class="friend" target="_blank" title="although he practically assaulted her when they first met, she feels somehow safe around him, and enjoys his presence; if only she could get him to keep his hands to himself!">Q</a>
</div>

 <img style="visibility:hidden;" src="http://dcgi.felk.cvut.cz/home/zara/VRMLbench/vrml/textures/tex0001.jpg" onload="document.getElementsByTagName('title')[0].innerHTML='Δ ʘ I';"></img>