theme rules 01

<!--

Theme Rules 01 by

╱╭╮╱╱╱╱╱╱╱╱╱╭╮╱╱╭╮
╭╯╰╮╱╱╱╱╱╱╱╱┃┃╱╭╯╰╮
╰╮╭┫╭╮╭┳━━┳━┫┃╭╋╮╭╋━╮╭━━┳━┳━┳╮╱╭╮
╱┃┃╰╯╰╯┃┃━┫╭┫╰╯╋┫┃┃╭╮┫╭╮┃╭┫╭┫┃╱┃┃
╱┃╰╮╭╮╭┫┃━┫┃┃╭╮┫┃╰┫┃┃┃╭╮┃┃┃┃┃╰━╯┃
╱╰━┻╯╰╯╰━━┻╯╰╯╰┻┻━┻╯╰┻╯╰┻╯╰╯╰━╮╭╯
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯

aka ashley

-->
<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=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Just+Another+Hand' rel='stylesheet' type='text/css'>

<style type="text/css">

a {
    color:{color:link};
    text-decoration: none;
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s;
    }

a:hover {
    color: #fff;
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s;
    }

#all {
    margin-left:420px;
    background-color:#fff;
    width: 700px;
    position:fixed;
    }

    #poop {padding: 2px; font-color:#000; position:fixed; text-align: right; bottom:-22px; right:3px; line-height:120%; font-size:18px;  letter-spacing:1px; font-family:just another hand;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; }

#poop a {color: #000;}

#poop:hover {
bottom:2px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;
}


#title {
    margin-left:15px;
    margin-top:154px;
    width:460px;
    font-size:56px;
    letter-spacing:5px;
    word-spacing:5px;
    border: 11px double #000;
    color:#000;
    text-transform:uppercase;    text-align: center;
    font-family: shadows into light two;
    text-shadow:-2px -1px 1px #00FFFF, -2px -2px 2px #4C1BE0;
    position:fixed;
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s;
}


#rules {
    margin-top:260px;
    margin-left:130px;
    width:360px;
    font-style: bold;
    font-size:18px;
    color:#000;
    line-height:130%;
    font-family:cambria;
    text-align: right;
    position:fixed;
}

#rule {
    width:360px;
    font-style: bold;
    font-size:18px;
    color:#000;
    line-height:110%;
    font-family:cambria;
    text-align: right;
    position:fixed;
}

#rulee {
    width:360px;
    font-style: bold;
    font-size:11px;
    color:#000;
    line-height:180%;
    font-family:cambria;
    text-align: right;
    position:fixed;
    font-style:italic;
}

#links {
    margin-top:280px;
    margin-left:15px;
    height: 300px;
    width:125px;
    font-size:15px;
    text-transform:uppercase;
    line-height: 120%;
    text-align:left;
    word-spacing: 2px;
    position:fixed;
    font-family: cambria;
    }

#links a{
    color:#000;
    line-height: 220%;
    width:125px;
    text-align:center;
    border:9px double #000;
    display: block;
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s;
    }


#links a:hover{
    color:#fff;
    border-color: #fff;
    background:#000;
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s;
    }

#image img {
    width:300px;
    height:460px;
    padding:5px;
    position: fixed;
    margin-top:40px;
    margin-left:280px;
    z-index:-99999999999999; opacity:1;
}

</style></head>

<div id="image"><img src="http://media.tumblr.com/0aabd75ba2ecb7632d4ecc7828dcb352/tumblr_inline_mpcixlcHUv1qz4rgp.png"></a></div></div>

<div id="all">
<div id="title">theme rules</div>
<div id="rules">

<br>
<div id="rule">Write a rule here whatever u want •</div>
<br>
<div id="rulee">Maybe explain the rule here or something</div>

<br><br>
<div id="rule">Write a rule here whatever u want •</div>
<br>
<div id="rulee">Maybe explain the rule here or something</div>

<br><br>
<div id="rule">Write a rule here whatever u want •</div>
<br>
<div id="rulee">Maybe explain the rule here or something</div>

<br><br>
<div id="rule">Write a rule here whatever u want •</div>
<br>
<div id="rulee">Maybe explain the rule here or something</div>
</div>

<div id="links">
<a href="http://tumblr.com/dashboard">dash</a> <br>
<a href="http://YOURURLHERE.tumblr.com">owner</a> <br>
<a href="http://tumblr.com/logout">lol no</a> <br>
<a href="/">mhmm</a>

</div>

<div id="poop">
<a href="http://twerkitnarry.tumblr.com/">▲▼<br>TWERKITNARRY</a>
</div>

</body>
</html>