Rob 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; }

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

body, table, .rate b {
text-decoration: none;
text-transform: none;
font: 8pt century gothic;
letter-spacing: 1px;
color: #2FA158;
}

b {
text-decoration: bold;
text-transform: none;
text-shadow: -1px 1px 0px #004743;
font: 8pt century gothic;
letter-spacing: 1px;
color: #78C200;
}

i {
text-decoration: italic;
text-shadow: none;
font: 7pt century gothic;
color: #2FA158;
font-style: italic;
}

u {
border-bottom: 1px dotted #78C200;
font: 8pt century gothic;
color: #2FA158;
}

s {
text-decoration: strike;
text-transform: lowercase;
font: 6pt century gothic;
letter-spacing: -1px;
color: #6BB2AC;
}

h1 {
display: inline;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px;
border-bottom: #78C200 solid 1px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
font: 11pt century gothic;
color: #2FA158;
background: transparent;
}

h1:first-letter {
font-size: 200%;
color: #78C200;
}

h2 {
display: block;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
font: 9pt century gothic;
color: #2FA158;
background: transparent;
}

a:link, a:visited {
font: 8pt century gothic;
color: #004743;
font-weight: bold;
-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:hover {
font: 8pt century gothic;
color: #78C200;
background: transparent;
font-weight: bold;
}

a.nav:link, a.navlink:visited {
color: #004743;
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: #78C200;
background: transparent;
font-size: 8pt;
}

.navi:link, .navi:visited {
font: 12px century gothic;
text-transform: uppercase;
color: #78C200;
background: #000;
border-radius: 20px;
margin: 3px;
padding: 3px;
border: 1px solid #78C200;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.navi:hover {
font: 12px century gothic;
color: #2FA158;
border: 1px solid #2FA158;
background: transparent;
}
::-webkit-scrollbar {
width: 5px;
background: #transparent;
}



.base{
top: 50px;
width: 900px;
height: 800px;
position: relative;
background: url('http://i.imgur.com/g4mVWMM.png');
border-radius: 5px;
border: 0px solid #fff;
border-radius: 0px;
}

#about {
top: 110px;
width: 400px;
height: 400px;
left: 120px;
overflow: autp;
position: absolute;
background: transparent;
text-align: center;
border-radius: 50%;
border: 0px solid #fff;
}

#likes {
top: 520px;
width: 300px;
height: 250px;
left: 40px;
overflow: auto;
position: absolute;
background: transparent;
text-align: center;
border-radius: 5px;
border-radius: 50%;
border: 0px solid #fff;
}

#tunes {
top: 220px;
width: 300px;
height: 250px;
left: 570px;
overflow: auto;
position: absolute;
background: transparent;
text-align: center;
border-radius: 50%;
border: 0px solid #fff;
}

#links {
top: 30px;
width: 320px;
height: 150px;
left: 550px;
overflow: auto;
position: absolute;
background: transparent;
text-align: center;
border-radius: 20px;
border: 0px solid #fff;
}

#dislikes {
top: 510px;
width: 300px;
height: 250px;
left: 390px;
overflow: auto;
position: absolute;
background: transparent;
text-align: center;
border-radius: 50%;
border: 0px solid #fff;
}


</style>

<center>

<div class="base">
<div id="about">
<br /><br /><h1>about myself</h1><br /><br />

<p>about you bit goes here</p>

</div>

<div id="likes">
<br /><h1>loves</h1><br /><br />

<li>like</li>
<li>like</li>
<li>like</li>
<li>like</li>
<li>like</li>
<li>like</li>
<li>like</li>
<li>like</li>

</div>

<div id="tunes">
<br /><h1>tunes</h1><br /><br />

<li>band</li>
<li>band</li>
<li>band</li>
<li>band</li>
<li>band</li>
<li>band</li>
<li>band</li>
<li>band</li>

</div>

<div id="links">
<br /><br />

<a href="http://vampirefreaks.com/profiles/home.php" class="navi">VF HOME</a>
<a href="http://vampirefreaks.com/journal/vampireEMO12" class="navi" target="_blank">JOURNAL</a>
<a href="http://vampirefreaks.com/profile_action.php?user=vampireEMO12&amp;uid=4028465&amp;friendslist=1" class="navi">BEFRIEND</a><br /><br />

<a href="http://vampirefreaks.com/user_comment.php?user=vampireEMO12&amp;uid=5034505&amp;rate=1" class="navi" target="_blank">COMMENT&amp;RATE</a>
<a href="http://www.facebook.com/profile.php?id=740288572" class="navi">Facebook</a><br /><br />

<a href="http://maddened-by-the-stars.tk" class="navi" target="_blank">©MbtSD</a>
</div>

<div id="dislikes">
<br /><h1>loathes</h1><br /><br />

<li>dislike</li>
<li>dislike</li>
<li>dislike</li>
<li>dislike</li>
<li>dislike</li>
<li>dislike</li>
<li>dislike</li>
<li>dislike</li>

</div>

</div>