blankeyesightlayout#2

<center>
<img src="http://i.imgur.com/IzXEknc.jpg" />
<div id="navi"><center><a href="http://vampirefreaks.com/profiles/home.php" class="navlink">Home</a>
<a href="http://vampirefreaks.com/user_comment.php?user=blankeyesight&amp;rate=1" class="navlink">Message</a>
<a href="http://vampirefreaks.com/profile_action.php?user=blankeyesight" class="navlink">Add Friend</a>
<a href="http://vampirefreaks.com/journal/blankeyesight" class="navlink">Journal</a>
<a href="http://vampirefreaks.com/gallery/blankeyesight" class="navlink">Gallery</a>
<a href="http://vampirefreaks.com/StungByFate" class="navlink" title="StungByFate">Nav © 2013</a>
</center>
</div>
<style>
.overlay {
width: 562px;
height: 520px;
background: #42294D;
position: relative;
}

.innerbox {
overflow: hidden;
border: none;
border-radius: 20px;
background: #6A4B6F;
position: absolute;
}

#about {
top: 4px;
left: 4px;
width: 300px;
height: 175px;
}
#music {
top: 4px;
left: 308px;
width: 250px;
height: 175px;
}
#likes {
top: 183px;
left: 4px;
width: 275px;
height: 150px;
}
#dislikes {
top: 183px;
left: 283px;
width: 275px;
height: 150px;
}
#cults {
top: 337px;
left: 4px;
width: 554px;
height: 200px;
}
#cred {
margin: 0px;
top: 541px;
left: 4px;
height: 27px;
width: 554px;
font-family: trebuchet MS;
font-size: 6pt;
text-transform: uppercase;
text-align: center;
letter-spacing: 2pt;
background-color:  background: #181818;
}
</style>


<div class="overlay">
<div class="innerbox" id="about">
About here.
<br /><b>bold text</b>
<br /><i>italics</i>
<br /><u>underline</u>
<br /><s>strike</s>
<br /><a href="http://vampirefreaks.com">link</a>
</div>


<div class="innerbox" id="music">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at justo quis quam pulvinar egestas. Nulla vulputate lorem ac neque rhoncus eu laoreet justo rutrum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec consequat dictum ante facilisis sagittis. Ut posuere, nulla et mollis pulvinar, nisl sapien dictum felis, eget bibendum turpis felis sit amet sapien.
</div>

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

<div class="innerbox" id="dislikes">
dislikes here
</div>

<div class="innerbox" id="cults">
cult banners here
</div>

<div class="innerbox" id="cred">
Layout by Conception for BlankEyeSight's use only. Header by LaneyKatherine for BlankEyeSight's use only. DO NOT STEAL.</div>
</center>

<style>
html, body { background: url('http://i.imgur.com/XXdKKjG.png');
font-family: trebuchet ms;
font-size: 16px;
color: #C9B291;
text-align: center;}
.main { background: #42294D;
width: 570px; }

b {
font-family: trebuchet ms;
font-size: 14px;
color: #42294D;
text-shadow: 1px 1px 1px #9F5D7D;
font-variant: small-caps;
border-bottom: 2px dotted #9f5d7d;

}

i {
font-family: georgia;
font-size: 12px;
color: #C9B291;
text-transform: lowercase;
}

u {
font-family: calibri;
font-size: 12px;
color: #9F5D7D;
text-transform: uppercase;
text-shadow: 1px 1px 1px #C9B291;
}

s {
font-family: georgia;
font-size: 14px;
color: #42294D;
text-shadow: 1px 1px 1px #9F5D7D;
font-variant: small-caps;

}

#navi {
margin: 0px;
top: 0px;
left: 0px;
height: 30px;
width: 554px;
font-family: trebuchet MS;
font-size: 10pt;
text-transform: uppercase;
text-align: center;
letter-spacing: 2pt;
background-color: #42294D;
padding-bottom: 6px;
border-radius: 20px;
}

.navlink:link, .navlink:active, .navlink:visited {
color: #C38980;
font-family: Trebuchet MS;
font-size: 8pt;
font-weight: bold;
text-transform: uppercase;
font-weight: lighter;
padding: 2px;
width: 50px;
text-align: center;
display: inline-table;
background: #6A4B6F;
margin-top: 8px;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.navlink:hover {
color: #9F5D7D;
text-transform: uppercase;
font-style: normal;
font-weight: lighter;
text-align: center;
display: inline-table;
background: #6A4B6F;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.navlink:link, .navlink:active, .navlink:visited {
color: #42294D;
font-family: Trebuchet MS;
font-size: 6pt;
text-transform: uppercase;
font-weight: lighter;
padding: 2px;
width: 75px;
text-align: center;
display: inline-table;
background: #6A4B6F;
margin-top: 8px;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

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

a:hover, .menu, .menu a:link, .menu a:visited {
color: #42294D;
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;
}

.maintop img, .footer_links, .leftnav, .likes_title, .dislikes_title, .profile_title, .music_title, .gallery, .thumbnail, .defaultpic, .maintop table, .profilename, .menu2, .userinfo, .tagline, .comments, .topbar, .journal_entry, .buttons1, .friends, .buttons2, .rate, .buttons3, .comment_title { display: none; }

</style>