Hazzstop's theme 38

<!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>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Gudea' rel='stylesheet' type='text/css'>
<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}

<!--
©HAZZSTOP THEME 38
~HIATUS THEME~
Don't steal please.
-->

<meta name="color:Background" content="#fff"/>
<meta name="color:Text" content="#000"/>
<meta name="color:Link" content="#0096ff"/>
<meta name="color:LinkHover" content="#0000ff" />
<meta name="color:Title" content="#ff6196"/>
<meta name="color:scrollbar" content="#000000"/>

<meta name="text:link1" content="Link1"/>
<meta name="text:link1 url" content="/"/>
<meta name="text:link2" content="Link2"/>
<meta name="text:link2 url" content="/"/>
<meta name="text:link3" content="Link3"/>
<meta name="text:link3 url" content="/"/>

<meta name="text:Title" content="{title}"/>

<style type="text/css">

iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }

body {
    background:{color:background};
    background-image:url('{image:background}');
    background-attachment: fixed;
    background-repeat: repeat;
    margin:0px;
    color:{color:text};
    font-family:{font:BodyFont};
    font-size:12px;
    line-height:25px;}

a {
    text-decoration:none;
    color:{color:Link};
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}

a:hover {
    text-decoration:none;
    color:{color:LinkHover};
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}

#box {
    width:450px;
    height: 20px;
    position: fixed;
    padding-bottom: 30px;
    padding-top:20px;
    margin-top:150px;
    margin-left:450px;
    background: {color: Title Background};
    font-size:13px;
    line-height:12px;
    COLOR: {COLOR:TEXT};
    font-family: 'Gudea', sans-serif;
    padding: 10px;}

#title {
    font-family: 'Amatic SC', cursive;
    letter-spacing: .5px;
    font-size:70px;
    text-transform:uppercase;
    color:{color:title};
    line-height:100%;
    text-align:center;
    padding:20px;
    width:450px;
    margin-top:-10px;
    font-weight: bold;
    margin-left:-120px;}

#pic img {
    margin-top:350px;
    WIDTH: 450PX;
    position: fixed;}


 #pic{
     position: fixed;
     width:10px;
     height:10px;
     margin-top:-240px;
     margin-left:10px;}

 #birds {
     width: 100px;
     height: 40px;
     opacity: .9;
     margin-left: 270px;
     margin-top: -60px;}

 #links {
         font-size: 23px;
         text-transform: uppercase;
         color: {color: link};
         font-family: tc trebuchet;
         width:489px;
         letter-spacing:1px;
         word-spacing:9px;
         margin-top: -45px;
         margin-left: -15px;
         text-align: center;
         font-weight: bold;}

 #links a {
     padding: 3px;}

  #cred {
position:fixed;
font-family:arial;
font-size:14px;
line-height:60%;
right:10px;
bottom:10px;
border-bottom: 3px double #9a9a9a;
border-top: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
text-transform:uppercase;
background-color:#fff;
text-align:center;}
#cred a {
display:block;
width:10px;
height:7px;
padding:4px;
color:#9A9A9A;
background-color:#fff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;}
#cred a:hover {
opacity: 0.1;
color:#FCFCFC;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;}

{CustomCSS}</style></head>

<body>
<div id="box">
<div id="links">
    <a href="http://tumblr.com">dash </a>
    <a href="{text:link 1 url}">{text:link1} </a>
    <a href="{text:link 2 url}">{text:link2} </a>
    <a href="{text:link 3 url}">{text:link3}</a></div>

<div id="title">{text:Title}</div>

<div id="birds"><img src="http://media.tumblr.com/a4538193502948a52767f01a7296c46f/tumblr_inline_mnkj9dmdkJ1qz4rgp.gif"></div>

<div style="overflow:auto; width: 450px; height: 190px; padding-bottom: 10px; text-align: left;">&emsp;&emsp; {Description}</div>

<iframe frameborder="0" border="0" scrolling="yes" width="450"   height="180" allowtransparency="true" src="http://www.tumblr.com/ask_form/BLOGURL.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>

</div>

<div id="pic"><img src="http://31.media.tumblr.com/fb075635acbf36894c4775275eca23f7/tumblr_mp49rafvpA1r4psbno1_500.jpg"></div>

 <div id="cred"><a href="http://hazzstop.tumblr.com">H</a>

</body></html>