freudsego raven profile

<center>
<style>
.overlay {
top: 0px;
width: 700px;
height: 565px;
background: #6f6f6f;
position: relative;
padding: 5px;
}

.innerbox {
overflow: auto;
padding: 5px;
background: #7e7d7e;
position: absolute;
overflow: hidden;
}
#header {
left: 5px;
top: 5px;
padding: 0px;
height: 300px;
width: 700px;
background: transparent;
}

#box {
width: 690px;
left: 5px;
top: 310px;
height: 250px;
}

#navi {
position: absolute;
left: 5px;
top: 574px;
padding: 0px;
height: 100px;
width: 700px;
background:transparent;
}

</style>
<div class="overlay">
<div class="innerbox" id="header"><img src="http://i.imgur.com/yzdx4Lb.gif" /></div>


<div class="innerbox" id="box">
<h1>header one</h1> regular text
<b>bold</b> <i>italics</i> <s>strike</s> <u>underline</u> <a href="">link</a>
<blockquote>blockquote stuff goes here</blockquote>
</div>



<div id="navi"><a href="http://vampirefreaks.com/profiles/home.php" class="navlink">VF Home</a><a href="http://vampirefreaks.com/user_comment.php?user=freudsego&amp;rate=1" class="navlink">Comment</a><a href="http://vampirefreaks.com/profile_action.php?user=freudsego" class="navlink">Friend</a><a href="http://vampirefreaks.com/journal/freudsego" class="navlink">Journal</a><a href="http://vampirefreaks.com/gallery/freudsego" class="navlink">Gallery</a><a href="/Voltage" class="navlink">Credit</a></div>
</div>


<style>

.navlink:link, .navlink:active, .navlink:visited {
display: inline-block;
width: 80px;
border-radius: 0px 0px 100px 100px;
line-height: 50px;
height: 60px;
font-size: 10pt;
font-family: trebuchet ms;
color: #f0ff80;
background: #7e7d7e;
margin: 1px;
padding: 2px;
}

.navlink:hover {
display: inline-block;
width: 80px;
border-radius: 0px 0px 100px 100px;
line-height: 50px;
height: 70px;
font-size: 10pt;
font-family: trebuchet ms;
color: #7e7d7e;
background: #f0ff80;
margin: 1px;
padding: 2px;
}

::-webkit-scrollbar { width:5px; background: #6f6f6f; }

::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }

::-webkit-scrollbar-thumb{ -webkit-border-radius:0px; background: #f0ff80; width:5px; border:none; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:5px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;}

::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#f0ff80; cursor:hand;}

::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
.main {
width: 700px;
}
html, body {
background: #000;
background-image: url('http://i.imgur.com/AX4GRFd.png');
color: #f1f1f1;
font-family: trebuchet ms;
font-size: 9pt;
}

h1 {
color: #717171;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ff80), to(#9f9ca0));
#f0ff80 &gt; top;
#9f9ca0 &gt; bottom;
background: -o-linear-gradient(top, #f0ff80 0%, #e8d694 40%, #9f9ca0 90%);
background: -webkit-linear-gradient(top, #f0ff80 0%, #e8d694 40%, #9f9ca0 90%);
background: -ms-linear-gradient(top, #f0ff80 0%, #e8d694 40%, #9f9ca0 90%);
background: linear-gradient(to bottom, #f0ff80 0%, #e8d694 40%, #9f9ca0 90%);
background: -moz-linear-gradient(top, #f0ff80 0%, #e8d694 40%; #9f9ca0 90%);
font-family: trebuchet ms;
font-size: 12pt;
display: block;
margin: 2px;
text-transform: uppercase;
font-weight: bolder;
text-align: center;
}


i {
font-family: georgia;
font-size: 9pt;
color: #e5d495;
text-shadow: 1px 1px 1px #a8a4a7;
}

b {
font-family: trebuchet ms;
font-size: 9pt;
text-transform: uppercase;
color: #f0ff80;
}

s {
font-family: trebuchet ms;
font-size: 9pt;
color: #ada9ac;
}

u {
font-family: georgia;
font-size: 9pt;
color: #f0ff80;
border-bottom: 1px dotted #ada9ac;
}

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

a:visited, .menu2 a:visited {
color: #f0ff80;
text-transform: none;
font-family: trebuchet ms;
font-size: 9pt;
text-decoration: none;
}

a:hover, .menu, .menu a:link, .menu a:visited {
color: #e8d694;
text-decoration: none;
font-family: trebuchet ms;
font-size: 9pt;
text-transform: uppercase;
background: transparent;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

blockquote {
width: 83%;
height: auto;
background: #6f6f6f;
border-left: 3px solid #f0ff80;
border-right: 3px solid #e0d096;
border-radius: 20px 0px 20px 0px;
}

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