Hazzstop's theme 41

<!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 41
~MUSHROOM~
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:tooltip" content="#eeeeee"/>
<meta name="color:description shadow" content="#eeeeee"/>
<meta name="color:info background" content="#ffffff"/>
<meta name="color:info ask heart" content="#ff0000"/>
<meta name="color:scrollbar" content="#dadada"/>

<meta name="image:sidebar" content=""/>
<meta name="image:Background" content=""/>
<meta name="image:link1" content=""/>
<meta name="image:link2" content=""/>
<meta name="image:link3" content=""/>
<meta name="image:link4" content=""/>

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

<style type="text/css">

::-webkit-scrollbar {background-color: ##fff; height:8px; width:8px}
::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height:50px}
::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height:8px!important}

body {
    margin:0px;
    font-family:Arial;
    font-size:9px;
    background: url('{image:background}') top left fixed repeat;
    line-height:100%;
    color:{color:text};}

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

a:hover {
    text-decoration: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;
    background: #fff;
    padding: 15px;}

#entries {
    padding:20px;
    width:500px;
    margin-left:500px;
    margin-top:60px;}

#sidebar {
    width:140px;
    height: 230px;
    position:fixed;
    margin-left:200px;
    margin-top:290px;
    box-shadow: 5px 5px 8px #888888;
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-radius:5px;
    background: #fff;}

#sidebarimage {
    width: 150px;}

#sidebarimage img {
    margin-left:10px;
    margin-top: 5px;
    width:120px;
    border-radius: 13px;
    height: auto;}

#links {
    padding-top: 5px;
    text-align:center;
    margin-top: -80px;
    margin-left: 10px;
    width: 120px;}

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

 #links a:hover {
     text-decoration: none;
     font-style: italic;
     opacity: .5;}

#description {
    font-family: comic sans MS;
    font-size: 10px;
    text-align:justify;
    width:110px;
    margin-top: 35px;
    margin-left: 3px;
    margin-left: 13px;
    text-shadow:0 0px 1px {color:description shadow};}

#pagination {
    background:white;
    padding:6px;
    font-size:28px;
    text-align:center;
    margin-top: 90px;}

#info {
    padding: 4px;
    text-align:left;
    text-transform: uppercase;
    font-size: 9px;
    border-radius: 15px;
    background: {color:info background};}

#asker {
     font-weight:bold;
     background: #f1f1f1;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
     border-radius: 8px;
     margin: 0 0 10px 0;
     padding: 10px 15px;
     position: relative;
     color: {color:text};}

#cred {
position:fixed;
font-family:arial;
font-size:14px;
line-height:50%;
right:4px;
bottom:4px;
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:8px;
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.5;
color:#FCFCFC;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;}



{CustomCSS}

#s-m-t-tooltip {
max-width:300px;
padding:3px 3px 2px 3px;
margin:10px 0px 0px 10px;
background-color:#fff; /* change the background color */
border:1px solid #fff; /* change the border color */
font-family:calibri; /* change the font */
font-size:9px; /* change the font size */
letter-spacing:1px; /* change the letter spacing */
font-weight:bold;
text-transform:uppercase; /* can be uppercase, lowercase, none*/
z-index:999999999999999999999999999999999999;
color: {color:tooltip}; /* change the text color */}

</style></head>
</style></head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<body>

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

<div id="links">

<a title="home"href="/"><img src="{image:link1}"><a "href="{text:Link1 URL}"></a>

<a title="ask"href="/ask"><img src="{image:link2}"><a "href="{text:Link2 URL}"></a>

<a title="{text:Link1}"href="{text:Link1 url}"><img src="{image:link3}"><a href="{text:Link1 URL}"></a>

<a title="{text:Link2}"href="{text:Link2 url}"><img src="{image:link4}"><a "href="{text:Link1 URL}"></a>
</div>

<div id="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">⇦  </a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">  ⇨</a>{/block:NextPage}{/block:Pagination}
</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">{Asker}<font color="{color:info ask heart}">♥</font>: {Question}</div><br>{Answer}{/block:Answer}

<div id="info">
{block:Date}{TimeAgo}</a>{/block:Date} - <a href="{Permalink}">
<b><font color="{color:askheart}">♡</font></b>{NoteCount}</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">H</a></div>

</body></html>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>