Navi theme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<meta name="color:test" content="#FFFFFF"/>
<style type="text/css">


body
{font-family:calibri;
font-size:9px;
background-color:{color:background};
}

a
{text-decoration:none;
-webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
opacity:1;
color:#959799;;
}

a:hover
{text-decoration:none;
opacity:1;
color:#eee;}


#pic {
    width:400px;
    padding:00px;
    margin-top:90px;
    margin-left:400px;
    position:fixed;
    display:center;
}

#box {
    margin-top:130px;
    margin-left:400px;
    width:200px;
    border:1px solid #FFFFFF;
    height:350px;
    position:fixed;
    }


#credit {
    padding:3px;
    padding-left:535px;
    font-size:11px;
    text-transform:uppercase;
    background-color:#eceeee;
    width:100%;
}

#box2 {
    margin-top:130px;
    margin-left:600px;
    width:200px;
    border:1px solid #FFFFFF;
    height:350px;
    position:fixed;
    }

#category {
    text-align:center;
    font-size:12px;
    font-family:cambria;
    letter-spacing:4px;
    padding-top:50px;
    text-transform:uppercase;
    background-color:#FFFFFF;
    border-bottom: 1px solid
    Color:#88898b;
}

#links {
    text-align:center;
    padding:20px;
    font-size:12px;
    letter-spacing:2px;
    color:#b6b8bb;
    margin-top:5px
}

</style>
</head>
<div id="box">
<div id="category">title</div>
<div id="links">
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br></div>
<div id="category">title</div>
<div id="links">
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br></div>

</div>
</div>


<div id="box2">
<div id="category">title</div>
<div id="links">
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br></div>
<div id="category">title</div>
<div id="links">
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br>
•<a href="http://url/">link</a><br></div>

</div>
</div>

<div id="pic"><img src="http://headersfortwitter.com/wp-content/uploads/2013/03/daisies-twitter-header.jpg" width=400 height=80></div>

 <div style="font-size: 11px; letter-spacing: 2px; float: right; position: fixed; bottom: 10px; right: 10px; text-transform:uppercase;color:{color:text}"><a href="http://ukays.tumblr.com">UKAYS</a></div>
</body>
</html>