Nintendo-

<style>
.overlay {
width: 1400px;
top: 0px;
height: 800px;
background: url('http://i.imgur.com/LVe4c3L.png') 0px 0px no-repeat;
position: absolute;
}

.innerbox {
overflow: auto;
border: 1px solid #333;
position: absolute;
}
#innerbox1 {
top: 117px;
left: 298px;
border: none;
width: 158px;
height: 335px;
}
#innerbox2 {
top: 117px;
left: 492px;
border: none;
color: #BF91C4;
width: 344px;
height: 256px;
}
#innerbox3 {
top: 117px;
left: 868px;
border: none;
width: 127px;
height: 138px;
}
#innerbox4 {
top: 409px;
border: none;
left: 492px;
width: 430px;
height: 112px;
}
#innerbox5 {
top: 538px;
border: none;
left: 467px;
width: 445px;
height: 91px;
}
</style>
<center>
<div class="overlay">
<div class="innerbox" id="innerbox1">
<h1> Friends </h1>
<a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a> <a href="link" title="friend name"><img src="http://i.imgur.com/7sMUfUU.png" class="fnd" /></a>
</div>

<div class="innerbox" id="innerbox2"><h1> About Me </h1>
This is your About section!
<p>
<b> This is Bold </b> <p> <i> This is Italic </i> <p> <u> This is Underline</u> <p> <s> This is Strike </s>

<h3> Header 3 </h3>

<hr />
</div>

<div class="innerbox" id="innerbox3"><h1> Boyfriend </h1>
<img src="http://i.imgur.com/7sMUfUU.png" class="bfnd" />
</div>

<div class="innerbox" id="innerbox4"><h1>Cults to Join</h1>
<a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a> <a href="link" title="CULTNAME"><img src="http://i.imgur.com/7sMUfUU.png" class="join" /></a>
</div>

<div class="innerbox" id="innerbox5"><center><a href="link" title="DeviantArt"><img src="http://i.imgur.com/GgeNM7g.png" class="icon" /></a> <a href="link" title="Facebook"><img src="http://i.imgur.com/wofuffH.png" class="icon" /></a> <a href="link" title="Skype"><img src="http://i.imgur.com/ImMoYk5.png" class="icon" /></a> <a href="/lipsofsweetdeceit" title="lipsofsweetdeceit || 2013"><img src="http://i.imgur.com/2HeSOmu.png" class="icon" /></a></div> </center>

<div class="top">
<a href="/vfmain.php">Home</a> ||
<a href="http://vampirefreaks.com/user_comment.php?user=%20USERNAME HERE&amp;rate=1'%20method='post">Message</a> ||
<a href="http://vampirefreaks.com/profile_action.php?user=USERNAME">Add Friend</a> ||
<a href="http://vampirefreaks.com/gallery/USERNAME HERE">Gallery</a> ||
<a href="http://vampirefreaks.com/journal/USERNAME HERE">Journal</a>

</div>
</div>

<style>
.ui-widget {display: none;}

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

html, body {
background: #221814;
background-repeat: no-repeat;
background-position:left top;
background-attachment: fixed;
color: #999999;
font-family: trebuchet ms;
font-size: 10pt;
letter-spacing: 0px;
}

a:link, a:visited, a:active {
color: #9C0A01;
font-family: Arial;
font-size: 11px;
line-spacing: 2px;
font-weight: none;
text-transform: none;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 3.5s ease;
}

a:hover {
color: #6E0000;
line-spacing: 2px;
font-family: Arial;
font-size: 11px;
background: transparent;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
}

.top {
position: fixed;
top: 0px;
left: 0px;
border-radius: 0px 0px 15px 15px;
width: 100%;
background-color: #221814;
height: 15px;
box-shadow: 0px 0px 4px #000;
text-align: center;
padding-bottom: 4px;
padding-top: -2px;
border-bottom: 5px solid #351330;
-webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear}

.top a:link, .top a:visited, .top a:active {
display: inline;
text-decoration: none;
font-family: sans;
line-spacing: 2px;
text-transform: uppercase;
font-weight: normal;
font-size: 13px;
text-align: right;
line-height: 20px;
color: #E8CAA4;
background-color: transparent;
margin-right: 10px;
padding-top: 3px;
-moz-transition: color 1s ease; -webkit-transition: color 1s ease; -o-transition: color 1s ease;
}

