THEME 6

<html>

<head>

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

<!--
Theme #6 BY KATRINA (HOGWAT)
-->

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



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

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

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

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



<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#aaaaaa"/>
<meta name="color:Link" content="#717581"/>
<meta name="color:sblinks" content="#cccccc"/>
<meta name="color:linkhover" content="#f1f1f1"/>


<!--Links-->

<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="" />

<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="" />

<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="" />

<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="" />

<style type="text/css">

/* --- SCROLLBAR ---*/

::-webkit-scrollbar {height: auto;width: 6px;}
::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
::-webkit-scrollbar-track{background-color:{color:scrollbg};}

/* --- BODY ---*/

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

blockquote {
border-left:1px solid #f8f8f8;
padding-left:2px;
margin:5px;
}

a {
    color:#b1b0b0;
    text-decoration:none;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    }

a:hover {
    text-decoration:none;
    color:#676767;
    }

img {
    none;
    }

h1 {
    font-family:anaheim;
    font-size:10px;
    font-style:none;
    text-transform:uppercase;
    text-align:left;
    font-weight:normal;
    }

h2 {
    font-size:10px;
    text-transform:none;
    font-weight:normal;
    }


    /* --- SIDEBAR ---*/

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

#sidebar:hover { border-radius:500px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }

#sidebarimage img { width:190px; padding:3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }

#links { width:120px;
font-family:serif;
font-size:9px;
opacity:1;
text-align:center;
padding-top:4px;
letter-spacing:1px;
text-transform:lowercase;
padding-bottom:1px;
margin-top:-150px;
margin-left:40px;
margin-bottom:2px;
color:{color:sblinks}; }


#links a:hover { color:{linkhover}; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease }

#description { width:80px; font-family:serif; padding:5px; font-size:9px; opacity: 0.8; text-align:justify; margin-top:-2px; margin-left:55px; }


#pagination { font-size:8px; text-align:center; font-style:italic; color:{color:link}; font-family:serif; letter-spacing:2px; margin-left:80px; }

/* --- POSTS ---*/


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

#post {
    width:500px;
    padding-top:10px;
    padding-bottom:10px;
    font-style:none;
    }

#post img { border:1px dotted #f5f5f5; padding:5px; }

#notes { font-family:anaheim; text-transform:lowercase; font-size:9px; }

#info { text-align:left; padding:5px; margin-top:5px; margin-bottom:10px;
text-transform: none; font-family:anaheim; font-size:9px; margin-left:-5px; color:#fb0c04;}

#info #tags { opacity:0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

#info:hover #tags { opacity:1; margin-top:4px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

#tags { font-family:anaheim; letter-spacing:1px; text-transform:none;
font-size:9px; margin-left:0px; margin-top:-2px; }

/* --- AUDIO ---*/

#audio { font-family:anaheim; margin-bottom:5px; width:500px; height:justify; }

.cover { width:78px; height:78px; position:absolute; }

.cover img { width:50px; height:50px; float:left; margin-top:10px; }

.player { opacity: 0.05; position:absolute; z-index:1; background:#fff;width:90px; height:90px; display:block; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease; }

.player:hover{opacity:0.5; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o    -transition: all 0.7s ease; }

.player2 { width:25px; height:25px; margin-top:20px; margin-left:20px; overflow:hidden; padding:3px; padding-right:10px; }

.track { text-transform:uppercase; margin-left:80px; line-height:15px; padding-top:10px; }


/* --- ASKS ---*/

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

#q { font-family:consolas; text-transform:lowercase; letter-spacing:1px; padding-bottom:3px; }

#question { font-family:consolas; font-style:italic; font-size:10px; }

#answer { font-family:consolas; text-transform:uppercase; font-size:10px; }

{CustomCSS}


</style>


</head>


<body>

<div id="sidebar">
<div id="sidebarimage"><img src="http://static.tumblr.com/aa468b3f0922af92ff6c7add4844a757/jqlwb54/TuEmott56/tumblr_static_tumblr_static_thornframe-graphicsfairy.jpeg"></div>
<div id="links">
{block:ifLink1}<a href="{text:Link1}">01. </a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link2}">02. </a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link3}">03. </a>{/block:ifLink3}
{block:ifLink4}<a href="{text:Link4}">04. </a>{/block:ifLink4}
</div>

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

{block:Pagination} <div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">past</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}</div>{/block:Pagination}
</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}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
<div class="player">
<div class="player2">
{AudioPlayerWhite}</div></div><div class="track">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{PlayCountWithLabel}</div><br>{Caption}</div>
{/block:Audio}

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

{block:Answer}<div id="asker"></div><div id="q">{Asker} asked: {Question} {Answer}{/block:Answer}

<div id="info">  <a href="{Permalink}">{block:Date}<a href="{Permalink}">{TimeAgo} | </a>{/block:Date} <a href="{Permalink}">{NoteCount}</a> ♡ {block:RebloggedFrom} <a href="{ReblogParentURL}">via | </a> {/block:RebloggedFrom}
{block:ContentSource}<a href="{SourceURL}"> <a href="{SourceURL}"> <a href="{SourceURL}">source</a></a>{/block:ContentSource}{/block:RebloggedFrom}
{block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
{/block:Posts}<div id="tags" st>
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div>

<div style="font-family:pathway gothic one; font-size: 10px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:uppercase; width:20px; height:20px;"><a href="http://hogwat.tumblr.com"><img src="http://media.tumblr.com/3380f206b5974ea31579eac46e66adef/tumblr_inline_mn8i8eXGBV1roozkr.gif"></a></div>

</body>

</html>