Navigation Theme #3

<html>

<head>
<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">

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

<!-- navigation theme pack by danceforyous // #3 -->

<style type="text/css">

@font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}

body {
     background-image: url(http://29.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo5_250.png);
    margin:0px;
    color:#ccc;
    font-family:Calibri;
    font-style:;
    font-size:10px;
    padding:5px;
    line-height:100%;
}

.box {
  width: 500px;
  height: 390px;
  margin: 50px auto auto auto;
  background-color:white;
  padding:10px;
}

#title {
  margin-top:-45px;
  font-family:Libre Baskerville;
  font-size:33px;
  text-align: center;
  color:#bcd8a4;
  line-height:200%;
  font-style:italic;
  letter-spacing:-1px;
  text-transform:lowercase;}

a:link, a:active, a:visited {
text-decoration: none;
color: #5c5e5d;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}

a:hover {
color:#FFFFFF;
text-decoration: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}

.navilinks {
    color: #dcdcdc;
    font-family: Bebas Neue;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    margin-top: -10px;
    margin-left:182px;
    margin-bottom: 5px;
    border-bottom:2px #eee solid;
    padding:7px;
    width:120px;
}

.header {
   font-family:calibri;
   color:#ccc;
   text-transform:uppercase;
margin-left:-47px;
   }

.links {
   font-family: calibri;
   font-size: 11px;
   letter-spacing: -1px;
   line-height: 120%;
   text-transform: lowercase;
   text-align: center;
   letter-spacing:2px;
   margin-top:20px;
   margin-left:10px;
}

.links a:hover {
   padding-left:10px;
padding-right:10px;}

</style>

</head>

<body>

<div class="box">
<div id="title">NAVIGATION</div>

<div class="navilinks">
    <a href="/">back</a> •
    <a href="/ask">ask</a> •
    <a href="http://danceforyous.tumblr.com">credit</a>
    </div>
<br><br>

<div class="links">
<div class="header">
<ul><center><big> <b>  - HEADER - </b> </big> </center></div>
<a href="http://">link</a> /
<a href="http://">link</a> /
<a href="http://">link</a> <br>
<a href="http://">link</a> /
<a href="http://">link</a> /
<a href="http://">link</a></ul>

<div class="header">
<ul><center> <big> <b> - HEADER - </b> </big> </center></div>
<a href="http://">link</a> /
<a href="http://">link</a> /
<a href="http://">link</a> <br>
<a href="http://">link</a> /
<a href="http://">link</a> /
<a href="http://">link</a></ul>

<div class="header">
<ul><center> <big> <b> - HEADER - </b> </big> </center></div>
<a href="http://">link</a> /
<a href="http://">link</a> /
<a href="http://">link</a> <br>
<a href="http://">link</a> /
<a href="http://">link</a> /
<a href="http://">link</a></ul>

<div class="header">
<ul><center> <big> <b> - HEADER - </b> </big> </center></div>
<a href="http://">link</a> /
<a href="http://">link</a> /
<a href="http://">link</a> <br>
<a href="http://">link</a> /
<a href="http://">link</a> /
<a href="http://">link</a></ul>

</div>
</div></div>

</body>
</html>