hunter2

<style>
/* Ghastly Beauty was last updated on October 10, 2015*/
.pfor {
   display: none;}
#profile {
   background-color: transparent;
   border: transparent;}

body{
background-color:#000000;
background-image:url(http://1-background.com/images/vampire/vampire-background-spooky-tree-red.jpg);
background-position:top right;
background-size:100%;
background-repeat:no-repeat;}

#splashart {
   z-index: -1;
   position: fixed;
   bottom: 20%;
   left: 2%;}
#splashart img {
    height: 60%;}

#iconart {
   position: fixed;
   bottom: 1%;
   left: 0%;
   border-color: #;
   opacity: 0.8;
   border-style: solid solid solid solid;
   border-width: 0px 0px 0px 0px;}
#iconart img {
    width: 100px;
    height: 150px;}

#infoarta {
   position: fixed;
   z-index: 2;
   bottom: 1%;
   opacity: 0.8;
   left: 300;}
#infoarta img {
   width: 100px;
   height: 150px;}

#infoartb {
   position: fixed;
   z-index: 2;
   top: 20;
   opacity: 0.8;
   left: 0;}
#infoartb img {
   width: 100px;
   height: 150;}

#infoartc {
   position: fixed;
   z-index: 2;
   top: 20;
   opacity: 0.8;
   left: 330;}
#infoartc img {
   width: 100px;
   height: 150;}

#navi {
   position: fixed;
   right: 703;
   top: 324;
   text-align: center;
   width: 188px;}
#navi a {
   margin-top: 2px;
   color: #cccccc;
   text-decoration: none;
   font-family: geneva;
   font-size: 12px;
   display: inline-block;
   border-style: solid solid solid solid;
   border-width: 1px 1px 1px 1px;
   border-color: #000000;
   width: 100%;
   transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -webkit-transition: all 0.7s ease-in-out;}
#navi a:link, a:visited {
   background-color: #;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 2px;
   padding-left: 10px;
   text-align: center;}
#navi a:hover {
   border-color: #000000;
   background-color: #;
   color: #cccccc;
   letter-spacing: 4px;
   text-shadow: 0 0 0.2em #2c3a5a;
   transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;}

#infobox {
   position: fixed;
   bottom: 10;
   right: 15;
   border: 2px solid #000000;
   background-color: #;
   width: 650px;
   height: 430px;
   padding: 10px;
   padding-top: 18px;
   color: #cccccc;
   font-family: geneva;
   text-align: center;
   font-size: 15px;
   border-radius: 0px 0px 0px 0px;
   -moz-border-radius: 0px 0px 0px 0px;
   -webkit-border-radius: 0px 0px 0px 0px;}

#miscbox {
   position: fixed;
   top: 2;
   right: 700;
   border-style: solid double double double;
   border-width: px px px px;
   border-color: #000000;
   background-color: #;
   width: 200px;
   height: 150px;
   color: #000000;
   font-family: geneva;
   text-align: center;
   font-size: 20px;
   font-style: italic;
   border-radius: 0px 0px 0px 0px;
   -moz-border-radius: 0px 0px 0px 0px;
   -webkit-border-radius: 0px 0px 0px 0px;}
#miscbox a {
   text-decoration: none;
   color: #000000;
   font-family: geneva;}

::-webkit-scrollbar-thumb {
   width: 0px;
   background-color: transparent;}
::-webkit-scrollbar {
   width: 0px;
   background-color: transparent;}

a.credit {
   z-index: 2;
   position: fixed;
   right: 5;
   top: 5;
   color: #000000;
   font-family: monospace;
   font-size: 11px;
   font-weight: 300;
   text-decoration: none;}
</style>

<a href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>


<div id="splashart"><img src="http://i.imgur.com/nArDMQ5.jpg?1"></div>

<div id="infoarta"><img src="http://i.imgur.com/covuLNw.jpg"></div>
<div id="infoartb"><img src="http://i.imgur.com/2rMwnzy.jpg"></div>
<div id="infoartc"><img src="http://i.imgur.com/juQ5JbQ.jpg"></div>

<div id="iconart"><img src="http://i.imgur.com/TIoiqxc.jpg"></div>

<div id="navi">
<a href="#01">Biography</a>
<a href="#02">Background</a>
<a href="#03">Personality</a>
<a href="#04">Equipment</a>
<a href="#05">Abilities</a>
<a href="#06">Trusted Friends</a>
<a href="#07">OOC</a>
</div>
<div id="infobox">
<div style="height: 100%; overflow-y: hidden;">
<a name="01"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
<table align="center">

<div class="music">

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#323232" />
<param name="wmode" value="opaque" />
    <param name="FlashVars" value="mp3=http%3A//k003.kiwi6.com/hotlink/hlxt3lx26a/Five_Fingered_Death_Punch_-_Wrong_Side_Of_Heaven.mp3" />
</object>

</div>

<tr>
<td class="quer">NAME:</td>
<td class="desc">Hunter Stiles</td>
</tr>

<tr>
<td class="quer">NICKNAMES:</td>
<td class="desc">Hunt / Lightning</td>
</tr>

<tr>
<td class="quer">LANGUAGES:</td>
<td class="desc">English / French </td>
</tr>

