VampireRob VF Layout

<style>

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

html, body {
background: url('http://i.imgur.com/BeJyLOX.gif');
background-attachment: fixed;
}

body, table {
text-decoration: none;
text-transform: none;
font: 9pt helvetica;
letter-spacing: 1px;
color: #FAF5E0;
}

b {
text-decoration: bold;
text-transform: uppercase;
font-weight: bold;
text-shadow: 2px 2px 1px #B4100F;
font: 9pt helvetica;
letter-spacing: 1px;
color: #FAF5E0;
}

i {
text-decoration: italic;
text-shadow: none;
font: 9pt helvetica;
color: #FAF5E0;
font-style: italic;
}

u {
border-bottom: 1px dashed #B4100F;
font: 9pt helvetica;
color: #FAF5E0;
}

s {
text-decoration: strike;
text-transform: lowercase;
font: 8pt helvetica;
letter-spacing: 1px;
color: #B4100F;
}

h1 {
display: block;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
font: 11pt helvetica;
color: #FAF5E0;
background: transparent;
border-bottom: 1px solid #A3D803;
}

h1:first-letter {
font-size: 150%;
color: #A3D803;
}

h2 {
display: block;
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 20px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
font: 9pt helvetica;
color: #FAF5E0;
background: transparent;
border-bottom: 1px solid #A3D803;
}

a:link, a:visited {
font: 9pt helvetica;
color: #B4100F;
font-weight: bold;
}

a:hover {
font: 9pt helvetica;
color: #A3D803;
background: transparent;
font-weight: bold;
}

a.nav:link, a.navlink:visited {
color: #B4100F;
background: transparent;
font-size: 8pt;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

a.nav:hover {
color: #A3D803;
background: transparent;
font-size: 8pt;
}

::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track {
background-color: #9F2323;
}
::-webkit-scrollbar-thumb {
background-color: #A3D803;
}

.pagenavi:link, .pagenavi:visited {
display: block;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1.5px;
font: 9pt helvetica;
color: #A3D803;
background: #000;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.pagenavi:hover {
display: block;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0px;
text-decoration: none;
text-align: center;
text-transform: lowercase;
letter-spacing: 5px;
color: #B4100F;
background: #FAF5E0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.gall {
border: 2px solid #A3D803;
height: 100px;
width: 200px;
border-radius: 5px;
background: #9F2323;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.gall:hover {
border: 2px solid #B4100F;
border-radius: 40px;
background: #9F2323;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.pal {
border: 2px solid #A3D803;
height: 100px;
width: 100px;
border-radius: 5px;
background: #9F2323;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.pal:hover {
border: 2px solid #B4100F;
border-radius: 100px;
background: #9F2323;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.cult {
border: 2px solid #A3D803;
height: 100px;
width: 200px;
background: #9F2323;
border-radius: 5px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.cult:hover {
border: 2px solid #B4100F;
border-radius: 40px;
background: #9F2323;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}


.base {
top: 30px;
width: 800px;
height: 600px;
position: relative;
background: #000 url('http://i.imgur.com/RbG4SMg.png') no-repeat top left;
border-radius: 0px 0px 5px 5px;
border: 0px solid #FAF5E0;
}

#header {
top: 0px;
width: 580px;
height: 210px;
left: 0px;
overflow: hidden;
position: absolute;
background: transparent;
text-align: left;
border-radius: 0px;
border: 1px solid #FAF5E0;
z-index: 2;
}

#basics {
top: 0px;
width: 220px;
height: 280px;
left: 580px;
overflow: hidden;
position: absolute;
background: transparent;
text-align: center;
border-radius: 0px;
border: 1px solid #FAF5E0;
z-index: 0;
}

#navibox {
top: 280px;
width: 220px;
height: 320px;
left: 580px;
overflow: hidden;
position: absolute;
background: transparent;
text-align: center;
border-radius: 0px 0px 5px 0px;
border: 1px solid #FAF5E0;
z-index: 0;
}

#content {
top: 210px;
width: 580px;
height: 390px;
left: 0px;
overflow: hidden;
position: absolute;
background: transparent;
text-align: center;
border-radius: 0px 0px 0px 5px;
border: 1px solid #FAF5E0;
z-index: 0;
}

