NANA

<style>
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.go {
background:black;
text-align:right;
font-family:tt;
font-size:8px;
text-transform:uppercase;
letter-spacing:1px;
padding:5px;
margin:2px;
border-right:0px solid #666;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.go:hover {
border-right:15px solid #666;
}
.ga {
display:inline-block;
width:100px;
color:white;
font-family:tt;
font-size:16px;
text-align:center;
background:black;
padding:5px;
margin-bottom:2px;
}

</style>

<div style="display:inline-block;background:#000;width:12px;height:280px;position:fixed;top:0px;right:10px;box-shadow:1px 1px 0px #aaa;"></div>
<div style="position:fixed;top:100px;right:20px;text-align:right;">
<div class="ga">Navigation</div><br>
<div class="go" style="display:inline-block; width:55px;"> <a href="LINK">Home</a> </div><br>
<div class="go" style="display:inline-block; width:70px;"> <a href="LINK">TutoBies</a> </div><br>
<div class="go" style="display:inline-block; width:100px;"> <a href="LINK">Link Exchange</a> </div><br>
<div class="go" style="display:inline-block; width:80px;"> <a href="LINK">Fanfiction</a> </div><br>
<div class="go" style="display:inline-block; width:60px;"> <a href="LINK">Twitter</a> </div><br>
<div class="go" style="display:inline-block; width:50px;"> <a href="LINK">Tumblr</a> </div></div>