ShrapnelBunny Profile

<center><img src="http://i.imgur.com/fqkfbAo.png" />
<style>
.overlay {
width: 711px;
height: 460px;
background: transparent;
position: relative;
}
.innerbox {
overflow: auto;
border: none;
background: #783c67;
position: absolute;
}

#about {
top: -20px;
left: 5px;
width: 250px;
height: 300px;
border-top-left-radius: 20px;
}
#navig {
top: -20px;
left: 260px;
width: 150px;
height: 200px;
overflow: hidden;
}
#vid {
top: -20px;
left: 415px;
width: 290px;
height: 200px;
border-top-right-radius: 20px;
}
#quotes {
top: 285px;
left: 5px;
width: 250px;
height: 186px;
}
#fam {
top: 185px;
left: 260px;
width: 270px;
height: 286px;
}
#cults {
top: 185px;
left: 535px;
width: 170px;
height: 286px;
}

</style>


<div class="overlay">
<div class="innerbox" id="about"><h1>About Me</h1> about box info here <b>bold</b> <u>underline</u> <i>italics</i> <s>strike</s> <a href="">link</a></div>
<div class="innerbox" id="navig"><h1>Navigation</h1>
<a href="http://vampirefreaks.com/user_comment.php?user=ShrapnelBunny&amp;uid=4383791&amp;rate=1" class="navlink">Rate &amp; Comment</a>
<a href="http://vampirefreaks.com/profile_action.php?user=ShrapnelBunny&amp;uid=5167267&amp;friendslist=1" class="navlink">Friend Me</a>
<a href="http://vampirefreaks.com/profile_action.php?user=ShrapnelBunny&amp;block_user=1" class="navlink">Hate Me</a>
<a href="http://vampirefreaks.com/journal/ShrapnelBunny" class="navlink">My Journal</a>
<a href="http://vampirefreaks.com/gallery/ShrapnelBunny" class="navlink">Gallery</a>
<a href="http://vampirefreaks.com" class="navlink">VF Main</a>
<a href="http://vampirefreaks.com/Voltage" class="navlink">Code ©</a>
<a href="http://vampirefreaks.com/tourmaline" class="navlink">Header ©</a></div>
<div class="innerbox" id="vid"><h1>Music Video</h1></div>
<div class="innerbox" id="quotes"><h1>Favorite Quotes</h1></div>
<div class="innerbox" id="fam"><h1>My Little Online Family</h1></div>
<div class="innerbox" id="cults"><h1>My Cults</h1></div>
</div>
</center>

<style>
.navlink:link, .navlink:active, .navlink:visited {
color: #e1b19d;
border-left: 5px solid #ff6d6f;
border-right: 5px solid #ff6d6f;
font-family: Trebuchet MS;
font-size: 10pt;
height: 13px;
font-weight: bold;
text-transform: uppercase;
font-weight: lighter;
padding: 3px;
width: 90%;
line-height: 13px;
text-align: center;
display: block;
background: #c44e78;
margin-top: 1px;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.navlink:hover {
color: #e1b19d;
border-left: 5px solid #c44e78;
border-right: 5px solid #c44e78;
text-transform: uppercase;
font-style: normal;
font-weight: lighter;
text-align: center;
display: block;
background: #ff6d6f;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

body, html {
background-color: #000000;
background-image: url('http://i.imgur.com/KbOYerI.png');
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}

html, div {
font-family: trebuchet ms;
color: #f7eee7;
font-size: 12px;
font-style: normal;
}

.main {
background-color: #5b3659;
width: 710px;
padding: 2px;
}

a:link, .menu2, .menu2 a:link {
color: #ff6d6f;
font-size: 9pt;
font-family: verdana;
text-transform: none;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

a:visited, .menu2 a:visited {
color: #ff6d6f;
text-transform: none;
font-family: verdana;
text-decoration: none;
}

a:hover, .menu, .menu a:link, .menu a:visited {
color: #f69f81;
text-decoration: none;
font-family: verdana;
text-transform: none;
background: transparent;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

h1 {
font-family: trebuchet ms;
font-size: 14pt;
font-variant: small-caps;
background: -webkit-gradient(linear, left top, left bottom, from(#ff6d6f), to(#f69f81));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
#ff6d6f &gt; top;
#f69f81 &gt; bottom;
display: block;
border-bottom: 3px dotted #5b3659;
line-height: 20px;
margin: 5px;
}

b {
text-transform: uppercase;
font-family: calibri;
color: #f69f81;
font-size: 14px;
font-weight: bold;
text-shadow: 0px 1px 0px #87596d;
letter-spacing: 2px;
}

i {
text-transform: none;
font-family: georgia;
color: #CFA5BD;
font-size: 11px;
letter-spacing: 1px;
}

s {
text-transform: none;
font-family: trebuchet ms;
color: #ae8384;
font-size: 11px;
letter-spacing: 1px;
}

u {
border-bottom: 1px dotted #e1b19d;
text-transform: none;
font-family: georgia;
font-size: 11px;
letter-spacing: 2px;

</style>


<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>