.container {
width: 570px;
height: 390px;
overflow: auto;
overflow-y: hidden;
border-radius: 0px;
background: transparent;
}
.section {
height: 390px;
overflow: auto;
border-radius: 0px;
background: transparent;
}

</style>

<center>
<div class="base">
<div id="header">
<br /><br />
<img src="http://i.imgur.com/XBcA5Ta.png" />
</div>

<div id="basics"><br />
<a href="/gallery/xXxVampireRobxXx"><img src="http://i.imgur.com/SS4qTtP.png" class="gall" /></a>
<h2>basics</h2>
<b>Name::</b> Rob<br />
<b>Age::</b> 25<br />
<b>Relationship Status::</b> <a href="/KonekoHime">♥♥♥♥</a><br />
<b>Account::</b> Free<br />
<br />

BILLY GOES HERE

</div>

<div id="navibox">
<h2>site navi</h2>
<a href="http://vampirefreaks.com/profiles/home.php" class="pagenavi">vf home</a>
<a href="/journal/xXxVampireRobxXx" class="pagenavi">journal</a>
<a href="http://vampirefreaks.com/profile_action.php?user=xXxVampireRobxXx&amp;uid=4028465&amp;friendslist=1" class="pagenavi">befriend</a>
<a href="http://vampirefreaks.com/user_comment.php?user=xXxVampireRobxXx&amp;uid=5034505&amp;rate=1" class="pagenavi">rate/comment</a>
<br />
<h2>page navi</h2>
<a href="#about" class="pagenavi">about</a>
<a href="#likes" class="pagenavi">loves</a>
<a href="#dislikes" class="pagenavi">loathes</a>
<a href="#music" class="pagenavi">music</a>
<a href="#cults" class="pagenavi">cults</a>
<a href="#friends" class="pagenavi">friends</a>
<br />
<a href="http://maddened-by-the-stars.tk"><img src="http://fc01.deviantart.net/fs48/f/2009/167/6/c/6c02458b6864a6f799dbac3538745353.gif" title="© Maddened by the Stars Designs" /></a>
<br />

</div>

<div id="content">

<div class="container">
<a name="about"></a>
<div class="section">
<h1>about</h1><br />

<p>ABOUT YOU GOES HERE</p>

</div>

<a name="likes"></a>
<div class="section">
<h1>loves</h1><br />

<p>LOVES GO HERE</p>

</div>

<a name="dislikes"></a>
<div class="section">
<h1>loathes</h1><br />

<p>LOATHES GO HERE</p>

</div>

<a name="music"></a>
<div class="section">
<h1>music</h1><br />

<p>MUSIC GOES HERE</p>

</div>

<a name="cults"></a>
<div class="section">
<h1>cults</h1><br />

<a href="/cult/Adult_Entertainment"><img src="http://i.imgur.com/K7JL8cZ.png" class="cult" /></a>

<a href="/cult/CULTNAME"><img src="" class="cult" /></a>

<a href="/cult/CULTNAME"><img src="" class="cult" /></a>

<a href="/cult/CULTNAME"><img src="" class="cult" /></a>

<a href="/cult/CULTNAME"><img src="" class="cult" /></a>

<a href="/cult/CULTNAME"><img src="" class="cult" /></a>

</div>

<a name="friends"></a>
<div class="section">
<h1>friends</h1><br />

<a href="/KonekoHime"><img src="http://icons1.vampirefreaks.com/K/Ko/Kon/KonekoHime/5175935.gif" class="pal" /></a>

<a href="/USERNAME"><img src="" class="pal" /></a>

<a href="/USERNAME"><img src="" class="pal" /></a>

<a href="/USERNAME"><img src="" class="pal" /></a>

<a href="/USERNAME"><img src="" class="pal" /></a>

<a href="/USERNAME"><img src="" class="pal" /></a>

<a href="/USERNAME"><img src="" class="pal" /></a>

<a href="/USERNAME"><img src="" class="pal" /></a>

<a href="/USERNAME"><img src="" class="pal" /></a>

<a href="/USERNAME"><img src="" class="pal" /></a>

</div>



</div>

</div>