— ᴊᴜsᴛ ᴀ ᴘᴜɴᴋ

<style type="text/css">
.pfor{display: none; }
#profile { border: 0px; background-color: transparent; }
</style>

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('http://i.picpar.com/kOH.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur'), default;
}

b, strong {font-family: calibri; font-size: 11px; font-variant: small-caps; color: #993333; font-weight:normal; letter-spacing: 0px;}
i {color: #B67D82; font-family: century gothic; font-variant: small-caps; font-size: 10.5px; letter-spacing:0px;}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
big {color: #993333; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #444444 0px 0px 1px;}
small {color: #520000; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; margin-left: 20px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

@import url(http://fonts.googleapis.com/css?family=Grand+Hotel);

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px; width: 3px; background-color:transparent;}

#no{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}

.Navi {
position: fixed;
left: 80px;
top: 105px;
width: 100px;
height: 200px;
z-index: 999;
}

.box {
position: fixed;
left: -305px;
top: 95px;
width: 750px;
height: 420px;
padding: 5px;
color: #212121;
background-color: transparent;
opacity: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 100;
}

.box:target {
top: 95px;
left: 455px;
opacity: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 100;
}

.turf{
position: absolute;
width: 100px;
height: 90px;
border: 3px Solid #212121;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 100px 90px;
z-index: 200;
}

.punk {
position: absolute;
left: 10px;
top: 10px;
width: 235px;
height: 404px;
}

.gang{
position: fixed;
left: 200px;
top: 100px;
background: url('http://i.picpar.com/lOH.jpg');
border: 3px solid #212121;
width: 250px;
height: 424px;
}

.info{
position: absolute;
margin-top: 0px;
margin-left: 0px;
width: 300px;
height: 424px;
border: 3px Solid #212121;
background-color: #070707;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.imagine{
position: absolute;
margin-top: 0px;
margin-left: 0px;
width: 300px;
height: 424px;
border: 3px Solid #212121;
background-color: #070707;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.demons{
position: absolute;
margin-top: 0px;
margin-left: 310px;
width: 300px;
height: 424px;
border: 3px Solid #212121;
background-color: #070707;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

#title {
position: fixed;
top: 372px;
left: 250px;
z-index: 550;
color: #444444;
font-size: 40px;
line-height: 30px;
letter-spacing: 2px;
font-family: Grand Hotel;
text-shadow: # EDEDEE2px 3px 4px;
z-index: 950;
}

#subtitle{
position: fixed;
top: 400px;
left: 202px;
z-index: 550;
width: 250px;
color: #444444;
font-size: 10px;
text-align: center;
line-height: 15px;
letter-spacing: 1px;
font-family: verdana;
font-variant: small-caps;
background-color: #070707;
border-top: 3px Solid #212121;
border-bottom: 3px Solid #212121;
z-index: 900;
}

.booze{
height: 55px;
width: 55px;
display: block;
border: #2B3A35 2px solid;
opacity: 0.7;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
}

.booze:hover {
opacity: 1;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
}

a.ine:link, a.ine:active, a.ine:visited {
text-transform: lowercase;
display: inline-block;
width: 100px;
height: 90px;
padding: 5px;
background-color: transparent;
border: 2px solid transparent;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
z-index: 999;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

a.ine:hover {
background-color: transparent;
border: 2px solid transparent;
z-index: 999;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

a {
color: #690000;
display: inline-block;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

a:hover {
color: transparent;
display: inline-block;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

#credit{
position:fixed;
bottom:0px;
left:0px;
z-index:450;}

</style>

<div id="no" oncontextmenu="return false;">

<div id="credit"><a href="http://devilrose.webstarts.com/" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a></div>

<div class="gang"><div class="punk">
<img src="https://p.gr-assets.com/540x540/fit/hostedimages/1380435889/880803.jpg" width="230" height="404"></img>
</div></div>

<div id="title">Public Enemy</div> <div id="subtitle">Gangs of New York Administrator</div>

<div class="navi">
<a class="ine" href="#this"><img src="http://25.media.tumblr.com/77425eeee703415dbb4b51ce077bd211/tumblr_mv5e1peUje1s9enn8o1_500.gif" class="turf"></img></a>
<a class="ine" href="#is"><img src="http://blog.mageworx.com/wp-content/uploads/2014/01/drive.gif" class="turf"></img></a>
<a class="ine" href="#our"><img src="http://31.media.tumblr.com/c17added403b91265d1bef4745d5a63b/tumblr_mxarofhgah1s9ccneo1_250.gif" class="turf"></img></a>
<a class="ine" href="#turf"><img src="http://31.media.tumblr.com/tumblr_m3pn92YCVb1rtxxano1_500.gif" class="turf"></img></a>
</div>

<div id="this" class="box">
<div class="info">
<font style=float:left><b>Name</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Moniker(s)</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Gender</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Age</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>D.O.B</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Zodiac</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Hair Colour</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Eye Hue</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Body Type</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Height</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Weight</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Skin Colour</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Alignment</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Affiliation</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Marital Status</b></font> <font style=float:right>Answer</font><br>
<font style=float:left><b>Sexual Orientation</b></font> <font style=float:right>Answer</font><br>
</div></div>

<div id="is" class="box">
<div class="imagine">
Character's History here.
</div>

<div class="demons">
Group History here.
</div></div>

<div id="our" class="box">
<div class="info">
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="booze"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="booze"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="booze"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="booze"></a>
<a href="profile.php?user=" target="_blank" title=""><img src="http://placehold.it/55x55" class="booze"></a>
</div></div>

<div id="turf" class="box">
<div class="info">
<big>OO1</big>:
<br><big>OO2</big>:
<br><big>OO3</big>:
<br><big>OO4</big>:
<br><big>OO5</big>:
<br><big>OO6</big>:
<br><big>OO7</big>:
<br><big>OO8</big>:
<br><big>OO9</big>:
<br><big>O10</big>:
</div></div>