Howling

<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; }


body, html { background-color: #0f1317;
background-image: url('http://i.imgur.com/xn2DgR0.png'),
url('http://i.imgur.com/mrSmJWs.png');
background-position: top left;
background-repeat: no-repeat, repeat;
background-attachment: fixed;
position:absolute;
}
::-webkit-scrollbar-thumb:vertical {
background-color: #8f92af;
border-radius: 0.0em;
border: 1px solid #272525;
height: 4px;
width:6px;
-webkit-box-shadow: inset 1px 1px 5px rgba(82,11,5,0.5);
}
::-webkit-scrollbar {
width: 8px;
background-color: #131313;
-webkit-box-shadow: inset 0 2px 5px rgba(218,144,108,0.6);
border-bottom-right-radius: 0em;
}

html, div {
font-family: trebuchet MS;
color: white;
font-size: 12px;
font-style: normal;
}
.main {
background-color:;
width: px;
padding: 4px;
top: 0px;
left: 40px;
width: 550px;
height: 120px;


}
.portlink:link, .portlink:visited, .portlink:active{
color: #15171d;
    text-shadow: 1px 1px 1px transparent;
    font-family: tahoma;
    font-size: 10px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-weight: lighter;
    background: #566779;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: -1px;
    margin-right: -1px;
    border: 1px solid #242730;
    line-height: 11px;
    text-align: center;
    padding: -4px;
    width: auto;
    height: auto;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    display:block;
}
.portlink:hover{
color: black;
background-color: #545460;
border-radius: 0px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;


}
h1 {
color:#a59cb0;
position: relative;
font-family: trebuchet ms;
text-transform: uppercase;
font-weight: lighter;
text-shadow: 1px 1px 1px #2e2222;
font-size:22px;
text-align:center;
line-height:20px;
letter-spacing: 2px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 3px;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
width: absolute;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c3038), color-stop(1, #203b4e));
border-radius:0.0em;
}
h3 {
color: white;
position: relative;
font-family: trebuchet ms;
font-size:10px;
text-align:;
line-height:10px;
letter-spacing: 1px;
padding:0px;
margin-bottom: 0px;
margin-top: 4px;
width: absolute;
height: 10px;
padding-right: 2px;
text-transform: uppercase;
text-shadow: 0px 1px 1px transparent;
border-radius:0.2em;
background-color: #6f736f;
}

}
b {
text-transform:
uppercase;
font-family: trebuchet MS;
color: #a59cb0;
font-size: 9px;
letter-spacing: 1px;
}
i {
text-transform: none;
font-family: trebuchet MS;
color: #a59cb0;
font-size: 11px;
letter-spacing: 1px;
}
s {
text-transform: none;
font-family: trebuchet MS;
color: #a59cb0;
font-size: 11px;
letter-spacing: 1px;
}
u {
border-bottom: 1px solid #a59cb0;
text-transform: none;
font-family: trebuchet MS;
font-size: 11px;
letter-spacing: 1px;
}
blockquote {
text-align: center;
background-color: ;
padding: 4px;
border-top: 4px solid #d6beb4;
border-bottom: 4px solid #d6beb4;
border-radius: 0.5em;
height:auto;
width: 350px;
}
a:link, .menu2, .menu2 a:link {
color: ;
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: ;
text-transform: none;
font-family: trebuchet ms;
text-transform: none;
text-decoration: none;
}

a:hover, .menu, .menu a:link, .menu a:visited {
color: ;
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;
}
img {
border: 2px solid #566779;
background: #a59cb0;
padding: 2px;
-webkit-transition: all 0.65s ease-out;

}
img:hover {
border: 2px solid #a59cb0 ;
background: #a59cb0
padding: 2px;
-webkit-transition: all 0.65s ease-out;

}
.nav {
  letter-spacing: 0px;
  text-align: center;
  line-height: 15px;
background-color: #68909f;
  height: 18px;
width: 18px;
  display: inline-block;
  border: 0px solid #750103;
  border-left: 0;
  border-right: 0;
  padding: 0 0 0 0px;
  clear: both;
border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}
.nav:hover {
  letter-spacing: 0px;
  text-align: center;
  line-height: 15px;
  background-color: #78a8ba;
  height: 17px;
width: 17px;
  display: inline-block;
  border: 0px solid gray;
  border-left: 0;
  border-right: 0;
  padding: 0 0 0 0px;
  clear: both;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
#nav a {
   letter-spacing: 1px;
    text-align: left;
  line-height: 15px;
 color: #CCC;
 height: 15px;
    display: inline-block;
    border: 0px solid #050505;
    border-left: 0;
    border-right: 0;
    padding: 0 0 0 10px;
    clear: both;
}
#nav: hover {
   letter-spacing: 1px;
    text-align: left;
  line-height: 15px;
 color: #CCC;
 height: 15px;
    display: inline-block;
    border: 0px solid #050505;
    border-left: 0;
    border-right: 0;
    padding: 0 0 0 10px;
    clear: both;

