Black and white Rose 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: #000; background-attachment: fixed;
}

.base {
width: 900px;
height: 810px;
position: relative;
background: url('http://i.imgur.com/2Php6Oa.png');
border-radius: 5px;
border: 0px;
border-radius: 0px;
}

#boxuno {
margin: 5px;
padding: 5px;
top: 60px;
position: absolute;
left: 410px;
height: 70px;
width: 420px;
overflow: auto;
text-align: center;
line-height: 10px;
border-radius: 0px;
background: #transparent;
border: 0px solid #FFF;
}

#boxdos {
margin: 5px;
padding: 5px;
top: 150px;
position: absolute;
left: 320px;
height: 600px;
width: 500px;
overflow: auto;
text-align: center;
border-radius: 0px;
background: #transparent;
border: 0px solid #FFF;
}

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

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

b {
text-decoration: bold;
text-transform: uppercase;
text-shadow: -1px 1px 0px #606060;
font: 8pt century gothic;
letter-spacing: 1px;
color: #fff;
-webkit-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
}

i {
text-decoration: italic;
font: 7pt century gothic;
color: #fff;
font-style: italic;
-webkit-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
}

u {
border-bottom: 1px dotted #606060;
font: 8pt century gothic;
-webkit-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
color: #fff;
}

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

a:link, a:visited {
font: 9pt century gothic;
text-transform: uppercase;
color: #fff;
font-weight: bold;
-webkit-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
-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: 9pt century gothic;
color: #820609;
background: transparent;
font-weight: bold;
}

.navi:link, .navi:visited {
font: 9pt century gothic;
text-transform: none;
color: #fff;
border-right: 2px solid #820609;
border-left: 2px solid #820609;
border-radius: 40px;
margin: 3px;
padding: 2px;
-webkit-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
-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: 9pt century gothic;
color: #820609;
background: transparent;
border-right: 2px solid #606060;
border-left: 2px solid #606060;
}

.cult {
border: 1px solid #820609;
height: 110px;
width: 280px;
border-radius: 5px;
-webkit-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
-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: 1px solid #606060;
border-radius: 40px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-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: 1px solid #820609;
height: 130px;
width: 130px;
border-radius: 5px;
-webkit-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
-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: 1px solid #606060;
border-radius: 100px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

h1 {
display: block;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 20px;
border-bottom: 1px solid #5c2d22;
text-decoration: italic;
text-transform: uppercase;
text-align: right;
letter-spacing: 5px;
font: 11pt century gothic;
color: #fff;
background: transparent;
-webkit-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
}

h1:first-letter {
font-size: 120%;
}

h2 {
display: block;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 20px;
border-bottom: 1px solid #5c2d22;
text-decoration: italic;
text-transform: uppercase;
text-align: left;
letter-spacing: 5px;
font: 9pt century gothic;
color: #fff;
background: transparent;
-webkit-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
}

</style>


<center>
<br />
<br />


<div class="base">

<div id="boxuno">
<h2>Page Navigation</h2>
<a href="#intro" class="navi">About</a>
<a href="#loves" class="navi">Loves</a>
<a href="#loathes" class="navi">Loathes</a>
<a href="#tunes" class="navi">Music</a>
<a href="#pals" class="navi">Comrades</a>
<a href="#cults" class="navi">Cults</a>
<br /><br /><h2>Site Navigation</h2>
<a href="http://vampirefreaks.com/profiles/home.php" class="navi">VF Home</a>
<a href="http://vampirefreaks.com/user_comment.php?user=YOURUSERNAMEE&amp;rate=1" class="navi">Message</a>
<a href="http://vampirefreaks.com/profile_action.php?user=YOURUSERNAME&amp;friendslist=1" class="navi">Befriend</a>
<a href="/journal/YOURUSERNAME" class="navi">Journal</a>
<a href="/gallery/YOURUSERNAME" class="navi">Gallery</a>
<a href="http://maddenedbythestarsdesigns.netai.net/" class="navi">MbtSD</a>
</div>

<div id="boxdos">
<div class="container">
<a name="intro"></a>
<div class="section" align="center">
<table width="90%" cellpadding="1" cellspacing="0" border="0">
<tr><td width="30%" valign="top">
<h1>Basics</h1><br />
<li><b>name</b>
<li><b>age</b>
<li><b>location</b>
<li><b>orientation</b>
<li><b>occupation</b>
<li><b>account status</b>


</td><td width="80%" valign="top">
<h1>About Myself</h1>
<p>ABOUT YOU BIT HERE</p>
<b>bold</b> <i>italic</i> <u>underline</u> <s>strikethrough</s>


</td></tr></table>

</div>

<a name="loves"></a>
<div class="section" align="center">
<h1>Loves</h1><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
</div>

<a name="loathes"></a>
<div class="section" align="center">
<h1>Loathes</h1><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
</div>

<a name="tunes"></a>
<div class="section" align="center">
<h1>Music</h1><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
?<br /><br />
</div>

<a name="pals"></a>
<div class="section" align="center">
<h1>Comrades</h1><br />
<a href="/THEIRUSERNAME"><img src="http://i.imgur.com/GVQK5aw.png" class="pal" /></a>

<a href="/THEIRUSERNAME"><img src="http://i.imgur.com/GVQK5aw.png" class="pal" /></a>

<a href="/THEIRUSERNAME"><img src="http://i.imgur.com/GVQK5aw.png" class="pal" /></a>

<a href="/THEIRUSERNAME"><img src="http://i.imgur.com/GVQK5aw.png" class="pal" /></a>

<a href="/THEIRUSERNAME"><img src="http://i.imgur.com/GVQK5aw.png" class="pal" /></a>

<a href="/THEIRUSERNAME"><img src="http://i.imgur.com/GVQK5aw.png" class="pal" /></a>

<a href="/THEIRUSERNAME"><img src="http://i.imgur.com/GVQK5aw.png" class="pal" /></a>

<a href="/THEIRUSERNAME"><img src="http://i.imgur.com/GVQK5aw.png" class="pal" /></a>

<a href="/THEIRUSERNAME"><img src="http://i.imgur.com/GVQK5aw.png" class="pal" /></a>

</div>

<a name="cults"></a>
<div class="section" align="center">
<h1>Cults</h1><br />
<a href="/cult/CULTNAME"><img src="http://i.imgur.com/p3LJvd0.png" class="cult" /></a>

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

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

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

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

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

</div>


</div>
</div>

</div>