NAVI page #01

<!--

NAVI THEME PAGE BY ANA LIVIA STATESOFGRACESS.TUMBLR.COM
 DON'T COPY! BE HAPPY ♥

-->

<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">


#content {
position: absolute;
padding: 0px;
margin-top:100px;
margin-left: 0px;
overflow: auto;}

.bmenu{
    padding: 0px;
    margin-top:100px;
    position: relative;
}
.bmenu li{
    font-size: 50px;
    display: block;
}
 .bmenu{
    padding: 50px 0px;
    margin: 150px auto;
    position: relative;
    background: rgba(55,55,55,0.7);
    width: 500px;
    height: 400px;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.bmenu:hover{
    background: rgba(168,82,81,0.2);
}
.bmenu li{
    font-size: 40px;
    display: block;
    line-height: 66px;
}
.bmenu li a{
    white-space: nowrap;
    color: transparent;
    display: block;
    text-align: center;
    text-transform: none;
    text-shadow: 0px 0px 3px #fff;
    letter-spacing: 1px;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.bmenu:hover li a{
    text-shadow: 0px 0px 10px #fff;
}
.bmenu li a:hover{
    text-shadow: none;
    color: #fff;
    background: rgba(138,162,148,0.8);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
 #cred {
    font-family:cambria;
    position:fixed;
    font-size:10px;
    font-style:italic;
    line-height:450%;
    letter-spacing:1px;
    right:50px;
    bottom:40px;
    text-transform:lowercase;
    text-align:center;
    }

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


#teste{margin-top:-200px;margin-left:-50px;position:fixed;
background-repeat: repeat; }

</style>


</head>

<link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />

<body>


<div id="teste"><img src="http://2.bp.blogspot.com/-qJcKTE-NoDs/UQYcigAlAmI/AAAAAAAAAVA/6DrkBHsodLU/s1600/vintage-wallpaper.jpg"></div>

<div id="container" class="container">
 <ul class="bmenu">
    <li><a href="URL">LINK</a></li>
    <li><a href="URL">LINK</a></li>
    <li><a href="URL">LINK</a></li>
    <li><a href="URL">LINK</a></li>
     <li><a href="URL">LINK</a></li>
    <li><a href="URL">LINK</a></li>
</ul>

</div><!-- / -->

<div id="cred">
 <div style="position:fixed;bottom:20px; right:30px;"><a href="http://statesofgracess.tumblr.com/" title="†SOGS†">CREDIT</a></center></div></div>
</body>
</html>