</style>
<style>

.overlay {
width: 1000px;
height: 600px;
background: ;
background: url('');
background-repeat: no-repeat;
background-position: top-left;
position: absolute;

}
.innerbox {
overflow: hidden;
border: none;
background: ;
position: absolute;
}
.section {
height: 600px;
overflow: auto;

}

#anchorbox {
overflow-Y:hidden;
overflow-x:hidden;
position:absolute;
background: url('');
background-repeat: no-repeat;
background-position: top-left;
top: 50px;
left: 693px;
width: 450px;
height: 530px;
padding-left:10px;
padding-bottom:10px;
background-color:#131313;
box-shadow: 0px 1px 3px transparent;
border: 2px solid #222;
border-radius: 0em;
font-family: trebuchet MS;
color: black;
font-size: 10px;
}

#Nav {
top: 274px;
left: 467px;
width: 195px;
height: 45px;
padding: 0px;
overflow: hidden;
background-color:#131313;
padding: 2px;
border: 2px solid #222;
border-top-right-radius: 2em;
border-top-left-radius: 2em;

}

#Nav2 {
top: 300px;
left: 455px;
width: 220px;
height: 285px;
padding: 2px;
overflow: hidden;
background-color:#131313;
box-shadow: 0px 1px 3px transparent;
border: 2px solid #222;
border-radius: 0em;
font-family: trebuchet MS;
color: black;
font-size: 10px;
}

#Hangouts {
top: 470px;
left: 5px;
width: 408px;
height: 115px;
padding:5px;
padding-top:0px;
padding-right:2px;
overflow-Y:auto;
overflow-x:hidden;
background-color:#131313;
box-shadow: 0px 1px 3px transparent;
border: 2px solid #222;
border-radius: 0em;
}

</style>
<div class="header">


<div id="anchorbox">
<a name="about"></a>
<div class="section">
<h1>Welcome to Howling Designs</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="200" height="100" align="left" /><b>DESIGNER'S NAME:<b> Name | Username</b><br />
<b>EXPERIENCE:</b> Your experience
<b>Program</b>: Which program you use
<b>WHERE TO BE FOUND:</b> Which cults you design in
<b>LAST UPDATED:</b>**/**/****: <i>What did you add?</i>
<p>
<p>
<p>

</div>

<a name="Customicons"></a>
<div class="section">
<h1>Custom Icons</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" /><img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
</div>

<a name="Stamps/mini-banners"></a>
<div class="section">
<h1>Custom Stamps/Mini-banners</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
</div>

<a name="Banners"></a>
<div class="section">
<h1>Custom Banners</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="350" height="100" />
</div>
<a name="Signature Bars"></a>
<div class="section">
<h1>Custom Signature Bars</h1>
[You can adjust the size of these if needed :) ]
<img src="http://i.imgur.com/tEue8iU.png" width="350" height="20" />
</div>

<a name="Roleplay tags"></a>
<div class="section">
<h1>Custom Roleplay tags</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="200" height="300" />
<img src="http://i.imgur.com/tEue8iU.png" width="200" height="300" />
<img src="http://i.imgur.com/tEue8iU.png" width="200" height="300" />
<img src="http://i.imgur.com/tEue8iU.png" width="200" height="300" />
<img src="http://i.imgur.com/tEue8iU.png" width="200" height="300" />
<img src="http://i.imgur.com/tEue8iU.png" width="200" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="200" height="300" />
<img src="http://i.imgur.com/tEue8iU.png" width="200" height="300" />
</div>

<a name="Roleplay box headers"></a>
<div class="section">
<h1>Custom Roleplay box headers</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
</div>

<a name="Headers/Blends"></a>
<div class="section">
<h1>Custom Headers/blends</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" />
<img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" />
<img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" />
<img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" />
<img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" />
</div>

