Profile layout for Sleeplock

 <center>

<style>


.overlay {
width: 820px;
height: 900px;
background: url('http://i.imgur.com/RH7GjAQ.png') 0px  0px no-repeat;
background-color: #181a15;
position: relative;
padding: 4px;

}

.innerbox {
overflow: auto;
border: none;
background: #131411;
position: absolute;
padding: 4px;

}

#bio {
top: 482px;
left: 6px;
width: 240px;
height: 250px;
}
#about {
top: 482px;
left: 256px;
width: 430px;
height: 250px;
}
#cults {
top: 482px;
left: 695px;
width: 120px;
height: 410px;
}
#quotes {
top: 742px;
left: 6px;
width: 240px;
height: 150px;
}
#likes {
top: 742px;
left: 256px;
width: 430px;
height: 150px;
}
</style>


<div class="overlay">
<div class="innerbox" id="bio"> <br />
<a href="http://vampirefreaks.com/gallery/Sleeplock"><img src="http://i.imgur.com/y4mEB6H.png" alt="" class="fpic" /></a>
<h1>Navigation</h1>
<a href="http://vampirefreaks.com/profile_action.php?user=Sleeplock&amp;friendslist=1" class="navlink">+ Friend</a>
<a href="http://vampirefreaks.com/user_comment.php?user=Sleeplock&amp;rate=1" class="navlink">R + C</a>
<a href="http://vampirefreaks.com/profile_action.php?user=Sleeplock&amp;favorites=1" class="navlink">+ Fav</a>
<a href="http://vampirefreaks.com/journal/Sleeplock" class="navlink">Journal</a>
<a href="http://www.vampirefreaks.com/profiles/home.php" class="navlink">VF Main</a>
<a href="http://vampirefreaks.com/members/CosmicKarma/CosmicCreations" class="navlink" title="CosmicCreactions ©2015">Credit</a> <br /><br />



</div>
<div class="innerbox" id="about"><h1>About</h1>

Profile infomation goes here!! Profile infomation goes here!! <br /><br />

<small>This is small text.</small><br />
 <b>This is bold text.</b><br />
 <u>This is underlined text.</u><br />
 <i>This is italic text.</i><br />
 <s>This is striked text.</s><br />
 This is normal text.<br />
 <a href="">This is a link.</a><br />
 <h1>This is Header 1</h1>
<hr />
<blockquote>
Blockquote looks like this!
</blockquote>

</div>

<div class="innerbox" id="cults"><h1>Cults</h1> <center>
<b>For Cult Banners</b>
<a href="/cult/CULTNAMEHERE"><img src="http://i.imgur.com/y4mEB6H.png" class="cmini" /></a><br />
<a href="/cult/CULTNAMEHERE"><img src="http://i.imgur.com/y4mEB6H.png" class="cmini" /></a><br />
<hr />
<b>For Cult Links</b>
<a href="/cult/CULTNAMEHERE" class="navlink" target="blank">Cultname</a><a href="/cult/CULTNAMEHERE" class="navlink" target="blank">Cultname</a><a href="/cult/CULTNAMEHERE" class="navlink" target="blank">Cultname</a>
</center>
</div>

<div class="innerbox" id="quotes"><h1>Quotes</h1>

<b>Quotes go here! </b>

</div>

<div class="innerbox" id="likes"><h1>Likes</h1>

<b>Likes for here!</b>

</div>
</div>

<small>Layout is made by CosmicKarma via CosmicCreations © 2015. Layout is best veiwed on Google Chrome with Premium. </small>



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

<style>

body, html {
background-color: #000;
background-image: url(' ');
background-position: center left;
background-repeat: no-repeat;
background-attachment: fixed;
}
html, div {
font-family: trebuchet MS;
color: #F0F5F2;
font-size: 9px;
font-style: normal;
text-transform: none;
letter-spacing: 1px;
}
.main {
background-color: # ;
width: 700px;
padding: 4px;
float: center;
}
a:link, .menu2, .menu2 a:link {
color: #6B686F;
font-size: 8pt;
font-family : trebuchet MS;
text-transform: uppercase;
letter-spacing: 0px;
text-decoration: none;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}

a:visited, .menu2 a:visited {
color: #6B686F;
font-size: 8pt;
text-transform: none;
font-family : trebuchet MS;
text-transform: uppercase;
letter-spacing: 0px;
text-decoration: none;

}

a:hover, .menu, .menu a:link, .menu a:visited {
color: #6EB53F;
font-size: 8pt;
text-decoration: none;
font-family : trebuchet MS;
text-transform: uppercase;
letter-spacing: 0px;
background: transparent;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;

}
h1 {
color: #2F312C;
text-transform: uppercase;
font-style: normal;
font-family: georgia italic;
letter-spacing: 1pt;
text-align: center;
padding: 10px;
font-weight: lighter;
line-height: 3px;
font-size: 16pt;
margin: 5px;
margin-left: 5px;
margin-right: 5px;
background: #76B145;



}
hr {
height: 2px;
margin-top: 2px;
margin-bottom: 2px;
background: #76B145;
border: none;
}
small {
color: #2F312C;
font-size: 8px;
font-family: "04b03";
text-transform: uppercase;
letter-spacing: 1px;
}
b {
text-transform: uppercase;
font-family: trebuchet MS;
color: #6EB53F;
font-size: 8px;
letter-spacing: 1px;
text-shadow: 0px 0px 0px #000;
}
i {
text-transform: none;
font-family: georgia;
color: #76B145;
font-size: 11px;
letter-spacing: 1px;
}
s {
text-transform: none;
font-family: trebuchet MS;
color: #6EB53F;
font-size: 11px;
letter-spacing: 1px;
}
u {
border-bottom: 1px solid #F7FFAA;
color: #6B686F;
text-transform: none;
font-family: georgia;
font-size: 11px;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #000;
}

blockquote {
background-color: #242021;
padding: 4px;
border-left: 2px solid #76B145;
}



.navlink:link, .navlink:active, .navlink:visited {
color: #76B145;
border-radius: 0px;
font-family: Trebuchet MS;
font-size: 7pt;
font-weight: bold;
text-transform: uppercase;
font-weight: lighter;
padding: 13px;
width: 80px;
text-align: center;
display: inline-table;
background: #2F312C;
margin-top: 1px;
margin-left: 1px;
margin-right: 1px;
letter-spacing: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.navlink:hover {
color: #2F312C;
text-transform: uppercase;
font-style: normal;
font-weight: lighter;
text-align: center;
display: inline-table;
background: #76B145;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

::-webkit-scrollbar {
width: 3px;
background: #242021; }

::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background: #6EB53F; }



.fpic {
width: 210px;
height: 70px;
padding: 1px;
margin: 0px;
border: 0px solid #2A044A;
margin-right: 0px;
background: #2F312C;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}

a:hover .fpic {
width: 210px;
height: 70px;
padding: 1px;
margin: 0px;
border: 0px solid #9F3B65;
margin-right: 0px;
background: #76B145;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}

.cmini {
width: 105px;
height: 36px;
padding: 0px;
margin: 0px;
border: 0px solid #2A044A;
margin-top: 2px;
margin-bottom: 2px;
background: #2F312C;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}

a:hover .cmini {
width: 105px;
height: 36px;
padding: 0px;
margin: 0px;
border: 0px solid #9F3B65;
margin-top: 2px;
margin-bottom: 2px;
background: #76B145;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}
</style>