xCaryn Play Dirty

<div id="navi"><a href="http://vampirefreaks.com/user_comment.php?user=xCaryn&amp;rate=1" class="navlink">Rate/Comment</a>
<a href="http://vampirefreaks.com/profile_action.php?user=xCaryn" class="navlink">Add Me</a>
<a href="http://vampirefreaks.com/gallery/xCaryn" class="navlink">Gallery</a>
<a href="http://vampirefreaks.com/members/xCaryn/CL+Graphics" class="navlink">Portfolio</a>
<a href="http://vampirefreaks.com" class="navlink">VF Main</a>
</div>


<div class="overlay">
<div class="innerbox" id="about"><h1>About</h1> Normal text <a href="http://vampirefreaks.com">link</a> <b>bold</b> <u>underline</u><s>strike</s> <i>italics</i></div>
<div class="innerbox" id="life"><h1>My Life</h1></div>
<div class="innerbox" id="passions"><h1>Passions</h1></div>
<div class="innerbox" id="cults"><h1>Cults</h1></div>
<div class="innerbox" id="cred"><a href="http://vampirefreaks.com/conception">Layout Cred.</a> || <a href="http://vampirefreaks.com/sany">Header Cred.</a></div>
</div>

<style>
#navi {
margin: 0px;
top: 0px;
left: 0px;
height: 32px;
width: 740px;
font-family: trebuchet MS;
font-size: 10pt;
text-transform: uppercase;
text-align: center;
letter-spacing: 2pt;
background-color: transparent;
padding-bottom: 0px;
border-radius: 20px;
}


.navlink:link, .navlink:active, .navlink:visited {
color: #4C280B;
font-family: Trebuchet MS;
font-size: 10pt;
text-transform: uppercase;
font-weight: lighter;
padding: 2px;
height: 20px;
width: 127px;
text-align: center;
border-left: 5px solid #4C280B;
border-right: 5px solid #4C280B;
border-bottom: 3px solid #C94230;
border-top: 3px solid #91C5C4;
display: inline-table;
background: #b19b7a;
margin-top: 0px;
border-radius: 20px;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.navlink:hover {
color: #73653B;
text-transform: uppercase;
font-style: normal;
font-weight: lighter;
text-align: center;
display: inline-table;
background: #b19b7a;
border-top: 3px solid #C94230;
border-bottom: 3px solid #91C5C4;
border-left: 5px solid #73653B;
border-right: 5px solid #73653B;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
} </style>
<style>

.overlay {
width: 850px;
height: 450px;
margin-top: 0px;
background: transparent;
position: relative;
}

.innerbox {
overflow: auto;
border: none;
background: #b19b7a;
border: 1px solid #4C280B;
position: absolute;
padding: 5px;
}

#about {
top: 2px;
left: 0px;
width: 320px;
height: 300px;
border-top-left-radius: 20px;
}
#life {
top: 2px;
left: 335px;
width: 400px;
height: 300px;
border-top-right-radius: 20px;
}
#passions {
top: 317px;
left: 0px;
width: 250px;
height: 250px;
border-bottom-left-radius: 20px;
}
#cults {
top: 317px;
left: 265px;
width: 470px;
height: 250px;
border-bottom-right-radius: 20px;
}
#cred {
top: 580px;
left: 0px;
width: 780px;
text-align: center;
height: auto;
background: transparent;
border: none;
}
</style>
<style>
html, body { background: #947E5D;
background-image: url('http://i.imgur.com/c1PaBWi.png');
background-attachment: fixed;
background-repeat: no-repeat; }
.main { width: 650px;
float: right;
background color: transparent;
 }
html, div {
font-family: trebuchet ms;
color: #91C5C4;
font-size: 12px;
font-style: normal;
text-shadow: 1px 1px 1px #4C280B;
}

a:link, .menu2, .menu2 a:link {
color: #C94230;
font-size: 10pt;
font-family: trebuchet ms;
text-transform: none;
text-decoration: none;
text-shadow: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease out;
}

a:visited, .menu2 a:visited {
color: #c94230;
text-transform: none;
font-family: trebuchet ms;
text-shadow: none;
text-decoration: none;
}

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

h1 {
color: #C94230;
text-transform: none;
font-variant: small-caps;
font-family: georgia;
letter-spacing: 1pt;
text-align: left;
padding: 1px;
font-weight: lighter;
font-size: 14pt;
margin: 2px;
background: transparent;
display: block;
text-shadow: 1px 1px 1px #91C5C4;
border-bottom: 2px dotted #4C280B;
}

b {
text-transform: uppercase;
font-family: trebuchet ms;
color: #91C5C4;
font-size: 11px;
letter-spacing: 1px;
}

i {
font-family: georgia;
color: #C94230;
font-size: 11px;
letter-spacing: 1px;
text-transform: none;
}

s {
text-transform: none;
font-family: trebuchet ms;
color: #4C280B;
font-size: 11px;
letter-spacing: 1px;
}

u {
font-family: georgia;
text-transform: none;
text-shadow: none;
border-bottom: 1px dotted #C94230;
font-size: 12px;
color: #91C5C4;
letter-spacing: 1px;
}
</style>


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