No. 3 : Loose Ends

<html>
<head>

    <title>{title}</title>
    <link rel="shortcut icon" href="{favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

        <meta name="color:background" content="" />
        <meta name="color:link" content="" />
        <meta name="color:link hover" content="" />
        <meta name="color:scrollbar" content="" />
        <meta name="color:selection" content="" />
        <meta name="color:text" content="" />

        <meta name="color:accent" content="" />
        <meta name="color:askbox" content="" />
        <meta name="color:borders" content="" />

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

        <meta name="text:LINK1 URL" content="/ask" />
        <meta name="text:LINK2 URL" content="" />
        <meta name="text:LINK3 URL" content="" />

<script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

</head>

<style type="text/css">

::selection {
color:#333333;
background:{color:selection};}

::-moz-selection {
color:#333333
background:{color:selection};}

::-webkit-scrollbar {
height:5px;
width:12px;
background:{color:background};}

::-webkit-scrollbar-thumb {
background:{color:scrollbar};
border:5px solid {color:background};}

::-webkit-scrollbar-track {
background:{color:background};}

iframe#tumblr_controls {
right:3px !important;
position:fixed !important;
opacity:0.6;
-webkit-transition:opacity 0.7s linear;
-moz-transition:0.8s ease-in;
-webkit-transition:0.8s ease-in;
-o-transition:0.8s ease-in;
transition:0.8s ease-in;}

iframe#tumblr_controls:hover {
opacity:0.8;
-moz-transition:0.5s ease-in;
-webkit-transition:0.5s ease-in;
-o-transition:0.5s ease-in;
transition:0.5s ease-in;}

body {
font-size:9px;
cursor:default;
font-family:arial;
background:{color:background};
color:{color:text};
overflow-x:hidden;
line-height:17px;}

a:link, a:visited, a:active {
color:{color:link};
cursor:help;
border:none;
text-decoration:none;
padding-bottom:0px;
border-bottom:1px solid transparent;
-moz-transition:0.3s ease-in;
-webkit-transition:0.3s ease-in;
-o-transition:0.3s ease-in;
transition:0.3s ease-in;}

a:hover {
color:{color:link};
text-decoration:none;
padding-bottom:1px;
border-bottom:1px solid {color:link hover};
-moz-transition:0.3s ease-in;
-webkit-transition:0.3s ease-in;
-o-transition:0.3s ease-in;
transition:0.3s ease-in;}

a img {
border:none;
opacity:1.0;
text-decoration:none;
background:none;}

div#qTip {
font-size:9px;
text-align:center;
height:auto;
letter-spacing:1px;
width:auto;
padding:10px 15px;
margin-top:5px;
margin-left:10px;
text-transform:lowercase;
line-height:120%;
position:absolute;
z-index:1000;
display:none;
color:{color:text};
background:{color:selection};
-moz-transition:0.2s ease-in;
-webkit-transition:0.2s ease-in;
-o-transition:0.2s ease-in;
transition:0.2s ease-in;}

blockquote, .blockquote {
border-left:1px solid #e7e7e7;
padding:5px 0px 5px 15px;
margin:8px;
max-width:500px;
line-height:17px;}

blockquote small {font-size:8px;}
blockquote pre {border-left:solid 0px;}

ol {list-style:normal;}
ul {list-style:disc;}

pre {
width:auto;
display:block;
padding:15px;
line-height:100%;
background:#F6F6F6;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
color:#ababab;}

#sidebar {
float:left;
width:200px;
top:100px;
left:150px;
z-index:1;
position:fixed;}

#sbarimg {
display:block;
width:140px;
height:140px;
background:{color:accent};}

#sbarimg img {
width:100px;
height:100px;
padding:20px;}

.links {
width:100px;
height:140px;
margin:-140px 0px 0px 145px;}

.links a {
width:10px;
height:10px;
display:block;
padding:8.5px 11px 12.8px;
background:{color:accent};
font-family:arial;
margin-bottom:5px;
border:none;
font-weight:none;
font-weight:normal;
text-align:center;
color:#333;
text-transform:uppercase;}

#stext {
display:block;
margin-top:15px;
padding-right:50px;
text-align:justify;}

#pagination {
width:160px;
margin:10px 0px 0px;
letter-spacing:2px;
padding-top:5px;
color:{color:text};
border-top:1px solid {color:borders};
text-transform:uppercase;
text-align:center;}

#pagination a {
padding:9px 9px 0px;
margin:0px -3px;
color:{color:text};
border-bottom:0px;
border-top:1px solid {color:borders};}

