All Along The Watchtower #21

     <!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>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">

<script type="text/javascript">
    function showStuff(id) {
    	document.getElementById(id).style.display = 'block';
	}
</script>

<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
   (function($){
       $(document).ready(function(){
           $("[title]").style_my_tooltips({
               tip_follows_cursor:true,
               tip_delay_time:200,
               tip_fade_speed:300
           }
               );
       });
   })(jQuery);
</script>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<!----theme by draculahs @ tumblr,  rules are on my tumblr. :)--->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:scroll2" content="#4d5753"/>
<meta name="color:scroll3" content="#8e9693"/>

<meta name="color:firstletter" content="#636966"/>
<meta name="color:firstletter text" content="#f8f8f8"/>

<meta name="color:Text" content="#000000"/>
<meta name="color:askbg" content="#f8f8f8"/>
<meta name="color:asktext" content="#000000"/>
<meta name="color:linkshover" content="#636966"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:chatline1" content="#f1f1f1"/>
<meta name="color:chatline1 text" content="#000000"/>
<meta name="color:chatline2" content="#636966"/>
<meta name="color:chatline2 text" content="#f1f1f1"/>
<meta name="color:sidebar" content="#ffffff"/>
<meta name="image:sidebar" content=""/>
 <meta name="if:sidebarimg" content="1"/>
 <meta name="if:imgshadow" content="1"/>
 <meta name="if:roundsmallimg" content="1"/>
 <meta name="if:grayscaleonside" content="0"/>
 <meta name="if:firstletter" content="0"/>
   <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="/">


<style type="text/css">
#s-m-t-tooltip{
max-width:200px;
margin:5px;
overflow:hidden;
padding:2px 8px;
background:white;
color:black;
border:1px solid white;
text-align:justify;
z-index:999999;
font-size:10px;
font-weight:lighter;
text-transform:lowercase;
box-shadow:3px 3px 5px rgba(3,3,3,.4);}

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
font-family:times;
font-size:11px;
      line height:170%;
      letter-spacing:1px;
    font-weight:lighter;

}

.hidden {display: none;}
.unhidden {display: block;}

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

a:hover{



}

::-webkit-scrollbar {background-color:white; height:2px; width:5px}
::-webkit-scrollbar-thumb:vertical {border-top:30px solid {color:scroll2};border-bottom:30px solid {color:scroll3};background-color:{color:linkshover}; height:50px}
::-webkit-scrollbar-thumb:horizontal {background-color:{color:linkshover}; height:3px!important}
img {
    border:5px solid #f1f1f1;
}

blockquote {
    padding-left:5px;

    border-left:1px solid {color:caption text};
        text-align:left;
font-size:11px;
overflow:hidden;
letter-spacing:1px;

}


h1 {

       text-align:left;
text-transform:lowercase;
font-weight:lighter;
font-style:italic;
max-width:100%;
font-size:12px;
padding:7px;
border-right:1px solid #f8f8f8;
letter-spacing:2px;
text-decoration:underline;
background-color:none;
font-family:helvetica;



}

#entries {
    padding:0px;
    width:400px;
margin-left:400px;
padding-top:0px;
margin-top:40px;
        text-align:justify;
        background-color:none;
    font-family:monospaced Courier;

}

.post {
    width:400px;
    padding-bottom:110px;
    text-align:justify;
    font-family:monospaced Courier;
    padding:15px;
  -webkit-transition-duration: 0.2s;
}
.post:hover{
  -webkit-transition-duration: 0.2s;

}
.caption{

    padding:10px;
   width:100%;
   max-width:100%;    font-family:'monospaced Courier';
margin-top:0px;
    display:block;
    text-align:justify;

}.caption a{


    color:{color:caption text};

}

.caption img{

    max-width:340px;    border:0px solid #f1f1f1;

}
 .audio {
    height:60px;
    padding:0px;
    margin-bottom:55px;
}

.audio-album {
    position:absolute;
    width:110px;

    -webkit-transition: opacity 0.6s linear;
    opacity: 1;
           -webkit-filter: grayscale(100%);

}
 .audio:hover .audio-album{
             -webkit-filter: grayscale(0%);

         -webkit-transition: opacity 0.6s linear;

 }
.audio-player {
    opacity:1;
    width:25px;
    height:25px;
    overflow:hidden;
    position:absolute;
    z-index:2;
    margin-left:43px;
    margin-top:30px;
    opacity:1;
       -webkit-transition: all 0.6s ease-out;
       -o-transition: all 0.6s ease-out;
       -webkit-transition: all 0.6s ease-out;
       -moz-transition: all 0.6s ease-out;
}

.audio-info {
    margin-top:0px;
    position:relative;
    margin-left:110px;
    line-height:180%;

    height:100px;
    padding-left:10px;
    padding-top:10px;
    background-color:{color:dateandnotes};
    color:{color:datenotes text};
    border-left:2px solid #fff;
}


