Dames HTML/Header VFDT

<div id="navi"><center><h3>Navigation</h3>
<a href="" class="nlink">Link Name</a>
<a href="" class="nlink">Link Name</a>
<small>This box will expand as you add more.</small>
<hr /><a href="http://vampirefreaks.com/cults/group_edit.php?c=Dames" class="nlink">Edit Cult</a><a href="http://vampirefreaks.com/group_edit_members.php?c=Dames" class="nlink">Edit Members</a><a href="http://vampirefreaks.com/group_invite.php?c=Dames" class="nlink">Invite</a><a href="http://vampirefreaks.com/cults/controlpanel.php?c=Dames" class="nlink">Control Panel</a><a href="http://vampirefreaks.com/cults/statistics.php?c=Dames" class="nlink">Cult Stats</a><a href="http://vampirefreaks.com/profiles/home.php" class="nlink">VF Home</a><a href="/InVinoVeritas" class="nlink">Header 2014</a><a href="/Voltage" class="nlink">Coding 2014</a>
</center>
</div>


<style>
#navi {
margin: 0px;
width: 150px;
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: #191919;
padding-bottom: 4px;
border: 3px solid #1f1f1f;
}

.nlink:link, .nlink:active, .nlink:visited {
font-family: verdana;
font-size: 8px;
color: #c66f56;
background-color: #1f1f1f;
display: block;
text-transform: uppercase;
padding: 1px;
height: 10px;
width: 125px;
line-height: 10px;
text-align: center;
margin-top: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.nlink:hover {
font-family: verdana;
font-size: 8px;
color: #afadad;
background-color: transparent;
display: block;
text-transform: uppercase;
text-align: center;
padding: 1px;
height: 10px;
width: 125px;
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/zIDSsCY.png');
}

html, div {
font-size: 8pt;
font-family: verdana;
color: #afafb1;
font-style: normal;
}

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

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

table,td,th {
border: none;
}

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

.forumheader {
text-transform: uppercase;
background: #1f1f1f;
color: #afafb1;
font-weight: normal;
line-height: 25px;
font-family: verdana;
font-size: 15pt;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px solid #c73027;
padding: 4px;
padding-top: 2px;
margin: 5px;
text-shadow: 1px 1px 1px #3a2d26;
}

.group_forum {
background-color: #191919;
width: 750px;
padding: 6px;
text-align: center;
border: 3px solid #1f1f1f;
}


.group_forum b {
display: block;
letter-spacing: 1pt;
text-align: center;
padding: 3px;
font-weight: lighter;
line-height: 15px;
margin: 1px;
}

.group_subforum {
background-color: #1f1f1f;
}

.members_viewing {
display: block;
width: 700px;
background: #191919;
padding: 5px;
margin: 5px;
text-align: right;
border: 3px solid #1f1f1f;
}

.members_viewing b {
display: block;
padding: 4px;
text-align: right;
letter-spacing: 2pt;
background: #1f1f1f;
font-family: trebuchet ms;
text-transform: uppercase;
font-style: none;
font-weight: lighter;
font-size: 10pt;
border-bottom: 1px solid #c73027;
}

.affliates {
display: block;
width: 700px;
background: #191919;
padding: 5px;
margin: 5px;
text-align: right;
border: 3px solid #1f1f1f;
}

.affiliates b {
display: block;
padding: 4px;
text-align: right;
letter-spacing: 2pt;
background: #1f1f1f;
font-family: trebuchet ms;
text-transform: uppercase;
font-style: none;
font-weight: lighter;
font-size: 10pt;
border-bottom: 1px solid #c73027;
}

.darkbox, .group_expanded, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
background: #191919;
margin-left: 15px;
font-size: 8pt;
width: 750px;
padding: 7px;
text-align: center;
border: 3px solid #1f1f1f;
color: #afafb1;
}

.subtitle {
color: #c73027;
font-family: verdana;
text-transform: none;
}

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

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

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

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

.subheading {
background: #1f1f1f;
font-weight: normal;
line-height: 10px;
border: none;
padding: 4px;
margin: 5px;
}

select, input {
background-color: #191919;
color: #c86a52;
text-align: center;
border: none;
}

.group_entry {
width: 750px;
padding: 5px;
margin: 10px;
text-align: center;
border: 3px solid #1f1f1f;
background: #191919;
}

.group_comment {
width: 750px;
padding: 5px;
margin: 10px;
text-align: center;
border: 3px solid #1f1f1f;
background: #191919;
}

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

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

.new_topic textarea, .comment_input textarea {
background: #191919;
color: #afafb1;
padding: 5px;
text-align: center;
width: 500px;
border: none;
}

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

h1 {
background: -webkit-gradient(linear, left top, left bottom, from(#d17971), to(#c73027));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
#d17971 &gt; top;
#c73027 &gt; bottom;
font-family: georgia;
text-transform: none;
font-size: 15pt;
text-align: center;
display: block;
margin-top: -3px;
margin-bottom: 1px;
font-style: italic;
}

h3:first-letter {
color: #c63229;
font-family: times new roman;
font-size: 16pt;
text-shadow: 1px 1px 1px #30201d;
display: block;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
font-style: italic;
}

h3 {
color: #c5755a;
font-family: trebuchet ms;
font-size: 10pt;
text-shadow: 1px 1px 1px #30201d;
display: block;
margin: 2px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
}

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

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

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

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

a:link, .menu2, .menu2 a:link {
color: #c16150;
font-family: small fonts;
font-size: 9px;
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: #c16150;
text-transform: none;
font-family: small fonts;
font-size: 9px;
text-decoration: none;
}

a:hover, .menu, .menu a:link, .menu a:visited {
color: #afadad;
text-decoration: none;
font-family: small fonts;
font-size: 9px;
text-transform: uppercase;
background: transparent;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

blockquote {
text-align: center;
font-family: verdana;
font-size: 8pt;
padding: 4px;
background-color: #1f1f1f;
border-top: 2px solid #c63027;
border-bottom: 2px solid #aea5a1;
}

.member_thumbnail, .righticon {
background: #1f1f1f;
border: 2px solid #d1746c;
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: transparent;
top:1px;
padding: 5px;
right: 1px;
border: 2px solid #afafaf;
width: 100px;
height: 100px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

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

.staff img {
background: #1f1f1f;
border: 2px solid #d1746c;
padding: 2px;
width: 48px;
height: 48px;
margin: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.staff img:hover {
background: transparent;
padding: 2px;
border: 2px solid #afafaf;
width: 48px;
height: 48px;
margin: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.win img {
background: #1f1f1f;
border: 2px solid #d1746c;
padding: 2px;
width: 100px;
height: 75px;
margin: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.win img:hover {
background: transparent;
padding: 2px;
border: 2px solid #afafaf;
width: 100px;
height: 75px;
margin: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.ft img {
background: #1f1f1f;
border: 2px solid #d1746c;
padding: 2px;
width: 153px;
height: 115px;
margin: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.ft img:hover {
background: transparent;
padding: 2px;
border: 2px solid #afafaf;
width: 153px;
height: 115px;
margin: 1px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}


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:#191919; }

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

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

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:2px; 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:#c63027; 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/1rZrrbw.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/whyci1j.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}

hr {
color: #1f1f1f;
}

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