blazejoint 00

<center>
<div class="boxforthenav">
<a href="#1" class="nav">About</a>
<a href="#2" class="nav">Likes</a>
<a href="#3" class="nav">Hates</a>
<a href="#4" class="nav">Music</a>
<a href="/lipsofsweetdeceit" class="nav">©2013</a> </div>

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



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

About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section About Section


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


</div>

<div class="innerbox" id="box3">
<h1> My Top Friends:</h1>
<p>
<a href="/username"> <img src="http://i.imgur.com/XdXSPit.png" class="frnd" /></a> <a href="/username"> <img src="http://i.imgur.com/XdXSPit.png" class="frnd" /></a> <a href="/username"> <img src="http://i.imgur.com/XdXSPit.png" class="frnd" /></a> <a href="/username"> <img src="http://i.imgur.com/XdXSPit.png" class="frnd" /></a> <a href="/username"> <img src="http://i.imgur.com/XdXSPit.png" class="frnd" /></a> <a href="/username"> <img src="http://i.imgur.com/XdXSPit.png" class="frnd" /></a> <a href="/username"> <img src="http://i.imgur.com/XdXSPit.png" class="frnd" /></a> <a href="/username"> <img src="http://i.imgur.com/XdXSPit.png" class="frnd" /></a> <a href="/username"> <img src="http://i.imgur.com/XdXSPit.png" class="frnd" /></a>

</div>


<div class="innerbox" id="box4">
<h1> Cults to Join </h1>

<p><marquee scrollamount="5"> <a href="cultname"><img src="link" class="c" /></a> <a href="cultname"><img src="link" class="c" /></a> <a href="cultname"><img src="link" class="c" /></a> <a href="cultname"><img src="link" class="c" /></a>  </marquee>

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

</div></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://i.imgur.com/oMkiwUi.jpg');
background: #black;
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
}

.graphic {
background-color: #000600;
border: 6px solid #C50400;
border-radius: 0px 0px 15px 15px;
width: 650px;
height: 753px;
left: 0px;
top: 0px;
color: #0C3737;
font-family: times;
text-align: justify;
position: relative;
margin-bottom: 5px;
}

.layout {position:absolute}


.boxforthenav {
position: absolute;
top: 452px;
right: 165px;
width: 140px;
height: 200px;
background-color: transparent;
overflow: hidden;
}


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


.section {
overflow: auto;
top: 320px;
left: 0px;
width: 437px;
height: 295px;
}

#anchor {
top: 320px;
left: 207px;
width: 435px;
height: 290px;
position: absolute;
overflow: hidden;
padding: 3px;
background: transparent;
border-radius: 0px 0px 15px 15px;
border: none;
text-align: justify;
color: #F2F2F2;
position: absolute;
}

#box3 {
position: absolute;
overflow: auto;
padding: 3px;
background: transparent;
border: none;
text-align: center;
top: 320px;
border-radius: 0px 0px 15px 15px;
left: 0px;
width: 200px;
height: 290px;
color: transparent;
}

#box4 {
position: absolute;
overflow: auto;
padding: 3px;
background: transparent;
border: none;
text-align: center;
top: 620px;
border-radius: 15px;
left: 0px;
width: 645px;
height: 130px;
color: transparent;
}

h1 {
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
background: transparent;
border-bottom: 4px solid #9C0A01;
border-radius: 10px;
width: auto;
height: 21px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
font: 9pt Arial;
color: #E4E1E1;
}

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: #8D060C;
display:658F3B;
  }

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

 h3 {display:block;
color: #fff;
border-right: 4px solid #9C0A01;
border-left: 4px solid #9C0A01;
text-align: center;
font-family: times;
font-weight: lighter;
font-size: 12px;
letter-spacing: 6px;
text-transform: lowercase;
font-style:italic;
background-color: #3E0003;
margin: 3px;
padding:1px; }

b {
color: #CF0C00;
font-weight: bold;
font: 10pt Arial;
letter-spacing: 5px;
}

i {
text-decoration: italic;
text-shadow: none;
font: 10pt Arial;
text-shadow: 0px -1px 0px #000;
color: #CF0C00;
font-style: italic;
}

u {
border-bottom: 2px solid #CF0C00;
text-decoration: underline;
text-transform: bold;
text-shadow: 0px 2px 0px #000000
text-shadow: none;
font: 10pt Arial;
color: #6A0702;
}

s {
text-decoration: strike;
text-transform: uppercase;
text-shadow: -1px 1px 0px #000000
font: 10pt Arial;
color: #6A0702;
}

a:link, a:visited, a:active {
color: #9C0A01;
font-family: Arial;
font-size: 11px;
line-spacing: 2px;
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: #6E0000;
line-spacing: 2px;
font-family: Arial;
font-size: 11px;
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: 100px;
height: 20px;
padding: 0px;
background: #000;
text-decoration: bold;
font-weight: bold;
font: 12pt times;
color: #9C0A01;
margin-bottom: 2px;
border-radius: 10px;
border: 4px solid #C50400;
font-style: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

a.nav:hover {
display: inline-block;
width: 120px;
height: 20x;
padding: 0px;
background: #000;
border-radius: 10px;
text-decoration: bold;
border: 4px solid #C50400;
font: 12pt times;
font-style: none;
color: #9C0A01;
margin-bottom: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}

.frnd {
width: 50px;
height: 58px;
border: 3px solid #8D060C;
filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease
}

.frnd:hover {
width: 50px;
height: 58px;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
-webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -o-transform:rotate(-15deg); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #370502;
}

.c {
width: 95px;
height: 60px;
border: 3px solid #8D060C;
filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
}

.c:hover {
width: 95px;
height: 60px;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
border-radius: 20px;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #370502;
}

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

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

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

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


</style>