Mercer

<center>
                <h3 class="pfor">Profile for "Mercer"</h3><div id="profile"><style type="text/css">
@font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }


#profile { border: hidden; background-color: transparent; }

.pfor {display:none;}

body{
background:#fff;
background-image:url(https://wallpaperscraft.com/image/black_dark_shadow_9663_2560x1600.jpg);
background-size:100%;
background-repeat:no-repeat;
background-attachment:fixed;
}

#Box1{
position:absolute;
top:20px;
left:20px;
height:200px;
width:400px;
border-radius:0px;
background:url('https://38.media.tumblr.com/36980287c7278ddf5d7239d20ebdcef9/tumblr_nmwbfzx0gy1riiaoso1_500.gif');
overflow:hidden;
border:4px solid black;
}



.poke{
color:#505050;
font-size:12px;
text-align:center;
font-family:pixel;
margin: 2px;
}

.effect{
height:200px;
width:400px;
background-color:#fff;
filter: alpha(opacity=0);
opacity: 0;
border-radius:0px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

 .effect:hover{
border-radius:0px;
filter: alpha(opacity=100);
opacity: 1;
overflow:auto;
}

a.sinnoh:link, a.sinnoh:active, a.sinnoh:visited{
display: block;
float: left;
width: 86px;
margin-left: 7px;
-moz-border-radius: 5px;
border-radius: 2px;
font-family: consolas;
text-decoration: none;
font-size: 10px!important;
letter-spacing: 0px;
background-color: bbb;
color: 383838;
padding: 2px;
text-align: center!important;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

a.sinnoh:hover{background-color:f0e0b8;
color:353535;
text-decoration: none;}

a href {
text-decoration: underline;
font-family:consolas;
color: #505050;
letter-spacing: -1px;
}

u {
text-decoration: underline;
font-family:consolas;
color: #505050;
letter-spacing: -1px;
}

b {
color: #493c23;
font-family:consolas;
text-transform:none;
letter-spacing: 2px;
}

a:active, a:link, a:visited{
color:#464f82;
text-transform:none;
font-family:consolas;
letter-spacing: 1px;
text-decoration:none;
transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}

a:hover{
cursor:help;
color:#260000;
text-decoration:none;
transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}

h1{
font-family: Georgia;
font-size:25;
letter-spacing:1px;
color:#d8a078;
font-style:italic;
font-weight:light;
text-align: center;
text-transform:none;
}

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #a8a8a8;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #a8a8a8;border: 0px ;width: 15px;}



h1{
font-family: Georgia;
font-size:25;
letter-spacing:1px;
color:#d8a078;
font-style:italic;
font-weight:light;
text-align: center;
text-transform:none;
}

h1 {

position: fixed;
right: 100px;
bottom: 0px;
font-weight: normal;
font-size: 60%;
color: #ffffff;}

 #pictureone {


position: fixed;
left: 60px;
bottom: 0px;
margin: 25px;
border: 5px solid #000;}

.Box2{
background: #828282;
position:absolute;
bottom: 100px;
left: 360px;
height:203px;
width:50px;
border-radius:0px;
overflow:hidden;
border:4px solid black;
}

.Box3{
background-color: #ffffff;
position:absolute;
background-size: 100%;
bottom: 100px;
left:-300%;
height:203px;
width:468px;
border-radius:0px;
overflow:auto;
border:4px solid black;
opacity: 0.0px;
-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}

.Box3:target{left:435px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; opacity: 1.0px;}



a.yum, a.yum:link, a.yum:active, a.yum:visited {
background-color: #000;
border: #000 solid 2px;
display: block;
margin: 1px;
font-family: consolas;
font-size: 10px;
letter-spacing: 2px;
color: #828282;}


a.yum:hover {
display: block;
margin: 1px;
background-color: #000;
border: #000 solid 2px;
font-family: consolas;
font-size: 10px;
letter-spacing: 2px;
color: #fff;
}

#Name{
position: fixed;
bottom: 405px;
right: 300px;
color: #354D6F;
font-size: 30px;
line-height: 80px;
letter-spacing: 3px;

font-style:italic;
font-family: lavanderia sturdy;
text-shadow: 0px 0px 2px #000000;
z-index: 700;
}

</style>
<div id="Name">
I probably did it,
<br> but I definitely don't give a shit about it.</div>

 <div id="pictureone">
<img src="http://41.media.tumblr.com/02e1857416a0af372a120f30c113c395/tumblr_nbnglxD7YZ1rmmysao1_1280.png" class="image" width="250px;" height="auto;"></div>

<div id="box1">
<div class="effect">
<div class="poke">
<big><i>OOC.</i></big>
<br><br>
Coding is mine, don't steal.
<br>
Admin of the Misfits room.
<br>
Pm friendly.
<br>
Skype is possible, not guaranteed.
<br>
Any questions about the room are fine.
<br>
Mods of the room are Chelsea Gibson and Jade Kingsley.




</div>
</div>
</div>


<div class="Box2">



<a href="#one" title="Stats" class="yum">S</a>
 <br>
<a href="#two" title="History" class="yum">H</a>
 <br>
<a href="#three" title="Powers" class="yum">A</a>
<br>
<a href="#four" title="Friends" class="yum">D</a>
<br>
<a href="#five" title="Trivia" class="yum">O</a>
<br>

<a href="#" title="Reset" class="yum">W</a>
</div>


<div id="one" class="Box3">


<b><i>“The moment people come to know love, they run the risk of carrying hate.”</i></b>
<br><br>
<br><b>Name:</b><i>Mercer Judas Chase.</i>
<br><b>Alias:</b> <i>Judas.</i>
<br><b>Nicknames:</b><i>Merc.</i>
<br><b>Classification:</b><i>Misfit.</i>
<br><b>Occupation:</b><i>Member of the Asbo-five.</i>
<br><b>Height:</b><i>6'9ft.</i>
<br><b>Weight:</b><i>21st.</i>
<br><b>Sexuality:</b><i>Straight.</i>
<br><b>Hair:</b><i>Dirty blonde/brunette.</i>
<br><b>Relationship:</b><i>Single. </i>
<br><b>Age:</b> <i>20.</i>
<br><b>Power:</b> <i>Shadow Manipulation.</i>
<br><b>Lovers:</b> <i>Abby.</i>


</div>


<div id="two" class="Box3">

<b><i>"I knew a guy like you once... He died."</b></i>
<br><br><br>
 Mercer was born a twin along with his twin sister Mercy, while she was planned for, Mercer was not and it showed in his upbringing. While his sister loved her brother more than anything, Mercer spent most of his life growing up and living in her shadow. His parents, while wealthy made sure she got more attention and support in whatever she desired to do. This lead to many strains in Mercer's life with his family, including his sister who always just tried to watch out for him. When he was fifteen, Mercer got involved with drugs, especially ecstasy and cocaine and ended up running away. Though his parents did make much of an effort, his sister never stopped trying to find him and eventually brought her brother home to a family that just disapproved even more.
<br><br>
His life was just a spin off drugs and parties till eventually Mercy became sick, her kidney was failing and desperately needed a new one. While Mercer was a match, his system was full of too many impurities to transplant and by the time dialysis cleaned his system it was already too late. Mercy died at the age of 19 and left Mercer with parents who now also blamed him for her death, causing him to leave home once again to try and live his life on his own with the guilt of having 'killed' his sister. However, it was then the storm struck. Mercer was given the ability to manipulate his own shadow, as a marking contrast to his life spent living in Mercy's shadow.
<br><br>
At age 20, Mercer was arrested for instigating a bar fight and received his sentence to community service, unknowingly joining the Asbo five with veterans Finn and Abby who left not long after him, leaving him to guide the next group of misfits who joined the community payback program...
</div>



<div id="three" class="Box3">


<b><i>"I may be a dickhead, but you're a cunt."</b></i>
<br><br><br>
 Mercer has the ability of Shadow manipulation, stemmed from his life spent in his sister's shadow. Mercer's shadow is an entirely different entity and works as a means of self defence and offence. Mercer has limited control over his shadow, the limit to which he cannot control is it's defensive nature. If Mercer is unaware of something about to hit him or cannot react in time, his shadow will act accordingly to protect him.
<br><br>
Mercer's shadow interacts with other shadows, to which whatever his shadow does to another transpires in the real world. For example, even if Mercer himself does not strangle someone, if his shadow strangles someone else's shadow then their body will be effected as if they where being strangled. In moments of extreme pressure, Mercer can make his shadow three dimensional and pull it from the ground, making it a controlled physical manifestation to which he has full control over.
<br><br>
The drawback of his power is that it does extend to shadows only, in total darkness his shadow does not exist and thus he cannot control it. At the same time, Mercer's shadow must be actually touching whatever it is manipulating, meaning a proximity of closeness is often needed. While Mercer's shadow does not take damage, unlike other shadows, Mercer's movement is restricted while focusing on controlling it. While on ecstasy, his reversal power is light manipulation, granting him the power to control light sources such as light bulbs, the light a fire produces and so on.

</div>



<div id="four" class="Box3">
<b><i>""</b></i>
<br><br><br>


</div>



<div id="five" class="Box3">
<b><i>"Sometimes I wonder if I could've saved my sister, but then I always wonder if the moon landing was faked or not."</b></i>
<br><br><br>
-Mercer has most of his body tattooed, including his penis. It is in the design of a lightsaber.
<br><br>
-Mercer is an avid smoker of tobacco and weed, calming down on the more harder drugs of his youth.
<br><br>
-Mercer attended private school like his sister, however he did not attend college due to drug usage.
<br><br>
-Mercer's most recent job was working at Argos, he was fired for breaking a customer's nose when they wouldn't stop asking where there order was.
<br><br>
-Mercer slept with Abby during an one night stand before her departure from the program, they've had no contact since.
<br><br>
-Mercer is currently the oldest serving member of the Asbo five and is the only one to have met Finn and Abby.
<br><br>
-Mercer is an organ donor.
<br><br>
-Mercer was going to a job interview for a bartending job when he was hit by the storm, the blast sent him flying backwards into an old lady and subsequently broke her hip. No charges filed.



</div>