— ᴄʜᴀᴏᴛɪᴄ sᴏᴜʟ.

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

<style type="text/css">
body {background-color: #000;}
body {background-image:url("http://i.picpar.com/MQn.png");}
body {background-repeat: no-repeat;}
body {background-position: bottom right;}
body {background-size: 590px 895px;}
body {font-family: 'cambria'; font-size: 10px; color: #CCCCCC;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
}

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

b, strong {font-family:'century gothic'; font-size:9px; color:#9f9f9f; font-weight:normal; text-transform: lowercase; 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: #383838; 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: #222222 0px 0px 1px;}
small {color: #81787D; 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=Adore);

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

h2
{color: #333333;
font-size: 15px;
line-height: 12px;
font-weight: light;
letter-spacing: 1px;
word-spacing: 2px;
font-family: DaunPenh;
text-transform: Uppercase;
font-weight: normal;
text-align: Center;
text-shadow: #000 0px 0px 1px;
width:%100px;
height:13px;
margin-top:0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 12px;
border-bottom: #181818 1px dashed;}

h2:first-letter
{color: #444444;
font-size: 25px;
font-family: Adore;
text-shadow: #000 0px 1px;}

#image{
position: fixed;
top: 20px;
left: 320px;
width: 500px;
height: 250px;
background-image: url(http://i.picpar.com/gRn.gif);
background-repeat: no-repeat;
background-size: 500px 250px;
-webkit-border-radius: 150px 150px 0px 0px;
border-radius: 150px 150px 0px 0px;
border-top: 3px solid #222;
border-right: 3px solid #222;
border-left: 3px solid #222;
border-bottom: 3px solid #222;
}

#box{
position: fixed;
background-color: #111;
top: 279px;
left: 320px;
width: 160px;
height: 100px;
overflow: auto;
border-top: 3px solid #222;
border-right: 3px solid #222;
border-left: 3px solid #222;
border-bottom: 3px solid #222;
}

#box2{
position: fixed;
background-color: #111;
top: 279px;
left: 490px;
width: 160px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: verdana;
font-size: 9px;
border-top: 3px solid #222;
border-right: 3px solid #222;
border-left: 3px solid #222;
border-bottom: 3px solid #222;
}

#box3{
position: fixed;
background-color: #111;
top: 279px;
left: 660px;
width: 160px;
height: 100px;
overflow: auto;
border-top: 3px solid #222;
border-right: 3px solid #222;
border-left: 3px solid #222;
border-bottom: 3px solid #222;
}

#navi{
position: fixed;
left: 320px;
top: 550px;
width: 500px;
background-color: #111;
border-top: 3px solid #222;
border-right: 3px solid #222;
border-left: 3px solid #222;
border-bottom: 3px solid #222;
z-index: 100;
}

#container{
position: fixed;
top: 390px;
left: 320px;
width: 500px;
height: 150px;
overflow: hidden;
text-align: justify;
background-color: #111;
font-family: verdana;
font-size: 11px;
color: #444444;
overflow: hidden;
border-top: 3px solid #222;
border-right: 3px solid #222;
border-left: 3px solid #222;
border-bottom: 3px solid #222;
z-index: 200;
}

#one, #two, #three, #four{
top: 400px;
margin-top: 10px;
left: 320px;
width: 500px;
height: 100%;
text-align: justify;
overflow: auto;
background-color: transparent;
}

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

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

a.bee:link, a.bee:active, a.bee:visited{
height: 10px;
display: block;
float: left;
width: 126px;
margin: 5px;
font-family: century gothic;
font-style: normal;
text-decoration: none;
font-size: 10px;
letter-spacing: 0px;
background-color: 000000;
color: f6f6f6;
padding: 5px;
text-align: center;
text-transform: Uppercase;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
border-left:10px solid;
border-right:10px solid;
border-color: 333333;
}

a.bee:hover{
background-color: 000000;
text-decoration: none;
border-left:10px solid;
border-right:10px solid;
border-color: #222;
}