.top a:hover {
background-color: transparent;
color: #7DB7AE;
-moz-transition: color 1s ease; -webkit-transition: color 1s ease; -o-transition: color 1s ease;}

hr {
height: 2px;
margin-top: 2px;
margin-bottom: 2px;
background: #7DB7AE;
border: none;
}


h1 {
background: #126D62;
color: #E8CAA4;
text-transform: none;
font-weight: normal;
font-style: none;
font-family: times;
letter-spacing: 2pt;
text-align: center;
padding: 0px;
font-weight: lighter;
line-height: 20px;
font-size: 14px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 2px;
border-bottom: 3px solid #452632;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}

h1:first-letter {
   font-family: Monotype corsiva;
 font-size: 20px;
  text-transform: normal;
  font-style: italic;
  font-weight: lighter;
text-shadow: 0px -1px 0px #000;
 color: #7DB7AE;
display:658F3B;
  }

h3 {
background: transparent;
color: #7DC9C5;
text-transform: lowercase;
font-weight: normal;
font-style: none;
font-family: trebuchet MS;
letter-spacing: pt;
text-align: center;
padding: 0px;
border-bottom: 3px solid #BF91C4;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
font-weight: lighter;
line-height: 23px;
font-size: 12pt;
margin-left: 6px;
margin-right: 6px;
margin-top: 2px;
margin-bottom: 2px;
}

small {
color: #FECEA8;
font-size: 7pt;
font-family: trebuchet MS bold;
text-transform: uppercase;
}

b {
text-transform: uppercase;
font-family: trebuchet MS;
color: #7DC9C5;
font-size: 10pt;
letter-spacing: 2px;
}

i {
text-transform: none;
font-family: trebuchet ms;
color: #B8FFEE;
font-size: 10pt;
letter-spacing: 0px;
}

s {
text-transform: none;
font-family: trebuchet MS;
color: #8F6492;
font-size: 10pt;
letter-spacing: -1px;
}

u {
color: #60ABA8;
text-transform: none;
font-family: trebuchet ms;
font-size: 10pt;
letter-spacing: 0px;
}



.icon{
width: 30px;
height: 30px;
filter: alpha(opacity=100)
-moz-opacity:100;
opacity: 100;
margin: 3px;
border-radius: 0;
background-color: transparent;
-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease
}

.icon:hover {
background-color: transparent;
width: 30px;
height: 30px;
filter: alpha(opacity=70)
-moz-opacity:.70;
opacity: .70;
-webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -o-transform:rotate(-15deg); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
}

.bfnd {
width: 50px;
height: 60px;
border: 3px solid #2F8B6F;
filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
}

.bfnd:hover {
width: 50px;
height: 60px;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
border-radius: 40px;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #9F5AA6;
}

.join{
width: 45px;
height: 45px;
filter: alpha(opacity=100)
-moz-opacity:100;
opacity: 100;
margin: 3px;
border: 3px solid #2F8B6F;
border-radius: 0;
background-color: transparent;
-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease
}

.join:hover {
background-color: transparent;
width: 45px;
height: 45px;
filter: alpha(opacity=70)
-moz-opacity:.70;
opacity: .70;
-webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -o-transform:rotate(-15deg); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #9F5AA6;
}

.fnd{
width: 35px;
height: 35px;
filter: alpha(opacity=100)
-moz-opacity:100;
opacity: 100;
margin: 3px;
border: 3px solid #2F8B6F;
border-radius: 0;
background-color: transparent;
-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease
}

.fnd:hover {
background-color: transparent;
width: 35px;
height: 35px;
filter: alpha(opacity=70)
-moz-opacity:.70;
opacity: .70;
-webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -o-transform:rotate(-15deg); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #9F5AA6;
}

::-webkit-scrollbar {
width: 5px;
height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 0px;
display: block;
background-color: transparent;
}

::-webkit-scrollbar-track-piece  {
background-color: #286259;
-webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #785180;
border: none;
-webkit-border-radius: 0px;
}



</style>

</style>