Tyrell Themed VF Profile Layout 00

<center>
<div class="graphic">
<img src="http://i.imgur.com/uabZYeM.png" />

<div class="innerbox" id="box1">
<a href="#1" class="nav">About</a>
<a href="#2" class="nav">Likes</a>
<a href="#3" class="nav">Dislikes</a>
<a href="#4" class="nav">Music</a>
<a href="#5" class="nav"> Cults </a>
<a href="#6" class="nav">Friends</a>
</div>

<div id="anchor">
<a name="1"></a>
<div class="section">
<center><h1>Let the Story Begin:</h1></center>

About Section

<b> This is Bold </b> <p>
<i> This is Italic</i> <p>
<s> This is Strike Through </s> <p>
<u> This is underline </u><p>

<p> <a href="link"> This is link </a> <p>

<h3> This is header h3 </h3>




</div>


<a name="2"></a>
<div class="section">
<h1>My Likes</h1>
<p>

</div>

<a name="3"></a>
<div class="section">
<h1>My Dislikes</h1>
<p>
</div>

<a name="4"></a>
<div class="section">
<h1>Favourite Music</h1>
info
</div>

<a name="5"></a>
<div class="section">
<h1> Cults to Join</h1>
<p>
</div>

<a name="6"></a>
<div class="section">
<h1>Awesome Friends</h1>
<p><center><img src="link" class="friend" /> <img src="link" class="friend" /> <img src="link" class="friend" /> <img src="link" class="friend" /> <img src="link" class="friend" /> <img src="link" class="friend" /> <img src="link" class="friend" /> <img src="link" class="friend" /> </center>
</div>




</div>

<div class="innerbox" id="box3">
<h1> This is Me:</h1>
<p><img src="link" class="me" />

</div>


<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">Comment/Rate Me</a> ||
<a href="http://vampirefreaks.com/profile_action.php?user=USERNAME">Friend Me?</a> ||
<a href="http://vampirefreaks.com/gallery/USERNAME HERE"> My Gallery</a> ||
<a href="http://vampirefreaks.com/journal/USERNAME HERE">My Journal</a> ||
<a href=http://vampirefreaks.com/cult/The_Iron_Throne_RP> The_Iron_Throne_RP</a> ||
<a href="/lipsofsweetdeceit">Layout Credit</a>

</div>

<style>

.tagline, .commenticon, .friends, comment_title, .rate, .comment, .journal_entry, .buttons1, .buttons2, .buttons3, .profile_title, .dislikes_title, #menu0, .likes_title, .music_title, .gallery, table.userinfo, table.topbar, .defaultpic, .thumbnail, table.leftnav, .comments, .lists, table.comments, .profilepages, .leftnav, .maintop,.footer_links, h2 {display:none}

html, body {
background-image: url('http://twitterevolutions.com/bgs/twitter-background-grungy-green-wall.jpg');
background: #black;
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
}

.graphic {
background-color: transparent;
border: 1px dotted #DEC837;
width: 800px;
height: 652px;
left: 0px;
top: 0px;
text-align: justify;
position: relative;
margin-bottom: 5px;
}

.layout {position:absolute}

.top {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background-color: #739F47;
height: 15px;
box-shadow: 0px 0px 4px #000;
text-align: right;
padding-bottom: 4px;
padding-top: -2px;
border-bottom: 5px solid #C9B03A;
-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: georgia;
text-transform: uppercase;
font-weight: normal;
font-size: 11px;
text-align: right;
line-height: 20px;
color: #346B0F;
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: #5A7B2E;
-moz-transition: color 1s ease; -webkit-transition: color 1s ease; -o-transition: color 1s ease;}

#box1 {
top: 326px;
left: 0px;
width: 800px;
height: 190px;
color: #D4F39B;
position: absolute;
overflow: auto;
padding: 3px;
background: transparent;
border: none;
text-align: center;
}

.section {
overflow: auto;
top: 355px;
left: 0px;
width: 588px;
height: 295px;
}

#anchor {
top: 355px;
left: 207px;
width: 586px;
height: 290px;
position: absolute;
overflow: hidden;
padding: 3px;
background: #346B0F;
border: none;
text-align: justify;
color: #C9B03A;
position: absolute;
}