<a name="Layouts"></a>
<div class="section">
<h1>Custom Layouts</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" />
</div>

<a name="Preicons"></a>
<div class="section">
<h1>Premade Icons</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" /><img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
<img src="http://i.imgur.com/tEue8iU.png" width="100" height="100" />
</div>

<a name="PreStamps/mini-banners"></a>
<div class="section">
<h1>Premade Stamps/Mini-banners</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
<img src="http://i.imgur.com/tEue8iU.png" width="99" height="45" />
</div>

<a name="PreBanners"></a>
<div class="section">
<h1>Premade banners</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="350" height="100" />
</div>

<a name="PreSignature Bars"></a>
<div class="section">
<h1>Premade Signature Bars</h1>
[You can adjust the size of these if needed :) ]
<img src="http://i.imgur.com/tEue8iU.png" width="350" height="100" />
</div>

<a name="PreHeaders/Blends"></a>
<div class="section">
<h1>Premade Headers/blends</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
<img src="http://i.imgur.com/tEue8iU.png" width="500" height="200" />
</div>

<a name="PreLayouts"></a>
<div class="section">
<h1>Premade Layouts</h1>
<img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" /><img src="http://i.imgur.com/tEue8iU.png" width="400" height="300" />
</div>
</div>

<div class="innerbox" id="Nav">
<center><a href="http://vampirefreaks.com/profiles/home.php"><img src="http://i.imgur.com/rpeCbDK.png" title="vf home" class="nav" /></a>
<a href="http://vampirefreaks.com/profile_action.php?user=Sleeplock"><img src="http://i.imgur.com/2pHGkh1.png" title="" class="nav" /></a>
<a href="http://vampirefreaks.com/user_comment.php?user=Sleeplock&amp;rate=1"><img src="http://i.imgur.com/UF9ZC7j.png" title="Comment" class="nav" /></a>
<a href="http://vampirefreaks.com/gallery/Sleeplock"><img src="http://i.imgur.com/nrwi6WI.png" title="Gallery" class="nav" /></a>
<a href="http://vampirefreaks.com/journal/Sleeplock"><img src="http://i.imgur.com/EtccIyu.png" title="Journal" class="nav" /></a>
<a href="http://lindmarybee.wix.com/silvertongued"><img src="http://i.imgur.com/OGf1hx9.png" title="Credit" class="nav" /></a><br /></div>


<div class="innerbox" id="Nav2">
<center>
<h1>Welcome</h1>
<h3>Artfolio</h3>
<a href="#about" class="portlink">About the Designer</a>
<a href="#Customicons" class="portlink">Icons</a>
<a href="#Stamps/mini-banners" class="portlink">Stamps/mini-banners</a>
<a href="#Banners" class="portlink">Banners</a>
<a href="#Signature Bars" class="portlink">Signature Bars</a>
<a href="#Roleplay tags" class="portlink">Roleplay tags</a>
<a href="#Roleplay box headers" class="portlink">Roleplay box headers</a>
<a href="#Headers/Blends" class="portlink">Headers/Blends</a>
<a href="#Layouts" class="portlink">Layouts</a>
<h3>Premades</h3>
<a href="#Preicons" class="portlink">Icons</a>
<a href="#PreStamps/mini-banners" class="portlink">Stamps/mini-banners</a>
<a href="#PreBanners" class="portlink">Banners</a>
<a href="#PreSignature Bars" class="portlink">Signature Bars</a>
<a href="#PreHeaders/Blends" class="portlink">Headers/Blends</a>
<a href="#PreLayouts" class="portlink">Layouts</a></center>



</center>
</div>
</div>




<div class="innerbox" id="Hangouts"><h1>Affiliates</h1>

<center>
<img src="http://i.imgur.com/tEue8iU.png" width="88" height="36" /> <img src="http://i.imgur.com/tEue8iU.png" width="88" height="36" /> <img src="http://i.imgur.com/tEue8iU.png" width="88" height="36" /> <img src="http://i.imgur.com/tEue8iU.png" width="88" height="36" /> <img src="http://i.imgur.com/tEue8iU.png" width="88" height="36" /> <img src="http://i.imgur.com/tEue8iU.png" width="88" height="36" /> <img src="http://i.imgur.com/tEue8iU.png" width="88" height="36" /> <img src="http://i.imgur.com/tEue8iU.png" width="88" height="36" />   </center>
</div>