Hazzstop's theme 21

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

<!--
©HAZZSTOP THEME 21
~BLURRED LINES~
Don't steal please.
-->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#838282"/>
<meta name="color:Link" content="#b8b8b8"/>
<meta name="color:Link Hover" content="#eeeeee"/>
<meta name="color:Border" content="#dadada"/>
<meta name="color:Pagi bg" content="#f0f0f0"/>

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

<meta name="text:link 1" content="Link 1"/>
<meta name="text:link 1 url" content="/"/>
<meta name="text:link 2" content="Link 2"/>
<meta name="text:link 2 url" content="/"/>
<meta name="text:link 3" content="Link 3"/>
<meta name="text:link 3 url" content="/"/>

<style type="text/css">

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

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

a:hover {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link hover};
}

img {
    border:none;
}

blockquote {
    padding-left:5px;
    border-left:2px solid;
}

blockquote blockquote {
    padding-left:5px;
    border-left:2px solid;
}

#post {
    width:500px;
    padding-bottom:30px;
    border-bottom: 1px solid {color:border};
    padding: 20px;
}

#entries {
    padding:10px;
    width:500px;
    margin-left:500px;
    margin-top:40px;
}

#sidebar {
    width:150px;
    position:fixed;
    margin-left:300px;
    margin-top:200px;
}

#sidebarimage {
    width: 98px;
    margin-left: -20px;
    margin-top: -15px;
    border: 1px solid {color:border};
    -webkit-transform: rotate(45deg);
    -moz-transition-duration:0.8s;
    -webkit-transition-duration:0.8s;
    -o-transition-duration:0.8s;
}

#sidebarimage img {
    width:90px;
    opacity: .8;
    border: 4px solid #fff;
    -moz-transition-duration:0.8s;
    -webkit-transition-duration:0.8s;
    -o-transition-duration:0.8s;
}

 #sidebarimage:hover {
    opacity: .9;
    width: 95px;
    margin-top: -15px;
    border: 1px solid #fff;
    -moz-transition-duration:0.8s;
    -webkit-transition-duration:0.8s;
    -o-transition-duration:0.8s;
    -moz-transition-duration:0.8s;
    -webkit-transition-duration:0.8s;
    -o-transition-duration:0.8s;
}


#links {
    BACKGROUND: #f0f0f0;
    padding:5px;
    text-align:center;
    word-spacing: 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    margin-left: -67px;
    margin-top: -27px;
    width: 112px;
}

#links a {
    letter-spacing: 1px;
}

 #links a:hover {
    letter-spacing: 1px;
    text-decoration: underline;
}

#description {
    padding:5px;
    text-align:center;
    width:95px;
    background: #f0f0f0;
    margin-left: 22px;
    margin-top: -105px;
    -webkit-transform: rotate(45deg);
}

#pagination {
color: {color:text};
opacity:1;
position:fixed;
width:150px;
text-align:center;
margin-top:120px;
margin-left:-45px;
font-family:courier;
font-size:8px;
letter-spacing:4px;
font-style:normal;
z-index:100;
background: {color:pagibg};
padding:2px;
border-top:1px dashed #F0F0F0;}

#info {
    text-align:center;
    margin-top:10px;
}

#asker {
    float:left;
    margin-right:5px;
}

 #cred {
position:fixed;
font-family:calibri;
font-size:9px;
line-height:60%;
right:10px;
bottom:10px;
text-transform:uppercase;
background-color:#fff;
text-align:center;}
#cred a {
display:block;
width:2px;
height:1px;
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="sidebar">

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

<div id="description">{description}</div>

<div id="links">
    <a href="/">I.</a>
    <a href="/ask">II.</a>
    <a href="{text:link 1 url}">III.</a>
    <a href="{text:link 2 url}">IV.</a>
    <a href="{text:link 3 url}">V.</a>
    </a>

    </div>


<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">←</a>
{/block:PreviousPage}
{block:JumpPagination length="4"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}">→</a>
{/block:NextPage}
</div>
{/block:Pagination}</div></div>
</div>

</div>

<div id="entries">{block:Posts}<div id="post">

{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:{Question}<br>{Answer}{/block:Answer}

<div id="info">
{block:Date}{TimeAgo}</a>{/block:Date} - <a href="{Permalink}">
{NoteCountWithLabel}</a>{block:RebloggedFrom} - <a href="{ReblogParentURL}"
title="{ReblogParenttitle}">Via</a> - <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}-{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>

</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}</div>

  <div id="cred"><a href="http://hazzstop.tumblr.com"><img src="http://static.tumblr.com/y6lfoox/z4smlloab/h.png">

</body></html>