Joseph Lacroix

<style>


@import url(https://fonts.googleapis.com/css?family=Poiret+One);
 @font-face{font-family: 'name';src: url('https://dl.dropboxusercontent.com/s/k7qj6ffrcw5p57d/ThePrestigeSignature.otf');}



 body { background:none; }
 #scroller { padding: 35px 0; box-sizing: border-box; }
 #profile-container { width:750px;background:#333; }
 #profile-container {background:none;}





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





/* BODY */
::-webkit-scrollbar-thumb:vertical {
background-color: #dbe9bf;
height: 50px;
}

::-webkit-scrollbar {
height: 10px;
width: 3px;
background-color: #f0ebea;
}

body {
background-image: url("");
background-attachment: fixed;
background-color: #161617;
margin: 0;
}






#name {
position:fixed;
font-family:Italianno;
font-size:18px;
top:217px;
left:230px;
color:#fff;
text-shadow:0px 0px 1px #000;
z-index:999999;
}



#name1 {
position:fixed;
font-family:Italianno;
font-size:30px;
top:232px;
left:210px;
color:#751414;
text-shadow:0px 0px 1px #000;
z-index:999999;
}







b {
 text-transform: ;
 font-size: px;
 font-weight: ;
 color: #;
 background: #;
 letter-spacing: px;
 padding: ;
 margin-right: 2px;}
