Nam So Yoo

<!-- START PROFILE -->
<style type="text/css">
body {
background-color: #100000;
background-image:url(URL HERE);
background-attachment: fixed;
background-position: center left;
background-repeat: no-repeat;
background-size: 40%;
font-family: Georgia;
font-size: 75%;
color: #FFFFFF;}

body { cursor:url(http://cur.cursors-4u.net/cursors/cur-9/cur818.cur); auto; }

a:hover { cursor:url(http://cur.cursors-4u.net/cursors/cur-9/cur818.cur); auto; }

.pfor { display:none; }

#profile {
background-color: #1A0000;
border: 1px dotted #FF5050;
position: fixed;
right: 50px;
top: 200px;}

#navigation {
position: fixed;
right: 110px;
top: 95px;}

b { color: #FF5050; }
i { color: #FF9696; }

#padding {
max-width: 550px;
text-align: left;
padding-top: 25px;
padding-bottom: 25px;}

::-webkit-scrollbar {
width: 10px; }

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px #transparent;
border-radius: 10px; }

::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px #transparent; }

a:link { color: #FF5050; }
a:visited { color: #FF5050; }
a:hover { color: #FF9696; }
a:active { color: #FF9696; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
h3 { color: #FF5050; }

#one {
border: 1px dotted #FF5050;
position: fixed;
left: 300px;
top: 115px;}

#one img {
border: 1px dotted #FF5050;
position: fixed;
left: 300px;
top: 115px;
-webkit-transition: opacity 5s ease-in-out;
-moz-transition: opacity 5s ease-in-out;
-o-transition: opacity 5s ease-in-out;
transition: opacity 5s ease-in-out;}

#one img.top:hover { opacity: 0; }



#mamaa
{z-index:14;
position: fixed;
left:0px;
width:110px;
text-align: center;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
border-radius:0 0px 0px 0;
background-color:#4E1E18;
background-image:url('');
padding:15px;
top:-20px;
bottom:-20px;
min-height:300%;
line-height:20px;
font-size:14px;
color:#000000;
opacity:1;
filter:alpha(opacity=30);}


#mama_chiz
{-moz-box-shadow:0px 0px 1px 0px ;
-webkit-box-shadow:0px 0px 1px 0px ;
box-shadow:0px 0px 1px 0px ;
left:-302px;
position:fixed;
background-color:#100000;
background-image:url('');
color: #fff;
width:280px;
padding:10px;
height:100%;
font-size:12px;
font-family:'Roboto Light', cursive;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
text-align:left;
-webkit-border-radius:0 0 5px 0;
-moz-border-radius:0 0 5px 0;
border-radius:0 0 5px 0;}


#mama_chiz a
{width:100%;
padding:3px;
color:#FF9696;
font-size:12px;
opacity:0.9;
font-family:'Roboto Light', cursive;
line-height:16px;
letter-spacing:2px;}


#mama_chiz a:hover
{color:#ffffff;
background-color:#FF5050;
border-radius:1px;
letter-spacing:3px;}


#mamaa:hover
{z-index:1000;
left:300px;
opacity:1;}


#mamaa:hover #mama_chiz
{z-index:1000;
left:0px;}


#mama_chiz:hover
{z-index:14;
left:0px;}


@font-face{font-family:"Veron"; src: url('http://static.tumblr.com/uxajmz8/germkuwzs/veron.ttf');}


#mama_bwabs
{display:block;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position:absolute;
left:-280px;
top:335px;
width:700px;
letter-spacing:7px;
color:#FF5050;
font-family:'Veron', cursive;
font-size:90px;}


#fade
{display:none;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:#fff;
opacity:.9;
z-index:16;}


.popup_block
{display:none;
padding:10px;
border:2px solid #888;
border-radius:2px;
float:left;
background-color:#fff;
font-family:'Roboto Light', cursive;
opacity:1;
font-size:16px;
line-height:18px;
padding:10px;
position:fixed;


top:53%;
left:50%;
z-index:17;
color:#888;}
img.btn_close
{float: right;
margin: -20 -20px 0 0;}
*html .popup_block
{position: absolute;}


.popup_block a
{font-size:14px;}


.perpoopmama
{position:absolute;
width:420px;
height:570px;
overflow-y:scroll;
left:300px;
top:30px;}


.perpoopmama img
{display:none;}


</style>

<div id="one">
<img class="bottom" src="http://media-cache-ec0.pinimg.com/236x/e8/ff/bc/e8ffbc3c13c376620d40fdbf736c5cbe.jpg" height="500" width="300" />

<img class="top" src="http://sadpanda.us/images/1853863-L7OUTLD.jpg" height="500" width="300" />
</div>

<div id="navigation">
</div>


	<div style="height: 400px; overflow-y: hidden;">
<a name="00"></a>
<div style="height: 400px; overflow: auto;" align="center">
<div id="padding">
<br><br>
<Center>
<h1><b>Name?</b> My name is <i>Nam So-Yoo</i>~</h1>

<br>

<img src="http://i40.tinypic.com/13z01s3.jpg" width="400">
</p>
</Center>
</div>
</div>

<div style="height: 400px; overflow-y: hidden;">
<a name="01"></a>
<div style="height: 400px; overflow: auto;" align="center">
<div id="padding">
<center><h1><img src="http://i39.tinypic.com/2elz0ck.gif" width="400"></h1></center>
<br><br>
<p>
<b>Name:</b> I think you <i>Know</i> it by now<br>
<b>Age:</b>  I'm <i>18</i> years old<br>
<b>Ethnicity:</b> Well I am <i>human</i><br>

<b>Gender:</b> I am <i>female</i><br>
<b>Height:</b> I am <i>5'7</i><br>
<b>Weight:</b> I am <i>110</i> <br>

<b>Marital Status:</b>  Sadly <i>Single</i><br>
<b>Occupation:</b> I am  a <i>Water bender</i> <br>
<b>Sexual Preference:</b> Sorry but I like <i>Men</i> big strong men<br>
</p>
</div>
</div>


	<div style="height: 400px; overflow-y: hidden;">
<a name="02"></a>
<div style="height: 400px; overflow: auto;" align="center">
<div id="padding">
<center><h1><img src="http://i44.tinypic.com/4tu99d.gif" width="400"></h1></center>
Personality
</div>
</div>


<div style="height: 400px; overflow-y: hidden;">
<a name="03"></a>
<div style="height: 400px; overflow: auto;" align="center">
<div id="padding">
<center></center>
History Goes here
</div>
</div>

<div style="height: 400px; overflow-y: hidden;">
<a name="04"></a>
<div style="height: 400px; overflow: auto;" align="center">
<div id="padding">
<center><h1><img src="http://i42.tinypic.com/2je430m.gif" width="400"></h1></center>
Abilities
</div>
</div>

<div style="height: 400px; overflow-y: hidden;">
<a name="05"></a>
<div style="height: 400px; overflow: auto;" align="center">
<div id="padding">
<center><h1>Items</h1></center>
</div>
</div>

<div style="height: 400px; overflow-y: hidden;">
<a name="06"></a>
<div style="height: 400px; overflow: auto;" align="center">
<div id="padding">
<h1>
<center><big>
<b>I.</b> I am a <i>Para</i> to <i>Multi-Para</i><br>
<b>II.</b> In <i>Character</i> is different from <i>OOC</i><br>
<b>III.</b> I am 100% <i>PM Friendly</i><br>
<b>V.</b>  <i>Long-Term</i> and <i>Short-Term</i><br>
<b>VI.</b> <i><u>*Quality*</u></i> is different from <i>Quantity</i><br>
<b>VII.</b> This profile is best viewed in Google <i>Chrome</i><br>
<b>VIII.</b> <i>Profile</i> belongs to <i>Me</i><br>
</h1></big></center>
</p>
</div>
</div>



<div id="mamaa">
<div id="mama_bwabs">
남 그래서 유
</div>
<div id="mama_chiz">
<center>
<br>
<div style="font-size:30px; color:#bfeefd; font-family:'Veron', cursive;">Meaning?</div>
<br>
<div style="font-size:16px; color:#bfeefd; background-color:#421611; padding:7px; padding-bottom:3px; font-family:'Roboto Light', cursive;" title="A little bit about me darlings.">The Seducers and the Seduced</div>
<br>
A combination of beautiful and everlasting.


<br><br>
<div style="font-size:16px; color:#bfeefd; background-color:#421611; padding:7px; padding-bottom:3px; font-family:'Roboto Light', cursive;" title="Browse my info. x">L i n k s.</div>
<br>
<a href="#00" title="Introduction">♕</a>| <a href="#01" title="Physical Stats">✿</a>| <a href="#02" title="Persona">✿</a>| <a href="#03" title="Nam So-Yoo History">✿</a>| <a href="#04" title="Abilities">✿</a>| <a href="#05" title="Items">✿</a>| <a href="#06" title="Exeunt">✿</a>|
<br><br>
<div style="font-size:16px; color:#bfeefd; background-color:#421611; padding:7px; padding-bottom:3px; font-family:'Roboto Light', cursive;" title="I'm part of this group.">F r i e n d s.</div>
<br>
<marquee>
Place badges/icons here.
</marquee>
</center>
</div></div></div></div>
<!-- END PROFILE -->
</div>