malphas

<style type="text/css">

.pfor {display: none;}
body { background-color: #f2e9da; }
body, a, a:hover { cursor:url(''), auto }
#profile { background-color: transparent; border: 0px; margin: 0 auto; }

::-webkit-scrollbar {width: 3px; height: 2px; background: transparent;}
::-webkit-scrollbar-thumb {background-color: #ffffff ; border: 1px solid black;}

@font-face { font-family: "Early Bird"; src: url('http://puu.sh/bC51M/62125f0181.otf'); }

@font-face { font-family: "cure.se"; src: url('http://puu.sh/bkCGi/37a6f5a772.ttf'); }



#nefarious {
position: absolute;
bottom: 0px;
left: 150px;
}

#drain {
position: absolute;
top: 150px;
left: 675px;
font-family: 'early bird';
font-size: 50px;
color: #461d19;
text-shadow: 0px 0px 4px #ffffff;
z-index: 5;
opacity: 0;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
}

#thievery {
position: absolute;
top: 200px;
left: 670px;
height: 250px;
width: 195px;
padding: 10px;
text-align: left;
font-family: "cure.se";
font-size: 12px;
color: #ffffff;
text-shadow: 0px 0px 5px #000000;
overflow: auto;
background: url('http://i.picpar.com/MGdb.png');
box-shadow: 0px 0px 5px #ffffff;
border: 2px solid #694231;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
opacity: 0;
}



#deception {
position: absolute;
left: 40px;
top: 40px;
right: 625px;
bottom: 425px;
width: 900px;
height: 700px;
padding: 50px;
overflow: hidden;
z-index: 6;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
}

#deception:hover #thievery {
top: 240px;
opacity: 1;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
	}

#deception:hover #drain {
top: 190px;
opacity: 1;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
}




.right {
float: right;
text-align: right;
}




</style>

<div id="nefarious">
	<img src="http://i1.minus.com/iScHX3zCCGm04.jpg">
</div>

	<div id="deception">

		<div id="drain">
	<font face="gabriola">`</font>Malphas
</div>

	<div id="thievery">
	Name - <div class="right">Malphas</div><br>
	Age - <div class="right">1479</div><br>
Occupation - <div class="right">Wandering Magus</div><br>
Orientation - <div class="right">Open</div><br>
Status - <div class="right"> Single</div><br>
Species - <div class="right"> Canine</div><br>
Likes - <div class="right"> Things and People of a Magical Nature,<br> Fire,<br> Fine Food,<br> Expensive Things.</div><br>
Talents - <div class="right">Pyromancy,<br> Extending his lifespan through the consumption of magical energies,<br> Draining magic from other creatures and objects.</div><br><br>
		<br><br><br><br><center>↓</center><br><br><br><br><br>
Long ago in a time now forgotten, there was an apprentice to a great mage. This apprentice was by no means a lackluster student, but he could not progress enough to satisfy his desire for power. So great was his desire that he turned to otherwordly powers for assistance.
The apprentice summoned a powerful demon, and made a deal. The heart of his master for greater power. The apprentice agreed, and cut his master down and brought the heart back to the demon, who granted him impressive skills in the art of Pyromancy, as well as the ability to extend his own life by feeding upon magical energies.
The apprentice has lived for countless years, and his name had been forgotten by all including himself, now he goes by the name of the demon that gave him his powers.
</div>