AnnalovesbatsLAYOUT

<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; } </style>

<style>
.overlay {
width: 1308px;
height: 1314px;
background: url('http://i.imgur.com/R5dUd9K.jpg') 0px 0px no-repeat;
position: relative;
}

.innerbox {
overflow: auto;
border: 1px solid #333;
position: absolute;
}
#innerbox1 {
top: 701px;
left: 267px;
width: 462px;
height: 280px;
}
#innerbox2 {
top: 695px;
left: 748px;
width: 272px;
height: 263px;
}
b {
color: #1c0113;
font-size: 12px;
font-family: trebuchet MS;
font-weight: lighter;
text-transform: uppercase;
}

i {
color: #1c0113;
font-size: 12px;
font-family: trebuchet MS;
font-weight: lighter;
}

u {
border-bottom: 2px solid #1c0113;
font-size: 12px;
font-family: trebuchet MS;
font-weight: lighter;
}

s {
color: #1c0113;
font-size: 12px;
font-family: trebuchet MS;
font-weight: lighter;
}
h1 {
font-size: 15px;
line-height: 25px;
font-family: trebuchet MS;
text-align: center;
letter-spacing: 2px;
color: #E4D39B5;
font-weight: lighter;
text-transform: uppercase;
font-style: none;
margin: 0px;
border-left: 1px solid #1c0113;
border-right: 1px solid #1c0113;
border-bottom: 3px solid #1c0113;
border-top: 2px dotted #1c0113;
background-color:#ffabab;
}
</style>

<div class="overlay">

<div class="innerbox" id="innerbox1"><b>About</b> <u>Me</u> <i>stuff </i> here. Normal right ya?</div>

<div class="innerbox" id="innerbox2"><h1>H1 PREVIEW</h1> <br />Put your cults stuff here)</div>


<div class="none" id="innerbox3"><ul class="svertical">
<li><a href="http://vampirefreaks.com/profiles/home.php">Home</a></li>
<li><a href="http://vampirefreaks.com/edituser.php">Edit Profile</a></li>
<li><a href="http://vampirefreaks.com/user_comment.php?user=AnnaLovesBats&amp;rate=1">Comment/Rate</a></li>
<li><a href="http://vampirefreaks.com/profile_action.php?user=AnnaLovesBats">Add Me</a></li>
<li><a href="http://vampirefreaks.com/journal/AnnaLovesBats" class="navlink">Journal</a></li>
<li><a href="http://vampirefreaks.com/gallery/AnnaLovesBats">Gallery</a></li>
</ul></div>
</div>
</div>



<style>
a:link,a:visited
{
display:block;
font-weight:bold;
color:white;
background-color:#ffabab;
width:110px;
text-align:center;
padding:5px;
text-decoration:none;
}
a:hover,a:active
{
background-color:#736765;
}
</style>







<style>

ul.svertical{
width: 200px; /* width of menu */
overflow: auto;
background: #736765; /* background of menu */
margin: 0;
padding: 0;
padding-top: 10px; /* top padding */
list-style-type: none;
}

ul.svertical li{
text-align: right; /* right align menu links */
}

ul.svertical li a{
position: relative;
display: inline-block;
text-indent: 5px;
overflow: hidden;
background: rgb(#282833, 201, 68); /* initial background color of links */
font: bold 10px Germand;
text-decoration: none;
padding: 5px;
margin-bottom: 7px; /* spacing between links */
color: black;
-moz-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8); /* inner right shadow added to each link */
-webkit-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);
-moz-transition: all 0.2s ease-in-out; /* CSS3 transition of hover properties */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

ul.svertical li a:hover{
padding-right: 30px; /* add right padding to expand link horizontally to the left */
color: black;
background: rgb(#1c0113,249,75);
-moz-box-shadow: inset -3px 0 2px rgba(114,114,114, 0.8); /* contract inner right shadow */
-webkit-box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
}

ul.svertical li a:before{ /* CSS generated content: slanted right edge */
content: "";
position: absolute;
left: 0;
top: 0;
border-style: solid;
border-width: 70px 0 0 20px; /* Play around with 1st and 4th value to change slant degree */
border-color: #1c0113;

}

</style>


<style>
body, html { background: #736765; background-repeat: no-repeat; background-not allowedcenter;
background-attachment: fixed;  } </style>