Eymber Port

<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: url('http://i.imgur.com/Hwuodlt.png'); background-attachment: fixed;
}

::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background-color: #B09D7F;
}
::-webkit-scrollbar-thumb {
background-color: #A9D5E2;
}

body, table {
text-decoration: none;
text-transform: none;
font: 8pt helvetica;
letter-spacing: 1px;
color: #A9D5E2;
}

b {
text-decoration: bold;
text-transform: uppercase;
font-weight: bold;
text-shadow: 2px 2px 1px #B09D7F;
font: 8pt helvetica;
letter-spacing: 1px;
color: #A9D5E2;
}

i {
text-decoration: italic;
text-shadow: none;
font: 8pt helvetica;
color: #A9D5E2;
font-style: italic;
}

u {
text-decoration: none;
border-bottom: 1px dashed #B09D7F;
font: 8pt helvetica;
color: #A9D5E2;
}

s {
text-decoration: strike;
text-transform: lowercase;
font: 8pt helvetica;
letter-spacing: 1px;
color: #B09D7F;
}


h1 {
display: block;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
font: 12pt century gothic;
color: #A9D5E2;
background: transparent;
border-bottom: 1px solid #44352E;
}

h1:first-letter {
font-size: 150%;
color: #6A8C81;
}

h2 {
display: block;
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 0px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
font: 10pt century gothic;
color: #A9D5E2;
background: transparent;
border-bottom: 1px solid #44352E;
}

a:link, a:visited {
font: 9pt century gothic;
color: #A9D5E2;
font-weight: bold;
background: transparent;
}

a:hover {
color: #B09D7F;
background: transparent;
}

.behind {
top: 20px;
width: 900px;
height: 900px;
position: relative;
background: transparent;
border-radius: 0px;
border: 0px solid #000;
border-radius: 0px;
}

#buttons {
top: 0px;
width: 100px;
height: 300px;
left: 0px;
position: absolute;
border-radius: 0px;
border: 0px solid #000;
background: transparent;
}

#buttons a:link, #buttons a:visited, #buttons a:active {
display: block;
border-radius: 100px;
border: 3px solid #A9D5E2;
background: #B09D7F;
font: 10pt helvetica;
text-transform: uppercase;
height: 60px;
width: 60px;
line-height: 60px;
margin-top: 10px;
color: #135F79;
padding: 10px;
padding-top: 10px;
padding-bottom: 10px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

#buttons a:hover {
border: 3px solid #B09D7F;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

#base {
top: 0px;
width: 800px;
height: 900px;
left: 100px;
position: absolute;
border-radius: 5px;
border: 3px solid #A9D5E2;
background: #44352E url('http://i.imgur.com/ObVmbDm.png') top center no-repeat;
}



#navilinks {
top: 410px;
height: 480px;
width: 235px;
left: 660px;
padding-top: 5px;
position: absolute;
border-radius: 0px;
border: 0px;
background: #746457;
z-index: 1;
}

#navilinks a:link, a:visited, a:active {
display: block;
text-transform: uppercase;
line-height: 10px;
letter-spacing: 1px;
font: 8pt helvetica;
color: #135F79;
background: #B09D7F;
border: 2px solid #A9D5E2;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

#navilinks a:hover, a:click {
display: block;
line-height: 10px;
border: 2px solid #B09D7F;
letter-spacing: 4px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

#content {
top: 410px;
height: 485px;
width: 545px;
left: 110px;
position: absolute;
border-radius: 0px;
border: 0px;
background: #746457;
z-index: 1;
}

.container {
width: 545px;
height: 480px;
overflow: auto;
overflow-y: hidden;
border-radius: 0px;
background: transparent;
}
.section {
height: 480px;
overflow: auto;
border-radius: 0px;
background: transparent;
}

#content img {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

#content img:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

#affies {
top: 670px;
height: 170px;
width: 235px;
left: 660px;
text-align: center;
position: absolute;
border-radius: 0px;
border: 0px;
background: #746457;
z-index: 2;
}

#affies img {
height: 40px;
width: 110px;
border: 2px solid #A9D5E2;
background: #B09D7F;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

#affies img:hover {
border: 2px solid #B09D7F;
background: #B09D7F;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.banner {
height: 100px;
width: 200px;
background: #A4DDD2;
}

.invite {
height: 190px;
width: 150px;
background: #A4DDD2;
}

</style>