.ask {
    font-size:11px;
    text-align:left;
    padding:10px;
    color:{color:asktext};
    background-color:{color:askbg};
}
.ask img{
      border-radius:30px;
padding:3px;      float:left;
        border:0px solid #f1f1f1;

}

.ans {
    text-align:left;
    padding:10px;         font-size:10px;

    color:{color:text};
}
 #q{
         font-size:11px;
letter-spacing:1px;
     text-align:justify;
     padding:0px;
     background-color:none;
     font-weight:lighter;
     text-transform:uppercase;     color:{color:text};

 }#q img{
width:20px;    border:0px solid #f1f1f1;

 }

 #q a{

     color:{color:text};

 }

#qsource{
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:10px;
    text-align:center;
    letter-spacing:3px;
    background-color:#fff;

    color:black;
    text-transform:lowercase;
}
   #qsource a{

    color:{color:quotesource text};
}


#title{
     text-align:center;
z-index:11;
text-transform:lowercase;
font-family:times;
padding-top:5px;
font-size:12px;
width:200px;
margin-left:0px;
text-decoration:none;
letter-spacing:2px;
font-weight:bold;
background-color:;


}
#title2{
     text-align:center;
z-index:11;
text-transform:uppercase;
font-family:times;
padding-top:5px;
padding-bottom:5px;
font-size:10px;
border-bottom:1px solid;
width:200px;
text-decoration:none;
letter-spacing:2px;
font-weight:bold;
background-color:;


}

#sidebar{

    text-align:center;
width:200px;
background-color:#fff;
padding:10px;
margin-left:85px;
position:fixed;
top:240px;



}

#sidebar img{
width:200px;
border:0px solid #f1f1f1;
{block:ifimgshadow}
box-shadow:3px 3px 5px rgba(3,3,3,.4);
{/block:ifimgshadow}
{block:ifroundsmallimg}
border:0px solid #f1f1f1;
{block:ifimgshadow}
box-shadow:3px 3px 5px rgba(3,3,3,.4);
{/block:ifimgshadow}
width:70px;
height:70px;
border-radius:35px;
{/block:ifroundsmallimg}
{block:ifgrayscaleonside}
-webkit-filter: grayscale(100%); -o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;
{/block:ifgrayscaleonside}

}

#sidebar img:hover {
    box-shadow:3px 3px 5px rgba(3,3,3,.4);
     {block:ifgrayscaleonside}
    -webkit-filter: grayscale(0%); -o-transition: all 0.2s ease-out;
       -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
{/block:ifgrayscaleonside}
}

#desc{
padding-left:0px;
padding-right:0px;
margin-top:0px;
width:200px;
font-size:10px;
letter-spacing:1px;
text-align:justify;
font-family:times;

}{block:iffirstletter}
#desc:first-letter {
    float:left;
    background-color:{color:firstletter};
    font-size:19px;
    padding-right:5px;
    padding-left:5px;
    color:{color:firstletter text};
    border:2px solid #fff;
    text-transform:uppercase;
}

{/block:iffirstletter}
#sidebar:hover #links{


}
 #links{

 text-align:left;

 text-transform:lowercase;
 font-family:times;
 letter-spacing:2px;
 font-size:9px;
 padding:5px;
 -o-transition: all 0.2s ease-out;
       -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
 line-height:40%;
 width:190px;
opacity:1;
   background-color:#fff;
margin-top:5px;
font-weight:bold;

 }
 li{
    line-height:140%;


 }




 #links a{
     text-decoration:none;
     font-style:none;
      background-color:none;
font-weight:lighter;


 }
 #links a:hover{


 font-size:10px;

}



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

background-color:none;
width:400px;
margin-left:400px;
 font-family:'monospaced Courier';
 text-transform:lowercase;
font-size:10px;
}





 #post:hover #infoborder{
          width:400px;
margin-left:0px;
    -webkit-transition-duration: 0.6s;


 }
#date {
    text-align:left;
    margin-top:15px;
    padding-bottom:5px;
    color:#000;

font-weight:none;
font-size:7px;
width:396px;
margin-top:0px;
margin-left:10px;
padding:5px;
background-color:#fff;
line-height:170%;
font-style:none;
    font-family:'monospaced Courier';
     opacity:1;   -webkit-transition: all 0.6s ease-out;
       -o-transition: all 0.6s ease-out;
       -webkit-transition: all 0.6s ease-out;
       -moz-transition: all 0.6s ease-out;
text-transform:uppercase;
}

#date a{    color:#000;
font-weight:lighter;


}

#date a:hover{

    border-bottom:1px solid {color:linkshover};

    }

.chat ul {
        list-style: none;
        margin-left:-40px;
}


.chat .odd {
    background:{color:chatline1};
        color:{color:chatline1 text};
        padding:4px;
        margin-bottom:5px;
}

.chat .even {
    padding:4px;
         background:{color:chatline2};
        color:{color:chatline2 text};        margin-bottom:5px;

}


.post:hover #tags{

    opacity:1;
}

#tags {
    text-align:left;
        color:{color:text};
