TurdFerguson Profile

<style>
.overlay {
width: 600px;
height: 550px;
background: transparent;
position: relative;
}
.innerbox {
overflow: auto;
border: 3px dotted #0d0d0d;
background: #181818;
position: absolute;
padding: 3px;
border-radius: 20px;
}
#about {
top: 20px;
left: 50px;
width: 230px;
height: 175px;
}
#music {
top: 20px;
left: 300px;
width: 220px;
height: 175px;
text-align: center;
}
#likes {
top: 215px;
left: 50px;
width: 230px;
height: 200px;
text-align: center;
}
#dislikes {
top: 215px;
left: 300px;
width: 220px;
height: 200px;
text-align: center;
}
#links {
top: 435px;
left: 50px;
width: 470px;
height: 123px;
text-align: center;
}
</style>
<div class="overlay">

<div class="innerbox" id="about"><h1>About</h1>
Turd Ferguson. It's a funny name. I'll spare the entirely self indulgent life story. My name is Magan. <b>bold</b> <i>italics</i> <u>underline</u> <s>strike</s> <a href="">link</a></div>

<div class="innerbox" id="music"><h1>Music</h1>
<li>The Bouncing Souls.
<li>MewithoutYou.
<li>Brand New.
<li>Operation Ivy.
<li>Bad Religion.
<li>The Horrorpops.
<li>Screeching Weasel.
<li>Wu-Tang Clan.
<li>Atmosphere.
<li>Eyedea &amp; Abilities.
<li>Tegan &amp; Sara.
<li>Bloc Party.
<li>Eve 6.
<li>El-P.
<li>The Postal Service.
<li>Weezer.
<li>Rancid.
<li>Aesop Rock.
<li>Chiodos.
<li>Sigur Ros.
<li>Lupe Fiasco.
<li>Regina Spektor.
<li>Cage The Elephant.
<li>The Avett Brothers.
<li>MGMT.
<li>Sufjan Stevens.
<li>The Shins.
<li>Bomb The Music Industry!
<li>Aqualung.
<li>Streetlight Manifesto.
<li>The Raconteurs.
<li>The White Stripes.
<li>The Pixies.
<li>Mac Lethal.
<li>Foxy Shazam.
<li>Bon Iver.
<li>Bassnectar.
<li>She &amp; Him.
<li>Placebo.
</div>

<div class="innerbox" id="likes"><h1>Likes</h1>
<li>Aliens</div>

<div class="innerbox" id="dislikes"><h1>Dislikes</h1>
<li>Earthlings</div>

<div class="innerbox" id="links"><h1>Navigation</h1>
<a href="http://vampirefreaks.com/user_comment.php?user=TurdFerguson&amp;uid=5080650&amp;rate=1" class="navlink">Rate &amp; Comment</a> <a href="http://vampirefreaks.com/profile_action.php?user=TurdFerguson" class="navlink">Add Friend</a> <a href="http://vampirefreaks.com" class="navlink">VF Main</a><a href="http://vampirefreaks.com/gallery/TurdFerguson" class="navlink">My Gallery</a> <a href="http://vampirefreaks.com/journal/TurdFerguson" class="navlink">My Journal</a> <a href="" class="navlink">Extra Link</a><a href="" class="navlink">Extra Link 2</a> <a href="http://vampirefreaks.com/Voltage" class="navlink">Coding</a> <a href="http://vampirefreaks.com/Decayed" class="navlink">Header</a></div>
</div>






<style>
.navlink:link, .navlink:active, .navlink:visited {
color: #742323;
border-left: 5px solid #869721;
border-right: 5px solid #a18201;
font-family: Trebuchet MS;
font-size: 10pt;
font-weight: bold;
text-transform: uppercase;
font-weight: lighter;
padding: 2px;
width: 130px;
text-align: center;
display: inline-table;
background: #141414;
margin-top: 2px;
margin-bottom: 1px;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.navlink:hover {
color: #61b34c;
border-left: 5px solid #a18201;
border-right: 5px solid #869721;
text-transform: uppercase;
font-style: normal;
font-weight: lighter;
text-align: center;
display: inline-table;
background: #0d0d0d;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

html, body { background: #141414;
background-image: url('http://oi41.tinypic.com/wgrqsi.jpg');
background-attachment: fixed;
background-position: top right;
background-repeat: no-repeat; }

html, div {
font-family: verdana;
color: #e2e2e2;
font-size: 11px;
font-style: normal; }

a:link, .menu2, .menu2 a:link {
color: #9c8607;
font-size: 9pt;
font-family: trebuchet ms;
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: #9c8607;
text-transform: uppercase;
font-family: trebuchet ms;
text-decoration: none;
}

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

h1 {
color: #772424;
background: #141414;
text-transform: none;
font-variant: small-caps;
font-family: calibri;
font-size: 14px;
display: block;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 2px;
border-bottom: 1px dotted #869721;
text-align: center;
letter-spacing: 1px;
}

b {
text-transform: uppercase;
font-variant: small-caps;
font-family: trebuchet ms;
color: #61b34c;
font-size: 12px;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #0d0d0d;
}

i {
color: #869721;
text-transform: none;
font-family: georgia;
font-size: 12px;
letter-spacing: 2px;
}

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

u {
color: #a18201;
border-bottom: 1px dotted #742323;
text-transform: none;
font-family: helvetica;
font-size: 11px;
letter-spacing: 2px;
}

.menu2 { background: #141414; }
.menu2, #menu0 table { border: none!important; }
.menu2 table, #menu0 { border: 1px dotted #0d0d0d!important; }
.leftnav { background: #141414;}
.leftnav { border: 1px dotted #0d0d0d; }
.leftnav td { border: none; }
</style>
<style>

.maintop, .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, .profilepages, .footer_links { display: none; }

::-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:10px; background: #a18201; width:5px; border:none; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:10px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;}

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

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


</style>