Clean Cut

<!DOCTYPE html>

<html>

    <head>
       <meta charset="utf-8">


       <!--Do not remove the credit-->
       <!--Do not remove the credit-->
       <!--Do not remove the credit-->
       <!--Do not remove the credit-->


       <meta name="image:sidebar" content="">

       <meta name="color:headerback" content="#ffffff">
       <meta name="color:headerborder" content="#000000">
       <meta name="color:headerbartop" content="#000000">
       <meta name="color:headerbarbottom" content="#000000">
       <meta name="color:title" content="#000000">
       <meta name="color:links" content="#000000">
       <meta name="color:nav" content="#000000">
       <meta name="posttitle" content="#000000">
       <meta name="color:postlink" content="#7f8080">


                   <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>


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

        <style type="text/css">

        @font-face {font-family:silent reaction; src: url(http://static.tumblr.com/knytmqx/DCPmz4ita/silent_reaction.ttf) format(“truetype”); }
a{text-decoration:none;}

#header{
    position:fixed;
    background-color:{color:headerback};
    border:2px solid {color:headerborder};
    width:720px;
    height:300px;
    margin-left:490px;
    z-index:999;
}

#headerbar{
    position:fixed;
    margin-top:100px;
    margin-left:700px;
    width:500px;
    height:1px;
    background-color:{color:headerbartop};
    z-index:9999;
}

#headerbar2{
    position:fixed;
    margin-top:250px;
    margin-left:700px;
    width:500px;
    height:5px;
    background-color:{color:headerbarbottom};
    z-index:9999;
}

#title{
    position:fixed;
    margin-top:40px;
    margin-left:700px;
    font-size:50px;
    font-family:silent reaction;
    z-index:99999;
    color:{color:title};
}

#description{
    position:fixed;
    margin-top:120px;
    margin-left:1000px;
    font-size:12px;
    width:180px;
    text-align:justify;
    font-style:italic;
    z-index:9999;
}

#links{
    position:fixed;
    margin-top:120px;
    margin-left:710px;
    z-index:9999;
}

#links a{text-decoration:none; color:{color:links}; display:inline-block; padding-top:7px; font-size:14px;}

#sidebar img{
    position:fixed;
    margin-top:60px;
    margin-left:500px;
    width:150px;
    height:200px;
    z-index:9999;
}

#nav{
    position:fixed;
    margin-top:80px;
    margin-left:1000px;
    z-index:9999;
}

#nav a {text-decoration:none; color:{color:nav}; display:inline-block; padding-left:10px; font-size:14px;}


#content{
    position:absolute;
     width:1200px;
     margin-top:400px;
     margin-left:300px;

}

#content .posts{
    width:250px;
    padding: 20px;
    margin: 5px;
    float:left;

}

.posttitle{
    color:{color:posttitle};
    font-size:40px;
    text-align:center;
}

.posttext{
    color:black;
    font-size:15px;
    text-align:center;
}

.postdescription{
    font-size:12px;
    text-align:center;
}

.postcaption{
    font-size:12px;
    text-align:center;
}

.link{color:{color:postlink};}

.quote{
    font-style:italic;
}

.quotesource{
    font-size:12px;
}

#info{
    opacity:.7;
    width:250px;
    padding-top:5px;
    padding:bottom:5px;
    text-align:center;
    border-bottom:2px solid black;
}

#date a{
    color:#000000;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}

#notecontainer {
    margin: 20px auto;
    font-size: 11px;
    background-color:white;
}

#notecontainer a{text-decoration:none; color:black;}

#notecontainer ol.notes {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.chat{list-style:none;}