u {
 text-transform: ;
 font-size: ;
 font-weight: ;
 color: #000;
 background: #;
 letter-spacing: 1px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;
 border-bottom: dotted 1px #000;}
i {
 font-size: px;
 font-weight: ;
 color: # ;
 letter-spacing: px;
 padding: ;
 margin-right: 2px;}











.hoverbox1 {
 position: fixed;
 background-color: # ;
 opacity: 0;
 border-top: 1px solid #fff;
 width: 80px;
 height: 200px;
 padding: 2px;
 left: 5px;
 top: 285px;
 font-family: arial;
 font-size: 9px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox1:hover {
 opacity: 1;
 top: 305px;

 }
 .hoverbox1 b {
 color: # ;
 font-family: calibri;
 font-size: 10px;
 line-height: 10px;
 text-transform: ;
}






.hoverbox2 {
 position: fixed;
 background-color: #37384a ;
 opacity: 0;
 border-top: 1px solid #fff;
 width: 200px;
 height: 100px;
 padding: 5px;
 left: 243px;
 top: 290px;
 font-family: arial;
 font-size: 9px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox2:hover {
 opacity: 0.8;
 top: 315px;

 }
 .hoverbox2 b {
 color: # ;
 font-family: calibri;
 font-size: 10px;
 line-height: 5px;
 text-transform: ;
}




 a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#f0d282;
text-shadow: -1px 0 #fff, 0 1px #14456f, 1px 0 #afbcc9, 0 -1px #afbcc9;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

a:hover {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#91c8b4;
}






 .hoverbox {
 position: fixed;
 background-color: # ;
 border-radius: ;
 border: px solid #a5adb3;
 opacity: 0;
 width: 157px;
 height: 225px;
 padding: 5px;
 left: 355px;
 top: 252px;
 font-family: arial;
 font-size: px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox:hover {
 opacity: 1;
 top: 252px;

 }
 .hoverbox b {
 color: # ;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: ;
}












 .hoverbox1 {
 position: fixed;
 background-color: # ;
 border-radius: ;
 border: px solid #a5adb3;
 opacity: 0;
 width: 470px;
 height: 225px;
 padding: 5px;
 left: 620px;
 top: 430px;
 font-family: arial;
 font-size: px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox1:hover {
 opacity: 1;
 top: 430px;

 }
 .hoverbox1 b {
 color: # ;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: ;
}


#name {
	position:absolute;
	color: transparent;
	text-shadow: 1px 0px 0px #000000,
	0px 1px 0px #fff,
	-1px 0px 0px #000,
	0px -1px 0px #000;
	font-family:agency fb;
	font-size:70px;
	text-align:right;
	width:740px;
        opacity: 0.3;
	left:30px;
	top:570px;
 z-index: 1;
	}


#namee {
	position:fixed;
	color:#fff;
	text-shadow: 3px 0px 0px #a24272,
	0px 1px 0px #a24272,
	-1px 0px 0px #a24272,
	0px -1px 0px #a24272;
	font-family:agency fb;
	font-size:50px;
	text-align:right;
	width:740px;
	left:-190px;
	top:430px;
	}




/* Keyword values */
text-orientation: mixed;
text-orientation: upright;
text-orientation: sideways-right;
text-orientation: sideways;
text-orientation: use-glyph-orientation;

/* Global values */
text-orientation: inherit;
text-orientation: initial;
text-orientation: unset;


.img-circle {
 border-radius: 50%;
}




.tou-contin {
 padding: 6px 8px;
 background-color: #1c1c1c;
 color: #282828;
 height: 200px;
 width: 300px;
 border-radius: 5px;
 cursor: pointer;
 transition: 0.6s;
 z-index: 1;
}

.tou-contin:hover { background-color: #4a4a4a; color: #878787; }

.overl {
 position: fixed;
 background-color: #000;
 color: #000;
 top: 0;
 left: 0;
 width: 200px;
 height: 200px;
 z-index: 1;
 opacity: 0.5;
 transition: 1.2s;
 z-index: 2;
}
 </style>


<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.1; width: 60px; height: 50px; ; position: absolute; top: 565px; left: 550px; overflow: auto; text-align: left; border-radius: ; border-left: 1px solid #fff; border-bottom: 1px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
</span></div>


 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.1; width: 309px; height: 449px; ; position: absolute; top: 114px; left: 390px; overflow: auto; text-align: left; border-radius: ; border: 1px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
</span></div>
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.9; width: 700px; height: 558px; ; position: absolute; top: 125px; left: 400px; overflow: auto; text-align: left; border-radius: ; border: px solid #b8e8e3;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
<img src="http://i.picpar.com/ttlf.png" alt="" width="290" height="430" />
</span></div>
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.1; width: 290px; height: 430px; ; position: absolute; top: 124px; left: 399px; overflow: auto; text-align: left; border-radius: ; border: 1px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
</span></div>




<div id="name">

 lacroix.

 </div>




<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.1; width: 60px; height: 50px; ; position: absolute; top: 365px; left: 950px; overflow: auto; text-align: left; border-radius: ; border-right: 1px solid #fff; border-top: 1px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
</span></div>


<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; background-color: #191919; opacity: 1; width: 291px; height: 250px; ; position: absolute; top: 375px; left: 710px; overflow: auto; text-align: left; border-radius: ; border-right: px solid #fff; border-top: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
</span></div>



<div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; background-color: #; opacity: 0.3; width: 291px; height: 250px; ; position: absolute; top: 395px; left: 730px; overflow: auto; text-align: left; border-radius: ; border-right: px solid #fff; border-top: px solid #fff;"><span style="font-family: agency fb; font-size: 13; color: #fff;"> <b>
NAME: <br />
AGE:<br />
ETHINICITY:<br />
RACE:<br />
HEIGHT:<br />
BUILD:<br />
HAIR COLOR:<br />
EYE COLOR:<br />
SEXUALITY:<br />
STATUS:<br />
OCCUPATION:</b>
</span></div>


<div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; background-color: #; opacity: 0.5; width: 254px; height: 250px; ; position: absolute; top: 395px; left: 730px; overflow: auto; text-align: right; border-radius: ; border-right: px solid #fff; border-top: px solid #fff;"><span style="font-family: agency fb; font-size: 13; color: #fff;">

JOSEPH ALLEN LACROIX<br />
ONE HUNDRED, SEVENTY-SEVEN<br />
GREEK<br />
EMBRACED HUMAN [ <i>vampire</i>]<br />
SIX, TWO<br />
AHTLETIC/ SWIMMER<br />
CHOCOLATE<br />
BLUE<br />
HETEROSEXUAL<br />
WIDOWED<br />
VENTURE CAPITALIST
</span></div>




<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; background-color:#; opacity: 1; width: 350px; height: 250px; ; position: absolute; top: 110px; left: 710px; overflow: auto; text-align: left; border-radius: ; z-index: 2; border: px solid #b8e8e3;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
<br />
<div class="tou-cont"><span class="tou-contin"> <span style="font-family: agency fb; font-size: 11;">

 OUT OF CHARACTER. &nbsp;<br /><br />
 &nbsp; [2] . ooc goes here. &nbsp;<br /><br />
 &nbsp; [3] . ooc goes here. &nbsp;<br /><br />
 &nbsp; [4] . ooc goes here. &nbsp;<br /><br />
 &nbsp; [5] . ooc goes here. &nbsp;<br /><br />
 &nbsp; [6] . ooc goes here. &nbsp;<br /><br />
 &nbsp; [7] . ooc goes here. &nbsp;<br /><br />
 &nbsp; [8] . ooc goes here. &nbsp;<br /><br />
 &nbsp; [9] . ooc goes here. &nbsp;<br /><br />
 &nbsp; [10] . ooc goes here. &nbsp;
</span></div>

 </div>