<center>
<div class="behind">

<div id="buttons">
<br />
<a href="http://vampirefreaks.com/profiles/home.php" title="VF Home">home</a>
<br />
<a href="/xXEymber" title="xXEymber's VF Profile">profile</a>
<br />
<a href="http://maddened-by-the-stars.tk/" target="_blank" title="© Maddened by the Stars Designs">credit</a>
<br />
</div>

<div id="base">

</div>

<div id="navilinks">

<a href="#about">welcome</a>
<a href="#smallpre">small premades</a>
<a href="#bigpre">large premades</a>
<a href="#stamps">stamps</a>
<a href="#pixel">pixel text</a>
<a href="#staff">staff titles</a>
<a href="#icons">icons</a>
<a href="#user">userbars</a>
<a href="#banners">banners</a>
<a href="#blends">blends</a>
<a href="#tags">character tags</a>
<a href="#quotes">quote lines</a>
<a href="#sigtext">signature text</a>
<a href="#layouts">layouts</a>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="#allaff">all affiliates</a>
<a href="#affbuttons">my buttons</a>

</div>

<div id="affies">
<h2>affiliates</h2>

<a href="" target="_blank"><img src="" /></a>
<a href="" target="_blank"><img src="" /></a>
<a href="" target="_blank"><img src="" /></a>
<a href="" target="_blank"><img src="" /></a>
<a href="" target="_blank"><img src="" /></a>
<a href="" target="_blank"><img src="" /></a>

</div>

<div id="content">
<div class="container">
<a name="about"></a>
<div class="section">
<h1>welcome</h1>
<table width="100%" cellpadding="5" cellspacing="0" border="0">
<tr><td width="70%" valign="top">
<h2>the designer</h2>
<p><img src="http://icons1.vampirefreaks.com/x/xX/xXE/xXEymber/5179259.gif" align="left" style="margin-right: 10px;" />
about the designer stuff here.</p>

</td><td width="30%" valign="top">
<h2>news</h2>
<p align="right"><u>DATE HERE</u></p>
<p>NEWS HERE</p>

<p align="right"><u>DATE HERE</u></p>
<p>NEWS HERE</p>

<p align="right"><u>DATE HERE</u></p>
<p>NEWS HERE</p>

<br /><br />
<h2>updates</h2>

<p align="right"><u>DATE HERE</u></p>
<p>UPDATE HERE</p>

<p align="right"><u>DATE HERE</u></p>
<p>UPDATE HERE</p>

<p align="right"><u>DATE HERE</u></p>
<p>UPDATE HERE</p>






</td></tr></table></div>

<a name="smallpre"></a>
<div class="section">
<h1>small premades</h1>

</div>

<a name="bigpre"></a>
<div class="section">
<h1>large premades</h1>

<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />


</div>

<a name="stamps"></a>
<div class="section">
<h1>stamps</h1>

</div>

<a name="pixel"></a>
<div class="section">
<h1>pixel text</h1>

</div>

<a name="staff"></a>
<div class="section">
<h1>staff titles</h1>

</div>

<a name="icons"></a>
<div class="section">
<h1>icons</h1>

</div>

<a name="user"></a>
<div class="section">
<h1>userbars</h1>

</div>

<a name="banners"></a>
<div class="section">
<h1>banners</h1>

<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />

</div>

<a name="blends"></a>
<div class="section">
<h1>blends</h1>

<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />
<img src="" class="banner" />

</div>

<a name="tags"></a>
<div class="section">
<h1>character tags</h1>

<img src="" class="invite" />
<img src="" class="invite" />
<img src="" class="invite" />
<img src="" class="invite" />
<img src="" class="invite" />
<img src="" class="invite" />
<img src="" class="invite" />
<img src="" class="invite" />
<img src="" class="invite" />
<img src="" class="invite" />
<img src="" class="invite" />
<img src="" class="invite" />

</div>

<a name="quotes"></a>
<div class="section">
<h1>quote lines</h1>

</div>

<a name="sigtext"></a>
<div class="section">
<h1>signature text</h1>

</div>

<a name="layouts"></a>
<div class="section">
<h1>layouts</h1>

</div>

<a name="allaff"></a>
<div class="section">
<h1>all affiliates</h1>

</div>

<a name="affbuttons"></a>
<div class="section">
<h1>my affiliate buttons</h1>

</div>


</div>
</div>

</div>