Kleio FIX.

<style type="text/css" onload="try { document.title = 'Derpcat Extraordinaire!'; } catch (error) { }">
@font-face { font-family: "pix"; src: url('https://dl.dropboxusercontent.com/s/s808os3kzpmzxly/04B_30__.TTF'); }
@font-face { font-family: "bit"; src: url('https://dl.dropboxusercontent.com/s/sq28ejp56rarabs/BitxMap%20Font%20tfb.ttf'); }

::-webkit-scrollbar-thumb:horizontal {
background-color:#313653;
border-radius:15px;
-moz-border-radius:15px;
}

::-webkit-scrollbar {
width: 3px;
background-color:#665db1;
}

::selection {
color:#fefefe;
background-color: #f4a0ab;
}

.pfor{
display:none;
}

#profile{
background:transparent;
border:0;
}

body{
background-image:url(http://i.imgur.com/VBXpeRE.gif);
}

body, td{
font-family:bit;
font-size: 11px;
line-height:10px;
word-wrap: break-word;
color: #20262a;
overflow:hidden;
}

*, body {
cursor: url(http://i.imgur.com/FjvYxd1.png), auto;
}

a, a:link, a:active, a:visited {
cursor: url(http://i.imgur.com/ABkRSAO.png), auto;
}

a:active, a:link, a:visited{
color:#665db1;
text-decoration:none;
transition:all 1s ease-out;
-o-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
text-transform:uppercase;
}

a:hover{
color:#fefefe;
text-decoration:none;
transition:all 1s ease-out;
-o-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}

#top{
position:absolute;
height:310;
width:600;
margin:auto;
top:-350;
right:0;
bottom:0;
left:0;
background-color:#f4a0ab;
border:1px solid #272e33;
border-radius:10px;
box-shadow:-5px -5px 0 rgba(0,0,0,0.3) inset,5px 5px 0 rgba(255,255,255,0.4) inset;
}

#topscreen{
position:absolute;
height:250px;
width:400px;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
text-align:center;
background-color:#d8eff5;
border:2px solid #20262a;
border-radius:3px;
box-shadow:3px 3px 0 rgba(0,0,0,0.3),-3px -3px 0 rgba(255,255,255,0.4);
}

#img{
position:absolute;
z-index:1;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;
width:400;
height:240;
text-align:center;
background-image:url(http://i.imgur.com/fayjJx3.png);
background-repeat: no-repeat;
background-position: center top;
background-size: auto 105%;
}

#title{
position:absolute;
z-index:2;
margin:auto;
top:0;
right:0;
bottom:-120;
left:0;
font-family:pix;
font-size:50px;
height:60px;
width:400;
color:#f4a0ab;
text-shadow: -3px 0px #c4cefc, 3px 0px #20262a;
text-align:center;
}

.flash{
-webkit-animation: flash linear 5s infinite;
animation: flash linear 5s infinite;
}

@-webkit-keyframes flash {
0% {opacity:1;}
50% {opacity:.1;}
100% {opacity:1;}
}

@keyframes flash {
0% {opacity:1;}
50% {opacity:.1;}
100% {opacity:1;}
}

#d1{
position:absolute;
bottom:150;
left:20;
}

#d2{
position:absolute;
bottom:150;
right:30;
}

#middle{
position:absolute;
height:25px;
width:580;
margin:auto;
top:-35;
right:0;
bottom:0;
left:0;
z-index:4;
background-color:#f4a0ab;
border:1px solid #272e33;
border-radius:10px;
box-shadow:-5px -5px 0 rgba(0,0,0,0.3) inset,5px 5px 0 rgba(255,255,255,0.4) inset;
}

#bottom{
position:absolute;
height:310px;
width:600;
margin:auto;
top:270;
right:0;
bottom:0;
left:0;
z-index:1;
background-color:#f4a0ab;
border:1px solid #272e33;
border-radius:10px;
box-shadow:-5px -5px 0 rgba(0,0,0,0.3) inset,5px 5px 0 rgba(255,255,255,0.4) inset;
}

#bottomscreen{
position:absolute;
height:250px;
width:400px;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
background-color:#d8eff5;
border:2px solid #20262a;
border-radius:3px;
box-shadow:3px 3px 0 rgba(0,0,0,0.3),-3px -3px 0 rgba(255,255,255,0.4);
}

#information{
position:absolute;
height:250px;
width:390px;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;
z-index:4;
overflow:auto;
padding:5px;
text-align:initial;
}

#space{
height:250px;
width:390px;
overflow-y:hidden;
}

