navigation 3

<html lang="en">

<head>
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey|Miniver' rel='stylesheet' type='text/css'><script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
</script>

<style type="text/css">
@font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }

 @font-face { font-family: "kingcoolkc"; src: url('http://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }

 body{
margin:5px;
background-color: {color:Background};
background-attachment: fixed;
background-repeat: repeat;
font-size: 10px;
font-family: berry;
line-height:11px;
color:#000000;
}

a:link, a:active, a:visited{color: #000000; text-decoration: none;
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}


a:hover{ color:{color:Link Hover};-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
text-shadow:0px 0px 1px #000000;}

#sidebar {width:423px;
margin-left:500px;
height:auto;
margin-top:-150px; padding:5px;border:4px solid #000;
overflow:hidden;
text-align:center;
background-color:white;
padding:5px;-webkit-transition: all 0.3s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;}


.title{
font-family:pea;
font-size:23px;
text-align:center;
padding:3px;}

@font-face {font-family:"Pea"; src: url("http://static.tumblr.com/9wzbixa/Qgwmkun3g/peakatrina.ttf");}

    #one {
    margin-top:10px;
    margin-left: 10px;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
    }

    #one img {
    opacity:.7;
    width:80px;
    height:80px;
    padding:5px;
    border: 2px double #000;
    background: #fff;
    }


#sidebar2{
    width 100px;
}

#sidebar2 img {
    opacity:.8;
    width:100px;
    height:430px;
    margin-top:-100px;
    margin-left:665px;
    padding:6px;
    border: 2px solid #000;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);

    -o-transition-transition: all 1s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.6s ease-out;
}

.sidebar{
    background:tansparant;
    width:auto;
    padding-top:4px;
    padding-bottom:4px;
    margin-top:210px;
    margin-left:320px;
    position:fixed;
    height:200px;
    border:3px solid #000;
    z-index: 99999999999999999999999999999999999;
    font-family:berry;
    font-size:16px;
   text-align:center;
    line-height:70px;}

.link a{
    padding:3px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    text-align:center;
    background-color:#ffffff; }

.link a:hover{
    text-shadow:2px 2px 2px #00c8ff;
    -webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
transition: all 0.8s linear;}

 #credit {
    position:fixed;
    font-size:8px;
    font-weight:normal;
    line-height:150%;
    letter-spacing:2px;
    right:10px;
    bottom:10px;
    text-transform:uppercase;
    text-align:center;
    }

    #credit a {
    padding:3px;
    color:{color:text};
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }


</style>
<title>{title}</title>
<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=710" />
</head>

<div id="center">
<div id="content">
<div id="under">
</div>


<div class="sidebar"><div class="link">
<a href="/">blog</a><br>
<a href="/ask">message</a><br>
<a href="tumblr.com/dashboard">dash</a>
</div></div>
<div id="sidebar2"><img src="http://24.media.tumblr.com/26976c0f34a5947896f263def70cbb7a/tumblr_mr1ymamZAV1s9phzuo1_400.jpg"> </div>
 <div id="sidebar"><br>
<p><div class="title">title 1</div></p>
<div style="border:3px solid #000;text-shadow:2px 2px 2px #00c8ff;background-color:#ffffff;padding:6px;line-height:14px;height:14px;width:400px;font-size:13px;padding-left:5px;font-family:pewp">
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a>
</div><br>

<p><div class="title">title 2</div></p>
<div style="border:3px solid #000;background-color:#fff;text-shadow:2px 2px 2px #00c8ff;padding:6px;line-height:14px;height:14px;width:400px;font-size:13px;padding-left:5px;font-family:pewp">
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a>
</div><br>
<p><div class="title">title 3</div></p>
<div style="border:3px solid #000;background-color:#ffffff;text-shadow:2px 2px 2px #00c8ff;padding:6px;line-height:14px;height:14px;width:400px;font-size:13px;padding-left:5px;font-family:pewp">
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a> &middot;
<a href="http://">link</a>
</div><br>

 <div id="one"><img src="http://media.tumblr.com/6d74042f3f00cf2c633444fec27d31c3/tumblr_inline_mr1vjzrWF01qz4rgp.jpg"></div>
</body>

<div id="credit"><a href="http://palfin.tumblr.com/">T</a></div>

</html>