Navi Page - caralized

<!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://caralized.tumblr.com">caralized</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;
    margin-left:-400px;
    margin-top:250px;
}

#description {
    width:70px;
    font-size:10px;
    font-family: 'cambria', sans-serif;
    padding:2px;
    padding-top:15px;
    color:#abafb1;
    margin-left:-480px;
     margin-top:-115px;
}

#apple {
    margin-top:170px;
    margin-left:400px;
    width:200px;
    border:1px  #868d6d;
    height:550px;
    position:fixed;
    }


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

#cherry {
    margin-top:170px;
    margin-left:600px;
    width:200px;
    border:1px  #868d6d;
    height:550px;
    position:fixed;
    }


#category {
    text-align:center;
    font-size:12px;
    font-family:cambria;
    letter-spacing:4px;
    padding-top:50px;
    text-transform:uppercase;
    color:#88898b;
}
#ras {
    margin-top:170px;
    margin-left:800px;
    width:200px;
    border:1px  #868d6d;
    height:550px;
    position:fixed;
    }
#links {
    text-align:center;
    padding:20px;
    font-size:12px;
    letter-spacing:2px;
    color:#b6b8bb;
    margin-top:5px

}

</style>
</head>
<div id="apple">
<div style="border-top:1px dashed #686d6d;padding-top:-80px;width:90px;margin-left:55px;"></div>
<div id="category"><b>Links</b></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:1px dashed #686d6d;padding-top:20px;width:90px;margin-left:55px;"></div>


<div id="sidebar">
<div id="icon"><img src="{PortraitURL-96}"></div>


<!----description----->
<div id="description">keep the des short cs yolo<br>
<br><br><br><b><a href="/">back</a></b>
<br><b><a href="/ask">inbox</a></b></div>
<br><br>

</div>
</div>


<div id="cherry">
<div style="border-top:1px dashed #686d6d;padding-top:-80px;width:90px;margin-left:55px;"></div>
<div id="category"><b>Links</b></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:1px dashed #686d6d;padding-top:20px;width:90px;margin-left:55px;"></div>

</div>

<div id="ras">
<div style="border-top:1px dashed #686d6d;padding-top:-80px;width:90px;margin-left:55px;"></div>
<div id="category"><b>Links</b></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:1px dashed #686d6d;padding-top:20px;width:90px;margin-left:55px;"></div>

</div>


</body>
</html>