Hiatus theme #2

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

margin:0px;
color:{color:text};
font-family:cambria;
font-size:10px;
line-height:100%;
}

#thing {
border-left: 2px solid black;
border-right: 2px solid black;
width:410px;
margin-left:405px;
}

#title {
text-align:left;
text-transform:uppercase;
font-style: italic;
background-color:#000;
color: #fff;
margin-top:0px;
margin-left:-5px;
letter-spacing:1px;
padding:15px;
width:385px;
font-family: times;
border-left: 2px solid #00ffff;
border-right: 2px solid #00ffff;
border-top: 2px solid#00ffff;
border-bottom: 2px solid #00ffff;
text-shadow:-1px 1px magenta, 1px -1px aqua;
font-size: 18px;

margin-bottom:50px;
margin-top: 65px;
}

#bottom {
background-color:#000;
color: #fff;
margin-top:0px;
margin-left:-5px;
letter-spacing:1px;
padding:15px;
width:385px;
border-left: 2px solid #00ffff;
border-right: 2px solid #00ffff;
border-top: 2px solid#00ffff;
border-bottom: 2px solid #00ffff;

margin-bottom:50px;
margin-top:-240px;
height:14px;
}


#description {
text-align:left;
background-color:#fff;
color:text;
line-height:180%;
margin-top:-20px;
margin-left:15px;
height: 119px;
letter-spacing:2px;
padding:5px;
width:375px;
border-bottom: 2px solid magenta;
font-family: times;

}

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

{CustomCSS}</style></head><body>
<div id="thing">

<div id="title">{title}</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: TIMES;color:white;text-shadow:-1px 1px magenta, 1px -1px aqua; letter-spacing: 2px; float: left; position: fixed; padding: 3px; bottom: 13px; right: 14px; background: #000; border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-left:1px solid #DADADA; border-bottom:1px solid #DADADA;><a href="http://inspiredbylou.tumblr.com/">IBL    </a></div>

<div id="bottom"></div>
</div>
</body>

</html>