— ᴛʜᴇ ʙʟᴀᴄᴋ ᴍᴀɢᴇ.

<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: #212121;
background-image: url('http://i.picpar.com/xNx.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth649.cur');
}

b, strong {font-family: verdana; font-size: 10px; font-variant: small-caps; color:#74545F; font-weight:normal; letter-spacing: -1px;}
i {color: #4383C; font-family: verdana; font-variant: small-caps; font-size: 10.5px; 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: #181818; 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: #663366; 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: #CCC;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color:#CCC; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#CCC; 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;}

#Img{
position: fixed;
background-image:url("http://i.picpar.com/OMx.png");
background-repeat: no-repeat;
background-size: 180px 175px;
top: 310px;
left: 5px;
width: 175px;
height: 175px;
background-color: #EDEDEE;
border: #74545F 4px solid;
}

#Info{
position: fixed;
top: 310px;
left: 190px;
width: 250px;
height: 175px;
overflow: hidden;
text-align: justify;
line-height: 13px;
font-size: 12px;
background-color: #EDEDEE;
font-face: century gothic;
font-variant: small-caps;
color: #212121;
overflow: hidden;
border: 4px #74545F Solid;
z-index: 300;}

#Friends{
position: fixed;
top: 495px;
left: 5px;
width: 435px;
height: 30px;
overflow: hidden;
text-align: justify;
line-height: 13px;
font-size: 12px;
background-color: #EDEDEE;
font-face: century gothic;
font-variant: small-caps;
color: #212121;
overflow: hidden;
border: 4px #74545F Solid;
z-index:500;
}

#Title{
position: fixed;
top: 250px;
left: 170px;
z-index:550;
color: #FEFEFE;
font-size: 55px;
line-height: 80px;
letter-spacing: -1px;
font-family: lavanderia sturdy;
text-shadow: #74545F 5px 5px 4px;
z-index: 400;
}

#symbol{
position: fixed;
left: 5px;
top: 523px;
color: #74545F;
font-size: 30pt;
z-index: 300;
}

#ooc{
position: absolute;
left: 5px;
top: 500px;
background-color: #2e2e2e;
padding: 10px;
text-align: justify;
width: 423px;
height: 66px;
overflow: auto;
text-transform: Uppercase;
font-family: calibri;
font-size: 9px;
color: #BDBDBD;
-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: 5px;
top: 565px;
background-color: #2e2e2e;
padding: 10px;
opacity: 0.9;
text-align: justify;
width: 423px;
height: 66px;
font-family: calibri;
text-transform: uppercase;
font-size: 9px;
color: #BDBDBD;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
z-index: 200;
}

#character{
position: fixed;
left: 400px;
top: 80px;
z-index: 300;
}

.image {
opacity: 0;
width: autopx;
height: 175px;
background-color: #EDEDEE;
text-align: justify;
overflow: hidden;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear; }

.image:hover {
opacity: 0.9; }

.text {
line-height: 1.5;
padding-top: 2px;
margin-left: 20px;
margin-top: 25px;
font-family: verdana;
font-size: 10;
color: silver;
text-align: justify; }

a.black:link, a.black:active, a.black:visited{
background-color: #222;
display: inline-block;
margin: 5px;
width: 126px;
height: 20px;
font-family: consolas;
font-size: 9px;
color: #CCC;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
line-height: 21px;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth649.cur');
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

a.black:hover{
background-color: #EDEDED;
color: #74545F;}

a.mage:link, a.mage:active, a.mage:visited{
background-color: #222;
display: inline-block;
margin: 5px;
width: 96px;
height: 20px;
font-family: consolas;
font-size: 9px;
color: #CCC;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
line-height: 21px;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth649.cur');
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

a.mage:hover{
background-color: #EDEDED;
color: #74545F;}


</style>

<div id="Title">the black mage.</div>
<div id="Img">
<div class="image"><div class="text">
<a href="http://finalfantasy.wikia.com/wiki/Lulu" class="black" target="_blank">Wikia</a>
<a href="" class="black" target="_blank">Theme</a>
<a href="" class="black" target="_blank">Love</a>
<a href="/profile.php?user=Lulu" class="black" target="_blank">Credit</a>
</div></div></div>

<div id="Info">
<p>Lulu ( ルールー ), also known as Lu - whom Wakka calls her sometimes -, is a twenty-four year old black mage that is from Besaid. Debuting in that of Final Fantasy X, she is a playable character and is shown to be one of Yuna's guardians. She also appears in Final Fantasy X-2 as a NPC. Since Lulu grew up with Yuna in Besaid, she and Wakka think of Yuna as a younger sister. Lulu's stoic and self-possessed nature makes her seem insensitive at times, but she has a hidden bit of gentleness underneath.</p>

<p>She specializes in the art of black magic, using various dolls (moogles mostly) to help cast powerful spells. She is instrumental in helping Tidus adjust to the world of Spira, although she does not fully believe his claim of being from Zanarkand.</p>

<p>She is dressed in an low-cut fur-lined dark-grey-and-black dress that prominently displays her ample cleavage (from which she pulls out items when she uses the Item command). She wears a collection of interlaced belts below the waist. Her hair is tied up in a knot at the top with long braids dangling from it. She wears many accessories, including several necklaces, rings and many ear piercings, as well as dark purple make up. Her manner of dress is a stark contrast from the other residents of the tropical isle.</p>

<p>Lulu is first mentioned in the game by Wakka, who warns Tidus about Yuna's guardians, stating that "One of them's got a short fuse". Lulu is stern and scathing (particularly to Wakka), and does not smile often. She is nonetheless kind-hearted and caring toward others. She is highly intelligent, and is one of the few Yevonites to question the religion on objective terms.</p>
</div>

<div id="Friends">
<a href="/profile.php?user=Yuna" class="mage" target="_blank">Yuna</a>
<a href="/profile.php?user=Rikku" class="mage" target="_blank">Rikku</a>
<a href="/profile.php?user=Reno" class="mage" target="_blank">Reno</a>
<a href="/profile.php?user=Chocobo" class="mage" target="_blank">Chocobo</a>
</div>

<div id="symbol">
▼
</div>

<div id="ooc">
<b>00.</b>No profile = No RP. <b>01.</b> Final Fantasy Character only. No crossovers. <b>03.</b> Para+ posts, on a good day. <b>04.</b> This character won't date you, don't try it. <b>05.</b> Same goes with sex. <b>06.</b> Drama llamas can go elsewhere. <b>07.</b> Semi-PM friendly. <b>08.</b> Slight grammar nazi. <b>09.</b>I idle a lot. <b>10.</b> No outside contact, 'Less I like you. <b>11</b> Will play Lulu the way I want to. No exceptions and no criticism. k, thanks. <b>12</b> My layout. Don't steal. <b>13.</b> Forever a WIP.
</div>

<div id="character">
<img src="http://i.picpar.com/PMx.png"></img>
</div>