Navigation #1

<!----
this is a new theme for you, i hope you like it! keep the credits and i wont report you:)

▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ 　 ▒█▀▀█ ▒█░░▒█
░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ 　 ▒█▀▀▄ ▒█▄▄▄█
░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ 　 ▒█▄▄█ ░░▒█░░

▒█▀▀█ ▒█░░░ ░█▀▀█ ▒█▄░▒█ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▀▄
▒█▄▄█ ▒█░░░ ▒█▄▄█ ▒█▒█▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█░▒█
▒█░░░ ▒█▄▄█ ▒█░▒█ ▒█░░▀█ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█▄▄▀.TUMBLR.COM

KEEP THE CREDITS OR I'LL REPORT YOU!

---->
<html lang="en">
<script type="text/javascript" src="http://static.tumblr.com/5jb4lhb/HUOncl3cj/lmtxt.txt"></script>
<script type="text/javascript">
<!--

// Disable Right Click Script

function IE(e)
{
if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
{
return false;
}
}
function NS(e)
{
if (document.layers || (document.getElementById && !document.all))
{
if (e.which == "2" || e.which == "3")
{
return false;
}
}
}
document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");

//-->
</script>

<style type="text/css">


body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}

body {
padding:0px;
margin:0px;
color:#999;
font-family: arial;
line-height:9px;
font-size:10px;
background-color:#fbfbfb;
background-image:url();
background-attachment: fixed;
background-repeat: repeat;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
}

a:link, a:active, a:visited{
color:#99a3b3;
text-decoration:none;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
}

a:hover {
background-color:#99a3b3;
color:#fff;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
}


#nav{
opacity:1.0;
margin-left:530px;
margin-top:190px;
position:fixed;
z-index:999;
transition: all 0.9s ease-out;
-o-transition-transition: all 0.9s ease-out;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}


#nav a{
display:inline-block;
padding:12px;
padding-top:18px;
width:60px;
line-height:13px;
height:17px;
margin-top:7px;
margin-left:7px;
background:#fff;
border:1px double #ddd;
font-size:10px;
letter-spacing:1px;
font-family:Calibri;
color:#aaa;
text-align:center;
text-transform:uppercase;
transition: all 0.9s ease-out;
-o-transition-transition: all 0.9s ease-out;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;}

#nav a:hover{
color:#fff;
box-shadow:260px 0px 0px 0px #99a3b3 inset;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;}


#sidebar{
margin-top:195px;
margin-left:375px;
position:fixed;
height:120px;
width:120px;
padding:8px;
background:#fff;
border:1px solid #ddd;
}


div#faq{
position: fixed;
text-align: center;
line-height:12px;
font-family:calibri;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase ;
background:white;
padding:13px;
padding-top:12px;
border:1px solid #ddd;
text-align:left;
line-height: 12px;
height:45px;
width:110px;
color:#aaa;
margin-top:340px;
margin-left:375px;
z-index:9999;
}

#bord {
position:fixed;
opacity:1;
z-index:9999999999;
width:100%;
top:0px;
height:30px;
margin-left:-5px;
background-image:url("http://media.tumblr.com/82703b19182664c198cd163279558d9c/tumblr_inline_mrf2j4fME11rto88t.png");
background-repeat: repeat;
}


</style>

<div style="position:fixed; font-family:Edwardian Script ITC, cursive; font-size: 70px; top:136px; left:530px; padding: 4px; background: #transparent; border-radius: 0px; border: 1px solid #transparent;color:#99a3b3;
z-index:9999999999999999999999999999">
Navigation;</div>

</div><div id="bord"></div>


<title>My stuff</title>
<link rel="shortcut icon" href="{favicon}">


</head>
<body>


<div id="faq">
Hiya! this is my links page, you can find here some helpful links
</div>


<div id="sidebar">
<img src="URL IMAGE HERE" style="opacity:0.7; border:0px solid #eee;-webkit-filter: grayscale(10%);width:120px;height:120px;"></div>


<div id="nav">
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
<a href="/">link name</a>
</div>


</html>