Hiatus Theme

<!--PAGE05 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=Inconsolata' 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"/>
<meta name="color:desc" content="#f8f8f8"/>
<meta name="color:links" content="#f8f8f8"/>

<meta name="text:url name" content=""/>

<style type="text/css">


body
{font-family:calibri;
font-size:9px;
background-color:{color:background};
background-image:url(http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo2_250.png);
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;
text-decoration:none;
}

a{
text-decoration:none;
opacity:1;
color:#959799;
-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;
}

a:hover{
text-decoration:none;
opacity:1;
color:#eee;
-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;
}

#container {
    width:700px;
}


#sidebar {
    width:400px;
    margin-top:150px;
    position:fixed;
    margin-left:480px;
}

#icon {
    width:128px;
    -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;
    }

#icon:hover .links {
    opacity:1;
    -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;
}


#description {
    margin-left:140px;
    margin-top:-120px;
     font-family:calibri;
    font-style:italic;
    font-size:11px;
    color:{color:desc};
    position:fixed;
    width:160px;
    }

#askbox {
    margin-top:20px;
    positioN:fixed;
}

.links {
    font-family:inconsolata;
    font-size:10px;
    text-transform:uppercase;
    margin-left:-70px;
    text-align:center;
    color:{color:links};
    letter-spacing:1px;
    display:block;
    position:fixed;
    width:60px;
    line-height:200%;
    margin-top:-95px;
    text-decoration:none;
    opacity:0;
    -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;
}

.links a{
    text-decoration:none;
    border:1px solid #f2f2f2
    color:{color:links};
}

.links a:hover {
    text-decoration:none;
    color:{color:links};
}

</style>
</head>


<body>
<div id="container">
<div id="sidebar">
<div id="icon"><img src="{PortraitUrl-128}">
<div class="links">
<a href="http://tumblr.com/dashboard">dashboard</a>
<a href="http://joshdevin.tumblr.com/">credit</a>
<a href="/archive">archive</a>
</div></div>
<div id="description">{Description}</div>
<div id="askbox"><p>
 <iframe frameborder="0" scrolling="no" width="125%" height="190" src="http://www.tumblr.com/ask_form/{text:url name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!—[if IE]><script type=”text/javascript”>document.getElementById(‘ask_form’).allowTransparency=true;</script><![endif]—></p>


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


</body>
</html>