#pagination a:hover {
border-top:1px solid {color:text};}

.current_page {
font-style:normal;
color:{color:text};
cursor:default;
font-weight:700;
border-top:1px solid {color:text};}

#posts {
width:500px;
margin:100px 0px 100px 400px;}

.entry {
width:500px;
display:block;
position:relative;
padding:0px;
margin:0px;}

.space {
display:block;
width:100%;
margin:50px auto;
border-top:1px solid {color:borders};}

#titles {
font-size:14px;
text-align:left;
margin-bottom:5px;
letter-spacing:1px;}

#textpost {
margin-top:15px;
display:block;
text-align:justify;}

.s {
font-style:italic;
padding:5px 70px 5px 5px;
margin-bottom:5px;
text-align:left;
border-bottom:1px solid {color:borders};}

.s a {
padding:0px;
margin:0px;
bordeR:0px;
color:{color:link};
text-decoration:underline;}

.s a:hover {
color:{color:link hover};}

#quote {
display:block;
width:300px;
margin:10px 0px 5px;
font-size:18px;
line-height:17px;
font-family:garamound;
text-align:left;}

#linkx {
font-sizE:12px;
letter-spacing:1px;}

#linkx a {
padding:0px;
border:none;
padding:0px;
color:{color:link};
text-decoration:none;}

#linkx a:hover {
color:{color:link hover};}

#linkdesc {
padding:5px;
display:Block;
text-align:left;
margin-top:5px;}

.chat ol {
padding:0;
line-height:180%;
list-style:none;}

.line.odd {
margin-bottom:2px;
padding:5px;
color:{color:link};
background:{color:background};}

.line.even {
padding:5px;
margin-bottom:2px;
color:{color:text};
background:{color:accent};}

.label {
padding-right:1px;
font-weight:bold;}

#askbox {
width:500px;}

.question {
padding:20px;
text-align:justify;
background:{color:askbox};}

#askbox b {
font-size:10px;
display:block;
text-transform:lowercase;
padding-bottom:5px;
font-weight:700;}

.question a {
color:{color:text};
border:none;}

.question a:hover {
color:{color:link hover};
text-decoration:underline;}

#audio {
width:500px;
height:80px;
overflow:hidden;}

#audioimg {
float:left;
width:80px;
margin-right:10px;
height:80px;}

#audio img {
width:80px;
height:80px;
margin-right:10px;
position:Absolute;}

.playbutton {
width:20px;
height:30px;
overflow:hidden;
position:relative;
z-index:1000;
margin-top:8px;}

.audioinfo {
font-size:9px;
margin:10px 0px 15px 20px;
padding-left:10px;
border-left:2px solid #f0f0f0;
letter-spacing:1px;
text-align:left;}

.audioinfo b {
display:block;
font-weight:700;
font-size:12px;}

#caption {
padding:5px;
text-align:justify;
margin-top:5px;
background:{color:caption};}

#info {
color:#787878;
margin-top:15px;
letter-spacing:1px;
word-spacing:2px;
text-align:left;}

#sources {
text-transform:none;
float:left;
margin-right:15px;
letter-spacing:0px;}

#sources a {
padding:0px;
border:none;
text-decoration:underline;
color:#787878;;}

#sources a:hover {
opacity:0.9;}

#tags {
letter-spacing:1px;
text-transform:none;
font-size:8px;}

#tags a {
opacity:0.8;
padding:0px;
border:none;
color:#787878;
margin-right:12px;}

#tags a:hover {
color:{color:link hover};}

#date {
text-align:left;
display:Block;
margin-bottom:5px;}

#date a {
border:none;
padding:0px;
color:#787878;}

#date a:hover {
color:{color:link hover};}

ol.notes {
display:block;
width:500px;
font-size:9px;
text-align:left;
font-family:arial;
font-weight:normal;
padding:10px 0px 0px 0px;
margin:10px 0px 25px -10px;
list-style-type:none;
letter-spacing:1px;}

ol.notes li.note {
color:{color:Text};
padding:10px 15px 10px 8px;
text-transform:lowercase;}

ol.notes li.note a {
padding:0px;
border:none;
color:{color:link};}

ol.notes li.note a:hover {
color:{color:link hover};}

ol.notes li.note img.avatar {
width:16px;
height:16px;
float:left;
border-radius:100%;
margin-right:13px;}

ol.notes li.note span.action {
font-weight:normal;}
ol.notes li.note .answer_content {
font-weight:normal;}

