- ShuuShuu!

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

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('http://i.picpar.com/2CL.gif');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth648.cur'), default;
}

b{color: #CCE0FF; font-size: 15px; font-weight: light; letter-spacing: -1px; word-spacing: 6px; font-family:romans; text-transform: normal; font-weight: normal; text-align: center; Text-shadow: #CCE0FF 0px 0px 2px;}
u{color: #F6358A; font-size: 15px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal;font-weight: normal;text-align: center; Text-shadow: #000 0px 0px 1px;border-bottom: 1px dotted #F6358A;}
i{color: #999; font-size: 10px; font-weight: light; letter-spacing: -1px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; Text-shadow: #fff 0px 0px 1px;}
strike{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: #CCE0FF; 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: #F8B6B1; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; 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;}

h1 {
z-index:-20;
color: #CCE0FF;
height:20px;
width:%100px;
font-size: 10px;
line-height: 40px;
font-weight: normal;
letter-spacing:3px;
font-family: terminal;
text-transform: uppercase;
text-shadow: #F1E2F5 0px 0px 2px;
text-align: left;
margin-top: 0px;}

#no{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}

#character{
position: fixed;
left: 0px;
bottom: 0px;
z-index: 11;
}

#container{
position: fixed;
left: 290px;
top: 160px;
width: 720px;
height: 400px;
background-image: url('http://i.picpar.com/4CL.jpg');
background-repeat: repeat;
background-color: #191E26;
overflow: hidden;
border: 5px Solid #F8B6B1;
z-index: 100;
}

#stats{
position: absolute;
margin-left: 17px;
margin-top: 15px;
width: 200px;
height: 365px;
background-color: #9DAEB2;
border: 4px Solid #F8B6B1;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
}

#shuu{
position: absolute;
margin-left: 257px;
margin-top: 15px;
background: url('http://i.picpar.com/bHL.jpg');
width: 200px;
height: 365px;
background-size: 200px 365px;
background-position: 0px 0px;
background-repeat: no-repeat;
border: 4px Solid #F8B6B1;
}

#ooc{
position: absolute;
margin-left: 495px;
margin-top: 15px;
width: 200px;
height: 365px;
overflow: auto;
background-color: #9DAEB2;
border: 4px Solid #F8B6B1;
}

.image {
opacity: 0;
width: autopx;
height: 210px;
background-color: transparent;
text-align: justify;
overflow: auto;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear; }

.image:hover {
opacity: 1; }

.trivia{
position: absolute;
margin-top: 8px;
margin-left: 10px;
width: 180px;
height: 180px;
background-color: #9DAEB2;
border-top: 10px Solid #F8B6B1;
color: #444444;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.peeps{
position: absolute;
margin-top: 200px;
margin-left: 10px;
width: 180px;
height: 147px;
background-color: #9DAEB2;
border-top: 10px Solid #F8B6B1;
color: #444444;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: hidden;
z-index: 200;
opacity: 1;
}

#title{
position: fixed;
top: 95px;
left: 720px;
z-index: 550;
color: #FEFEFE;
font-size: 80px;
line-height: 80px;
letter-spacing: -2px;
font-family: Grand Hotel;
text-shadow: #D79EA1 2px 3px 4px;
z-index: 600;
}

#subtitle{
position: fixed;
top: 105px;
left: 290px;
z-index: 550;
color: #FEFEFE;
font-size: 40px;
line-height: 80px;
letter-spacing: -2px;
font-family: century gothic;
font-variant: small-caps;
text-shadow: #D79EA1 2px 3px 4px;
z-index: 600;
}