a.friend:active, a.friend:visited, a.friend:link {
display: block;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
font-family: Century Gothic;
font-size: 10px;
color: b0adab;
margin: 4.2px;
border-left: 20px solid #333;
text-decoration:none;
letter-spacing; 6px;
background-color: #000;
text-align: center;
border-right: 20px solid #333;}


a.friend:hover
{border-left: 0px solid #333;
border-right: 0px solid #333;
letter-spacing: 0px;}

</style>

<div id="image">
</div>

<div id="box">
<a href="/profile.php?user=Haidou" class="friend">Hades</a>
<a href="/profile.php?user=Dionysus" class="friend">Dionysus</a>
<a href="/profile.php?user=Areios" class="friend">Ares</a>
<a href="/profile.php?user=Poseidon" class="friend">Poseidon</a>
<a href="/profile.php?user=Mors" class="friend">Mors</a>
</div>
<div id="box2">
<h2> Update </h2>
<center><i>Time is not on their side and so Eris must do what must be done, she must run to find Pandora's Box before her immortal life is taken from her.</i></center>
<p>It seems that Pandora's Box has gotten out of the Gods' hands and into the hands of a mortal, causing the Gods to panic somewhat. Athena was the first to become stricken with illnesses as she coughed of blood and collapsed in her bedroom. Ares is now furious and is looking for the box as well as Eris. As far as Eris goes, she asked a mortal woman if she knew the location of the box. When she did not give the answer that she wanted and needed, she killed her and moved on into Cyprus where she found her sister Aphrodite. The two of them have now join forces in looking for the box. </p>
</div>
<div id="box3">
<a href="/profile.php?user=Cytherea" class="friend">Aphrodite</a>
<a href="/profile.php?user=Athene" class="friend">Athena</a>
<a href="/profile.php?user=Eirene" class="friend">Eirene</a>
<a href="/profile.php?user=Demeter" class="friend">Demeter</a>
<a href="/profile.php?user=Psykhe" class="friend">Psykhe</a>
<a href="/profile.php?user=Abraxas" class="friend">Abraxas</a>
<a href="/profile.php?user=Mnemosyne" class="friend">Mnemosyne</a>
</div>

<div id="container">
<div id="one">
<div style="width:100%; height:150px; overflow:auto;">
<h2> Out of Character </h2>
⇨ Romantic role-plays are reserved for the lover only. Wherever he may be.
<br>⇨ Drama will not be tolerated by me. Bother someone else. Seriously.
<br>⇨ OOC does not mean IC. Do not get the two mixed up.
<br>⇨ Third person; Semi to Multi para. Literate.
<br>⇨ Outside contact are given to long-termed roleplayers.
<br>⇨ Layout was created by me. Don't touch.
<br>⇨ No profile, no RP.
<br>⇨ No crossovers. Ancient Greece/Rome RP only.
<br>⇨ I AFK a lot, as I get called away from my computer.
<br>⇨ Spell check is a must.
<br>⇨ Do not PM me with a starter. I will not respond to it.
<br>⇨ Alternates? I have them. Ask and you <strike> might </strike> receive.
<br>⇨ Forever a Work In Progress.
</div></div>

<div id="two">
<div style="width:100%; height:150px; overflow:auto;">
<h2> Character Information </h2>
<b>name</b>: Eris (Discordia)
<br><b>nicknames and aliases</b>: The Greek Goddess of Strife, Discord, and Chaos.
<br><b>resides on</b>: Olympus
<br><b>race</b>: Goddess
<br><b>height</b>: 5'10"
<br><b>hair colour</b>: Black.
<br><b>eye hue</b>: Blue.
<br><b>sexual orientation</b>: Demisexual, pan-romantic.
<br><b>marital status</b>: Singular.
<br><b>distinguishing features</b>: She likes wearing the colours red or black.
<br><b>family</b>: Zeus (Father), Hera (Mother).

</div></div>

<div id="three">
<div style="width:100%; height:150px; overflow:auto;">
three.
</div></div></div>

<div id="navi">
<a href="#one" class="bee" title="Out of Character">Chaos</a>
<a href="#two" class="bee" title="Dossier">Strife</a>
<a href="#three" class="bee" title="...">Discord</a>
</div>