Inspiration Winter HTML/Header

<div id="navi"><center><h1>Navigation</h1>
<a href="http://vampirefreaks.com/profiles/home.php" class="slink">VF Home</a>
<a href="http://vampirefreaks.com/group_members.php?c=Inspiration" class="slink">View Members</a>
<a href="http://vampirefreaks.com/cults/gallery.php?c=Inspiration" class="slink">Cult Gallery</a>
<a href="http://vampirefreaks.com/cults/statistics.php?c=Inspiration" class="slink">Cult Stats</a>
<a href="http://vampirefreaks.com/cults/controlpanel.php?c=Inspiration" class="slink">Control Panel</a>
<a href="/Murder_My_Heart666" class="slink">Header 2014</a>
<a href="/Voltage" class="slink">Coding 2014</a>
<h1>Directory</h1>
<a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=260283" class="slink">Staff</a>
<a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=260288" class="slink">Cult Business</a>
<a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=287695" class="slink">VF Sponsorship</a>
<a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=260290" class="slink">Points System</a>
<a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=260289" class="slink">Official Designers</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=277643" class="slink">Novice Designers</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=264803" class="slink">Extra Graphics</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=277644" class="slink">Dailies</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261090" class="slink">Premade Graphics &amp; Layouts</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261091" class="slink">Tutorials</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261092" class="slink">HTML &amp; Design Help</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261093" class="slink">Critique Corner</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261094" class="slink">Design Battles &amp; Challenges</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=266969" class="slink">One on Ones</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261095" class="slink">General Contests</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261096" class="slink">Design Discussions</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261097" class="slink">General Discussions</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261098" class="slink">The Member's Lounge</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261099" class="slink">Games Galore</a><a href="http://vampirefreaks.com/group_forum.php?c=Inspiration&amp;subforum=261102" class="slink">Archive</a>
</center>
</div>
<style>
#navi {
margin: 0px;
width: 200px;
left: 30px;
top: 15px;
float: right;
position: fixed;
height: auto;
text-align: center;
font-family: trebuchet MS;
font-size: 12pt;
text-transform: uppercase;
text-align: center;
letter-spacing: 2pt;
background-color: #c5b4b8;
padding: 10px;
border-radius: 20px;
padding-bottom: 10px;
}

