The one who let me go

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

<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
</script>
<script>
    $(document).ready(function() {
       $('#clockwork').click(function() {
          $('.orange').slideToggle(400);
          $(this).toggleClass('turn');
       });
    });
</script>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>


<script>

</script>




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

<!--

draculahs

-->

<meta name="color:Background" content="#eeeeee"/>
<meta name="color:Text" content="#aaaaaa"/>
<meta name="color:Link" content="#555555"/>
<meta name="color:scroll" content="#333333"/>
<meta name="color:blogtitle" content="#555555"/>
<meta name="color:sidebar" content="#ffffff"/>
<meta name="color:sidebartext" content="#dddddd"/>
<meta name="color:sidebarlinks" content="#cccccc"/>
<meta name="color:sidebarborders" content="#eeeeee"/>
<meta name="color:linkshover" content="#000000"/>
   <meta name="if:BiggerTitle" content="0"/>
   <meta name="if:Sideimg" content="1"/>
   <meta name="if:sortofgrayscale" content="1"/>


<meta name="image:Sidebar" content=""/>
<meta name="image:bg" content=""/>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700, 900, 300italic' rel='stylesheet' type='text/css'>


<meta name="text:link 1" content="home"/>
<meta name="text:link 1 url" content="/"/>
<meta name="text:link 2" content="contact"/>
<meta name="text:link 2 url" content="/ask"/>
<meta name="text:link 3" content="link 3"/>
<meta name="text:link 3 url" content="/"/>
<meta name="text:link 4" content="link 4"/>
<meta name="text:link 4 url" content="/"/>



<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:30,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>





<style type="text/css">
 iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }

iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
#s-m-t-tooltip{
    position:fixed;
    margin-top: 15px;
    z-index:9994678678564765945867845786457896789457687854678457867458674589768945768754967458976984756803758967358967893547989;
    padding-left:6px;
    padding-right:6px;
    padding-top:3px;
    padding-bottom:3px;


    letter-spacing:2px;
    font-size:9px;
    font-weight:bold;
    text-transform:uppercase;
    background:{color:linko};

    color:white;

}
 #uh{
     padding:20px; font-size:11px;
 }

 #uh a{

border-bottom:1.5px solid #ddd;
 }

blockquote {padding-left:5px;
border-left:1px dotted #ddd;
margin-left:20px;
}

body {
   background:{color:background};
color:{color:text};
font-family: 'lato', arial;

background-repeat: repeat;
font-size:12px;
text-align:justify;
margin:0;
line-height:16px;}

 ::-webkit-scrollbar {background-color:white; height:2px; width:5px}
::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll}; height:50px}
::-webkit-scrollbar-thumb:horizontal {background-color:{color:scroll}; height:3px!important}


a {
color:{color:link};
text-decoration:none;
font-weight:bold;
}

a:hover {
}

img{opacity:1;
text-decoration:none;

}

img a:hover {
background:transparent;}
.photoset {

}photoset a:hover {
background:transparent;}


small {
font-size:9px;}

big {
font-size:12px;}
   h1{
       padding:20px;
   }
 #title{
     font-size:14px; color:#555; padding-left:10px;padding-right:10px;text-align:center; font-weight:bold;
 }
#blogtitle {font-size:14px;


      {block:ifbiggerTitle}

      font-size:19px;
      {/block:ifBiggerTitle}
line-height:18px;
font-weight:bold; line-height:150%;
margin-bottom:15px;
margin-top:0px;
text-transform:lowercase;
text-align:left; letter-spacing:0px;
}
#blogtitle a{ color:{color:blogtitle};

}
#sidebar {text-align:right;
margin-top:-45px;
position:fixed;
background:transparent;
font-size:11px; height:100%;
width:200px; z-index:99999;
padding:50px;

}
 #sidebar img{ width:70px;display:block;
padding-bottom:0px; opacity:0.8; height:70px;
 margin-bottom:20px;border-radius:0%; background:{color:sidebar}; padding:15px;

 }

 #info{line-height:180%;



     background:{color:sidebar}; font-size:11px;
 padding:20px; margin-top:-6px; font-weight:bold;
     color:{color:sidebartext};  text-aligN:left; text-transform:lowercase;
 }


 #pagination{
    text-align:center;
    padding:30px;     letter-spacing:1px;

background-color:none;
 text-transform:uppercase;
font-size:10px;
}

#pagination a {
    color:{color:link};
}

/*container*/
#con {
left:35%;
padding:0px;

}



/*posts*/

#entries {
margin-top:70px;
width:400px;  margin-left:350px;

}

#entries  a {
}
 #posts:hover{        -webkit-filter: grayscale(0%);
         -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 }


#posts {


      {block:ifsortofgrayscale}
       -webkit-filter: grayscale(50%);
      {block:ifsortofgrayscale}
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
width:400px;

background:white;
text-decoration:none;
{block:IndexPage}
margin-bottom:100px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:40px; -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
{/block:PermalinkPage}

}
#posts img {
max-width:400px;
}


#posts img, #posts li, #posts blockquote {max-width: 100%;}
.caption {
margin-top:10px;
margin-bottom:10px;
background:#fff;
 padding:25px;
 color:{color:text};
}.caption a{
    color:{color:link};
border-bottom:1.5px solid #ddd;
}

/*quote*/

#titlequote{text-align:justify;
font-size:12px;padding:20px; font-weight:bold;
text-transform:none; background:#fff;
line-height:170%;
}
#source {
padding:5px;
text-align:center;font-style:italic;

}

.player {
width:30px;
height:50px;background:#e4e4e4;
overflow:hidden;
border-right:1px solid #ddd;
position:absolute;
}

