SisterGrim Journal

<center>
<style>
.overlay {
width: 600px;
height: 364px;
background: transparent;
position: absolute;
}

.innerbox {
overflow: auto;
border: none;
background: transparent;
position: absolute;
}

#navi {
top: 242px;
left: 40px;
width: 110px;
height: 150px;
text-align: center;
overflow: hidden;
border: none;
letter-spacing: 0px;
}

</style>
<div class="overlay"><div class="innerbox" id="navi"><center><a href="http://vampirefreaks.com" class="navlink">Home</a> <a href="http://vampirefreaks.com/SisterGrim" class="navlink">Profile</a>
<a href="http://vampirefreaks.com/journal/SisterGrim" class="navlink">Journal</a> <a href="http://vampirefreaks.com/journal_entry.php" class="navlink">Make Entry</a> <a href="http://vampirefreaks.com/Voltage" class="navlink">Coding C.</a> <a href="http://vampirefreaks.com/Ominous-Pixie" class="navlink">Header C.</a>
</div></div>
<img src="http://i.imgur.com/974CAlQ.jpg" />
<style>


.navlink:link, .navlink:active, .navlink:visited {
color: #0D6759;
display: block;
background: #2A044A;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.navlink:hover {
color: #0D6759;
display: block;
background: transparent;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}



.main {
width: 611px;
background: #2A044A;
text-align: center;
font-family: trebuchet ms;
}

.subject { color: #0D6759;
font-family: Verdana;
font-size: 10pt;
}
small { color: #0d6759;
font-family: verdana;
text-align: center;
}

.subheading {
background: transparent;
border: none;
text-align: center;
}

i {
font-style: italic;
font-size: 11px;
font-family: georgia;
color: #A0C55F;
letter-spacing: 2px;
}

b { text-decoration:none;
font: 15px Trebuchet MS;
color: #0D6759;
font-variant: small-caps;
font-weight: lighter;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #0B2E59;
}

u { text-decoration:none;
font: 11px Trebuchet MS;
color: #7AB317;
text-transform: ;
border-bottom: 1px dotted #0D6759;
letter-spacing: 2px;
}

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

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

body, html { background: url('http://i.imgur.com/FW8Ys7K.png');
color: #7AB317; }

.entrytable {
border: 1px dotted #0B2E59;
border-radius: 20px; }

.editdel_links { margin: 3px; }

.comment_table { border: none;
text-align: center;
background: transparent; }

.comment_table td { border: none; }
.commentform { text-align: center;
width: 60%;
background: transparent;
border: none; }

input, select, textarea { color: #7AB317;
background: url('http://i.imgur.com/FW8Ys7K.png');
border-radius: 20px;
border: 1px solid #252525;
padding-left: 4px; }


.leftnav, .maintop img, h2, .topbar, .description, .footer_links, .menu2, .usericon, .makeentry { display: none; }



</style>