Red Premade Layout

<div class="div"> <h3>Navigation</h3>
<a href="http://vampirefreaks.com/" class="nav">VF Home</a>
<a href="http://vampirefreaks.com/user_comment.php?user=YOURUSERNAME&amp;uid=146667&amp;rate=1" class="nav">Message</a>
<a href="/journal/YOURUSERNAME" class="nav">Journal</a>
<a href="http://vampirefreaks.com/profile_action.php?user=YOURUSERNAME" class="nav">Add as Friend</a>
<a href="link" class="nav">extra link</a>
<a href="link" class="nav">extralink</a>
<a href="http://electr0kill.site11.com/" class="nav">© Credit 2013</a>

<a href="/gallery/YOURUSERNAME"><img src="http://i.imgur.com/JbDqsr4.png" width="160px" height="150px" /></a>
</div>


<center><table width="350px"><tr><td>
<div style="overflow: auto; width: 120px; height: 300px;"> <center>
<a href="#profile" class="nav">About</a> <p>
<a href="#likes" class="nav">Likes</a> <p>
<a href="#dislikes" class="nav">Dislikes</a> <p>
<a href="#music" class="nav">Music ♪</a> <p>
<a href="#cults" class="nav">Cults</a> <p>
<a href="#friends" class="nav">Friends</a>
<br /><br /><a href=""></a>
</div></td><td>

<div class="container"><a name="profile"></a><div class="section">
<h1>About Me </h1>
normal text <u>underline text</u> <i>Some Italic Text</i> <b>Some Bold Text</b> <s>Some Struck Out Text</s> hr below vvv<hr />  <h1>header 1</h1> <h3>header 3</h3> <a href="link">regular link</a> <a href="link" class="nav">nav link</a>
 <blockquote>BQ firstline <br /> blah blah second line</blockquote>
</div>

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

</div>

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

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

</div>

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

</div>

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


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


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

table,td,th {
border: none;
}
th {
height: 30px;
text-align: center;
}

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

.main { width: 700px; background: #080808; border-radius: 5px 5px 30px 30px; -moz-border-radius: 5px 5px 30px 30px; -webkit-border-radius: 5px 5px 30px 30px; border: 5px solid #070707;
}

body {
width: 900px;
margin: 0px auto;
background: transparent;
border: none;
text-align: center;
text-decoration: none;
text-transform: none;
text-shadow: none;
font: 10pt calibri;
color: #ffffff;
}

b {
text-decoration: bold;
text-transform: uppercase;
text-shadow: -1px 1px 0px #000000;
font: 11pt calibri;
letter-spacing: 1px;
color: #BB1219;
}

i {
text-decoration: italic;
text-shadow: none;
font: 10pt calibri;
color: #FF4D4D;
border-bottom: none;
font-style: italic;
}

u {
border-bottom: 2px solid #CC0000;
text-decoration: none;
text-transform: none;
text-shadow: none;
font: 13pt Georgia;
color: #F4E7D8;
}

s {
text-decoration: strike;
text-transform: lowercase;
text-shadow: none;
font: 10pt calibri;
letter-spacing: -1px;
color: #000000;
}

hr {
height: 3px;
margin-top: 5px;
margin-bottom: 5px;
background-color: transparent;
background: #360606;
border: none;
}

h1 {
display: block;
padding: 0px;
margin-top: 0px;
margin-bottom: 3px;
text-align: center;
text-decoration: none;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 24px;
font: 16pt Georgia;
color: #9E1111;
}

h3 {
display: block;
padding: 0px;
margin-top: 3px;
margin-bottom: 3px;
background: transparent;
border: none;
text-align: center;
text-decoration: none;
text-transform: uppercase;
border-bottom:
letter-spacing: 6px;
font: 23pt calibri;
color: #01A4A4;
text-shadow: -1px 0 black,  -1px black, -1px 0 black, 0 -1px black;
background: -webkit-gradient(linear, left top, left bottom, from(#FF3131), to(#360606)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

blockquote:first-line {
font: 19pt Georgia;
color: #E8E8E8;
letter-spacing: 8pt;
font-style: italic;
}

blockquote {
width: 480px;
padding: 8px;
margin: 0px auto;
margin-top: 10px;
margin-bottom: 10px;
background: transparent;
border-top: 3px solid #111111;
border-bottom: 1px dotted #9E1111;
border-left: 3px solid #141414;
border-right: 3px solid  #141414;
border-radius: 10px;
text-align: center;
text-decoration: none;
text-transform: none;
font: 10pt calibri;
color: #666666;
}

a.nav:link, a.nav:visited, a.nav:active {
display: block;
padding: 0px;
margin-top: 3px;
margin-bottom: 3px;
background: #080808;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 3px;
font: 12pt calibri;
color: #ffffff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

a.nav:hover {
display: block;
padding: 0px;
margin-top: 3px;
margin-bottom: 3px;
background: #070707;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 3px;
font: 12pt calibri;
color: #BB1219;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

a:link, a:visited {
padding: 0px;
background: transparent;
border: none;
text-decoration: none;
text-transform: none;
text-shadow: none;
letter-spacing: none;
font: 10pt calibri;
color: #F4E7D8;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

a:hover {
padding: 0px;
background: transparent;
border: none;
text-decoration: none;
text-transform: none;
text-shadow: none;
letter-spacing: none;
font: 10pt calibri;
color: #6B8B86;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

a:link img, a:visited img {
margin-top: 4px;
background: transparent;
border: 3px solid #333333;
filter: alpha(opacity=60);-moz-opacity: .50;opacity: .50;-webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;
}

a:hover img {
margin-top: 4px;
background: transparent;
border-left: 3px solid #360606; border-bottom: 3px solid #630C0C; border-right: 3px solid #360606; border-top: 3px solid #630C0C;
filter: alpha(opacity=100);-moz-opacity: 100;opacity: 100;-webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;
}

::-webkit-scrollbar-thumb:vertical { height: 50px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#360606), color-stop(1,#360606));} ::-webkit-scrollbar {height: 20px; width: 3px; background: #080808;
}

.div {
width: 12.0%;
min-width: 100px;
top: 0px;
right: 1.0%;
height: auto;
background: #080808;
border-radius: 0px 0px 5px 5px;
text-align: center;
padding: 7px 7px 0px 7px;
position: fixed;
}

.container {
width: 655px; height: 350px;
overflow: auto; overflow-y: hidden;
}
.section { height: 350px; overflow: auto; }
</style>