THEME 14

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


    <!--META NAMES-->

    <meta name="color:body" content="#000000"/>
    <meta name="color:links" content="#eeeeee"/>
    <meta name="color:sblinks" content="#a8a8a8">
    <meta name="color:hover" content="#fafafa"/>
    <meta name="color:info" content="#000000">
    <meta name="color:desc" content="#aaaaaa">
    <meta name="color:Answer Backg" content="#000000"/>
    <meta name="color:bg" content="#ffffff">
    <meta name="color:scrollbar" content="#AAAAAA">
    <meta name="color:scrollbarbg" content="#ffffff">

    <meta name="image:sb" content=""/>
    <meta name="image:right" content=""/>

    <meta name="text:link A" content=""/>
    <meta name="text:link A url" content="/">
    <meta name="text:link A title" content=""/>
    <meta name="text:link B" content=""/>
    <meta name="text:link B url" content="/">
    <meta name="text:link B title" content=""/>
    <meta name="text:link C" content=""/>
    <meta name="text:link C url" content="/">
    <meta name="text:link C title" content=""/>
    <meta name="text:link D" content=""/>
    <meta name="text:link D url" content="/">
    <meta name="text:link D title" content=""/>

    <!--

    THEME #14 BY HOGWAT WADDUP
    FOLLOW THE RULES [aka]
    DONT RE/MOVE CREDIT
    DONT CLAIM AS YOUR OWN

    -->

    <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>

<style type="text/css">

@font-face {font-family:type;src:url(http://static.tumblr.com/jqlwb54/C0qmswngk/oldnewspapertypes.ttf);}

@font-face {font-family:kat;src:url(http://static.tumblr.com/jqlwb54/rqXmswnft/websymbols-regular-webfont.ttf);}

@font-face {font-family:etc;src:url(http://static.tumblr.com/sas2ex2/fj6mr4m97/amperzand.ttf);}





::-webkit-scrollbar-thumb {
height:auto;
background-color:#000;
border:double #fff;
}

::-webkit-scrollbar {
height:9px;
width:6px;
background-color:#fff};
}

::selection {
background-color:#00BFFF;
opacity:.5;

}


body {
background-color:{color:bg};
font-family:baskerville;
letter-spacing:1px;
font-size:9px;
text-align:justify;
color:{color:body};
margin:0;
}

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

a:hover{
color:{color:hover};
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

img {
    border:none;
}

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

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

h1{
font-size:23px;
font-weight:bold;
font-family:'playfair display';
color:#000;
font-style:italic;
}

h2{
font-size:16px;
font-weight:bold;
font-family:'playfair display';
color:#000;
font-style:italic;
}

h3 {
text-align:right;
font-size:16px;
font-weight:bold;
font-family:'playfair display';
color:#000;
font-style:italic;
}

h4{
font-size:10px;
color:#000;
font-weight:normal;
}

h5{
font-size:10px;
color:#000;
font-weight:normal;
text-align:right;
}


/*SIDEBAR*/

#sidebar{
position:fixed; margin-left:100px;
margin-top:150px;
}

#con{
   width:230px;
height:130px;
background-color:#fff;
overflow: hidden;
overflow: hidden;
position:fixed !important;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#sidebarimg img{
width:230px;
height:130px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#con #sidebarimg{
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#con:hover #sidebarimg{
margin-left:123px;
display: block;
overflow: hidden;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}



#abt{
width:220px;
position:fixed;
height:120px;
background-color:#000;
opacity: 1;
overflow:auto;
margin-top:-132px;
padding: 5px;
margin-left:0px;
z-index:-1;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#links{
width:230px;
font-size:8px;
margin-left:0px;
margin-top:5px;
font-family:calibri;
text-align:left;
text-transform:uppercase;
}

#links a{
color:{color:sblinks};
}

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

#desc{
width:100px;
margin-top:10px;
margin-left:7px;
font-size:8px;
font-family:calibri;
text-transform:uppercase;
color:#fff;
}

#desc b{
color:#03fcf8;
font-style:normal;
}

#desc i{
color:#FFC0CB;
font-style:normal;
font-weight:bold;
}

#desc u{
color:#FFFF00;
font-style:normal;
text-decoration:none;
}

#desc s{
color:#FF1493;
font-style:normal;
font-weight:bold;
text-decoration:none;
}

#desc a{
color:#00fff7;
}


#bottom{
width:230px;
margin-top:140px;
border-bottom:3px solid #000;
margin-left:0px;
font-family:'playfair display';
font-style:italic;
font-weight:bold;
text-transform:lowercase;
letter-spacing:-1px;
word-spacing:1px;
text-align:left;
font-size:18px;
color:#000;
}

    .pagi {
    font-size:7px;
    text-transform:lowercase;
    letter-spacing:3px;
    font-style:normal;
    font-family:'playfair display';
    text-align:center;
    margin-left:150px;
    margin-top:-9px;
    }

    .pagi a {
    color:{color:sblinks};
    }


/*ENTRIES*/

#container {
width:500px;
padding:10px;
margin-left:450px;
margin-top:55px;
}

