Lotus Profile VFDT

<style>
#anchor {
position: absolute;
top: 150px;
width: 475px;
height: 320px;
overflow: hidden;
left: 700px;
padding: 2px;
background: #0f0a0a;
text-align: center;
}

.container {
width: 470px;
height: 420px;
margin: 1px;
overflow: auto;
overflow-y: hidden;
}

.section {
height: 320px;
margin: 2px;
width: 465px;
overflow: auto;
}

#navi {
position: absolute;
top: 100px;
width: 480px;
height: 100px;
overflow: hidden;
left: 700px;
background: transparent;
text-align: center;
}
#navi2 {
position: absolute;
top: 445px;
width: 480px;
height: 120px;
overflow: hidden;
left: 700px;
background: transparent;
text-align: center;
}

</style>

<div id="navi2"><a href="http://vampirefreaks.com/profiles/home.php" class="navlink">VF Home</a><a href="http://vampirefreaks.com/user_comment.php?user=Lotus&amp;rate=1" class="navlink">Comment</a><a href="http://vampirefreaks.com/profile_action.php?user=Lotus" class="navlink">Friend</a><a href="http://vampirefreaks.com/journal/Lotus" class="navlink">Journal</a><a href="http://vampirefreaks.com/gallery/Lotus" class="navlink">Gallery</a><a href="/VenomVixxen" class="navlink">Header</a><a href="/Voltage" class="navlink">Coding</a></div>
<div id="navi"><a href="#About" class="nlink">About</a><a href="#Friends" class="nlink">Friends</a><a href="#Cults" class="nlink">Cults</a><a href="#Music" class="nlink">Music</a></div>
<div id="anchor">
<div class="container">
<a name="About"></a>
<div class="section">
<h1>About</h1>
<u>PLEASE DON'T RANDOMLY ADD ME WITHOUT SPEAKING WITH ME </u>
<p>My name is Allie.
<br /><b>A-L-L-I-E. </b>
<br />Not 'babe', 'baby', 'sexy' or any other little pet name you can think of. So please use my name when speaking with me. I have it here for a reason. I'm 26 years old and happily married to my husband Travis.<b>[August 23rd, 2014] </b>
<p><p>All that aside <img src="http://media.tumblr.com/tumblr_m76og5meM91r08tog.gif" />
<br />I'm a very easygoing person and very easy to get along with. I love meeting new people because people interest me. I hardly message someone first because I can be a bit shy sometimes. I feel as if I'm bothering them or something.
<br />If you take a look at my mutual friends, you'll notice a trend. *waits while you look* Notice it? That's right! I lack male friends. 95% of the time a male species will attempt to interact with me and gets shut down right off the bat. Why you ask?
<br /><u>Here is why:</u>
<li>Obviously didn't read my page and called me by something other than my name
<br /><li>Have no idea how to construct an actual sentence. ['hey sxy. u r beautiful whts ^?' is not a sentence. How can you spell 'beautiful', but cannot spell anything else correctly?]
<br /><li>Randomly add me without even speaking with me. You'll soon notice I always remove myself.
<br />Well...Thank you for stopping by and viewing my page. Have a nice day. :)
</div>

<a name="Friends"></a>
<div class="section">
<h1>Friends</h1>
<a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a><a href="/" class="friend"><img src="http://i.imgur.com/YJG5kvd.png" /></a>
</div>

<a name="Cults"></a>
<div class="section">
<h1>Cults</h1>
<a href="/cult/Close" class="cult"><img src="http://i59.tinypic.com/4v1mk8.gif" /></a><a href="/cult/Spank" class="cult"><img src="http://i58.tinypic.com/21bvpq9.gif" /></a><a href="/cult/420_Girlz_420" class="cult"><img src="http://i58.tinypic.com/4kvg5h.png" /></a><a href="/cult/Score" class="cult"><img src="http://i.imgur.com/LN31ECM.gif" /></a><a href="/cult/Cynosure" class="cult"><img src="http://i.imgur.com/F9UgHl5.gif" /></a><a href="/cult/Aberration" class="cult"><img src="http://i.imgur.com/kdOOU9S.gif" /></a><a href="/cult/Dead-Designs" class="cult"><img src="http://i.minus.com/ib8IbLaqcP5ng.gif" /></a><a href="/cult/Sponsorship" class="cult"><img src="http://i.minus.com/jOyOa3IZrmCb0.png" /></a>
</div>

<a name="Music"></a>
<div class="section">
<h1>Music</h1>
I listen to just about everything...yup.
<br />Classic Rock
<br />Country
<br />Old Rap
<br />Dubstep
<br />Metal
<br />R&amp;B
<br />Trance

