Nerdgasm

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


body, html { background-color: #0f1317;
background-image: url('http://i.imgur.com/tJf0wO6.png'),
url('');
background-position: top left;
background-repeat: no-repeat, repeat;
background-attachment: fixed; position:absolute;
}

html, div {
font-family: trebuchet MS;
color: white;
font-size: 12px;
font-style: normal;
}
.main {
background-color:;
width: px;
padding: 4px;
top: 0px;
left: 40px;
width: 550px;
height: 120px;


}
.portlink:link, .portlink:visited, .portlink:active{
color: white;
font-family: tahoma;
font-size: 8px;
text-transform: uppercase;
font-weight: lighter;
background-color: #df0c1b;
border-top: 1px solid #10171f;
border-bottom: 1px solid #10171f;
border-radius: 0.5em;
line-height: 11px;
text-align: center;
padding:0px;
width:150px;
height:auto;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
display:inline-block;
}
.portlink:hover{
color: #fff;
background-color: #161f28;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;


}
h3 {
color: white;
background-image:url('');
background: #10171f;
text-align: left;
font-weight: lighter;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: black;
text-transform: uppercase;
font-style: none;
font-family: georgia;
font-size: 15pt;
line-height: 1px;
margin-top: 13px;
padding: 2px
height: 1px;
letter-spacing: 1pt;
padding: 5px;
margin: 10px;
background: ;
border-bottom: 3px solid #e10f1c;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
}
b {
text-transform:
uppercase;
font-family: trebuchet MS;
color: #ababab;
font-size: 9px;
letter-spacing: 1px;
}
i {
text-transform: none;
font-family: georgia;
color: #ababab;
font-size: 11px;
letter-spacing: 1px;
}
s {
text-transform: none;
font-family: trebuchet MS;
color: #ababab;
font-size: 11px;
letter-spacing: 1px;
}
u {
border-bottom: 1px solid #ababab;
text-transform: none;
font-family: georgia;
font-size: 11px;
letter-spacing: 1px;
}
blockquote {
text-align: center;
background-color: #10171f;
padding: 4px;
border-top: 4px solid #d6beb4;
border-bottom: 4px solid #d6beb4;
border-radius: 0.5em;
height:auto;
width: 350px;
}
.Frienss {
width: 150px;
height: 150px;
filter: alpha(opacity=100)
 -moz-opacity:.80;
opacity: .80;
margin: 0px;
margin-left: 5px;
padding: 1px;
margin: 0px;
padding: 2px;
border-radius: 4px;
border: 2px solid #e10f1c;
background-color: #e10f1c;
-webkit-transition: all 0.5s ease-out;
}
.Frienss:hover {
margin: 0px;
padding: 2px;
border-radius: 2px;
border: 2px solid #10171f;
background-color: #dbbfb3;
-webkit-transition: all 0.5s ease-out;
}
.Hangouts {
background: url('http://i.imgur.com/n8U13zH.jpg');
background-repeat: repeat;
width: 130px;
height: 30px;
margin: 0px;
opacity: .7;
border-radius: 2px;
border: 2px solid white;
background-color: #3EC9A7;
transition: all 0.45s ease-out;
 -ms-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
 -webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
}
.Hangouts:hover {
background: url('http://i.imgur.com/n8U13zH.jpg');
background-repeat: no-repeat;
width: 130px;
height: 30px;
opacity: .7;
border-radius: 2px;
border: 2px solid #750103;
background-color: #98D9B6;
transition: all 0.45s ease-out;
-ms-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
}

a:link, .menu2, .menu2 a:link {
color: #df0c1b;
font-size: 9pt;
font-family: trebuchet ms;
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: #df0c1b;
text-transform: none;
font-family: trebuchet ms;
text-transform: none;
text-decoration: none;
}

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

</style>
<style>

.overlay {
width: 1000px;
height: 600px;
background: ;
position: absolute;

}
.innerbox {
overflow: hidden;
border: none;
background: ;
position: absolute;
}
.section {
height: 450px;
overflow: auto;

}