.audioinfo {
margin-left:30px;
background:#f8f8f8;
padding:9px;
color:black;
letter-spacing:-1px;
font-weight:bold;
text-transform:uppercase;
text-align:left;
}

.q {margin-bottom:10px;padding-left:20px;padding-right:20px;padding-bottom:20px;
margin-left:0px;
text-align:center;
 background:#fff;
color:#ccc;
font-size:12px;

}

.asker{font-weight:bold;
    color:black; text-transform:lowercase;font-size:14px; color:#666;  padding:0px;
}
.q img {
padding-right:5px;float:left;box-shadow:0px 0px 0px;
border:0px solid;

}


.a {padding-left:20px;
margin-top:0px;
text-align:left;
color:#555;
font-size:11px;

}

/*chat*/

.chat{
    padding:20px;
}

.chat ol {
padding:0;
list-style:none;
}
.line {padding:5px 0;}

.label {font-weight:bold;
}





.tags {
font-size:8px;
}

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:400px;
text-align:left;

}
.pagenotes img {
display:none!important;}
.pagenotes li {
list-style-type:none;
padding:5px 0px;
text-align:left;
margin:0 0 0 -40px;
}


#cred {
text-transform:lowercase;
font-size:9px;
right:9px; background:#fff;
text-align:center;
bottom:9px;
padding:5px;
position:bottom right;
font-weight:bold;
position:fixed;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

#cred a {
color:#555;
    text-align:right;
    -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;



}

#entriies{
  text-align:left;  font-size:11px; -moz-transition-duration:0.3s;
  background:#fff;
  padding:15px; margin-top:-5px;
-webkit-transition-duration:0.3s;

text-transform:uppercase;


font-weight:900;


-o-transition-duration:0.3s;
}
 #entriies a{ margin-right:25px; color:#555;
}
#entriiies a{ margin-right:25px; color:#555;
}

#entriiies{ text-align:left;  font-size:11px; -moz-transition-duration:0.3s;
  background:#fff;
  padding:10px; margin-top:-5px;
-webkit-transition-duration:0.3s;

text-transform:uppercase;


font-weight:900;


}



 #tags{
     font-weight:bold; margin-top:10px; font-size:11px;
 }
  #tags a{
     font-weight:bold;  padding-left:2px;padding-right:2px;  font-size:9px;
 }

 h5{
     text-align:center; margin-top:17px;
     font-size:13px;
     letter-spacing:3px;
     text-transform:uppercase;
     color:transparent;
 }


    .orange{

        line-height:100%;
        padding:10px;
        text-align:left;
        margin-top:0px;
        background:{color:sidebar};
font-size:9px; font-weight:bold;



    }

    .orange a{ color:{color:sidebarlinks} ;
    text-transform:uppercase; padding-top:10px;padding-bottom:10px;
 display:block;
 border-top:1px solid {color:sidebarborders};
        font-weight:bold ;
    }
.orange a:hover{
    color:{color:linkshover} !important;
}



{CustomCSS}


</style>



</head>

<body>

<div id="con">

<div id="sidebar">
      {block:ifSideimg}<a href="/" ><img src="{image:sidebar}"></a>


      {block:ifSideimg}

 <div id="info"> <div id="blogtitle"><a href="/">{title}</a></div>
{Description}







</div>


 <div id="links">

</a>

 <div class="orange">
{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}
<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}
<a href="{text:link 4 url}">{text:link 4}</a>{block:iflink4}

</div>
</div>





</div>



 <div class = "autopagerize_page_element" >


<div id="entries">



{block:Posts}
<div id="posts">

<div id="entriiies">

{block:RebloggedFrom}<a href="{ReblogParentURL}" >
&nbsp; &nbsp; via


{ReblogParentName}</a>{/block:RebloggedFrom}



 </div>
{block:Quote}


<div id="titlequote">{Quote}</div>
{block:Source}<div id="source"> {Source}</div>{/block:Source}
{/block:Quote}



{block:Text}

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

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

{block:Chat}
{block:Title}
<h1>{Title}</h1>
{/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:Photo}
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
{/block:Photo}

{block:Photoset}<div class="photoset">

{Photoset-400}</div>

{/block:Photoset}

{block:Video}
{Video-400}
{/block:Video}

{block:Audio}
<div class="player">{AudioPlayerGrey}</div>
<div class="audioinfo">
{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
</div>
{/block:Audio}

{block:Answer}
<div class="q">
<div class="asker">{Asker}  </div>
<b><br>
</b> {Question}</div>
<div class="a">{Answer}</div>
{/block:Answer}

{block:permalinkpage}
{block:Caption}<div class="caption">{Caption} </div>{/block:Caption}
 {/block:permalinkpage}


{block:Date}

<div id="entriies">
{block:date}<a href="{Permalink}"> &nbsp; &nbsp; <span style="color:#ccc">{timeago}</span>	  </a> {block:NoteCount}<a href="{Permalink}">

{NoteCountwithlabel}</a>{/block:NoteCount}


{/block:date}


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




{/block:Tags}</div> {/block:HasTags}

{/block:permalinkpage}

</a></div>


{/block:Date}

</div>


{block:PostNotes}
<div class="pagenotes">
{PostNotes}
</div>
{/block:PostNotes}




{/block:Posts}



<div id="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>&nbsp;{/block:PreviousPage}page {CurrentPage} out of {TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
 </div>
</div>

<div id="cred">
  <a href="http://hulkthemes.tumblr.com/">@hulk</a>
</div>

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}

 </div>



</body></html>