supernatural layout

<center><style>
.main_content_title, #user_default_image, #user_profile_info_outer, #user_profile_info, .middle_panel,   .friends-list, #user_newsfeed, .panel-footer, .panel-title, .panel-heading, #main-navbar {display: none; }

.panel-body, .user_profile_box  {background: transparent; border: none;
}

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

.googleactiveviewclass, .side_td {position: absolute; left: 1000px;}

body, html {
background-color: #242424;
background-image: url('http://i.imgur.com/z1l47db.png');
background-size: 500px 500px;
background-repeat: no-repeat;
background-position: left top;
background-attachment: fixed;
}

body, div, table {
font-family: calibri;
font-size: 12px;
line-height: 11px;
color: #dddddd;
}

b {
color: #6FBEDE;
font-size: 11px;
font-family: trebuchet MS;
font-weight: lighter;
text-transform: uppercase;
}

i {
color: #87DAE0;
font-size: 11px;
font-family: georgia;
font-weight: lighter;
}

u {
color: #6FBEDE;
border-bottom: 1px dotted #87DAE0;
font-size: 11px;
font-family: trebuchet MS;
font-weight: lighter;
}

s {
color: #87DAE0;
font-size: 11px;
font-family: trebuchet MS;
font-weight: lighter;
}

a:link, .menu2, .menu2 a:link {
color: #6FBEDE;
font-size: 8pt;
font-family : trebuchet MS;
text-transform: none;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

a:visited, .menu2 a:visited {
color: #6FBEDE;
font-family : trebuchet MS;
}

a:hover, .menu, .menu a:link, .menu a:visited {
color: #87DAE0;
font-family : trebuchet MS;
background: transparent;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

h1 {
color: #dddddd;
text-transform: uppercase;
font-style: none;
font-family: trebuchet MS;
letter-spacing: 3pt;
text-align: center;
font-weight: lighter;
line-height: 16pt;
font-size: 14pt;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 2px;
margin-bottom: 4px;
background-color: #666FE8;
border-bottom: 2px solid #6FBEDE;
}

h3 {
font-size: 8pt;
line-height: 12pt;
font-family: trebuchet MS;
text-align: center;
letter-spacing: 2px;
color: #242424;
font-weight: lighter;
text-transform: uppercase;
font-style: none;
margin-top: 2px;
margin-bottom: 2px;
background-color: #6FBEDE;
border-bottom: 2px solid #666FE8;
border-radius: 0px;
}

small {
font-size: 7pt;
text-transform: uppercase;
}

body   {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 10px;
overflow-y: scroll;
overflow-x: hidden;
}

::-webkit-scrollbar {
width: 5px;
height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 0px;
display: block;
background-color: transparent;
}

::-webkit-scrollbar-track-piece  {
background-color: #242424;
-webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #6FBEDE;
border: none;
-webkit-border-radius: 0px;
}

a:link img, a:visited img {
filter: alpha(opacity=100)
-moz-opacity:100;
opacity: 100;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

a:hover img {
filter: alpha(opacity=70)
-moz-opacity:.70;
opacity: .70;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.gall img {
width: 180px;
height: 96px;
filter: alpha(opacity=100);
-moz-opacity:100;
opacity: 100;
margin: 4px;
padding: 3px;
border-radius: 0px;
background-color: #666FE8;
border: 2px solid #6FBEDE;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.gall img:hover {
background-color: #6FBEDE;
border: 2px solid #666FE8;
filter: alpha(opacity=70);
-moz-opacity:.80;
opacity: .80;
filter: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.furbae img {
width: 186px;
height: 74px;
filter: alpha(opacity=100);
-moz-opacity:100;
opacity: 100;
margin: 4px;
padding: 3px;
border-radius: 0px;
background-color: #666FE8;
border: 2px solid #6FBEDE;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.furbae img:hover {
background-color: #6FBEDE;
border: 2px solid #666FE8;
filter: alpha(opacity=70);
-moz-opacity:.80;
opacity: .80;
filter: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.fri img {
width: 38px;
height: 52px;
filter: alpha(opacity=100);
-moz-opacity:100;
opacity: 100;
margin: 1px;
padding: 3px;
border-radius: 0px;
background-color: #666FE8;
border: 2px solid #6FBEDE;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.fri img:hover {
background-color: #6FBEDE;
border: 2px solid #666FE8;
filter: alpha(opacity=70);
-moz-opacity:.80;
opacity: .80;
filter: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.cull img {
width: 88px;
height: 31px;
filter: alpha(opacity=100);
-moz-opacity:100;
opacity: 100;
margin: 1px;
padding: 3px;
border-radius: 0px;
background-color: #666FE8;
border: 2px solid #6FBEDE;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.cull img:hover {
background-color: #6FBEDE;
border: 2px solid #666FE8;
filter: alpha(opacity=70);
-moz-opacity:.80;
opacity: .80;
filter: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.navlink:link, .navlink:active, .navlink:visited {
color: #dddddd;
font-family: calibri;
font-size: 20pt;
text-transform: uppercase;
font-weight: lighter;
padding: 6px;
margin: 1px;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
display: inline-table;
background-color: #666FE8;
border-radius: 100px;
border: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
text-shadow: 0px 0px 0px 0px #000;
}

.navlink:hover {
background-color: #65AAE6;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#about {
position: fixed;
top: 28px;
left: 480px;
width: 420px;
height: 160px;
padding: 6px;
border: 0px solid #000;
overflow: auto;
text-align: justify;
background-color: #2d2d2d;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}

#galpic {
position: fixed;
top: 200px;
left: 480px;
width: 204px;
height: 116px;
padding: 6px;
border: 0px solid #000;
overflow: auto;
text-align: center;
background-color: #2d2d2d;
border-radius: 0px;
}

#furbab {
position: fixed;
top: 200px;
left: 696px;
width: 204px;
height: 116px;
padding: 6px;
border: 0px solid #000;
overflow: auto;
text-align: center;
background-color: #2d2d2d;
border-radius: 0px;
}

#frie {
position: fixed;
top: 328px;
left: 480px;
width: 420px;
height: 164px;
padding: 6px;
border-bottom: 3px solid #65AAE6;
overflow: auto;
text-align: center;
background-color: #2d2d2d;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

#culs {
position: fixed;
top: 48px;
left: 912px;
width: 100px;
height: auto;
padding: 6px;
border-right: 3px solid #65AAE6;
overflow: auto;
text-align: center;
background-color: #2d2d2d;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

#directory {
position: fixed;
top: 430px;
left: 30px;
width: 300px;
height: auto;
padding: 0px;
overflow: auto;
text-align: center;
border: 0px solid #000;
}

</style>

<div id="about">

<h1>About Me</h1>

My name is Kariann. 20 years old. I go to college for computer programming, in my third year but second with this major - I was in Architecture at first. I have 4 years experience in drafting - both residential and commercial. I work as a web designer a couple days a week, and a hostess one day a week. I have a dog named Snickers and I love her more than anything.
<br /><br />I do graphic design as a hobby. I'm not the best, but hey, whatever.
<br /><br />I'm generally nice unless you're a perv. The religion I would identify as is Omnism.
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k003.kiwi6.com/hotlink/qprmdwfubz/Nothing_More_-_Mr._MTV.mp3&t0=Mr. MTV&f1=http://k003.kiwi6.com/hotlink/hvtolx9lnh/Candlebox_-_You_Music_Video_official_.mp3&t1=You&f2=http://k003.kiwi6.com/hotlink/sw7rkujh0p/STARSET_-_MY_DEMONS_official_transmission_.mp3&t2=My Demons&total=3" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
</div>

<div id="galpic">

<a href="/gallery/Voltage" class="gall"><img src="http://i.imgur.com/vBcE1xt.png" title="Gallery" /></a>

<br />

</div>

<div id="furbab">

<h3>Snickers</h3>

<a href="/gallery/Voltage" class="furbae"><img src="http://i.imgur.com/tE8heTb.png" title="Snickers" /></a>

<br />

</div>

<div id="frie">

<h1>Friends</h1>

<a href="/Ayasha" class="fri"><img src="http://i.imgur.com/YXTIMvZ.png" title="Aya" /></a>
<a href="/Usami" class="fri"><img src="http://i.imgur.com/ZGkWUG3.png" /></a>
<a href="/Krechar" class="fri"><img src="http://i.imgur.com/kXpR5JR.png" title="Krech" /></a>
<a href="/bobmandude12" class="fri"><img src="http://i.imgur.com/7pJXWVn.png" title="DJ" /></a>
<a href="/Zenith-" class="fri"><img src="http://i.imgur.com/dOXIsGG.png" title="Savvy" /></a>
<a href="/Xx__TigerClaws" class="fri"><img src="http://i.imgur.com/3oolWL8.png" title="Verushka" /></a>
<a href="/ChemicalxUnbalance" class="fri"><img src="http://i.imgur.com/B6hmDca.png" title="Kim" /></a>
<a href="/Sollertia" class="fri"><img src="http://i.imgur.com/Keh27Sw.png" title="Julie" /></a>
<a href="/xRainbowsRAWRx" class="fri"><img src="http://i.imgur.com/5xSAbZQ.png" title="Jordan" /></a>
<a href="/arachnidsGrip" class="fri"><img src="http://i.imgur.com/10nCMji.png" title="Melly" /></a>
<a href="" class="fri"><img src="http://i.imgur.com/IIxjOM4.png" title="Username" /></a>
<a href="" class="fri"><img src="http://i.imgur.com/IIxjOM4.png" title="Username" /></a>
<a href="" class="fri"><img src="http://i.imgur.com/IIxjOM4.png" title="Username" /></a>
<a href="" class="fri"><img src="http://i.imgur.com/IIxjOM4.png" title="Username" /></a>
<a href="" class="fri"><img src="http://i.imgur.com/IIxjOM4.png" title="Username" /></a>

<br />

</div>

<div id="culs">

<h1>Cults</h1>
<a href="/cult/Socius" class="cull"><img src="http://i.imgur.com/bQbYD2K.gif" title="Socius || Owner" /></a>
<a href="/cult/Inspiration" class="cull"><img src="http://i.imgur.com/vCcHDAX.gif" title="Inspiration || Co-Owner" /></a>


<br />

</div>

<div id="directory">

<a href="http://vampirefreaks.com/profiles/home.php" class="navlink"><img src="http://i.imgur.com/2EJfyiR.png" title="VF Home" /></a>
<a href="http://vampirefreaks.com/user_comment.php?user=Voltage&rate=1" class="navlink"><img src="http://i.imgur.com/U52ot13.png" title="Contact" /></a>
<a href="http://vampirefreaks.com/profile_action.php?user=Voltage" class="navlink"><img src="http://i.imgur.com/TZCxlV0.png" title="Add Friend" /></a>
<a href="/gallery/Voltage" class="navlink"><img src="http://i.imgur.com/HudLCUv.png" title="Gallery" /></a>
<a href="/journal/Voltage" class="navlink"><img src="http://i.imgur.com/KNQI3ih.png" title="Journal" /></a>
<a href="http://vampirefreaks.com/members/voltage/highvoltagedesigns/" class="navlink"><img src="http://i.imgur.com/0GOhJbM.png" title="Portfolio" /></a>
<a href="/StungByFate" class="navlink"><img src="http://i.imgur.com/LLudbFa.png" title="© 2014" /></a>

<br />

</div>