Batman Premade

<div id="navi"><center><a href="http://vampirefreaks.com" class="navlink">VF Main</a>
<a href="http://vampirefreaks.com/journal/YOURUSERNAMEHERE" class="navlink">Journal</a>
<a href="http://vampirefreaks.com/user_comment.php?user=YOURUSERNAMEHERE" class="navlink">Message</a>
<a href="http://vampirefreaks.com/profile_action.php?user=YOURUSERNAMEHERE" class="navlink">Add Friend</a>
<a href="http://vampirefreaks.com/Conception" class="navlink">Credit</a>
</center>
</div>
<center><img src="http://i.imgur.com/Cv2Dl5r.png" />
<style>
#navi {
margin: 0px;
top: 0px;
position: absolute;
left: 0px;
height: 25px;
width: 100%;
font-family: trebuchet MS;
font-size: 12pt;
text-transform: uppercase;
text-align: center;
letter-spacing: 2pt;
background-color: #0f0f0f;
padding-bottom: 6px;
border-bottom: 2px solid #141414;
}

.navlink:link, .navlink:active, .navlink:visited {
color: #ebff09;
border-left: 5px solid #ebff09;
border-right: 5px solid #ebff09;
font-family: Trebuchet MS;
font-size: 10pt;
font-weight: bold;
text-transform: uppercase;
font-weight: lighter;
padding: 2px;
width: 150px;
text-align: center;
display: inline-table;
background: #0a0a0a;
margin-top: 4px;
border-radius: 20px;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.navlink:hover {
color: #0a0a0a;
border-left: 5px solid #0a0a0a;
border-right: 5px solid #0a0a0a;
text-transform: uppercase;
font-style: normal;
font-weight: lighter;
text-align: center;
display: inline-table;
background: #ebff09;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

</style>

<style>
.overlay {
width: 760px;
height: 615px;
background: transparent;
position: relative;
}
.innerbox {
overflow: auto;
border: none;
border-radius: 10px;
background: #101010;
position: absolute;
overflow: hidden;
}
#basic {
top: 4px;
left: 5px;
width: 425px;
height: 215px;
}
#about {
top: 4px;
left: 435px;
width: 320px;
height: 270px;
}
#likes {
top: 224px;
left: 5px;
width: 210px;
height: 400px;
}
#dislikes {
top: 224px;
left: 220px;
width: 210px;
height: 400px;
}
#friends {
top: 279px;
left: 435px;
width: 320px;
height: 345px;
</style>
<div class="overlay">
<div class="innerbox" id="basic">
<table>
<tr>

<td width="125">
<a href="http://vampirefreaks.com/gallery/YOURUSERNAMEHERE" class="pro"><img src="http://i.imgur.com/NKznMoL.png" /></a>

</td>

<td width="160">
<b>Name:</b>
<br /><br /><b>Age:</b>
<br /><br /><b>Location:</b>
<br /><br /><b>Relationship Status:</b>
<br /><br /><b>Sexual Orientation:</b>
</td>
</tr>
</table></div>
<div class="innerbox" id="about">
<h1>About</h1>
<a href="http://vampirefreaks.com">link</a> <b>bold</b> <i>italics</i> <s>strike</s> <u>underline</u></div>
<div class="innerbox" id="likes">
<h1>Likes</h1></div>
<div class="innerbox" id="dislikes">
<h1>Dislikes</h1></div>
<div class="innerbox" id="friends">
<h1>My Friends</h1>
<a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a> <a href="" title="theirname" class="friend"><img src="http://i.imgur.com/WJaW1Mi.png" /></a>

</div>
</div>




<style>
.maintop img, .footer_links, .leftnav, .likes_title, .dislikes_title, .profile_title, .music_title, .gallery, .thumbnail, .defaultpic, .maintop table, .profilename, .menu2, .userinfo, .tagline, .comments, .topbar, .journal_entry, .buttons1, .friends, .buttons2, .rate, .buttons3, .comment_title { display: none; }

.pro img {
width: 163px;
height: 200px;
filter: alpha(opacity=100)
-moz-opacity:100;
opacity: 100;
margin: 2px !important;
padding: 2px;
background: #3a3a2e;
border: 1px dotted #ebff09;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.pro img:hover {
background: #2d3101;
border: 1px dotted #c2d307;
filter: alpha(opacity=70)
-moz-opacity:.70;
opacity: .70;
border-radius: 20px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.friend img {
width: 65px;
height: 65px;
filter: alpha(opacity=100)
-moz-opacity:100;
opacity: 100;
margin: 2px !important;
padding: 2px;
background: #3a3a2e;
border: 1px dotted #ebff09;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.friend img:hover {
background: #2d3101;
border: 1px dotted #c2d307;
filter: alpha(opacity=70)
-moz-opacity:.70;
opacity: .70;
border-radius: 20px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
</style>

<style>
html, body { background: url('http://i.imgur.com/aoD4hTK.png'); }
.main { width: 770px;
background: #131313;
border-left: 2px solid #0a0a0a;
border-right: 2px solid #0a0a0a;
border-bottom-left-radius: 20px !important;
border-bottom-right-radius: 20px !important; }

a:link, .menu2, .menu2 a:link {
color: #ebff09;
font-size: 9pt;
font-family : trebuchet ms;
text-transform: none;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

a:visited, .menu2 a:visited {
color: #ebff09;
text-transform: none;
font-family : trebuchet ms;
text-transform: none;
text-decoration: none;
}

a:hover, .menu, .menu a:link, .menu a:visited {
color: #191919;
text-decoration: none;
font-family : trebuchet ms;
text-transform: none;
background: transparent;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

b {
text-transform: uppercase;
font-family: trebuchet MS;
color: #FAFF05;
font-size: 11px;
border-bottom: 1px dotted #505050;
letter-spacing: 1px;
}

i {
text-transform: none;
font-family: georgia;
color: #3a3a3a;
font-size: 11px;
letter-spacing: 1px;
}

s {
text-transform: none;
font-family: trebuchet MS;
color: #DDE819;
font-size: 11px;
letter-spacing: 1px;
}

u {
color: #3a3a3a;
border-bottom: 1px dotted #FAFF05;
text-transform: none;
font-family: georgia;
font-size: 11px;
letter-spacing: 1px;
}

h1 {
color: #3a3a3a;
text-transform: uppercase;
font-family: trebuchet ms;
letter-spacing: 1pt;
text-align: center;
padding: 3px;
font-weight: lighter;
line-height: 8px;
font-size: 10pt;
border-bottom: 2px dashed #faff05;
border-radius: 20px;
display: block;
background: #0a0a0a;
margin: 5px;
}
</style>