navi page 1 by palfin

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

<link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'>

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

<meta name="color:test" content="#f8f8f8"/>
<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;}

#sidebar {
    margin-top:-400px;
    margin-left:240px;
    width:135px;
}

#icon {
    width:96px;
    padding:10px;
    border:1px solid #eeeeee;
    display:center;
}

#description {
    width:115px;
    font-size:10px;
    font-family: 'Sintony', sans-serif;
    padding:2px;
    padding-top:9px;
    color:#abafb1;
}

#box {
    margin-top:40px;
    margin-left:370px;
    width:200px;
    border:1px solid #868d6d;
    height:550px;
    position:fixed;
    }


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

#box2 {
    margin-top:40px;
    margin-left:770px;
    width:200px;
    border:1px solid #868d6d;
    height:550px;
    position:fixed;
    }

#category {
    text-align:center;
    font-size:12px;
    font-family:courier;
    letter-spacing:4px;
    padding-top:50px;
    text-transform:uppercase;
    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">Links</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 style="border-bottom:2px solid #686d6d;padding-top:20px;"></div>
<div id="category">Links</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 style="border-bottom:2px solid #686d6d;padding-top:20px;"></div>
<div id="category">Links</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="sidebar">  <a href="http://url/">
<div id="icon"><img src="{PortraitURL-96}"></div>


<!----description----->
<div id="description">Hi, put your desc here xx </div>
</div>
</div>


<div id="box2">
<div id="category">Links</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 style="border-bottom:2px solid #686d6d;padding-top:20px;"></div>
<div id="category">Links</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 style="border-bottom:2px solid #686d6d;padding-top:20px;"></div>
<div id="category">Links</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>


</body>
</html>