#box3 {
position: absolute;
overflow: auto;
padding: 3px;
background: #346B0F;
border: none;
text-align: center;
top: 355px;
left: 0px;
width: 200px;
height: 290px;
color: #F7EA97;
}

h1 {
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
background: #DEC837;
border-radius: 0px 0px 10px 10px;
border-bottom: 4px solid #658F3B
width: auto;
height: 21px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
font: 9pt tahoma;
color: #346B0F;
}

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: #346B0F;
display:658F3B;
  }

hr { background-color: #1B2B0E; height: 2px; border: none; }

 h3 {display:block;
color: #D4BB19;
border-bottom: 2px dotted #1B2B0E;
text-align: center;
font-family: Arial;
font-weight: lighter;
text-shadow: 0px -1px 0px #000;
font-size: 16px;
letter-spacing: 2px;
text-transform: lowercase;
font-style:italic;
background-color: transparent;
margin: 3px;
padding:1px; }

b {
color: #AF9838;
font-weight: bold;
font: 11pt georgia;
letter-spacing: 2px;
text-shadow: 0px -1px 0px #000;
}

i {
text-decoration: italic;
text-shadow: none;
font: 11pt georgia;
text-shadow: 0px -1px 0px #000;
color: #739F47;
font-style: italic;
}

u {
border-bottom: 2px solid #FFEE7D;
text-decoration: underline;
text-transform: bold;
text-shadow: 0px 2px 0px #000000
text-shadow: none;
font: 11pt georgia;
color: #DEC837;
}

s {
text-decoration: strike;
text-transform: uppercase;
text-shadow: -1px 1px 0px #000000
font: 11pt georgia;
color: #1B2B0E;
}

a:link, a:visited, a:active {
color: #D4BB19;
font-family: tahoma;
line-spacing: 1px;
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: #FFEE7D;
line-spacing: 1px;
font-family: tahoma;
background: transparent;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
}


a.nav:link, a.nav:visited, a.nav:active {
display: inline-block;
width: 105px;
height: 20px;
padding: 4px;
margin-top: 4px;
margin-bottom: 2px;
margin-left: 4px;
margin-right: 4px;
background: url('http://i.imgur.com/WE7Lfvs.png');
border-radius: 10px 10px 0px 0px;
opacity: 1;
text-align: center;
text-decoration: bold;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
font: 10pt comic sans ms;
color: #32400C;
-webkit-transition: all 1s ease-in-out; -moz-transition: all 1.2s ease-in-out; text-shadow: 0.2em 0.2em 0.3em black; border: 3px dotted #44632F;
}

a.nav:hover {
display: inline-block;
width: 105px;
height: 20px
padding: 4px;
margin-top: 4px;
margin-bottom: 2px;
margin-left: 4px;
margin-right: 4px;
background: url('http://i.imgur.com/WE7Lfvs.png');
border-radius: 10px 10px 0px 0px;
opacity: 1;
border-left: 2px;
border-right: 2px;
text-align: center;
text-decoration: bold;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
font: 10pt comic sans ms;
color: #346B0F;
-webkit-transition: all 1s ease-in-out; -moz-transition: all 1.2s ease-in-out; text-shadow: 0.2em 0.2em 0.3em black; border: 3px dotted #346B0F;
}

.me {
width: 180px;
height: 230px;
border: 3px solid #D4BB19;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
}

.me:hover {
width: 180px;
height: 230px;
filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #FFEE7D;

}

.friend {
width: 60px;
height: 80px;
border: 3px solid #D4BB19;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
}

.friend:hover {
width: 60px;
height: 80px;
filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #FFEE7D;

}

::-webkit-scrollbar {
width: 10px;
height: 10px;
border: none;
}
::-webkit-scrollbar-button: start: decrement
::-webkit-scrollbar button: end: increment {
display: block;
height: 3px;
background-color: #44632F;
}

::-webkit-scrollbar-track-piece {
background-color: #44632F;
-webkit-border-radius: 1px solid black;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px; }

::-webkit-scrollbar-thumb:vertical {
height: 100px;
background-color: #DEC837;
border: 1px solid black;
-webkit-border-radius: 0px; }

::-webkit-scrollbar-thumb: horizontal {
width: 100px;
background-color: transparent;
border: 1px solid black;
-webkit-border-radius: 0px;
}


</style>