chrissie Profile (VFDT)

<center>
<style>
.overlay {
top: 0px;
width: 730px;
height: 565px;
background: #342b3b;
position: relative;
padding: 5px;
}

.innerbox {
overflow: auto;
padding: 5px;
background: #3b2f3f;
position: absolute;
overflow: hidden;
}
#header {
left: 5px;
top: 5px;
padding: 0px;
height: 342px;
width: 730px;
background: transparent;
}

#navi1 {
left: -92px;
position: absolute;
top: 120px;
padding: 0px;
height: 500px;
width: 100px;
border: none;
background:transparent;
}

#navi2 {
left: 732px;
position: absolute;
top: 120px;
padding: 0px;
height: 500px;
width: 100px;
border: none;
background:transparent;
}

#content {
left: 5px;
top: 325px;
height: 239px;
width: 737px;
text-align: center;
}

#anchor {
position: absolute;
top: 325px;
width: 737px;
height: 245px;
overflow: auto;
left: 5px;
text-align: center;
}

.container {
width: 727px;
height: 239px;
margin: 2px;
overflow: auto;
overflow-y: hidden;
}

.section {
height: 239px;
margin: 2px;
width: 712px;
overflow: auto;
background: #3b2f3f;
padding: 5px;
}
</style>
<div class="overlay">
<div class="innerbox" id="header"><img src="http://i.imgur.com/f0spa1F.png" /></div>

<div id="anchor">
<div class="container">
<a name="about"></a>
<div class="section">
<h1>About Me</h1>
<a href="/gallery/chrissie" class="myicon" title="Click for Gallery"><img src="http://i.imgur.com/XtdR0nZ.png" align="left" /></a>
Hey there I'm Chrissie :) I am a youth worker and could not have found a more rewarding job! There is nothing like being able to make a young person realize that they are special and deserve only the best in life! It has it's stressful times but what job doesn't?! I am a basketball coach and tend to dye my hair the color of our team for support ;) I love just hanging out and laughing with my friends. I am up for a chat but only if you are not going to be a sleaze about it all. <b>bold</b> <i>italics</i> <s>strike</s> <u>underline</u> <a href="">link</a>
</div>

<a name="cults"></a>
<div class="section">
<h1>Cults</h1>
<a href="/cult/Spank" class="cult" title="Name"><img src="http://i.imgur.com/VQP8u15.gif" /></a><a href="/cult/" class="cult" title="Name"><img src="http://i.imgur.com/XtdR0nZ.png" /></a><a href="/cult/" class="cult" title="Name"><img src="http://i.imgur.com/XtdR0nZ.png" /></a><a href="/cult/" class="cult" title="Name"><img src="http://i.imgur.com/XtdR0nZ.png" /></a><a href="/cult/" class="cult" title="Name"><img src="http://i.imgur.com/XtdR0nZ.png" /></a><a href="/cult/" class="cult" title="Name"><img src="http://i.imgur.com/XtdR0nZ.png" /></a>
</div>

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

</div></div>


<div id="navi1"><a href="http://vampirefreaks.com/profiles/home.php" class="navlink">VF Home</a><a href="http://vampirefreaks.com/user_comment.php?user=chrissie&amp;rate=1" class="navlink">Comment</a><a href="http://vampirefreaks.com/profile_action.php?user=chrissie" class="navlink">Friend</a><a href="/LaneyKatherine" class="navlink">Header</a><a href="/Voltage" class="navlink">Coding</a></div>

<div id="navi2"><a href="#about" class="navlinky">About Me</a><a href="#cults" class="navlinky">Cults</a><a href="#friends" class="navlinky">Friends</a><a href="http://vampirefreaks.com/journal/chrissie" class="navlinky">Journal</a><a href="http://vampirefreaks.com/gallery/chrissie" class="navlinky">Gallery</a></div>
</div>


<style>

.navlink:link, .navlink:active, .navlink:visited {
display: inline-block;
width: 80px;
border-radius: 100px 0px 0px 100px;
line-height: 60px;
height: 60px;
font-size: 10pt;
font-family: trebuchet ms;
color: #babec3;
background: #3b2f3f;
margin: 1px;
padding: 2px;
}

.navlink:hover {
display: inline-block;
width: 80px;
border-radius: 100px 0px 0px 100px;
line-height: 60px;
height: 60px;
font-size: 10pt;
font-family: trebuchet ms;
color: #b4c883;
background: #6e4a5a;
margin: 1px;
padding: 2px;
}

.navlinky:link, .navlinky:active, .navlinky:visited {
display: inline-block;
width: 80px;
border-radius: 0px 100px 100px 0px;
line-height: 60px;
height: 60px;
font-size: 10pt;
font-family: trebuchet ms;
color: #babec3;
background: #3b2f3f;
margin: 1px;
padding: 2px;
}

.navlinky:hover {
display: inline-block;
width: 80px;
border-radius: 0px 100px 100px 0px;
line-height: 60px;
height: 60px;
font-size: 10pt;
font-family: trebuchet ms;
color: #b4c883;
background: #6e4a5a;
margin: 1px;
padding: 2px;
}

.googleactiveviewclass, .side_td {position: absolute; left: 1000px;}
::-webkit-scrollbar { width:5px; background: #6e4a5a; }

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

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

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:5px; 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:#b4c883; cursor:hand;}

::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
.main {
width: 700px;
}
html, body {
background: #000;
background-image: url('http://i.imgur.com/CfqdztD.png');
color: #f1f1f1;
font-family: trebuchet ms;
font-size: 9pt;
}

h1 {
color: #c1c3be;
background: #6e4a5a;
border-bottom: 2px solid #b4c883;
text-shadow: 2px 2px 2px #342b3b;
letter-spacing: 2px;
font-family: trebuchet ms;
font-size: 12pt;
display: block;
margin: 1px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
}


i {
font-family: georgia;
font-size: 9pt;
color: #b4c883;
text-shadow: 1px 1px 1px #352c3c;
}

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

s {
font-family: trebuchet ms;
font-size: 9pt;
color: #c1c3bc;
}

u {
font-family: georgia;
font-size: 9pt;
color: #8f6d6c;
border-bottom: 1px dotted #c1c3bc;
}

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

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

.myicon img {
background: #6e4a5a;
border: 4px solid #b4c883;
border-radius: 0px;
padding: 2px;
width: 100px;
height: 100px;
margin-left: 1px;
margin-top: 1px;
margin-right: 10px;
margin-bottom: 10px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.myicon img:hover {
background: #b4c883;
padding: 2px;
margin-left: 1px;
margin-top: 1px;
margin-right: 10px;
margin-bottom: 10px;
border: 4px solid #6e4a5a;
border-radius: 0px;
width: 100px;
height: 100px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.friend img {
background: #6e4a5a;
border: 4px solid #b4c883;
border-radius: 0px;
padding: 2px;
width: 85px;
height: 85px;
margin: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.friend img:hover {
background: #b4c883;
padding: 2px;
margin: 2px;
border: 4px solid #6e4a5a;
border-radius: 0px;
width: 85px;
height: 85px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.cult img {
background: #6e4a5a;
border: 4px solid #b4c883;
border-radius: 0px;
padding: 2px;
width: 208px;
height: 85px;
margin: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.cult img:hover {
background: #b4c883;
padding: 2px;
margin: 2px;
border: 4px solid #6e4a5a;
border-radius: 0px;
width: 208px;
height: 85px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

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