don't forget

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">






<head>

    <meta name="color:bg" content="#FFFFFF">
     <meta name="color:title" content="#FFFFFF">
    <meta name="color:link" content="#b3afaf">
    <meta name="color:hover" content="#454545">
    <meta name="color:infobg" content="#FCFCFC">
    <meta name="color:text" content="#9A9A9A">
    <meta name="color:tags" content="#EDEDED">
    <meta name="color:scrollbar" content="#D6D5D5">
    <meta name="color:border" content="#FAFAFA">
     <meta name="color:linkbg" content="#0a0a0a">
      <meta name="color:linkbg" content="#0a0a0a">




    <meta name="image:sidebar" content=""/>
     <meta name="image:sidebar2" content=""/>
      <meta name="image:sidebar3" content=""/>

   <meta name="text:titletab" content="">
    <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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title><style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
    <style type="text/css">

    a {
    color:{color:link};
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    a:hover {
    color:{color:hover};
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }


::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}

body {
background-color:{color:bg};
font-family:Calibri;
font-weight:normal;
}




h1 {
font-weight:normal;
font-size:10px;
text-align:center;
font-style:normal;
line-height:80%;
letter-spacing:1px;
text-transform:uppercase;
color:{color:text};
}

h2 {
font-size:15px;
text-align:center;
line-height:100%;
letter-spacing:-0.5px;
color:{color:text};
font-weight:normal;
padding:5px;
padding-bottom:2px;
}


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

    #theme {
    background-color:{color:bg};
    width:700px;
    margin: 0 auto -12px auto;
    text-align: center;



    }

    #sidebar {
    padding:10px;
    margin-left:-160px;
    height:1000px;
       color:{color:text};
    position:fixed;
    width:460px;

    margin-top:170px;
    text-align:left;

    }




    #sidebarimage {
    width 100px;

}

#sidebar img {

    opacity:.8;
    width:100px;
    margin-top:-90px;
    margin-left:217px;
    padding:6px;
    border: 1px solid #bbb;
    border-radius:120px;
    -o-transition-transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
}

#sidebar:hover #sidebar img  {
    opacity:.8;
   margin-left:260px;
    -webkit-transition: opacity .5s linear;
    -webkit-transition: all .5s linear;

    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
     -webkit-transform: rotate(360deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(360deg);
}


#sidebar2{
    width 100px;
}

#sidebar2 img {
    opacity:.8;
    width:100px;
    height:100px;
    margin-top:-30px;
    margin-left:70px;
    padding:6px;
    border: 1px solid #bbb;
    border-radius:60px;
    -o-transition-transition: all 1s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.6s ease-out;
}

#sidebar:hover #sidebar2 img  {
    opacity:.8;
    margin-left:30px;
    margin-top:-30px;
    -webkit-transition: opacity .5s linear;
    -webkit-transition: all .5s linear;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(360deg);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
}

#sidebar3 {
    width 100px;
}

#sidebar3 img {
     opacity:.8;
    width:100px;
    height:100px;
    margin-top:126px;
    margin-left:70px;
    padding:6px;
    border: 1px solid #bbb;    border-radius:60px;
    -o-transition-transition: all 1s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.6s ease-out;

}

#sidebar:hover #sidebar3 img  {
    opacity:.8;

    margin-left:30px;
    -webkit-transition: opacity .5s linear;
    -webkit-transition: all .5s linear;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(360deg);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;

}
#desc {


    position:fixed;
    padding:2px;
    font-family:cambria;
    font-size:11px;
    width:100px;
    height:100px;
    margin-top:-220px;
    margin-left:6px;
    text-align:center;
    color:#b4b4b4;
    opacity:0;
    -o-transition-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    }

   #desc a{
       width:80px;
         -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

#sidebar:hover #desc  {
    opacity:1;

    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

    .pagi {
        padding:0px;
        opacity:1
        top:0px;
         margin-left:90px;
        width:200px;
     margin-top:90px;
    font-size:10px;
   position:fixed;
    letter-spacing:3px;
    font-style:normal;
    text-align:center;
      -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;

    }

.pagi a {

    color:{color:link};

    }


   #sidebar:hover .pagi
   {opacity:1;}


   .links {
       display:block;
width:50px;
padding:7px;
line-height:150%;
text-align:center;
margin-top:-365px;
margin-left:150px;
font-size:10px;
opacity:0;
position:fixed;
font-family:'Courier';
text-transform:uppercase;
text-align:center;
  -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;



}

