P1 -- king rat

<!DOCTYPE html>
<html lang="en">

<!-- PAGE 1 BY CRIMICAL; KING RAT

    DO NOT CLAIM AS YOUR OWN, DO NOT REMOVE CREDIT
    thank you for using my theme :)

-->

<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />

<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic|Oranienbaum|Vidaloka|IM+Fell+English:400,400italic|Cabin+Condensed|Capriola|Petit+Formal+Script|Meddon|Gilda+Display' rel='stylesheet' type='text/css'>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script src="http://static.tumblr.com/bkd4m5b/YZZmbae0e/masonry.js"></script>

<script type="text/javascript">
$(window).load(function () {
$('.things').masonry({
itemSelector : ".t",
},
function() { $('.things').masonry({ appendedContent: $(this) }); }
);
});
</script>

</head>
<style type="text/css">

/* basics */

body {
    font-family:arial, sans serif;
    font-size:10px;
    color:#333;
    text-align:justify;
    margin:0;
    padding:0;
    line-height:180%;
    letter-spacing:1px;
}

a{
    color:#333; /* changes link colour */
    text-decoration:none;
    -webkit-transition:0.7s ease-in;
}

a.c{ color:teal; }

/* main */

#con{
    width:818px;
    margin:80px auto 100px;
    padding:0 30px 0;
}

h1{
    font-family:'playfair display';
    font-size:40px;
    border-bottom:1px solid #f9f9f9;
    padding:0 0 15px;
    font-weight:normal;
    text-transform:uppercase;
    margin-bottom:0px;
    text-align:center;
}

.h1{
    font-size:7px;
    font-family:arial;
    text-transform:uppercase;
    letter-spacing:2px;
    text-align:center;
}

.h1 a{ color:teal; }

h1, .h1{ width:740px; margin-left:35px; }

.t{
    width:205px;
    padding:20px;
    margin:0 15px 15px;
    font-size:8px;
    display:inline-block;
    float:left;
    text-align:center;
}

h2{
    text-align:center;
    font-size:12px;
    text-transform:;
    font-weight:normal;
    letter-spacing:1px;
    padding:5px;
    background-color:#333;
    color:white;
    font-style:italic;
    font-family:'playfair display';
    cursor:default;
}

h2 a{ color:white; cursor:default; }

ul{ list-style-type:none; margin-left:-20px; width:165px; }

.credit{
    position:fixed;
    bottom:20px;
    right:15px;
}

.credit a{
    border:1px solid #f4f4f4;
    padding:5px;
    height:10px;
    width:10px;
    text-transform:uppercase;
    font-size:8px;
    font-family:arial;
    color:gray;
}

</style>
<body>

<div class="credit">
    <a href="http://crimicalthemes.tumblr.com/">cr</a>
</div>


<div id="con">


<h1>tags</h1>
<div class="h1">
    <a href="/">back</a> / <a href="http://tumblr.com/dashboard">dashboard</a>
</div>


<!-- search box -->
<div style="width:250px; margin:50px auto 30px;">
<form id="searchthis" action="/search" style="display:inline" method="get">
<input id="search-box" name="q" size="25" type="text" value="search" style="background-color:transparent; letter-spacing:1px; color:#333; font-size:8px; width:250px; border-bottom:1px solid #333; border-top:0px; border-right:0px; border-left:0px; text-align:center; "/>
<input id="search-btn" value="" type="submit" style="display:none"/>
</form>
</div>
<!-- -->


<div class="things" style="width:850px; margin-bottom:50px">


<div class="t">
    <h2> title </h2>
    <ul>
        <li> <a href="/tagged/tag">tag</a> </li>
        <li> <a href="/tagged/tag">tag</a> / <a href="/tagged/tag">tag</a> </li>
    </ul>
</div>


<div class="t">
    <h2> title </h2>
    <ul>
        <li> <a href="/tagged/tag">tag</a> </li>
        <li> <a href="/tagged/tag">tag</a> </li>
    </ul>
</div>


<div class="t">
    <h2> title </h2>
    <ul>
        <li> <a href="/tagged/tag">tag</a> </li>
        <li> <a href="/tagged/tag">tag</a> </li>
    </ul>
</div>


</div>
</div>
</body>
</html>