navigation #1

<!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">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700' rel='stylesheet' type='text/css'>

<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

<style type="text/css">

div#qTip {
padding:4px;
display:none;
text-align:center;
position:absolute;
font-size:7px;
margin-left:15px;
font-style:none;
z-index:999999999999;
color:#fff;
letter-spacing:3px;
background-color:#000;
text-transform:uppercase;
}

::-webkit-scrollbar{width:4px;height:auto;background:#fff;}
::-webkit-scrollbar-corner{background:#000;}
::-webkit-scrollbar-thumb:vertical{background:#000;border-left:2px solid #fff;}
::-webkit-scrollbar-thumb:horizontal{background:#000;}

body {
background:#fff;
color:#000;
font-size:11px;
font-family:'Libre Baskerville', serif;
letter-spacing:1px;
line-height:150%;
}

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

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

blockquote {
border-left:2px solid #ccc;
padding:10px;
margin-left:10px;
}

#container {
position:fixed;
width:600px;
left:50%;
margin-left:-300px;
height:440px;
top:50%;
margin-top:-220px;
text-align:justify;
}

#title {
padding:15px 5px;
width:570;
border-bottom:1px dotted #aaa;
text-transform:lowercase;
letter-spacing:1px;
font-size:25px;
font-style:italic;
}

#tags {
padding:15px 0px;
height:330px;
overflow-y:auto;
overflow-x:hidden;
border-bottom:1px dotted #aaa;
font-size:8px;
font-weight:bold;
letter-spacing:2px;
line-height:200%;
margin-left:-10px;
}

h1 {
font-size:13px;
font-style:italic;
font-weight:normal;
text-transform:uppercase;
margin-left:20px;
}

#tags a {
display:inline-block;
width:100px;
border-bottom:1px dotted #aaa;
padding:4px 4px 2px;
text-align:center;
text-transform:uppercase;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

#tags a:hover {
color:#fff;
background-color:#000;
border-bottom:1px dotted #000;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

#links {
text-align:right;
margin-top:10px;
font-size:8px;
text-transform:uppercase;
font-weight:bold;
}

#links a {padding:5px;margin-left:9px;border-bottom:1px solid transparent}

#links a:hover {border-bottom:1px dotted #aaa;color:#000;}

#poop {
font-size:8px;
font-family:calibri, sans-serif;
letter-spacing:2px;
}

#poop a {
position:fixed;
width:20px;
padding-top:1px;
padding-bottom:2px;
bottom:5px;
right:5px;
text-align:center;
box-align:center;
text-transform:none;
color:#777;
background-color:#eee;
border:3px double #fff;
}

</style></head><body>

<div id="container">
<div id="title">navigation;</div>
<div id="tags">

<h1>tag title</h1>
<table style="width:600px;margin-bottom:20px" cellspacing="5px" cellpadding="5px">
<tr>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
</tr>
<tr>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
</tr>
</table>

<h1>tag title</h1>
<table style="width:600px;margin-bottom:20px" cellspacing="5px" cellpadding="5px">
<tr>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
</tr>
<tr>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
</tr>
</table>

<h1>tag title</h1>
<table style="width:600px;margin-bottom:20px" cellspacing="5px" cellpadding="5px">
<tr>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
</tr>
<tr>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
</tr>
</table>

<h1>tag title</h1>
<table style="width:600px;margin-bottom:20px" cellspacing="5px" cellpadding="5px">
<tr>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
</tr>
<tr>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
  <td><a href="/tag">tag</a></td>
</tr>
</table>

</div>
<div id="links">
<a href="/">one</a>
<a href="/">two</a>
<a href="/">three</a>
<a href="/">four</a>
<a href="/">five</a>
</div>
</div>

<div id="poop">
<a href="http://melodypcnd.tumblr.com/">mk</a>
</div>

</body></html>