<tr>
<td class="quer"><font color="000000">.</font></td>
<td class="desc"></td>
</tr>

<tr>
<td class="quer">GENDER:</td>
<td class="desc">Male</td>
</tr>

<tr>
<td class="quer">RACE:</td>
<td class="desc">Shifter</td>
</tr>

<tr>
<td class="quer">Genome:</td>
<td class="desc">Electric Gene</td>

</tr>

<tr>
<td class="quer">Generation:</td>
<td class="desc">50,000 Watts [Per Hour]</td>

</tr>

<tr>
<td class="quer">Recharge:</td>
<td class="desc">31.8 kW [Per Hour]</td>

</tr>

<tr>
<td class="quer">HEIGHT:</td>
<td class="desc">6' 2"</td>
</tr>

<tr>
<td class="quer">WEIGHT:</td>
<td class="desc">200 lbs</td>
</tr>

<tr>
<td class="quer">Build:</td>
<td class="desc">Muscular</td>
</tr>

<tr>
<td class="quer">HAIR:</td>
<td class="desc">Dirty Blonde</td>
</tr>

<tr>
<td class="quer">EYES:</td>
<td class="desc">Electric-Blue</td>
</tr>
<tr>
<td class="quer">AGE:</td>
<td class="desc">26</td>
</tr>

<td class="quer">MARKINGS:</td>
<td class="desc">סשה סטיילס [Sasha Stiles][Location: Left Wrist]</td>
</tr>

<tr>
<td class="quer"><font color="000000">.</font></td>
<td class="desc"></td>
</tr>

<tr>
<td class="quer">Dominant Hand:</td>
<td class="desc">Ambidexterious</td>
</tr>

<tr>
<td class="quer">NATURAL SCENT:</td>
<td class="desc">Summer Rain</td>
</tr>

<tr>
<td class="quer">OCCUPATION:</td>
<td class="desc">Medical Doctor / Surgeon / Pack Healer</td>
</tr>

<tr>
<td class="quer">ORIENTATION:</td>
<td class="desc">Straight</td>
</tr>

<tr>
<td class="quer">MARITAL STATUS:</td>
<td class="desc">Married</td>
</tr>

<tr>
<td class="quer">Wife:</td>
<td class="desc"><a href="http://1.roleplay.chat/profile.php?user=Sasha%20Stiles" target="_blank">Sasha Stiles</a></td>
</tr>
</table>

</div>



<a name="02"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
His story Goes here, currently under construction

<center><img src="http://i.imgur.com/GqsAX8g.jpg" width="400"></center>
</div>

<a name="03"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
Information Goes Here.<p>

<center><b><u>LIKES</u></b><br>
Likes will go here.<p>
<center><b><u>DISLIKES</b></u><br>
Dislikes go here.
</center><p>

<center><img src="http://i.imgur.com/6KbFwAX.jpg" width="400"></center>
</div>

<a name="04"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
<center><img src="http://i.imgur.com/Ox8AByy.jpg" width="175"></center>
<u><b>Equipment goes here.
<center><a href="Picture goes here" height="124" Width="auto" /></a><br></center><p>
<u><b> Equipment goes here.
<center><a href="Picture goes here" target=blank><img src="Picture goes here" height="124" Width="auto" /></a><a href="http://i.imgur.com/PxQx0Ux.jpg" target=blank><img src="picture goes here" height="94" Width="auto" /></a></center><p>

</div>

<a name="05"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
<table align="center">
<tr>
<td class="quer"><a href="http://powerlisting.wikia.com/wiki/Electricity_Manipulation" target="_blank">Electrokinesis:</a> :</td>
<td class="desc">Through training, Hunter is capable of manipulating nearly every Facet of Electricity.</td>
</tr>

</font></a></td>
</tr>
</table>
</div>

<a name="06"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
Not yet.
</div>

<a name="07"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
<center><img src="http://i.imgur.com/wQZ7uXF.png" width="200"></center><p>
**Story RP over smut. Not to say smut can't happen, but I am not one just to go at it. You wan't it... then you better be in long term with me. Only way you are going to get it. So sorry to burst your bubble.... Wait... no I am not.<p>
**NO DRAMA! Take your bull shit some where else thank you. I have enough going on in my real life that I don't need your crap to add to the pile. I get myself in enough trouble, I don't need help.<p>
**Real life first. (will say let you know if i have to go, if not means emergency)<p>
**IC is IC and OOC is OOC.... DO NOT CROSS THESE TWO <p>
**"No" and "Stop" mean what they say. <p>
**I am a 3rd person semi-para to para rper. Don't expect me to detail the color of my big toe if I stub it. Will try not to do one liners.<p>
**Profile please. No pic, no text, will ignore plain and simple.<p>
**Don't be a grammar Nazi. I am not the best, but try. I won't be critical of you so I ask the same.<p>
**Have any questions about my character ask. I don't bite... hard.<p>
**Don't god mod or metagame. I refuse to deal with people that think they are better then everyone else. So welcome to the ignore list if you are one of those.<p>
**This is supposed to be fun so please let it be just that.
</div>
</div>
</div>

<div id="miscbox"><br>
"Logic will get you from A to B. <br>
Imagination will take you everywhere."
<br>
</div>