<br /><br /><b>I'VE SEEN LIVE: </b>
<br />Korn(old stuff)
<br />The Used
<br />Linkin Park(old stuff)
<br />Iron Maiden
<br />Godsmack
<br />Disturbed
<br />Lacuna Coil
<br />Snoop Dog
<br />Less Than Jake
<br />Killswitch Engage
<br />Chimera
<br />Alice Cooper
<br />Excision
<br />Diryphonics
<br />Ill Gates
<br />Megadeath
</div>
</div>
</div>


<style>
.main {
float: right;
}

html, body {
background-color: #120c0c;
background-image: url('http://i.imgur.com/Hb15aaj.png');
background-attachment: fixed;
background-position: top left;
background-repeat: no-repeat;
font-size: 9pt;
font-family: trebuchet ms; }

h1 {
color: #c7c7c7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#784444), to(#522525));
#784444 &gt; top;
#522525 &gt; bottom;
border-left: 3px solid #c7c7c7;
border-right: 3px solid #c7c7c7;
margin: 5px;
font-family: trebuchet ms;
text-transform: uppercase;
font-size: 10pt;
height: 15px;
line-height: 15px;
text-align: center;
display: block;
margin-bottom: 1px;
}

b {
color: #5b2b2b;
font-family: trebuchet ms;
text-transform: uppercase;
font-size: 8pt;
}

i {
text-transform: none;
font-family: georgia;
color: #7b7e7e;
text-shadow: 1px 1px 1px #120c0c;
font-size: 11px;
letter-spacing: 1px;
}

u {
text-transform: none;
border-bottom: 1px dashed #2f1a1a;
font-family: georgia;
font-size: 11px;
letter-spacing: 2px;
}

a:link, .menu2, .menu2 a:link {
color: #7a4d4d;
font-family: trebuchet ms;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

a:visited, .menu2 a:visited {
color: #7a4d4d;
text-transform: uppercase;
font-family: trebuchet ms;
font-size: 11px;
text-decoration: none;
}

a:hover, .menu, .menu a:link, .menu a:visited {
color: #351b1b;
text-decoration: none;
font-family: trebuchet ms;
font-size: 11px;
text-transform: uppercase;
background: transparent;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

::-webkit-scrollbar { width:5px; background: transparent; }

::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }

::-webkit-scrollbar-thumb{ -webkit-border-radius:0px; background: #351b1b; width:5px; border:none; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:2px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;}

::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#351b1b; cursor:hand;}

::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}

.cult img {
background-image: url('http://i.imgur.com/h7zcq4O.png');
background-position: top right;
border: 2px solid #522525;
padding: 3px;
width: 200px;
height: 55px;
margin: 1px;
margin-top: 2px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}

.cult img:hover {
background-image: url('http://i.imgur.com/h7zcq4O.png');
background-position: bottom left;
padding: 3px;
margin: 1px;
margin-top: 2px;
right: 5px;
border: 2px solid #784444;
width: 200px;
height: 55px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}

.friend img {
background-image: url('http://i.imgur.com/YJG5kvd.png');
background-position: top right;
border: 2px solid #522525;
padding: 3px;
width: 80px;
height: 80px;
margin: 1px;
margin-top: 2px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}

.friend img:hover {
background-image: url('http://i.imgur.com/YJG5kvd.png');
background-position: bottom left;
padding: 3px;
margin: 1px;
margin-top: 2px;
right: 5px;
border: 2px solid #784444;
width: 80px;
height: 80px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}
.nlink:link, .nlink:active, .nlink:visited {
display: inline-block;
width: 100px;
border-radius: 100px;
line-height: 65px;
height: 100px;
font-size: 10pt;
font-family: trebuchet ms;
color: #7d7e7e;
background: #421d1d;
margin: 2px;
padding: 2px;
}

.nlink:hover {
display: inline-block;
width: 100px;
border-radius: 100px;
line-height: 65px;
height: 100px;
font-size: 10pt;
font-family: trebuchet ms;
color: #743f3f;
background: transparent;
margin: 2px;
padding: 2px;
}

.navlink:link, .navlink:active, .navlink:visited {
display: inline-block;
width: 60px;
border-radius: 60px;
line-height: 75px;
height: 60px;
font-size: 10pt;
font-family: trebuchet ms;
color: #7d7e7e;
background: #421d1d;
margin: 1px;
padding: 2px;
}

.navlink:hover {
display: inline-block;
width: 60px;
border-radius: 60px;
line-height: 75px;
height: 60px;
font-size: 10pt;
font-family: trebuchet ms;
color: #743f3f;
background: transparent;
margin: 1px;
padding: 2px;
}


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