Hiatus Theme

<!-- hiatus theme by inspiredbylou, or mady :)-->

<!--- please don't remove credit, i work hard on my themes--->
<html>
<head>

<!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}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>


<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#9c9c9c"/>


<meta name="image:background" content=""/>
<meta name="image:picture" content=""/>
<meta name="text:title" content="">
<meta name="text:blog url" content="">


<style type="text/css">

@font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }


::-webkit-scrollbar {height: auto;width: 13px;}
::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
::-webkit-scrollbar-track{background-color:{color:scrollbg};}

a:link, a:active, a:visited{
color: #777777;
text-decoration: none;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}

body {
background:{color:background};
background-image: url(http://29.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo5_250.png);
margin:0px;
color:{color:text};
font-family:cambria;
font-size:10px;
line-height:100%;
}

#title {
text-align:left;
text-transform:lowercase;
background-color:#fff;
color:text;
margin-top:0px;
margin-left:15px;
letter-spacing:1px;
padding:15px;
width:385px;
font-family: "stars";
font-size: 18px;
margin-left:400px;
margin-bottom:50px;
margin-top: 65px;
border: 2px solid #f0f0f0;
}


#pic img{
width:200px;
border:2px solid #f0f0f0;
padding:4px;
margin-left: 615px;
height: 200px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;

}

#description {
text-align:left;
text-transform:lowercase;
background-color:#fff;
color:text;
margin-top:-210px;
margin-left:0px;
height: 195px;
letter-spacing:2px;
padding:5px;
width:195px;
margin-left:400px;
font-family: calibri;
border: 2px solid #f0f0f0;
}

#ask {
padding:10px;
width:200px;
margin-left:400px;
margin-top:5px;
margin-bottom: 260px;
font-style: italic;
}

{CustomCSS}</style></head><body>

<div id="title">{title}</div>


<div id="pic"><img src="{image:picture}"></div>
<div id="description">{Description}</div>
<div id="ask">
<iframe frameborder="0" height="200" width="405" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:blog url}.tumblr.com" width="100%"></iframe></p>
<!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></div>

<div style="font-size: 10px; font-family: calibri; letter-spacing: 1px; float: left; position: fixed; padding: 3px; bottom: 13px; right: 14px; background: #f0f0f0; border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-left:1px solid #DADADA; border-bottom:1px solid #DADADA;text-transform:lowercase;"><a href="http://inspiredbylou.tumblr.com/">© inspiredbylou</a></div>
</body>

</html>