ol.notes li.note blockquote {
border-left:1px solid #e7e7e7;
padding:5px 0px 5px 15px;
margin:8px;
font-weight:normal;
font-style:none;
text-align:block;
color:{color:text};
text-transform:none;
line-height:17px;}

ol.notes li.note blockquote a {
padding:0px;
border:none;
color:{color:link};}

#cr {
bottom:15px;
right:15px;
font-weight:normal;
font-style:normal;
position:fixed;}

#cr a {
color:#000;
border:none;
background:none;
text-decoration:none;}

</style>

<body>

<div id="cr"><a href="http://aurthms.tumblr.com/">&copy;</a></div>


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

<div class="links">
    <a href="/"><i class="fa fa-home fa-lg"></i></a>
    <a href="{text:LINK1 URL}"><i class="fa fa-envelope fa-lg"></i></a>
    <a href="{text:LINK2 URL}"><i class="fa fa-heart fa-lg"></i></a>
    <a href="{text:LINK3 URL}"><i class="fa fa-tags fa-lg"></i></a>

</div>

<div id="stext">{description}</div>
{block:Pagination}
<div id="pagination" align="center">
{block:JumpPagination length="3"}
{block:CurrentPage}<a class="current_page" style="font-style:normal;color:{color:text};cursor:default;font-weight:700;border-top:1px solid {color:text};">{PageNumber}</a>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}#post">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
</div>{/block:Pagination}
</div>


<div id="posts">

{block:Posts}
<div class="entry">


    {block:Text}
    {block:Title}
    <div id="titles">
    {Title}</div>
    {/block:Title}

    {block:Title}
    <div id="textpost">
    {/block:Title}
    {Body}
    {block:Title}
    </div>
    {/block:Title}
    {/block:Text}


    {block:Quote}
    <span class="s">
    {Source}</span>

    <div id="quote">
    "{Quote}"</div>
    {/block:Quote}


    {block:Link}
    <div id="linkx">
    <a href="{URL}">
    {Name}</a></div>

    {block:Description}
    <div id="linkdesc">
    {Description}</div>
    {/block:Description}
    {/block:Link}


    {block:Photo}
    <center>
    <img src="{PhotoURL-500}" />
    </center>
    {/block:Photo}


    {block:Photoset}
    <center>
    {Photoset}
    </center>
    {/block:Photoset}


    {block:Chat}
    {block:Title}
    <div id="titles">
    {Title}</div>
    {/block:Title}
    <div class="chat">
    <ol>{block:Lines}
    <li class="line {Alt}">
    {block:Label}
    <span class="label">
    {Label}</span>
    {/block:Label}{Line}</li>
    {/block:Lines}
    </ol></div>
    {/block:Chat}


    {block:Video}
    <center>
    {Video-500}
    </center>
    {/block:Video}


    {block:Answer}
    <div id="askbox">
    <div class="question">
    <b>{Asker}:</b> {Question}</div>

    <div style="padding:7px 10px 4px 10px;">
    {Answer}</div>
    </div>
    {/block:Answer}


    {block:Audio}
    <div id="audio">
    <div id="audioimg"><img src="http://i.imgur.com/Sf03rK4.jpg">
    {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}</div>

    <div class="playbutton">
    {AudioPlayerWhite}
    </div>

    <div class="audioinfo">
    {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
    {block:Artist}{Artist}{/block:Artist}
    {block:Album} — {Album}{/block:Album}</div>
    </div>
    {/block:Audio}



{block:caption}<div id="caption">{caption}</div>{/block:caption}

{block:Date}
<div id="info">
<div id="date"><a href="{permalink}">{block:NoteCount}{NoteCountWithLabel} / {/block:NoteCount}{12Hour}:{Minutes} {AMPM}</a></div>

<div id="sources">
{block:RebloggedFrom}
<!---<a href="{ReblogParentURL}">{ReblogParentName}</a>--->
source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}

{block:NotReblog}source: <a href="{Permalink}">{name}</a>{/block:NotReblog}
</div>

{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#<i>{Tag}</i></a>{/block:Tags}</div>{/block:HasTags}

<!--{block:ContentSource}
<a href="{SourceURL}">Source</a>
{/block:ContentSource}-->
</div>
{/block:Date}

{block:IndexPage}
<div class="space">
</div>
{/block:IndexPage}
</div>
{/block:Posts}

{block:ContentSource}
<!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}{/block:PostNotes}

</div>

</body>
</html>