font-weight:lighter;
text-transform:lowercase;
font-size:9px;
width:60px;
line-height:100%;
display:block;
letter-spacing:0px;
position:absolute;
margin-left:420px;
margin-top:0px;
    font-family:'monospaced Courier';
    opacity:0;
        -o-transition: all 0.6s ease-out;
       -webkit-transition: all 0.6s ease-out;
       -moz-transition: all 0.6s ease-out;
    padding:0px;

}

#tags a{    color:{color:text};
padding:1px;

font-weight:lighter;
}

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

#cred {
text-transform:lowercase;
font-size:10px;
right:9px;
text-align:center;
bottom:9px;
padding-top:9px;
padding:1px;
position:bottom right;
letter-spacing:1px;
color:black;
position:fixed;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

#cred a {

    color:black;
    text-align:right;
    -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;



}   #notes{



    text-transform:uppercase;
    font-style:normal;
    letter-spacing:1px;
    font-size: 9px;
    text-align:left;
    line-height:140%;

       }

    .notes li {

    border-bottom:1px solid #ddd;
padding:5px;    text-align:left;
    margin:0px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
         list-style-type:upper-roman;


    }

    .notes img{

        border-radius:50px;
        opacity:0;
    }


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

<div style="width: 250px; height: 100%; position: fixed; left: 70px;top:0px; background-position: center center;  background-color:{color:sidebar};   background-position: bottom center;"></div>

  <div id="sidebar">
{block:ifsidebarimg}<a href="/"><img src="{image:sidebar}"></a>{/block:ifsidebarimg}
 <br>
 <br>
<div id="title">
<a href="/">❝{Title} </a>    </div>
<div id="links">

<li><a href="/"> Home</b></a>,
<a href="/ask">message</b></a>,
<a href="/archive">archive</b></a></li>
<br>
    {block:IfLink1}
<li><a href="{text:link1 url}">{text:link1}</a>,
{/block:IfLink1}
{block:IfLink2}
<a href="{text:link2 url}">{text:link2}</a>,
{/block:IfLink2}
{block:IfLink3}
<a href="{text:link3 url}">{text:link3}</a>,
{/block:IfLink3}
    {block:IfLink4}
<a href="{text:link4 url}">{text:link4}</a>
{/block:IfLink4}

    </li>


</div>
 <div id="desc">

{block:Description}<p>{Description}<br><br></p>{/block:Description}
  </div>



<!-- NAVIGATION -->


<!-- PAGINATION -->
   </div>

<div id="entries">{block:Posts}<div class="post">
<div id="tags">{block:HasTags}

<b><span style="padding:3px; background-color:#fff; text-transform:uppercase;"><u>tagged as</u></span></b>
 {block:Tags}<a href="{TagURL}"><li>{Tag}</li></a> &nbsp;</a>{/block:Tags}{/block:HasTags}</div></u>  </b>




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

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-400}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photoset}

{block:Quote}<div id="q"><img src="http://static.tumblr.com/fecg7oi/hqUmvz63z/untitled-3.png" width="20px" align="left">{Quote}</div>{block:Source} <div id="qsource"> {Source}</div>{/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}
<a href="{Permalink}">
<h1>{Title}</h1>
</a>{/block:Title}
<div class="chat">
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}
<span style=" font-weight:bold;text-transform:uppercase;font-size:8px;">{Label} </span>
{/block:Label}
{Line}</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
 {block:Audio}
<div class="audio">
{block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
<div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>

<div class="audio-info">
{block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
{block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
{block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
</div></div>
{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
{/block:Audio}



{block:Video}{Video-400}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Video}


{block:Answer}<div class="ask"><span style"margin-top:-5px;"><img src="{AskerPortraitURL-24}"></span><i> </i>  {Question}<br><span style="text-transform:none; font-family:times;font-size:9px"><b>asked by {asker}</span></b></div><div class="ans">{Answer}</div>{/block:answer}


</div>

<div id="date">
{block:Date}
<center><a href="{Permalink}">posted</b> {TimeAgo}<br> </a>{block:NoteCount} </i>
 <big><big>↳</big></big>with</b> <a href="{Permalink}">{NoteCount} notes </a>{/block:NoteCount}</center>


{block:RebloggedFrom} <a href=""></a> {/block:RebloggedFrom}
 {block:ContentSource} <a href=""><a href=""></a>{/block:ContentSource}
{block:RebloggedFrom} <a href="" ></a>{/block:RebloggedFrom}

{/block:NoteCount}

{/block:Date}   	{block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom} <a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
</div>


<br>
<br>
<br>
<br><br>
<br>
<br>

<br>
</b>
{block:PostNotes} <div class="notes"> <img scr=" {PostNotes-16}"/> &nbsp;&nbsp; &nbsp;&nbsp;{PostNotes} &nbsp;&nbsp;</div>{/block:PostNotes}
{/block:Posts}</div><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}<br><div id="cred"><br><br><br>theme by
  <a href="http://draculahs.tumblr.com/themes">draculahs</a>

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