theme 3 - buzzcut season

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

<!---

THEME #3 BY CLAFHLIN(.tumblr.com)

- DO NOT REMOVE THE CREDIT
- DO NOT TOUCH THE CREDIT IN ANY WAY
- DO NOT MOVE THE CREDIT TO A SECONDARY PAGE
- DO NOT STEAL THIS CODE AND REDISTRIBUTE AS YOUR OWN
- DO NOT USE THIS AS A BASE CODE
- AND LASTLY, DO NOT TAKE PARTS OF THE CODE, AS THAT IS ALSO STEALING

but please DO like or reblog the post! :) enjoy the theme! <3

--->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#838282"/>
<meta name="color:Link" content="#b8b8b8"/>
<meta name="image:Sidebar" content=""/>
<meta name="color:linkhover" content="#cecece"/>
<meta name="color:bold" content="#cecece">
<meta name="color:italic" content="#cecece">
<meta name="color:asker bg" content="#f5f5f5">

<meta name="text:link1" content="" />
<meta name="text:link1 url" content="/">
<meta name="text:link2" content="" />
<meta name="text:link2 url" content="/">
<meta name="text:link3" content="" />
<meta name="text:link3 url" content="/">
<meta name="text:link4" content="" />
<meta name="text:link4 url" content="/">
<meta name="text:link5" content="" />
<meta name="text:link5 url" content="/">

<meta name="if:Show Sidebar" content="1"/>

 <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

    <style>
    div#qTip {
    padding:5px;
    display:none;
    text-align:left;
    position:absolute;
    font-size:8px;
    margin-left:10px;
    margin-top:-2px;
    line-height:9px;
    font-family: 'Calibri', cursive;
    z-index:99999999999999999;
    background-color:#fff;
    color:#666;
    text-transform:lowercase;
    letter-spacing:3px;
    }
    </style>

<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Mate:400italic' rel='stylesheet' type='text/css'>

<style type="text/css">

#bite
#bite a{
display:block
}
#bite .death {
margin-top:-40px;filter: alpha(opacity = 0);
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

#bite:hover .death {
margin-top:2px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}

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

    a {
     color:{color:link};
     text-decoration: none;
    }

    a:hover {
     color:{color:linkhover};


}

img {
    border:none;
}

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

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

h1 {
    font-size:15px;
}

b, strong {
color:{color:bold};
font-weight:bold;
}

i, em {
color:{color:italic};
}

#entries {
    padding:10px;
    width:500px;
    margin-left:510px;
    margin-top:100px;
    font-family:calibri;
}

#post {
    width:500px;
    padding-bottom:20px;
    font-family:calibri;
}

#questions {
    padding:11px;
    margin-top: 5px;
    margin-bottom:5px;
    font-family:calibri;
    font-size:10px;
    text-align:left;
    background-color: {color:asker bg};
}

#answer {
    font-size:10px;
    text-transform:lowercase;
}

#info {
    width:500px;
    padding:5px;
    font-size:8px;;
    margin-top:10px;
    margin-bottom:5px;
    letter-spacing:2px;
    text-align:left;
    color:{color:link}
    }


#sidebar {
    width:120px;
    position:fixed;
    margin-left:250px;
    margin-top:150px;
}

#sidebarimage {
    width 120px;
    margin-top:10px;
}

#sidebarimage img {
    width:120px;
    height:120px;
    border-radius:120px;
    border:2px solid #ccc;
}

#title {
    font-size:24px;
    font-family: 'Poiret One', cursive;
    font-style:italic;
    text-align:center;
    margin-top:0px;
    letter-spacing:1px;
    line-height:55%;
    text-transform:lowercase;
}

#description {
    font-family: 'Calibri Light', cursive;
    letter-spacing:2px;
    text-align:justify;
    width:116px;
    font-size:9px;
    margin-top:5px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:2px;
    padding-right:2px;
    border:1.5px solid #ccc;
    background: #fff;
    text-transform:lowercase;
}

 #links {
    font-family: 'Poiret One', cursive;
    font-size:11px;
    letter-spacing:2px;
    text-align:center;
    margin-top:5px;
    width:120px;
    padding:4px;
}

 #links a{
    line-height:170%;
    padding:1px;
    margin-top:1px;
    margin-left:1px;
    letter-spacing:1px;
    color:#888888;
-moz-transition-duration:.7s;
-webkit-transition-duration:.7s;
-o-transition-duration:.7s;
}

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

#credit {
    margin-bottom:100px;
    margin-top:5px;
    text-transform:uppercase;
    font-size:8px;
    letter-spacing:2px;
    text-align:center;
    width:500px;
}

#pagination {
    text-align:center;
    margin-top:50px;
    font-size:15px;
    font-family:calibri;
    line-height:15px;
    width:500px;
    color:#000;

}
#pagination a {
    margin:0 15px;
}

{CustomCSS}</style></head><body>

<div id="bite">

<div id="sidebar">

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

{block:IfShowSidebar}
<div id="sidebarimage"><img src="{image:Sidebar}"></div>
{/block:IfShowSidebar}

<center>
<div id="links">
<a href="{text:link1 url}" title="{text:link1}">I.</a>
<a href="{text:link2 url}" title="{text:link2}">II.</a>
<a href="{text:link3 url}" title="{text:link3}">III.</a>
<a href="{text:link4 url}" title="{text:link4}">IV.</a>
<a href="{text:link5 url}" title="{text:link5}">V.</a> </center>

<div class="death">

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

</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}{hw}

{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="questions"><b>{Asker}</b> asked: {Question}</div>
<div id="answer">{Answer}</div>{/block:answer}

<div id="info"> <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a> / {/block:Date}<a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} / <a href="{ReblogParentURL}">  via </a> {/block:RebloggedFrom}
{block:ContentSource} / <a href="{SourceURL}">©</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags">
{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div>

{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}

<center>
{block:Pagination}
<div id="pagi">
{block:PreviousPage}
<a href="{PreviousPage}">-</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">+</a>
{/block:NextPage}
</div>
{/block:Pagination}


<div id="credit">
<a href="http://clafhlin.tumblr.com" target="_blank">©clafhlin</a>
</center>

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