theme 8

<html>
<head>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="altertnate" type="application/rss+xml" href="{RSS}">
    <meta name="description" content="" />
    <meta http-equiv="x-dns-prefetch-control" content="off"/>


<style type="text/css">

    ::-webkit-scrollbar {background-color: transparent; height:3px; width:7px}
    ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:50px}
    ::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF; height:8px!important}

    body {
	color: {color:Text};
	background-color:#FFFFFF;
	}

	a {
	color: #fff;
    text-decoration: none;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}

    a:hover {
    color: #000;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}

	.sidebar {
    width: 390px;
	position: relative;
	margin-left: 100px;
	top: 50px;
	}

	.title {
    width:600px;
    font-size:29px;
    margin-bottom:-89px;
    font-family:arial;
    letter-spacing:-3px;
    font-weight:bold;
    line-height:90%;
    text-transform:lowercase;
    color:#000;
    }

    .sidebarlinks {
    width:300px;
    margin-left:200px;
    margin-bottom:0px;
    margin-top:55px;
    letter-spacing:-1px;
    padding-bottom:0px;
    text-transform:lowercase;
    font-family:arial;
	font-size:17px;
    text-align:left;
    font-weight:bold;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}

    .sidebarlinks a {
    color:#000;
    padding:3px;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}

    .sidebarlinks a:hover {
	color:#aaa;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}

    .container {
    width:900px;
    height:500px;
    margin: -425px 430px 200px;
    }

	.table {
	width:260px;
	height:300px;
    position:relative;
	margin-left:0px;
	top:9px;
	margin-top:0px;
    display:inline-block;
	padding:0px 8px 10px 10px;

	}


    .image {
	width:300px;
	height:390px;
	margin-top:100px;
    }


    .name {
        margin-top:0px;
	width:204px;
	margin-left:-40px;
	padding:8px;
    font-size:15px;
    font-family:arial;
    letter-spacing:-1px;
    font-weight:bold;
	text-align:center;
    text-transform:uppercase;
	background-color: #1b1b1b;
	color:#fff;
	}


	.links{width:200px;background:trans;text-align:center;}

.links a{background:#ddd;
display:inline-block;
width:200px;
margin-top:3px;
font-weight:bold;
font-family:arial;
font-size:14px;
color:#000;
text-transform: lowercase;
letter-spacing: -1px;
padding:10px;}

	.links a:hover
	{color:#fff;
	background-color:#000;


</style>
</head>
<body>

<div class="sidebar">
<div class="title">
Navigation
</div>
<img src="https://31.media.tumblr.com/e53fee8703018a9bd0d7bdb787cb47f9/tumblr_inline_n1funjvAGR1qaumrc.png" class="image">

</div>
<div class="sidebarlinks">
<a href="/">go back</a>
<a href="http://www.tumblr.com/dashboard">dashboard</a>
<a href="http://sylvesterpatrone.tumblr.com/">credit</a>

</div>


<div class="container">

    <div class="table">

<center>
 <div class="name">
supernatural</div>
</center>

<div class="links">
<a href="/">dean winchester</a>
<a href="/">sam winchester</a>
<a href="/">castiel</a>
<a href="/">crowley</a>
<a href="/">death</a>
<a href="/">gabriel</a>

</div>
</div>

<div class="table">

<center>
 <div class="name">
ships</div>
</center>

<div class="links">
<a href="/">dean/castiel</a>
<a href="/">john/sherlock</a>
<a href="/">stiles/derek</a>
<a href="/">scott/isaac</a>
<a href="/">ron/heromine</a>
<a href="/">allison/isaac</a>

</div>
</div>

<div class="table">

<center>
 <div class="name">
friends</div>
</center>

<div class="links">
<a href="/">friend</a>
<a href="/">friend</a>
<a href="/">friend</a>
<a href="/">friend</a>
<a href="/">friend</a>
<a href="/">friend</a>

</div>
</div>


<div class="table">

<center>
 <div class="name">
teen wolf</div>
</center>

<div class="links">
<a href="/">scott mccall</a>
<a href="/">isaac lahey</a>
<a href="/">stiles stilinksi</a>
<a href="/">derek hale</a>
<a href="/">the twins</a>
<a href="/">lydia martin</a>

</div>
</div>

<div class="table">

<center>
 <div class="name">
themes</div>
</center>

<div class="links">
<a href="/">themes</a>
<a href="/">pages</a>
<a href="/">tutorials</a>
<a href="/">backgrounds</a>
<a href="/">resources</a>
<a href="/">references</a>

</div>
</div>

<div class="table">

<center>
 <div class="name">
random tags</div>
</center>

<div class="links">
<a href="/">architecture</a>
<a href="/">tattoos</a>
<a href="/">music</a>
<a href="/">funny</a>
<a href="/">food</a>
<a href="/">selfies</a>

</div>
</div>


</body>
</html>