a.sugar:link, a.sugar:active, a.sugar:visited{
margin: 3px;
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 60px;
height: 20px;
color: #ededee;
background-color: #C4BBB4;
text-align: center;
line-height: 20px;
font-variant: small-caps;
border: 2px solid #736360;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;}

a.sugar:hover{
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

a {
color: #F8B6B1;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

#credit{
position:fixed;
bottom:0px;
right:0px;
z-index:450;}

</style>

<div id="no" oncontextmenu="return false;">

<div id="title">E-ShuuShuu</div> <div id="subtitle">The Kawaii Image Board!</div>

<div id="container">

<div id="stats">
<font style=float:left><b>Name</b></font> <font style=float:right>Shuu, Eiriko</font><br>
<font style=float:left><b>Moniker(s)</b></font> <font style=float:right>Shuu, ShuuShuu, etc.</font><br>
<font style=float:left><b>Gender</b></font> <font style=float:right>Female</font><br>
<font style=float:left><b>Age</b></font> <font style=float:right>Seventeen</font><br>
<font style=float:left><b>D.O.B</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Zodiac</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Race</b></font> <font style=float:right>Personified Website</font><br>
<font style=float:left><b>Website</b></font> <font style=float:right><a href="http://e-shuushuu.net/">E-ShuuShuu.Net</a></font><br>
<font style=float:left><b>Founded</b></font> <font style=float:right>04 - 04 - 2005</font><br>
<font style=float:left><b>Founder</b></font> <font style=float:right>Na Na</font><br>
<font style=float:left><b>Hair Colour</b></font> <font style=float:right>Blonde</font><br>
<font style=float:left><b>Hair Length</b></font> <font style=float:right>Lower Back</font><br>
<font style=float:left><b>Hair Style</b></font> <font style=float:right>Puffy</font><br>
<font style=float:left><b>Ethnicity</b></font> <font style=float:right>Japanese/American</font><br>
<font style=float:left><b>Eye Hue</b></font> <font style=float:right>Red</font><br>
<font style=float:left><b>Body Type</b></font> <font style=float:right>Lithe</font><br>
<font style=float:left><b>Height</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Weight</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Skin Colour</b></font> <font style=float:right>Peached Ivory</font><br>
<font style=float:left><b>M.Status</b></font> <font style=float:right>Single.</font><br>
<font style=float:left><b>Occupation</b></font> <font style=float:right>Student</font><br>
<font style=float:left><b>Ability</b></font> <font style=float:right>Electricity Manipulation</font><br>
<font style=float:left><b>Orientation</b></font> <font style=float:right>Kawaiisexual</font><br>
</div>

<div id="shuu">
<div class="image">
<div class="trivia">
<small>x</small>; has a unhealthy obession with sugar.<br>
<small>x</small>; dislikes pain in every sense of the word. <br>
<small>x</small>; has a photogenic memory <s>When she isnt sleeping.</s> <br>
<small>x</small>; favourite colour is tickle-me-pink.<br>
<small>x</small>; loves cute things! <br>
<small>x</small>; accident proned <br>
<small>x</small>; curls up into a ball when sad. ( looks like a ball of fluff. ) <br>
</div>

<div class="peeps">
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">GOOGLE</a>
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">WIKIPEDIA</a>
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">FACEBOOK</a>
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">F. LINK</a>
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">F. LINK</a>
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">F. LINK</a>
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">F. LINK</a>
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">F. LINK</a>
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">F. LINK</a>
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">F. LINK</a>
<a href="profile.php?user=" target="_blank" title="description here." class="sugar">F. LINK</a>
</div></div>

</div>

<div id="ooc">
<h1>Out of Character;</h1>
<big>1.</big> ---<br>
<big>2.</big> ---<br>
<big>3.</big> ---<br>
<big>4.</big> ---<br>
<big>5.</big> ---<br>
<big>6.</big> ---<br>
<big>7.</big> ---<br>
<big>8.</big> ---<br>
<big>9.</big> ---<br>
<big>10.</big> ---<br>
<h1>Contact;</h1>
<center><big>☑</big>Skype</center><br>
<h1>Alternates;</h1>
<center><big>Soon</big> - <big>Soon</big> - <big>Soon</big> - <big>Soon</big> - <big>Soon</big>
<h1>Credit;</h1>
<center>Character Images & Graphics are not mine ; Stylesheet & Coding © <big>- DevilRose</big> <br> - DevilRose is mine, so you cannot take. If you want a layout, 10$ per layout. </center>
</div>

</div>

<div id="character"><img src="http://media.tumblr.com/4e9e7213949993666ef017a7a0eafe00/tumblr_inline_msoiwqVisy1qz4rgp.gif"></img></div>