#posts{
width:500px;
padding:25px;
margin-top:30px;
}


/*POST INFO*/

#info {
width:500px;
text-align:right;
font-family:helvetica;
font-size:8px;
text-transform:uppercase;
padding:1px;
color:{color:info};
line-height:10px;
margin-top:5px;
margin-bottom:55px;
}

#info a{
color:{color:info};
}

#info a:hover{
color:{color:hover};
}

#tags{
float:left;
width:389px;
margin-top:-13px;
margin-left:-5px;
text-align:left;
font-size:7px;
padding:5px;
font-size:8px;
opacity:1;
color:{color:links};
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s
}

#tags a {
letter-spacing:0px;
font-size:8px;
text-align:center;
text-decoration:none;
display:inline-block;
color:#ddd;
}

#quote{
font-family:'playfair display';
font-size:15px;
letter-spacing:1px;
font-style:italic;
}

#source{
font-size:10px;

}


/*AUDIO*/

.cover {position: relative; z-index: 1;width:100px;height:100px;}

.playbutton {width: 20px;
height: 30px;
overflow: hidden;
position: relative;
z-index: 1000;
margin: 15px 24px 13px 16px;}

.playbox {background-color: #000;
position: absolute;
z-index: 1000;
margin-top: 20px;
margin-left: 20px;
opacity:0.5}

.infos {
text-transform:lowercase;text-align:center;padding:20px;margin-left:150px;margin-top:-100px;width:200px; margin-bottom:35px;
}

#asker {
color:#fcfcfc;
padding:14px;
font-family:'arial';
font-size:11px;
letter-spacing:0px;
text-align:left;
margin-top:0px;
text-transform:lowercase;
line-height:100%;
background-color:{color:Answer Backg}
}


#s-m-t-tooltip {

max-width:300px;

padding:3px 4px 5px 4px;

margin:20px 0px 0px 20px;

background-color:#000; /* change the background color */

border:double #fff; /* change the border color */

font-family:calibri; /* change the font */

font-size:9px; /* change the font size */

letter-spacing:2px; /* change the letter spacing */

text-transform:uppercase; /* can be uppercase, lowercase, none*/

color:#fff; /* change the text color */

z-index:999999999999999999999999999999999999;

}

#cred{
position:fixed;
right:5px;
bottom:15px;
}

#cred a{
color:#000;
font-family:helvetica;
text-transform:uppercase;
font-size:8px;
}

{CustomCSS}

</style></head>

<!--TOOLTIPS-->

<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="con">
<div id="sidebarimg">
<img src="{image:sb}"></div>
<div id="abt">
<div id="desc">{description}</div>
</div>
</div>
<div id="bottom">
    {title}
    </div>
<div id="links">
<a href="{text:link A url}" title="{text:link A title}">{text:link A}</a>
<a href="{text:link B url}" title="{text:link B title}">{text:link B}</a>
<a href="{text:link C url}" title="{text:link C title}">{text:link C}</a>
<a href="{text:link D url}" title="{text:link D title}">{text:link D}</a>
</div>
{block:Pagination}
<div class="pagi">

{block:PreviousPage}
<a href="{PreviousPage}">back</a>
{/block:PreviousPage}
-
{block:NextPage}
<a href="{NextPage}">next</a>
{/block:NextPage}
</div>
{/block:Pagination}
</div>
</div>



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

<!--TEXT POSTS-->

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

<!--ASKS-->

{block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}

<!--QUOTE POSTS-->
{block:Quote}

<div id="quote">
<div id="quotetext_{Length}"><h2><big>"</big>{Quote}<big>"</big></h2></div></div>
{block:Source}<div id="source">- {Source}</div>{/block:Source}
{/block:Quote}

<!--LINK POSTS-->

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

<!--CHAT POSTS-->

{block:Chat}
{block:Title}<h3>{Title}</h3>{/block:Title}
<ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}</li>{/block:Lines}</ul>
{/block:Chat}

<!--PHOTO POSTS-->

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}

{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

<!--PHOTOSET POSTS-->

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

<!--VIDEO POSTS-->

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


<!--AUDIO-->

{block:Audio}

<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>

{block:AlbumArt}
<img src="{AlbumArtUrl}" class="cover">
{/block:AlbumArt}

<div class="infos">{block:TrackName}
{TrackName}
{/block:TrackName}{block:ExternalAudio}(<a href="{ExternalAudioURL}">dwnld</a>)
{/block:ExternalAudio}<br>

<span style="text-transform:uppercase;font-size:7px;">{block:Artist}
{Artist}
{/block:Artist}</span><br>
[<strong>
{block:Album}
{Album}
{/block:Album}
</strong>]</div>

 {/block:audio}


<!--POST INFO-->

 <div id="info">
{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> and {/block:RebloggedFrom}
 {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
- <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
with {NoteCountWithLabel}</a>
{block:HasTags}<div id="tags">

{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
</div>{block:HasTags}
</div>
</div>
{/block:Posts}
</div></div></div>


</div></div>

{/block:Posts}

<div id="cred"><a href="http://hogwat.tumblr.com">hogwat</a></div>

    </body></html>