#anchorbox {
overflow-Y:hidden;
overflow-x:hidden;
position:absolute;
top: 50px;
left: 535px;
width: 450px;
height: 450px;
padding-left:10px;
padding-bottom:90px;
background-color:#161f28;
box-shadow: 0px 1px 3px transparent;
border-top: 2px solid #1b2534;
border-left: 2px solid #1b2534;
border-right: 2px solid #1b2534;
border-bottom: 0px solid #1b2534;
border-radius: 0em;
font-family: trebuchet MS;
color: black;
font-size: 10px;
}

#Nav {
top: 455px;
left: 110px;
width: 320px;
height: 45px;
padding: 0px;
overflow: hidden;


}


#Hangouts {
top: 510px;
left: 535px;
width: 454px;
height: 110px;
padding:5px;
padding-top:0px;
padding-right:2px;
overflow-Y:auto;
overflow-x:hidden;
background-color:#161f28;
box-shadow: 0px 1px 3px transparent;
border-top: 2px solid #1b2534;
border-left: 2px solid #1b2534;
border-right: 2px solid #1b2534;
border-bottom: 2px solid #1b2534;
border-radius: 0em;
}

</style>
<div class="header">


<div id="anchorbox">
<a name="about"></a>
<div class="section">
<h3>About the nerd</h3>
<img src="http://i.imgur.com/yZKM7wG.jpg" align="left" class="Frienss" />
<b>Sex:</b> female <br />
<b>Age:</b> 25 <br />
<b>Location:</b> Norway <br />
<b>Orientation:</b> Pansexual<br />
<b>Best Friends with:</b> @EverlastingWords <br />
<b>Best Friends with:</b> @CourtneyVicious21 <br />
<b>Best Friends with:</b> @RadicalUprising <br />
<b>Fantasizes about:</b> @bignuts <br />
<b>Married to:</b> @RadicalUprising <br />
<b>Admires:</b> @RadicalUprising <br />
<b>Wants to make babies with:</b> @RadicalUprising <br />
<b>Best Friends with:</b> @killuastrange <br />


<blockquote>More information about you here and here and here somewhere along here. Possibly right <i>here</i> too.
</div>

<a name="Photos"></a>
<div class="section">
<h3>Photos</h3>
<img src="IMAGEHERE" class="Frienss" />
<img src="IMAGEHERE" class="Frienss" />
<img src="IMAGEHERE" class="Frienss" />
<img src="IMAGEHERE" class="Frienss" />
<img src="IMAGEHERE" class="Frienss" />
<img src="IMAGEHERE" class="Frienss" />
<img src="IMAGEHERE" class="Frienss" />
<img src="IMAGEHERE" class="Frienss" />
</div>

<a name="DN"></a>
<div class="section">
<h3>Dope &amp; Nope</h3>
<blockquote><h3>Dope</h3>
Put that rad shit here</blockquote>
<p>
<blockquote><h3>Nope</h3>
Put that no so rad shit here</blockquote>

Then you can put extra fancy stuff here. :)

</div>
</div>

<div class="innerbox" id="Nav">
<center><a href="http://vampirefreaks.com/profiles/home.php"><img src="http://i.imgur.com/rpeCbDK.png" title="vf home" /></a><a href="http://vampirefreaks.com/profile_action.php?user=Beeline"><img src="http://i.imgur.com/2pHGkh1.png" title="Add Lindsay" /></a>
<a href="http://vampirefreaks.com/user_comment.php?user=Beeline&amp;rate=1"><img src="http://i.imgur.com/UF9ZC7j.png" title="Comment" /></a>
<a href="http://vampirefreaks.com/gallery/Beeline"><img src="http://i.imgur.com/nrwi6WI.png" title="Gallery" /></a>
<a href="http://vampirefreaks.com/journal/Beeline"><img src="http://i.imgur.com/EtccIyu.png" title="Journal" /></a>
<a href="http://vampirefreaks.com/members/Beeline/Silver-Tongued"><img src="http://i.imgur.com/OGf1hx9.png" title="Credit" /></a><br />
<a href="#about" class="portlink"> To The galaxy and beyond!</a>
<a href="#Photos" class="portlink">Photos</a>
<a href="#DN" class="portlink">Dopes&amp;Nopes</a></center>

</div>




<div class="innerbox" id="Hangouts"><h3>Hangouts</h3>

<center><a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a>
<a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a>
<a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a>
<a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a>
<a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a>
<a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a></center>
</div>