Raptor-Layout

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


.overlay {
width: 900px;
height: 1000px;
background: url('') 0px 0px no-repeat;
background-position:bottom-center;
position: absolute;
top: 0px;
right: 200px;
border: 4px solid #566545;
border-top: 8px solid #566545;
border-bottom: 8px solid #566545;
background-color:#1a1a1a;
Text-align: center;

}

.innerbox {
overflow: auto;
background-color: #1a1a1a;
border: 0px solid #7a1e48;
position: absolute;
top: 0px;
left: 21px;
}
 #navi {
margin: 0px;
padding-bottom:35px;
position: absolute;
top: 396px;
left: 155px;
height: 10px;
width: 900px;
font-family: trebuchet MS;
font-size: 8pt;
color: #C4B09C;
text-transform: uppercase;
text-align: center;
letter-spacing: 2pt;
background-color: ;
z-index: 100;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8eb461), color-stop(1, #566d3b));
border: 1px solid #566545;
border-left: 4px solid #566545;
border-right: 4px solid #566545;

}
.portlink:link, .portlink:visited, .portlink:active{
color: #4b593b;
font-family: trebuchet ms;
font-size: 10px;
text-transform: uppercase;
font-weight: lighter;
border-right: 3px solid #953653;
border-left: 3px solid #953653;
line-height: 22px;
text-align: center;
background-color: #e8e7d3;
padding:0px;
margin:4px;
width:100px;
height:25px;
-moz-box-shadow: 0px 3px 5px #000000;
-webkit-box-shadow: 0px 3px 5px #000000;
border:ridge 2px #4b3f4d;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}
.portlink:hover{
color: #0e0e0d;
background-color: #57713a;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
-moz-box-shadow: 0px 3px 5px #000000;
-webkit-box-shadow: 0px 3px 5px #000000;
border:ridge 2px #2b391d;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;

}
div.menu5 a
{
    display: inline-block;
    padding: 3 4px;
    background:;
    border:1px solid #5E544A;
    color:#C4B09C;
    text-decoration:none;
    font: bold 12px Arial;
    line-height: 20px;
    margin-right:1px;
}

div.menu5 a:hover, div.menu5 a.current
{
    background:;
    color:#0e0e0d;

}
#About {
top: 0px;
left: 440px;
width: 454px;
height: 395px;
border: 1px solid #566545;
border-left: 4px solid #566545;
border-right: 4px solid #566545;
background-color: #121411;
padding-left: 0px;
color: #cccccc;
font: 11px tahoma;
font-weight: lighter;
letter-spacing: 1px;
line-height:45px
Text-align: center;
background: url('') 0px 0px no-repeat;
}
#Loves {
top: 430px;
left: 689px;
width: 200px;
height: 205px;
border: 1px solid #566545;
border-left: 4px solid #566545;
border-right: 4px solid #566545;
background-color: #121411;
padding: 3px;
color: #cccccc;
font: 11px tahoma;
font-weight: lighter;
letter-spacing: 1px;
Text-align: center;
background: url('') 0px 0px no-repeat
}
#Hates {
top: 435px;
left: -2px;
width: 200px;
height: 205px;
border: 1px solid #566545;
border-left: 4px solid #566545;
border-right: 4px solid #566545;
background-color: #121411;
padding: 0px;
color: #cccccc;
font: 11px tahoma;
font-weight: lighter;
letter-spacing: 1px;
Text-align: center;
background: url('') 0px 0px no-repeat
}
#Friends {
top: 435px;
left: 255px;
width: 375px;
height: 179px;
border: 1px solid #566545;
border-left: 4px solid #566545;
border-right: 4px solid #566545;
background-color: #121411;
padding: 0px;
color: ;
font: 11px tahoma;
font-weight: lighter;
letter-spacing: 1px;
Text-align: center;
background: url('') 0px 0px no-repeat
}
#Cults {
top:239px;
left: 0px;
width: 436px;
height: 147px;
border: 1px solid #566545;
border-left: 4px solid #566545;
border-right: 4px solid #566545;
background-color: #121411;
padding: 0px;
color: #cccccc;
font: 11px tahoma;
font-weight: lighter;
letter-spacing: 1px;
Text-align: center;
background: url('') 0px 0px no-repeat
}
#MainImage {
top:0px;
left: 0px;
width: 435px;
height: 239px;
border: 1px solid #566545;
border-left: 4px solid #566545;
border-right: 4px solid #566545;
background-color: #121411;
padding: 0px;
color: #cccccc;
font: 11px tahoma;
font-weight: lighter;
letter-spacing: 1px;
Text-align: center;
background: url('') 0px 0px no-repeat
}
#Earcandy {
top: 600px;
left: -4px;
width: 900px;
height: 400px;
border-top: 0px solid #566545;
border-left: 4px solid #566545;
border-right: 4px solid #566545;
background-color: #121411;
border-radius: 8px;
padding: 0px;
color: #cccccc;
font: 11px tahoma;
font-weight: lighter;
letter-spacing: 1px;
Text-align: center;
background: url('http://i.imgur.com/6Ypl3fh.gif') 0px 0px no-repeat

}
.banners:hover {
background: url('http://i.imgur.com/Ey0zmkJ.jpg'); background-repeat: repeat; background-position:top center;
background-attachment: scrolling;
border: 0px solid ;
filter: alpha(opacity=70)
-moz-opacity:.70;
opacity: .70;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.banners {
width: 400px;
height: 100px;
filter: alpha(opacity=100)
-moz-opacity:.80;
opacity: .80;
margin: 0px;
margin-left: 5px;
padding: 2px;
background: url('http://i.imgur.com/rJ1cAIg.jpg'); background-repeat: repeat; background-position:top center;
background-attachment: scrolling;
border: 0px solid ;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.Immy {
width: 425px;
height: 230px;
filter: alpha(opacity=100)
-moz-opacity:.80;
opacity: .80;
margin: 0px;
margin-left: 0px;
padding: 3px;
background: url('http://i.imgur.com/rJ1cAIg.jpg'); background-repeat: repeat; background-position:top center;
background-attachment: scrolling;
border: 0px solid ;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.thefriends:hover {
width: 100px;
height: 100px;
background: url('http://i.imgur.com/hiNI1xk.jpg'); background-repeat: repeat; background-position:top center;
filter: alpha(opacity=70)
-moz-opacity:.70;
opacity: .70;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}

.thefriends {
width: 100px;
height: 100px;
filter: alpha(opacity=100)
-moz-opacity:.80;
opacity: .80;
margin: 3px;
margin-left: 5px;
padding: 2px;
background: url('http://i.imgur.com/Y24ePL6.jpg');
background-repeat: repeat;
background-position:top center;
background-attachment: scrolling;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

h1{
font-family:"Times New Roman", Times, serif;
font-size: 25px;
color: #e8e6d2;
text-shadow: #060606 1px 1px 0px;
text-align: center;
font-weight:normal;
letter-spacing:-1px;
font-style: italic;
line-height:30px;
text-transform:uppercase;
margin:0px;padding:2px;
padding-right: 5px;
background-image: url('http://i.imgur.com/jbq69Aw.jpg');
background-color: transparent;
height:35px;

}
blockquote{
background: #210f12;
padding:5px;
border-left: 30px solid #5f714c;
color : #444;
width:240px;
}
b {
font: 12px Sans;
font-variant: sans;
font-weight: bold;
color: #5f714c;
background: transparent;
letter-spacing: 2px;
text-shadow: -2px 4px 5px rgba(46, 28, 28, 0.25);
border-radius: 5px;
}

i {
font: 14px sans;
font-family: Satisfy, cursive;
font-style: italic;
font-weight: lighter;
color: #8ba66f;
letter-spacing: 2px;
text-shadow: 2px 1px 2px #333;

}

u {
font: 12px Sans;
font-weight: lighter;
color: #white;
border-bottom: 1px solid #8ba66f;
letter-spacing: 2px;
}


</style>


<div id="navi">
 <div class="menu5">
<a href="http://vampirefreaks.com/profiles/home.php" class="portlink">Vf Home</a>

<a href="http://vampirefreaks.com/user_comment.php?user=Beeline&amp;rate=1" class="portlink">Inbox</a>

<a href="http://vampirefreaks.com/gallery/Beeline" class="portlink">Gallery</a>

<a href="http://vampirefreaks.com/journal/Beeline" class="portlink">Journal</a>

<a href="http://vampirefreaks.com/profile_action.php?user=Beeline" class="portlink">Add</a>

<a href="http://vampirefreaks.com/members/Beeline/Beeline+Designs" class="portlink">PD 14</a>
</div> </div>


<div class="overlay">





<div class="innerbox" id="About">
<h1>Clever Girl</h1>
<center><img src="http://i.imgur.com/iLfVryM.png" /></a></center><br />
 My name is Lindsay.<br />
<b>I am taken.</b><br />
I am a twenty-three year old female homosapien.<br />
I have two offspring.<br />
Please don't hit on me. Its so unbecoming.<br />
I also love doing graphic design. I like making things for people. :) Don't hesitate to ask if you want something, chances are I'll make it for you. All I ask in return is happiness. Corny I know.<br />
I have to <b>try</b> to be a bitch. I know. It just isn't something I'm <i>natural</i> at.<br />
I'm a big gamer. The "You-fucking-ass-twat," insults at the tv kind of gamer.<br />
I love to COOK too. I'm all for getting back in the kitchen and making a sandwhich. Want a soda with it too?<br />
I'm very impressed with proper grammar and nice spelling. =3<br />
Can someone help me? I can't decide if <i>Iron Man</i> or <i>Robert Downey Jr.</i> is my favorite Avenger.

</div>

<div class="innerbox" id="Loves"><h1>Lovelies</h1>
My kiddies<br />
My boyfriend<br />
Jurassic Park<br />
Gushers<br />
Sleep<br />
Dogs<br />
Raptors<br />
Spring or Fall<br />
Nice spelling<br /></div>

<div class="innerbox" id="Hates"><h1>Disdained</h1>Being called babygirl<br />
Summer<br />
Box mac&amp;cheese<br />
When asshats don't read that I'm taken<br />
</div>

<div class="innerbox" id="Friends"><h1>The Pack</h1>
<a href="http://vampirefreaks.com/bloodontheasphalt"><img src="http://icons1.vampirefreaks.com/b/bl/blo/bloodontheasphalt/5266381.jpg" class="thefriends" /></a>
<a href="http://vampirefreaks.com/Murder_My_Heart666"><img src="http://icons1.vampirefreaks.com/M/Mu/Mur/Murder_My_Heart666/5261583.png" class="thefriends" /></a>
<a href="http://vampirefreaks.com/-Trickster-"><img src="http://icons1.vampirefreaks.com/-/-T/-Tr/-Trickster-/5086002.gif" class="thefriends" /></a>
<a href="http://vampirefreaks.com/Amarranth"><img src="http://icons1.vampirefreaks.com/A/Am/Ama/Amarranth/5266966.gif" class="thefriends" /></a>
<a href="http://vampirefreaks.com/antiqueoctopus"><img src="http://icons1.vampirefreaks.com/a/an/ant/antiqueoctopus/5199088.gif" class="thefriends" /></a>
<a href="http://vampirefreaks.com/MetalMaiden"><img src="http://icons1.vampirefreaks.com/M/Me/Met/MetalMaiden/5267637.gif" class="thefriends" /></a>
<a href="http://vampirefreaks.com/USERNAME"><img src="ICON HERE 100x100best" class="thefriends" /></a>
<a href="http://vampirefreaks.com/USERNAME"><img src="ICON HERE 100x100best" class="thefriends" /></a>
<a href="http://vampirefreaks.com/USERNAME"><img src="ICON HERE 100x100best" class="thefriends" /></a>
<a href="http://vampirefreaks.com/USERNAME"><img src="ICON HERE 100x100best" class="thefriends" /></a>
<a href="http://vampirefreaks.com/USERNAME"><img src="ICON HERE 100x100best" class="thefriends" /></a>
<a href="http://vampirefreaks.com/USERNAME"><img src="ICON HERE 100x100best" class="thefriends" /></a></div>

<div class="innerbox" id="Cults"><h1>Enclosures</h1>
<a href="/cult/Cynosure"><img src="http://i.imgur.com/rmGipBj.gif" class="banners" /> </a>
<a href="/cult/Fifty"><img src="http://i.imgur.com/9Wgc5Ub.jpg" class="banners" /> </a>
<a href="/cult/Boss"><img src="http://i.imgur.com/J1zvuuK.gif" class="banners" /> </a>
<a href="/cult/Pimp"><img src="http://i.imgur.com/tB1SPJb.gif" class="banners" /> </a>
<a href="/cult/CorvusMagus"><img src="http://imgur.com/2ww40Yd.gif" class="banners" /></a>
<a href="/cult/"><img src="http://i.minus.com/iL3VtLQnpesl2.gif" class="banners" /> </a>
<a href="/cult/Dead-Designs"><img src="Banner Link Here" class="banners" /></a>
<a href="/cult/"><img src="Banner Link Here" class="banners" /> </a>
<a href="/cult/"><img src="Banner Link Here" class="banners" /></a> </div>

<div class="innerbox" id="MainImage">
<img src="http://i.imgur.com/D6Mx15Z.jpg" class="Immy" /> </div>


<div class="innerbox" id="Earcandy"></div>
</div>

<style>
body, html { background: url('http://i.imgur.com/byF80u8.png'); background-repeat: repeat; background-position:left top;
background-attachment: fixed;  } </style>