.links a{
    width:50px;
    opacity:.6;
    background:{color:linkbg};
    display:block;
  margin-bottom:2px;
color: {color:link};

  -webkit-transition: all 1s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.links a:hover{

    color:{color:hover};

-moz-transition-duration:.1s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;

}
#sidebar:hover .links{opacity:1;}




    #stuffcontainer {

    float:left;
    margin-left:525px;
    margin-top:40px;
    text-align:justify;
    background-color:{color:bg};
    color:{color:text};

    margin-bottom: 35px;
    }


    #stuff {
        border-top:1px solid #e9e6e6;
    padding:10px;
    border-left:1px solid #e9e6e6;
    padding:10px;
    border-right:1px solid #e9e6e6;
    padding:10px;
    border-bottom:1px solid #e9e6e6;
    width:400px;
    margin-top:15px;
    margin-left:0px;
    text-align:justify;
    font-size:11px;
    line-height:90%;
     opacity:.8;
    letter-spacing:0x;
    color:{color:text};
    }

    .caption {
    width:500px;
    text-align:justify;
    line-height:120%;
    }

    .ask {
         background:#000;
    padding:10px;
    text-align:left;
    color:#ffffff;
     background:#000;
    border-bottom:1px solid {color:border};
    border-right:1px solid {color:border};
    }

    .ans {
    text-align:left;
    padding:10px;
    color:{color:text};
    }

    .audio {
    width:500px;
    padding-bottom:10px;
    background-color:{color:infobg};
    }

    .albumart {
    float:left;
    padding:0px 10px 10px 0px;
    }

    .albumart img {
    width:45px;
    height:45px;
    }

    .playercontainer {
    text-align:left;
    padding:10px;
    background-color:#ffffff;
    width:480px;
    }

    .audioinfo {
    padding:10px;
    color:{color:text};
    }

    #postinfo {
    width:390px;
    padding:5px;
    font-size:8px;
    color:{color:link};
    text-transform:uppercase;
    font-style:normal;
    letter-spacing:2px;
    text-align:left;
    border-bottom:1px solid {color:border};
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    #postinfo a {

    color:{color:link};
    text-align:center;
    letter-spacing:1px;
    font-style:normal;
    }

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

    .note {
    text-transform:uppercase;
    font-style:normal;
    letter-spacing:0px;
    font-size: 9px;
    text-align:left;
    line-height:90%;
    margin-left:-40px;
    }

    .note li {
    list-style-type:none;
    border-bottom:1px solid {color:border};
    padding:10px 25px 10px 25px;
    text-align:left;
    margin:0px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    .tags {
       background:#d6d5d5;
    font-style:normal;
    width:400px;
    text-transform:uppercase;
    font-style:normal;
    color:{color:tags};
    letter-spacing:2px;
    line-height:120%;
    font-size:8px;
    text-align:left;
    padding:2px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    .tags a {

    color:{color:tags};
    letter-spacing:1px;
    padding:1px;
    }

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

    ul.chat, .chat ol, .chat li {
    list-style:none;
    margin:0px;
    padding:2px;
    }

    .label {
    text-decoration:underline;
    font-weight:700;
    background-color:{color:infobg};
    margin-right:5px;
    }
   @font-face{font-family:Lala;src:url(http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff);}

#box {

letter-spacing:3px;
text-align: center;
font-size: 16px;
position:fixed;
left:1350px;
top:-100px;
width:90px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:99;
 -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

#box:hover {
left:1150px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;}
.nametitle {
    margin-left:20px;
    margin-top:50px;
background:#fff;
color:{color:text};
letter-spacing:0px;
 font-family:lala;
font-size:40px;
text-align: center;
width:150px;
height:100px;
line-height:150%;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;


}

#texts {

     -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
color:#999;
font-family:cambria;
padding: 40px 10px 10px 10px;
background:{color:bg};
text-align:center;
font-size:10px;
width:180px;
height:90px;
z-index: 9999;
}






    #cred {
    position:fixed;
    font-size:8px;
    font-weight:normal;
    line-height:150%;
    letter-spacing:2px;
    right:10px;
    bottom:10px;
    text-transform:uppercase;
    text-align:center;
    }

    #cred a {
    padding:3px;
    color:{color:link};
    background-color:#f5f5f5;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }





    {CustomCSS}

    </style></head>

<body>



<div id="theme">


<div id="sidebar">



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

</div>
<div id="sidebar2"><img src="{image:sidebar2}"> </div>
 <div id="sidebar3"><img src="{image:sidebar3}"></div>

<div id class="links">
<br>
<a href="/"> London</a>
<a href="/faq"> letters</a>
<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}
</div>
<div id="desc">
{Description}<div id class ="pagi">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
{block:JumpPagination length="3"}
{block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
</div>{/block:Pagination}
</div></div></div>












</div></div>


<div id="stuffcontainer">

{block:Posts}

<div id="stuff">

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

{block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}

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

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

{block:Photoset}<center>{Photoset-400}</center>
{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}

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

{block:Answer}<div class="ask">{Asker} bitched me: {Question}</div><div class="ans">{Answer}</div>{/block:answer}

{block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
<div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
<br><div class="playercontainer">{AudioPlayerWhite}</div></div>
{block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}



{block:Date}<div id="postinfo"> | <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} | <a href="{Permalink}"><font color=#ff009f>♥</font>{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} | <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
{block:ContentSource} | <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
{/block:HasTags}
<div class="note">
{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
</div>
{/block:Posts}


</div>

<div id="cred"><a href="http://niallsdicks.tumblr.com.tumblr.com/">ND©</a>


</div>
</div>
</div>

<div id="box"><font size="0"><script language="JavaScript">
var ref = (''+document.referrer+'');
document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3162906&e1=&e2=&r=' + ref + '"><\/script>');
</script></font>
<div id="texts">

UPDATES HEREEE

</div>
<div  class="nametitle">{text:titletab}</div>
</div>

</body>