— ʀᴀᴅɪᴏᴀᴄᴛɪᴠᴇ.

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

<style type="text/css">
body {
font-family: arial narrow;
font-size: 10px;
background-color: #2F315E;
background-image: url('http://i.picpar.com/vnw.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#BC242D; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; 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: #303646; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
small {color: #555555; 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;}

::-webkit-scrollbar-button:vertical:{background-color: #000;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color:#000; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#000; 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;}

h2{
font-size: 23px;
font-variant: small-caps;
color: #444444;
text-transform: lowercase;
letter-spacing: -1px;
text-align: right;
background-color: none;
line-height: 2px;
text-align: justified;
font-family: century gothic;
text-shadow: #212121 2px 3px 4px;
margin-top: 5px;
margin-bottom: 8px;
display: block;
background-color: #151413;
border-right: 1px solid #4B4330;
padding: 0px;
font-weight: normal;
}

#line{
position:fixed;
z-index: 100;
left: 0px;
height: 215px;
width: 100%;
top: 200px;
z-index: 9;
border-top: 15px Solid #121212;
border-bottom: 10px Solid #121212;
background-color: #FFFFFF;
background-image: url('http://i.minus.com/ifAxXOGd1E9sE.jpg');
background-attachment: fixed;
background-position: -110px 200px;
background-size: 500px 395px;
background-repeat: no-repeat;
}

#symbol{
position: fixed;
left: 865px;
top: 250px;
color: #303646;
font-size: 80pt;
z-index: 300;
}

#T1 {
position: fixed;
left: 480px;
top: 250px;
color: #4F496F;
font-size: 50pt;
font-family: Century Gothic;
font-style: italic;
z-index: 300;
}

#T2 {
position: fixed;
left: 400px;
top: 320px;
color: #4F496F;
font-size: 10pt;
font-family: Verdana;
font-variant: small-caps;
z-index: 300;
}

#info{
position: absolute;
left: 870px;
top: 2px;
background-color: #EDEDEE;
padding: 10px;
text-align: justify;
width: 440px;
height: 188px;
overflow: auto;
text-transform: Uppercase;
font-family: calibri;
font-size: 9px;
color: #121212;
border: #303646 2px Double;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
overflow: auto;
opacity: 0;
z-index: 200;
}

#info:hover {
position: absolute;
left: 900px;
top: 2px;
background-color: #EDEDEE;
padding: 10px;
opacity: 0.9;
text-align: justify;
width: 440px;
height: 188px;
font-family: calibri;
text-transform: uppercase;
font-size: 9px;
color: #121212;
border: #303646 2px Double;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
z-index: 200;
}

#ooc{
position: absolute;
left: 2px;
top: 2px;
background-color: #EDEDEE;
padding: 10px;
text-align: justify;
width: 370px;
height: 188px;
overflow: auto;
text-transform: Uppercase;
font-family: calibri;
font-size: 9px;
color: #121212;
border: #303646 2px Double;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
overflow: hidden;
opacity: 0;
z-index: 200;
}

#ooc:hover {
position: absolute;
left: 2px;
top: 2px;
background-color: #EDEDEE;
padding: 10px;
opacity: 9;
text-align: justify;
width: 370px;
height: 188px;
font-family: calibri;
text-transform: uppercase;
font-size: 9px;
color: #121212;
overflow: auto;
border: #303646 2px Double;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
z-index: 200;
}

#links{
width: autopx;
height: 30px;
left: 395px;
top: 335px;
color: #000000;
position: fixed;
background-color: transparent;
z-index: 400;}

a.demon:link, a.demon:active, a.demon:visited{
height: 15px;
display: block;
float: left;
width: 67px;
margin: 5px;
font-family: verdana;
font-variant: small-caps;
font-size: 10px;
letter-spacing: -1px;
background-color: 222222;
color: #FEFEFE;
padding: 2px;
text-align: center;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;}

a.demon:hover{
background-color: #222222;
color: CCC;
text-decoration: none;}

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

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

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

</style>

<div id="line">
<div id="symbol">}</div>
<div id="T1">Radioactive</div>
<div id="T2">I'm waking up, I feel it in my bones.
Enough to make my systems blow. </div>

<div id="info">
<h2>Dossier</h2>
<font style=float:left>Question</font> <font style=float:right>Answer</font><br>
<font style=float:left>Question</font> <font style=float:right>Answer</font><br>
<font style=float:left>Question</font> <font style=float:right>Answer</font><br>
<font style=float:left>Question</font> <font style=float:right>Answer</font><br>
<font style=float:left>Question</font> <font style=float:right>Answer</font><br>
<font style=float:left>Question</font> <font style=float:right>Answer</font><br>
<font style=float:left>Question</font> <font style=float:right>Answer</font><br>
<font style=float:left>Question</font> <font style=float:right>Answer</font><br>
<font style=float:left>Question</font> <font style=float:right>Answer</font><br>
<font style=float:left>Question</font> <font style=float:right>Answer</font><br>
<h2>Personality</h2>
A WIP.
<h2>Appearance</h2>
A WIP.
<h2>Inventory</h2>
A WIP.
<h2>Abilities & Spells</h2>
<b>Spell : Name</b> { Description here. }
<br><b>Spell : Name</b> { Description here. }
<br><b>Spell : Name</b> { Description here. }
<br><b>Spell : Name</b> { Description here. }
<br><b>Spell : Name</b> { Description here. }
<br><b>Spell : Name</b> { Description here. }
<br><b>Spell : Name</b> { Description here. }
<br><b>Spell : Name</b> { Description here. }
<br><b>Spell : Name</b> { Description here. }
<br><b>Spell : Name</b> { Description here. }
<h2>Background</h2>
</div>

<div id="ooc">
<h2>Out of Charisma.</h2>
<big>Zero</big>: Don't steal the layout. This is not for you.
<br><big>One</big>: More will be added at a later time.
<br><big>Two</big>:
<br><big>Three</big>:
<br><big>Four</big>:
<br><big>Five</big>:
<br><big>Six</big>:
<br><big>Seven</big>:
<br><big>Eight</big>:
</div></div>

<div id="links">
<a href="" class="demon">Friend</a>
<a href="" class="demon">Friend</a>
<a href="" class="demon">Friend</a>
<a href="" class="demon">Friend</a>
<a href="" class="demon">Friend</a>
<a href="" class="demon">Friend</a>
</div>

<div id="credit"><a href="http://devilrose.webstarts.com/" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a></div>