.tags{
    font-size:10px; color:black; width:250px; display:inline;}
}


            /* Custom CSS */
            {CustomCSS}
        </style>


    </head>
    <body>

    <div id="header">
        </div>

    <div id="headerbar">
    </div>

    <div id="headerbar2">
    </div>


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

    <div id="description">
       {block:Description}{Description}{/block:Description}
    </div>

    <div id="links">
        <a href="{Link1}">Link One</a>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="{Link2}">Link Two</a>
        <br>
        <a href="{Link3}">Link Three</a>
        &nbsp;&nbsp;&nbsp;
        <a href="{Link4}">Link Four</a>
        <br>
        <a href="{Link5}">Link Five</a>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="{Link6}">Link six</a>
    </div>


    <div id="sidebar">
        <img src="{image:sidebar}">
    </div>

    <div id="nav">
        <a href="/">Home</a>

        <a href="/ask">Ask</a>

        <a href="/archive">Archive</a>
    </div>


    <div id="content">

    {block:Posts}

        <div class="posts">


            {block:Text}
            <div class="posttitle">{Title}</div>
            <div class="posttext">{Body}</div>
              {block:PermalinkPage}
{block:HasTags}
   {block:Tags}
      <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
   {/block:Tags}
{/block:HasTags}
{/block:PermalinkPage}
            {/block:Text}

            {block:Photo}
            <img src="{PhotoURL-500}" width="250" ALT="">
            {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
              {block:PermalinkPage}
{block:HasTags}
   {block:Tags}
      <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
   {/block:Tags}
{/block:HasTags}
{/block:PermalinkPage}
            {/block:Photo}

            {block:Photoset}
            {block:Photos}
            <img src="{PhotoURL-500}" width="{PhotoWidth-250}">
   {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
            {/block:Photos}
             {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
               {block:PermalinkPage}
{block:HasTags}
   {block:Tags}
      <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
   {/block:Tags}
{/block:HasTags}
{/block:PermalinkPage}
            {/block:Photoset}

            {block:Quote}
            <div class="quote"><b>"{Quote}"</b></div>
<br>
<div class="quotesource">~{Source}</div>
  {block:PermalinkPage}
{block:HasTags}
   {block:Tags}
      <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
   {/block:Tags}
{/block:HasTags}
{/block:PermalinkPage}
  {/block:Quote}

   {block:Chat}
  {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
 <ul>
<div class="chat">{block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label}{Line}</li>{/block:Lines}</div>
 </ul>
   {block:PermalinkPage}
{block:HasTags}
   {block:Tags}
      <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
   {/block:Tags}
{/block:HasTags}
{/block:PermalinkPage}
  {/block:Chat}

  {block:Link}
  <a href="{URL}"><div class="posttitle link">{Name}</div></a>
{block:Description}<div class="postdescription">{Description}</div>{/block:Description}
  {block:PermalinkPage}
{block:HasTags}
   {block:Tags}
      <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
   {/block:Tags}
{/block:HasTags}
{/block:PermalinkPage}
  {/block:Link}

  {block:Answer}
  <div class="answer"><img src="{AskerPortraitURL-30}" alt=""><div class="ask">{Asker}</div> asks:
<br><br> <b>{Question}</b>
<br><br>
 {block:Answerer}
 <img src="{AnswererPortraitURL-16}" alt="">
 <div class="ask">{Answerer}</div>
<div class="answerer">Answer: {Answer}</div>
 {/block:Answerer}
 <br><br>
{Replies}
 </div>
  {/block:Answer}

  {block:Video}
  {VideoEmbed-250}
  {PlayCountWithLabel}
  {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  {block:PermalinkPage}
{block:HasTags}
   {block:Tags}
      <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
   {/block:Tags}
{/block:HasTags}
{/block:PermalinkPage}
  {/block:Video}

  {block:Audio}
  {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
 {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
 {block:PlayCount}{PlayCount}{/block:PlayCount}
 {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
   {block:PermalinkPage}
{block:HasTags}
   {block:Tags}
      <a href="{TagURL}"><div class="tags">#{Tag}</div></a>
   {/block:Tags}
{/block:HasTags}
{/block:PermalinkPage}
  {/block:Audio}


        <div id="info"> <div id="date">
 {block:Date}<a href="{Permalink}">{DayOfMonth} {Month} {Year}</a>{/block:Date}
 </div>
    </div>


        </div>
        {/block:Posts}


              {block:PermalinkPage}
   {block:PostNotes}
<div id="notecontainer">{PostNotes}</div>
 {/block:PostNotes}

 {/block:PermalinkPage}


        </div>


    <div style="position:fixed; top:280px; right:950px; z-index:9999; font-size:10px;">
 {block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" style="font-size:10px; color:#000000;">Prev</a>{/block:PreviousPage}
{CurrentPage}/
 {TotalPages}
 {block:NextPage}<a href="{NextPage}" style="font-size:10px; color:#000000;">Next</a>{/block:NextPage}
 {/block:Pagination}
</div>


  <div style="position:fixed; right:30px; bottom:10px;">
  <a href="http://www.slapdashthemes.tumblr.com"><img src="http://static.tumblr.com/knytmqx/ZJImzckar/credit.png"</a>
</div>

    </body>

</html>