Page02 Joshdevin

<!--PAGE02 BY JOSHDEVIN, PLEASE DO NOT USE AS A BASE OR REDISTRIBUTE IN ANYWAY.-->
<!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://joshdevin.tumblr.com">©<i>j</i>oshdevin</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:120px;
    margin-left:40px;
    width:135px;
}

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

#description {
    width:115px;
    font-size:10px;
    font-family:arial;
    padding:2px;
    padding-top:9px;
    color:#abafb1;
}

#box {
    margin-top:120px;
    margin-left:160px;
    width:200px;
    border:1px solid #eceeee;
    height:685px;
    position:fixed;
    }

#header {
    position:fixed;
    left:-5px;
    top:-5px;
    padding-top:125px;
    font-family:courier;
    z-index:2;
}

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

#box2 {
    margin-top:120px;
    margin-left:500px;
    width:200px;
    border:1px solid #eceeee;
    height:685px;
    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:15px;
    font-size:11px;
    letter-spacing:2px;
    color:#b6b8bb;
}

</style>
</head>
<div id="box">
<div id="sidebar">
<div id="icon"><img src="{PortraitURL-96}"></div>
<div id="description">Hi, here you can find all of my links. My main blog is Joshdevin. </div>
</div>
</div>

<div id="header">
<div id="credit">
<a href="/">main blog</a> ~
<a href="/ask">ask</a> ~
<a href="http://joshdevin.tumblr.com">theme</a>
</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:1px solid #eee;padding-top:20px;"></div>
<div id="category">More</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 style="border-bottom:1px solid #eee;padding-top:20px;"></div>
<div id="category">Nav</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 style="border-bottom:1px solid #eee;padding-top:20px;"></div>

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


</body>
</html>