Forget Me Not

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
  <HEAD>
    <TITLE>Navigation Page</TITLE>
<style>
body {
font: georgia 7px;
letter-space: -5px;
}

ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; color: #a3a3a3;
  list-style-type: →;
}

a {
color: #757575;
text-decoration: none;
font: 10px georgia;
text-transform: lowercase;
}

a hover {
color: #5a5a5a;
text-decoration: none;
font: 10px georgia;
text-transform: uppercase;
}


.container {
width: 100%
margin: 0 auto;
}

.sidebar {
position:fixed;
height: 100%;
background: #000000 url('http://i47.tinypic.com/9k9wk4.jpg') no-repeat;
color: #ccc;
width: 400px;
margin-top: -10px;
margin-left: -10px;
margin-bottom: -10px;
border-right: 10px solid #000;
border-left: 10px solid #000;
}

.title {
font: 70px georgia;
text-align: center;
font-style: italic;
}


.sidebox {
color: #000;
background: #ccc;
opacity: 0.6;
width: 200px;
padding: 5px;
font: 10px georgia;
-moz-border-radius: 15px;
border-radius: 15px;
}

.sidecase {
margin-top: 400px;
margin-left: 7px;
color: #000;
}

.littlelinks a {
color: #fff;
text-decoration: none;
font: 10px georgia;
}

.sidebox a {
color: #000;
font: 20px georgia;
font-style: italic;
text-decoration: none;
}

.sidebox a:hover {
color: #f6f6f6;
}

.content {
position: right;
margin-left: 420px;
margin-top: 40px;
color: #000;
font: 11px georgia;
}

h1 {
font: 30px georgia;
font-style: italic;
margin-bottom: 0px;
letter-space: -10px;
text-align: center;
text-decoration: none; border-bottom:3px double;
}


h2 {
font: 20px georgia;
font-style: italic;
margin-bottom: 5px;
text-spacing:15px;
}

.footer {
text-align: center;
font: 20px georgia;
font-style: italic;
}

blockquote {
border-left: 8px solid #000;
padding: 5px;
}

textarea {
-moz-border-radius: 15px;
border-radius: 15px;
background: #ccc;
width: 90%;
}

.center {
text-align: center;
}

.firstletter {
font: 19px book antiqua;
color: #ccc;
}
</style>
  </HEAD>
  <BODY>
<div class="container">
<div class="sidebar"><div class="title"><b>N</b>avigation</div>

<div class="sidecase">
<div class="sidebox">
write name/whatever you want hereherhehrherhehreherherhe hey
</div>
</div>
<div class="littlelinks">&nbsp;
<a href="/">home.</a> <a href="/ask">ask.</a> <a href="http://ratemyrp.tumblr.com/">theme.</a>
</div>
</div>
</div>
<div id="Layer2" style="position:absolute; width:250px;  background-color: #transparent; z-index:3; left: 420px; top: 3px; "><h1><b>ℛ</b>emember…</h1>
<ul><li><a href="/tagged/paratitle">PARATITLE</a></li>
<li><a href="/tagged/paratitle">PARATITLE</a></li>
<li><a href="/tagged/paratitle">PARATITLE</a></li>
<li><a href="/tagged/paratitle">PARATITLE</a></li>
<li><a href="/tagged/paratitle">PARATITLE</a></li>
<li><a href="/tagged/paratitle">PARATITLE</a></li>
</ul>

<h1>✗ <b>C</b>onvos</h1>
<ul><li><a href="/tagged/CHARACTER NAME">Character Name</a></li>
<li><a href="/tagged/CHARACTER NAME">Character Name</a></li>
<li><a href="/tagged/CHARACTER NAME">Character Name</a></li>
<li><a href="/tagged/CHARACTER NAME">Character Name</a></li>
<li><a href="/tagged/CHARACTER NAME">Character Name</a></li></ul></div>

<div id="Layer2" style="position:absolute; width:250px;  background-color: #transparent; z-index:3; left: 690px; top: 3px; "><h1>✗ <b>P</b>hoto <b>A</b>lbum</h1>
<ul><li><a href="/tagged/x">Photographcs</a></li>
<li><a href="/tagged/family">Family</a></li>
<li><a href="/tagged/friends">Friends</a></li>
<li><a href="/tagged/other">other</a></li>
</ul>

<h1>✗ <b>OOC</b></h1>
<ul><li><a href="/tagged/ooc">Text Posts</a></li>
<li><a href="PERSONAL URL">personal</a></li>
<li><a href="ROLEPLAY GROUP'S TUMBLR">the roleplay</a></li>
</ul>
</div>

<div id="Layer2" style="position:absolute; width:250px;  background-color: #transparent; z-index:3; left: 960px; top: 3px; "><h1>✗ <b>O</b>ther</h1>
<ul><li><a href="/tagged/text">text messages</a></li>
<li><a href="/tagged/phone">phone calls</a></li>
<li><a href="/tagged/voice">voice mails</a></li>
<li><a href="/tagged/email">emails</a></li>
</ul>

<h1>✗ idk</h1>
you can delete it if you want select from here up to the h1 code to delete this box it just makes everything even and gives you the chance to use this if you think of more useful stuff that should go on this page :*</div>
</div>
 </BODY>
</HTML>