Page04: Navigation 2

<!---- theme made by nialljhoren ---->
<!---- do not use as base code, remove credit, or claim as your own --->

<!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">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<style type="text/css">

::-webkit-scrollbar-thumb:vertical {background-color:#7a7979; height:100px;}

::-webkit-scrollbar-thumb:horizontal {background-color:#7a7979}; height:10px !important;}

::-webkit-scrollbar {height:9px; width:9px; background-color: #fff;}

body {
    background:#fff;
    margin:0px;
    color:#f0f0f0;
    font-size:10px;
    font-weight:bolder;
    line-height:100%;
}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:#6b6868;
}

a:hover {
    opacity:10;
    color:#fcfcfc;
     -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

/*--the header image and title--*/
#header img{
    position:absolute;
    height:100px;
    width:501px;
    opacity:.95;
    margin-left:395px;
    margin-top:125px;
    padding:0px 5px 5px 5px;
}

#title {
    z-index:5;
    width:491px;
    text-align:right;
    position:absolute;
    font-style:italic;
    font-family:times new roman;
    font-size:25px;
    margin-left:400px;
    margin-top:94px;
    font-weight:100;
    line-height:100%;
    letter-spacing:-1px;
    padding:1px 5px 5px 5px;
    color:#fff;
    background-color:#000;
}

/*--container for tags--*/
.container {
    position:absolute;
    width:501px;
    margin-right:auto;
    margin-top:250px;
    margin-left:400px;
}

/*--tag boxes--*/
#tagbox {
    z-index:10;
    width:500px;
    height:auto;
    margin-bottom:25px;
}

.tagtitles {
    width:488px;
    text-align:right;
    margin-top:-25px;
    font-family:times new roman;
    font-style:italic;
    font-size:20px;
    font-weight:100;
    padding:8px 8px 8px 5px;
    background-color:#000;
}

.tags {
    width:500px;
    height:120%;
    margin-left:2px;
    letter-spacing:1px;
    display:inline-block;
    text-align:center;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

.tags a{
    width:163px;
    padding:5px 2px 5px 2px;
    margin-bottom:0px;
    margin-left:-4px;
    background-color:#fff;
    font-family:times new;
    text-transform:uppercase;
    font-size:9px;
    font-weight:200;
    display:inline-block;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

.tags a:hover{
    letter-spacing:2px;
    display:inline-block;
    background-color:#9fbedb;
    color:#fcfcfc;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

/*--credit - DO NOT REMOVE--*/
#heyo {
    position:fixed;
    text-align:center;
    bottom:10px;
    right:10px;
    font-size:7px;
    text-transform:uppercase;
    display:block;
    background-color:#fff;
}

#heyo a{
    color:#b3b2b1;
    border: 1px solid #e4e3e2;
    padding: 3px 5px 3px 5px;
    background-color:#fff;
    border-radius:50px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#heyo a:hover{
    color:#fff;
    background-color:#969194;
    border: 1px solid #7a7979;
    color:#fff;
    padding: 3px 5px 3px 5px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

{CustomCSS}</style></head><body>

<div id="header"><img src="http://25.media.tumblr.com/62bfda6539c7d3b245f6684ee974465a/tumblr_mhnetye1hy1qfhbc2o2_500.jpg"></div>

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

<div class="container">

<!---tags/links--->
<div id="tagbox">
<div class="tagtitles">title</div>
<div class="tags">
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
</div></div>

<div id="tagbox">
<div class="tagtitles">title</div>
<div class="tags">
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
</div></div>

<div id="tagbox">
<div class="tagtitles">title</div>
<div class="tags">
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
<a href="/tagged/">link</a>
</div></div>
<!---copy and paste each "box code" to add more--->

<div id="heyo"><a href="http://nialljhoren.tumblr.com">N</a></div>

</div>
</body></html>