.cat{
width:390px;
height:247px;
overflow:auto;
position: absolute;
top: 8px;
left: 7px;
opacity: 0;
z-index: 0;
background: #d8eff5;
}

.cat:target{
opacity: 1;
z-index: 2;}

#button{
position:absolute;
bottom:100;
left:-80;
}

#start1{
z-index: 1;
opacity: 1;}

#startbutton{
position:absolute;
width:12px;
height:12px;
bottom:30;
right:-20;
z-index:4;
height:12px; width:12px; border-radius:6px;
background-color:#f4a0ab;
border:1px solid #20262a;
box-shadow:2px 2px 0 rgba(0,0,0,0.3),2px 2px 0 rgba(255,255,255,0.4) inset;
}

#start{
position:absolute;
width:75px;
height:12px;
bottom:30;
right:-100;
z-index:4;
color:#fefefe;
text-align:left;
}

#selectbutton{
position:absolute;
width:12px;
height:12px;
bottom:15;
right:-20;
z-index:4;
height:12px; width:12px; border-radius:6px;
background-color:#f4a0ab;
border:1px solid #20262a;
box-shadow:2px 2px 0 rgba(0,0,0,0.3),2px 2px 0 rgba(255,255,255,0.4) inset;
}

#select{
position:absolute;
width:75px;
height:12px;
bottom:15px;
right:-100px;
z-index:4;
color:#fefefe;
text-align:left;
}

#xbutton{
position:absolute;
width:20px;
height:20px;
top:80;
right:40;
border-radius:10px;
background-color:#f4a0ab;
box-shadow:3px 3px 0 rgba(0,0,0,0.3),3px 3px 0 rgba(255,255,255,0.4) inset;
border:1px solid #3e2036;
text-align:center;
font-size:15px;
line-height:120%;
}

#ybutton{
position:absolute;
width:20px;
height:20px;
top:110;
right:70;
border-radius:10px;
background-color:#f4a0ab;
box-shadow:3px 3px 0 rgba(0,0,0,0.3),3px 3px 0 rgba(255,255,255,0.4) inset;
border:1px solid #3e2036;
text-align:center;
font-size:15px;
line-height:120%;
}

#abutton{
position:absolute;
width:20px;
height:20px;
top:110;
right:10;
border-radius:10px;
background-color:#f4a0ab;
box-shadow:3px 3px 0 rgba(0,0,0,0.3),3px 3px 0 rgba(255,255,255,0.4) inset;
border:1px solid #3e2036;
text-align:center;
font-size:15px;
line-height:120%;
}

#bbutton{
position:absolute;
width:20px;
height:20px;
top:140;
right:40;
border-radius:10px;
background-color:#f4a0ab;
box-shadow:3px 3px 0 rgba(0,0,0,0.3),3px 3px 0 rgba(255,255,255,0.4) inset;
border:1px solid #3e2036;
text-align:center;
font-size:15px;
line-height:120%;
}
</style>
<div id="whole" oncontextmenu="return false;">

<div id="top">
<div id="d1">
<img src=http://i.imgur.com/Z4A55tC.png>
</div>
<div id="d2">
<img src=http://i.imgur.com/Z4A55tC.png>
</div>
<div id="topscreen">
<div id="img">
</div>
<div id="title" class="flash">
Kleio
</div>
</div>
</div>

<div id="middle">
</div>

<div id="bottom">
<div id="bottomscreen">
<div id="information">
<div id="space">
<div class="cat" id="start1">
<center><font style="font-family:pix; font-size:30px; color:#f4a0ab;
text-shadow: -3px 0px #c4cefc, 3px 0px #20262a;" class="flash"><br><br><br><br><br><br>Press Select</font>
</div>

<div class="cat" id="select1">
<i>Name:</i> Kleio Marsden
<br>
Nickname(s): Kle, Roombacat, Hhhhhh, Kleiopatra.
<br>
Hometown: Unknown
<br>
D.O.B.: May 13th.
<br>
Species: Manx Cat/Clouded Leopard
<br>
Coat: Ashy hues with blue and purple rosettes.
<br>
Age : 25
<br>
Gender : Female
<br>
Orientation : Heterosexual
<br>
Marital Status : <a target="_blank" href="http://www.thiscrush.com/~kleiomeow" title="Mrowl" target=_blank>Hm?</a>
<br>
Weight : 124 lb.
<br>
Height : 5'3''
<br>
Hair : Blonde
<br>
Eyes : Icy Blue
<br>
Occupation : Unemployed.
<br>
Buhrowr : <a target="_blank" href="https://www.f-list.net/c/kleio%20marsden" target=_blank>F-List</a><br>
</div>