.slink:link, .slink:active, .slink:visited {
font-family: trebuchet ms;
font-size: 8px;
color: #372a3d;
background-color: #d7c8b8;
display: block;
text-transform: uppercase;
padding: 1px;
height: 10px;
line-height: 10px;
text-align: center;
margin-top: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.slink:hover {
font-family: trebuchet ms;
font-size: 8px;
color: #3f4c6f;
background-color: transparent;
display: block;
text-transform: uppercase;
text-align: center;
padding: 1px;
height: 10px;
line-height: 10px;
margin-top:2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

</style>


<style>
html, body {
background-image: url('http://i.imgur.com/Qhwu7jQ.png');
}

html, div {
font-size: 8pt;
font-family: trebuchet ms;
color: #372a3d;
font-style: normal;
}

.main {
width: 711px;
padding: 2px;
}

.main_td {
text-align: center;
padding: 0px;
}

table,td,th {
border: none;
}

th {
height: 30px;
text-align: center;
}

.subheading {
background: #c5b4b8;
color: #393a55;
font-weight: normal;
line-height: 10px;
border: none;
padding: 4px;
margin: 5px;
border-radius: 20px;
}

.forumheader {
text-transform: uppercase;
background: #c5b4b8;
color: #393a55;
font-weight: normal;
font-family: times new roman;
text-align: center;
font-size: 15pt;
border-left: 15px solid #393a55;
border-right: 15px solid #393a55;
text-shadow: 1px 1px 1px #5e4c6b;
border-top: none;
border-bottom: none;
border-radius: 20px;
padding: 5px;
padding-top: 2px;
margin: 5px;
}

.group_forum {
background-color: #d7c8b8;
color: #372a3d;
width: 711px;
padding: 3px;
text-align: center;
border: none;
border-radius: 20px;
}

.group_forum b {
display: block;
letter-spacing: 1pt;
text-align: center;
padding: 3px;
font-weight: lighter;
line-height: 15px;
margin: 3px;
}
.affiliates {
display: block;
width: 500px;
background: #d7c8b8;
border: none;
border-radius: 20px;
padding: 10px;
margin: 5px;
text-align: right;
}

.affiliates b {
display: block;
padding: 4px;
letter-spacing: 2pt;
font-family: times new roman;
text-transform: uppercase;
text-align: center;
font-size: 16px;
line-height: 1px;
color: #393a55;
background: #e2c299;
border-radius: 20px;
font-style: none;
font-weight: lighter;
border-left: 15px solid #393a55;
border-right: 15px solid #393a55;
text-shadow: 1px 1px 1px #5e4c6b;
}
.members_viewing {
display: block;
width: 500px;
background: #d7c8b8;
border: none;
border-radius: 20px;
padding: 10px;
margin: 5px;
text-align: right;
}

.members_viewing b {
display: block;
padding: 4px;
letter-spacing: 2pt;
font-family: times new roman;
text-transform: uppercase;
text-align: center;
font-size: 16px;
line-height: 1px;
color: #393a55;
background: #e2c299;
border-radius: 20px;
font-style: none;
font-weight: lighter;
border-left: 15px solid #393a55;
border-right: 15px solid #393a55;
text-shadow: 1px 1px 1px #5e4c6b;
}

.darkbox, .group_expanded, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
color: #373a3d;
margin-left: 15px;
font-size: 8pt;
width: 711px;
padding: 7px;
text-align: center;
border:none;
border-radius: 20px;
background: #d7c8b8;
}

.subtitle {
color: #5e4055;
font-family: trebuchet ms;
text-transform: uppercase;
}

.group_entry table[bgcolor] {
background-color: #d17a3c;
height: 2px;
}

.group_comment td {
border: none;
text-align: center;
}

.comment_input td {
background: transparent;
border: none;
border-radius: 20px;
text-align: center;
}

.subheading td, .new_topic td {
background-color: transparent;
}

select, input {
background-color: #c5b4b8;
color: #372a3d;
text-align: center;
border: none;
border-radius: 5px;
}

.group_entry, .group_comment {
width: 711px;
padding: 5px;
margin: 10px;
text-align: center;
border: none;
border-radius: 20px;
background: #d7c8b8;
}

.sub_button {
border: none;
background-color: transparent;
padding: 3px;
margin: 0px;
border-image: initial;
font-size: 8px;
}

.comment_input, .new_topic {
width: 711px;
background-color: transparent;
padding: 5px;
text-align: center;
border: none;
border-radius: 20px;
}

.new_topic textarea, .comment_input textarea {
background: #c5b4b8;
color: #372a3d;
padding: 5px;
text-align: center;
width: 500px;
border-radius: 20px;
border: none;
}

.comment_input input, .new_topic input
{ background: #d7c8b8;
padding: 2px;
text-align: center;
border: none;
border-radius: 20px;
}

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

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

blockquote {
text-align: center;
font-family: trebuchet ms;
font-size: 9pt;
padding: 4px;
color: #372a3d;
background-color: #c5b4b8;
border-left: 15px solid #393a55;
border-right: 15px solid #393a55;
border-radius: 20px;
}

textarea {
background: #c5b4b8;
margin: 15px;
width: 200px;
padding: 7px;
text-align: center;
}

b {
color: #393a55;
font-family: trebuchet ms;
font-style: none;
text-transform: uppercase;
font-size: 8pt;
}

i {
text-transform: none;
font-family: georgia;
color: #d4843f;
font-size: 11px;
letter-spacing: 1px;
}

u {
border-bottom: 2px dotted #948f9d;
text-transform: none;
font-family: georgia;
font-size: 11px;
letter-spacing: 2px;
}

s {
text-transform: none;
font-family: trebuchet ms;
font-size: 8pt;
letter-spacing: 1px;
}

h1 {
font-family: times new roman;
text-transform: uppercase;
text-align: center;
font-size: 16px;
line-height: 1px;
color: #393a55;
background: #e2c299;
display: block;
margin: 5px;
padding: 1px;
font-weight: lighter;
border-left: 15px solid #393a55;
border-right: 15px solid #393a55;
text-shadow: 1px 1px 1px #5e4c6b;
}
h3 {
color: #b7aabb;
text-shadow: 1px 1px 1px #2a2c47;
font-family: georgia;
text-transform: lowercase;
font-style: italic;
font-size: 16pt;
text-align: center;
display: block;
margin-top: -3px;
margin-bottom: 1px;
}

.staff img {
background-image: url('http://i.imgur.com/vlnYleX.png');
background-position: top right;
border: 2px solid #393a55;
border-radius: 10px;
padding: 2px;
width: 34px;
height: 34px;
margin: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.staff img:hover {
background-image: url('http://i.imgur.com/vlnYleX.png');
background-position: bottom left;
padding: 2px;
margin: 2px;
border: 2px solid #ba543a;
border-radius: 20px;
width: 34px;
height: 34px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.ft img {
background-image: url('http://i.imgur.com/vlnYleX.png');
background-position: top right;
border: 2px solid #393a55;
border-radius: 10px;
padding: 3px;
width: 100px;
height: 50px;
margin: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.ft img:hover {
background-image: url('http://i.imgur.com/vlnYleX.png');
background-position: bottom left;
padding: 3px;
margin: 2px;
border: 2px solid #ba543a;
border-radius: 20px;
width: 100px;
height: 50px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.win img {
background-image: url('http://i.imgur.com/vlnYleX.png');
background-position: top right;
border: 2px solid #393a55;
border-radius: 10px;
padding: 3px;
width: 40px;
height: 29px;
margin: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.win img:hover {
background-image: url('http://i.imgur.com/vlnYleX.png');
background-position: bottom left;
padding: 3px;
margin: 2px;
border: 2px solid #ba543a;
border-radius: 20px;
width: 40px;
height: 29px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.member_thumbnail, .righticon {
background-image: url('http://i.imgur.com/vlnYleX.png');
background-position: top right;
border: 2px solid #393a55;
border-radius: 10px;
padding: 5px;
width: 100px;
height: 100px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.member_thumbnail:hover, .righticon:hover {
background-image: url('http://i.imgur.com/vlnYleX.png');
background-position: bottom left;
top:1px;
padding: 5px;
right: 1px;
border: 2px solid #ba543a;
border-radius: 20px;
width: 100px;
height: 100px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

a:link img[src="http://e.vampirefreaks.com/images/win.png"]{background-image: url(http://i.imgur.com/TJyQgyG.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px}

a:link img[src="http://e.vampirefreaks.com/images/fail.png"]{background-image: url(http://i.imgur.com/URfHcd6.png); top right no-repeat; height: 11px; width:0px; padding-right: 10px}

img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{background-image: url('http://i.imgur.com/Uiebmdl.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}

img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/lId9S8R.png'); top right no-repeat; height: 12px; width:0px; padding-right: 9px;}

img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/Fr90qDe.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}

::-webkit-scrollbar { width:5px; background:#d7c8b8; }

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

::-webkit-scrollbar-thumb{ -webkit-border-radius:0px; background: #372a3d; 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:#372a3d; cursor:hand;}

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

a:link img[src="http://e.vampirefreaks.com/emotes/vf_red-16.png"]{background-image: url(http://i.imgur.com/L4QVGAy.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}

a:link img[src="http://e.vampirefreaks.com/emotes/vf_white-16.png"]{background-image: url(http://i.imgur.com/tfjgpNq.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}

.cult_name, .leftnav, .topbar, .maintop img, .maintop table, .latest_posts_header, .status, .description_title, .edit_pictures, .owner_title, .created_on, .small_space, .cult_menu, .side_td, .threads_related, .created_on, .description_title, .maintop img, .heading, .forumopen, .forumclose, .maintop, .leftnav, .cult_info, .menu2, .menu, .num_members { display: none; }
</style>