Sleepyjournal

<style>


 a:link, a:visited, a:active {
background-color: transparent;
font: 12px Trebuchet MS;
color: #4b593b;
letter-spacing: 2px;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;}

a:hover {
background-color: transparent;
font: 12px Trebuchet MS;
color: #57713a;
letter-spacing: 2px;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;}

a:link img, a:visited img {
border: 0px dotted #542574;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;;
}
a:hover img {
border: 0px dotted #a15ad1;
opacity:.80; }

a.nav:link, a.nav:visited, a.nav:active {
display: block;
font: 8px Small Fonts;
text-transform: uppercase;
color: #fafdcd;
background: #25C388;
text-align: center;
border-radius: 3px;
border-right: 3px solid #fafdcd;
border-left: 3px solid #fafdcd;
padding: 2px;
margin: 2px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}
a.nav:hover {
display: block;
font: 8px sans;
text-transform: uppercase;
color: #484274;
background: #484274;
text-align: center;
border-radius: 3px;
border-right: 3px solid #fafdcd;
border-left: 3px solid #fafdcd;
padding: 2px;
margin: 2px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}

body, html{
background-color: #292b28;
background-image: url('http://i.imgur.com/dY9EEIi.gif'), url('');
background-position: top right;
background-repeat: no-repeat, repeat;
background-attachment: fixed;
}

body, div, table {
width: 500px;
font-family: trebuchet MS;
font-size: 12px;
line-height: 11px;
color: #8DC982;


}


b {
font: 12px Sans;
font-variant: sans;
font-weight: bold;
color: #8DC982;
background: transparent;
letter-spacing: 2px;
text-shadow: -2px 4px 5px rgba(46, 28, 28, 0.25);
border-radius: 5px;
}

i {
font: 14px sans;
font-family: Satisfy, cursive;
font-style: italic;
font-weight: lighter;
color: #8ba66f;
letter-spacing: 2px;
text-shadow: 2px 1px 2px #333;

}

u {
font: 12px Sans;
font-weight: lighter;
color: #white;
border-bottom: 1px solid #8ba66f;
letter-spacing: 2px;
}

.journalentry, .journalentry td { border: none; }

.entrytable { border: none; }

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

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

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

h1{
font-family:"Times New Roman", Times, serif;
font-size: 25px;
color: #e8e6d2;
text-shadow: #060606 1px 1px 0px;
text-align: center;
font-weight:normal;
letter-spacing:-1px;
font-style: italic;
line-height:30px;
text-transform:uppercase;
margin:0px;padding:2px;
padding-right: 5px;
background-image: url('http://i.imgur.com/byF80u8.png');
background-color: transparent;
height:35px;
border: 2px solid #566545
}

small {
color: #8DC982;
font-family: trebuchet ms;
font-size: 10px;
text-transform: uppercase;
}

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

.main {
margin-top: 300px;
background-color:  #4A7442;
border: 2px solid black;


}

.journalentry {
background: #1b1c1a;
text-align: left;
border: none;
width: 500px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 7px 23px #000000;
-webkit-box-shadow: 0px 7px 23px #000000;
border: 1px solid #566545;
}

.journalentry td {
border: none;
}

.entrytable {
background: #1b1c1a;
text-align: left;
border: none;
width: 500px;
border: 4px solid #566545;
border-top: 8px solid #566545;
border-bottom: 8px solid #566545;
background-color:#1a1a1a;
}

.entrytable td {
border: none;
}

.comment_table  {
background: ##222222;
text-align: left;
color:#8DC982;
border: none;
width: 500px;
}

.comment_table td {
border: none;
}

.commentform  {
background: #8DC982;
text-align: left;
border: none;
width: 500px;
border: 4px solid #566545;
border-top: 8px solid #566545;
border-bottom: 8px solid #566545;
background-color:#1a1a1a;
}

.commentform td {
border: none;
}

#last_comment {
background: #222222;
text-align: left;
border: none;
width: 500px;
}

#last_comment td {
border: none;
}

.darkbox td {
border: none;
}

#ajaxpane {
border: none
}

#ajaxpane td {
border: none;
}

.ajaxtooltip {
border: none;
background: transparent;
}

.poll_table td {
border: none;
}

.subheading {
font-size: 15px;
color: #e8e6d2;
text-shadow: #060606 1px 1px 0px;
font-family: trebuchet MS;
text-align: center;
font-weight: lighter;
line-height: 10px;
letter-spacing: 5px;
font-style: none;
background: ;
background-image: url('http://i.imgur.com/byF80u8.png');
border: none;
width:100%;
}

.subheading td {
border: none;
background-image: url('http://i.imgur.com/byF80u8.png');
}

select {
background: #e8e7d3;
font-size: 10px;
text-transform: uppercase;
color: #4b593b;
border: none;

}

input {
font-size: 10px;
text-transform: uppercase;
color: #4b593b;
border: none;
border: 1px solid #566545;
background-color:#1a1a1a;
}

textarea {
width: 70%;
background: #1a1a1a;
border: none;
text-align: left;
height: 100px;
}

.sub_button {
border: none;
background-color: #566545;
color: #4b593b;
padding: 0px 3px;
margin: 0px;
}

body   {
position: absolute;
top: 100px;
bottom: 0;
right: 450px;
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: #1a1a1a;
-webkit-border-radius: 0px;
}

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


#navi {
margin: 0px;
padding-bottom:0px;
position: fixed;
top: 0px;
left: 300px;
height: 800px;
width: 150px;
font-family: trebuchet MS;
font-size: 8pt;


}
.portlink:link, .portlink:visited, .portlink:active{
color: #4b593b;
font-family: trebuchet ms;
font-size: 10px;
text-transform: lowercase;
font-weight: lighter;
border-right: 3px solid #953653;
border-left: 3px solid #953653;
line-height: 13px;
text-align: center;
background-color: #8DC982;
padding:0px;
margin:0px;
width:76px;
height:15px;
-moz-box-shadow: 0px 3px 5px #000000;
-webkit-box-shadow: 0px 3px 5px #000000;
border:ridge 2px #4b3f4d;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}
.portlink:hover{
color: #0e0e0d;
background-color: #57713a;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
-moz-box-shadow: 0px 3px 5px #000000;
-webkit-box-shadow: 0px 3px 5px #000000;
border:ridge 2px #2b391d;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;

}
div.menu5 a
{
    display: inline-block;
    padding: 3 4px;
    background:;
    border:1px solid #5E544A;
    color:#C4B09C;
    text-decoration:none;
    font: bold 12px Arial;
    line-height: 20px;
    margin-right:1px;
}

div.menu5 a:hover, div.menu5 a.current
{
    background:;
    color:#0e0e0d;

}
</style>

<div id="navi">
 <div class="menu5">
<a href="/profiles/home.php" class="portlink">VF Home</a>
<a href="http://vampirefreaks.com/Sleeplock" class="portlink">My Profile</a>
 <a href="http://vampirefreaks.com/journal_edit_options.php" class="portlink">Edit</a>
 <a href="http://vampirefreaks.com/journal_entry.php" class="portlink">New Entry</a>
<a href="http://vampirefreaks.com/journal/Sleeplock" class="portlink">Cover Page</a>
<a href="http://vampirefreaks.com/members/Beeline/Beeline+Designs" class="portlink">PD 14</a>

<br />

</div></div>