<div class="cat" id="YSelect">
Kleio is.... Odd, to say the least. Friendly, but playful. There are times when she loses to her domestic cat blood. This results in everything from wrestling with others, to chasing laser pointers. She's just a big, playful goober. She can seem moderately hyperactive, or remarkably lazy. She always has her 3DS handy for days she gets bored. Despite her goofy demeanor, she still maintains a feminine air about her. She keeps up with what's in and what's not in terms of fashion, and coordinates her outfits accordingly. Her favourites tend to be dresses and light, airy outfits. <br><br>

Like any cat, she can seem fickle and confusing. There will be times when it seems like you one second, and the next she's biting and clawing at you. But her 'assaults' often end up being no more harmful than primary school flirting tactics. She can be affectionate, though. She's a snuggler. She's a goober. She's a weirdo. She's not the brightest cat in the world... But she's happy with who she is. She believes firmly in 'letting her freak flag fly' and cares not about what anyone else thinks.<br><br>

And for the lazies: Audio Profile, as read by Clay!<br> <a target="_blank" href="http://vocaroo.com/i/s1hXERhjopJX" target=_blank>Part 1</a><br>
<a target="_blank" href="http://vocaroo.com/i/s1n43eX7668T" target=_blank>Part 2</a>
</div>

<div class="cat" id="XSelect">
Short, short version: She was born, she grew up, she did things, and she isn't dead yet.
</div>

<div class="cat" id="ASelect">
<a target="_blank" href="http://1.roleplay.chat/profile.php?user=Bavv and Jarr" target=_blank>Bromodos!~</a><br><br>
<a target="_blank" href="http://1.roleplay.chat/profile.php?user=Scoot Leigh" target=_blank>Pose Buddy</a><br><br>
<a target="_blank" href="http://1.roleplay.chat/profile.php?user=Coquin" target=_blank>L?once~</a><br><br>
<a target="_blank" href="http://1.roleplay.chat/profile.php?user=TFLDRPOST" target=_blank>Striper</a><br><br>
<a target="_blank" href="http://1.roleplay.chat/profile.php?user=Exe" target=_blank>Chair</a>
<b><center>Extra pics:</center></b>
<br>
<center><a target="_blank" href="http://i.imgur.com/3PH2Ti9.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/XoSAn4t.gif" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/SyC01ux.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/R8RGWba.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/VXzZ5oF.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/AW22KbU.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/iEru4KP.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/F46kjRc.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/UMLGCVV.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/uQCSHS3.png" target=_blank>✪</a><br>
<a target="_blank" href="http://i.imgur.com/vZuQ0uA.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/24GLDZL.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/ADVyz8x.jpg" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/5711OtQ.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/cKWkDhb.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/BKvGPSR.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/hdk8kVM.png" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/eP33qqe.jpg" target=_blank>✪</a>
<a target="_blank" href="http://i.imgur.com/lucDbnU.png" target=_blank>✪</a>
<br><br></center>

<b><center>Inventory</center></b><br>
<center>TBA</center>

</div>

<div class="cat" id="BSelect">
First things first! Don't come at me, immediately expecting smut. Copypaste compliments and creepo pick-up lines are not going to get you a one-way ticket into my pants. I like to build on character relationships through long term interactions. Can't put in the time and effort? Step off, scrub. Don't have time for you. Plenty of other sloots that'll jump your bone right out of the starting gate. Go after them!

<br><br>
Can post semi-para to multi-para. It really depends on my mood.
<br><br>

Don't PM me and start with a post It'll be ignored.
<br><br>


Good grammar and spelling are preferred.

<br><br>

Character and art belongs to me. Paws off.

<br><br>

Code by Jesse. Best Doe ever. DO NOT TOUCH THIS CODE, SCRUBS.</font>
<br><br>
<a target="_blank" href="http://www.furaffinity.net/user/ayavale/" title="For art stuff.." target=_blank>My Furaffinity</a><br>

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

<div id="button">
<img src="http://i60.tinypic.com/34xfj88.png">
</div>

<div id="startbutton"></div>
<div id="start"><a href="#start1">START</a></div>

<div id="selectbutton"></div>
<div id="select"><a href="#select1">SELECT</a></div>
</div>


<div id="buttons">
<a id="xbutton" href="#XSelect">
X
</a>

<a id="ybutton" href="#YSelect">
Y
</a>

<a id="abutton" href="#ASelect">
A
</a>

<a id="bbutton" href="#BSelect">
B
</a>
</div>
</div>
</div>