josh

<style>
/* Demonic Tempter was last updated on October 10, 2015*/


.pfor {
   display: none;}
#profile {
   background-color: transparent;
   border: transparent;}

@font-face {
   font-family: Black Asylum;
   src: url(http://static.tumblr.com/rka7seb/xOan7p0n9/blackasylumdemo-kcfonts.ttf);}

@font-face{  src:url(https://dl.dropboxusercontent.com/u/4556289/magic11.ttf);
  font-family:'header';
}


body{
background-color:#141414;
background-image:url(http://i.imgur.com/KLqZ5Uu.jpg);
background-position: bottom right;
background-size:49%;
background-repeat:no-repeat;}


#navi {
   position: fixed;
   left:7.50%;
   top: 11%;
   text-align: center;
   width: 30%;}
#navi a {
   display: inline-block;
   width: 18%;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 8px;
   padding-bottom: 8px;
   font-family: header;
   font-size: 25px;
   text-transform: ;
   text-align: center;
   text-decoration: none;
   color: #1500FF;
   background-color: #;
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;}
#navi a:hover {
   color: #1500FF;
   background-color: #;
   letter-spacing: 4px;
   text-shadow: 0 0 0.2em #ccc;
   transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;}
#navi a:active {
   color: #000000;
   background-color: #;}

#infobox {
   position: fixed;
   left: 8%;
   top: 20%;
   color: #1500FF;
   font-family: header;
   font-size: 20px;
   text-decoration: none;
   text-align: left;
   background-color: #;
   border: 1px solid #;
   width: 440px;
   height: 400px;
   padding: 10px;
   border-radius: 30px 30px 30px 30px;
   -moz-border-radius: 30px 30px 30px 30px;
   -webkit-border-radius: 30px 30px 30px 30px;}

#miscbox {
   position: fixed;
   left: 2%;
   bottom: 5%;
   color: #8A8E8D;
   font-family: rationale;
   font-size: 16px;
   text-decoration: none;
   border: 3px double #;
   background-color: #;
   width: 624px;
   height: 38px;
   padding:5px;}


u{
color:#ccc;}

img{
height: 30px;
width: 30px;
float: center;
border-radius:50px 50px 50px 50px;
 -webkit-filter: grayscale(100%);
border: 3px solid #ffffff;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}

img:hover{
border: 3px solid #2300A2;
border-radius:0px;
 -webkit-filter: grayscale(0%);
-webkit-transform:rotate(2160deg);
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;}


a {
   color: #FAAC4E;
   text-decoration: none;
   transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -webkit-transition: all 0.8s ease-in-out;}
a:hover {
   color: #ffffff;
   text-decoration: none;
   transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;}

::-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: #;
   font-family: monospace;
   font-size: 7px;
   font-weight: 300;
   text-decoration: none;}
</style>
<body oncontextmenu="return false;">
<a href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>


<div id="navi">
<a href="#01">Basics</a>
<a href="#02">History</a>
<a href="#03">Friends</a>
<a href="#04">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">
<br>
<br>
<u>Name</u>: Josh Greyson</font><br>
<u>Age</u>: 34<br>
<u>Species</u>: Human<br>
<u>Gender</u>:  Male</font><br>
<u>Hair</u>:  Brown (Beard has a bit of red)<br>
<u>Eyes</u>:  Dark brown<br>
<u>Height</u>:  6'3" even<br>
<u>Weight</u>:  180 lbs<br>
<u>Build</u>:  Athletic, Muscular, Large frame<br>
<u>Occupation</u>:  Owns a bar and Car Garage<br>
<u>Sexuality</u>:  Demisexual <br>
<u>Relationship Status</u>:  Single

</div>

<a name="02"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Josh's parents Ben and Grace Greyson were both Ranchers as were their parents, being a third generation farmers boy Josh, found out he and his dad were both were taking a break in the barn listening to some country music.  When a thunderstorm came rolling in and it caught Josh and his dad out in it, both ran out of the house when out of the blackness of the clouds a bolt of lightning streaked down and struck Josh.<p>

	Josh's father Ben ran out to his son seeing where the lightning had struck Josh in the right shoulder and exited out near his son's left knee, he gently picked up his supposedly dead son and took him to the nearest clinic which didn't have adequate emergency care, so the doctor called in a helicopter and took Josh to Kansas Memorial Hospital where he stayed for almost 5 years in a deep coma.<p>

There is also a darker side to his life but will have to talk to him IC, he might tell you it but he might not......

</div>

<a name="03"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
None yet...
</div>

<a name="04"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
Face Claim: Jack Greystone
<br>
<br>
Pics are not mine
<br>IC is not OOC
<br>Be respectful
<br>Real life first
<br>Friendly
</div>

<div id="miscbox">
<div style="height: 100%; overflow-y: hidden;">
<a name="misc"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
<a href=http://i.imgur.com/lN0Nmyz.jpg target=_blank><img src=http://i.imgur.com/lN0Nmyz.jpg></a>
<a href=http://i.imgur.com/vaxFzq9.jpg target=_blank><img src=http://i.imgur.com/vaxFzq9.jpg></a>
<a href=http://i.imgur.com/ubu3Uw0.jpg target=_blank><img src=http://i.imgur.com/ubu3Uw0.jpg></a>
<a href=http://i.imgur.com/wxAO2Bw.jpg target=_blank><img src=http://i.imgur.com/wxAO2Bw.jpg></a>
<a href=http://i.imgur.com/6rJ993d.jpg target=_blank><img src=http://i.imgur.com/6rJ993d.jpg></a>
<a href=http://i.imgur.com/5xxnbtB.jpg target=_blank><img src=http://i.imgur.com/5xxnbtB.jpg></a>
<a href=http://i.imgur.com/3XjrLIU.jpg target=_blank><img src=http://i.imgur.com/3XjrLIU.jpg></a>
<a href=http://i.imgur.com/Xk8462x.jpg target=_blank><img src=http://i.imgur.com/Xk8462x.jpg></a>
<a href=http://i.imgur.com/SPCEsIc.jpg target=_blank><img src=http://i.imgur.com/SPCEsIc.jpg></a>
<a href=http://i.imgur.com/LZTRbic.jpg target=_blank><img src=http://i.imgur.com/LZTRbic.jpg></a>
<a href=http://i.imgur.com/cxrw408.jpg target=_blank><img src=http://i.imgur.com/cxrw408.jpg></a>
<a href=http://i.imgur.com/NAyU416.jpg target=_blank><img src=http://i.imgur.com/NAyU416.jpg></a>
<a href=http://i.imgur.com/jaCkLDz.jpg target=_blank><img src=http://i.imgur.com/jaCkLDz.jpg></a>
<a href=http://i.imgur.com/zyWWkyw.png target=_blank><img src=http://i.imgur.com/zyWWkyw.png></a>
<a href=http://i.imgur.com/x5xYreT.jpg target=_blank><img src=http://i.imgur.com/x5xYreT.jpg></a>
<a href=http://i.imgur.com/AUg2py2.jpg target=_blank><img src=http://i.imgur.com/AUg2py2.jpg></a>
<br><br>
</div>
</div>
</div>