Aelyon/#11 Lemonade (tumblr theme)

## #11 Lemonade (tumblr theme)

<!--                    ***Theme by Aℯℓyℴn***

PLEASE RESPECT MY TERMS OF USE AND DO NOT STEAL, USE AS BASE OR REMOVE THE CREDIT
thank you!-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<link href='http://fonts.googleapis.com/css?family=Wire+One|Economica' rel='stylesheet' type='text/css'>

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Wire+One::latin', 'Economica::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </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}
<meta name="image:sidebar" content="">
<meta name="image:background" content="">

<meta name="color:background" content="#f5f5f5">
<meta name="color:header" content="#fef79c">
<meta name="color:main links bg" content="#ffa848">
<meta name="color:main links" content="#ffffff">
<meta name="color:your links" content="#3c9f9c">
<meta name="color:subtitle bg" content="#7ad609">
<meta name="color:underliner" content="#a6e480">
<meta name="color:post bg" content="#f8f7f7">
<meta name="color:permabar links" content="#ffffff">

<meta name="color:selection" content="#ededed">
<meta name="color:selection bg" content="#da5997">
<meta name="color:text" content="#6f6f6f">
<meta name="color:bold" content="#ffa848">
<meta name="color:links" content="#ffb9a5">
<meta name="color:links hover" content="#da5997">
<meta name="color:h1" content="#3c9f9c">
<meta name="color:h2" content="#fe8b4a">
<meta name="color:h3" content="#da5997">
<meta name="color:h6" content="#ff4a3c">
<meta name="color:italic" content="#da5997">

<meta name="if:bigger sidebar" content="">
<meta name="if:bigger posts" content="">
<meta name="if:smaller posts" content="">
<meta name="if:infinite scrolling" content="">

<meta name="text:subtitle" content="">
<meta name="text:updates" content="">
<meta name="text:embed code for the music player" content="">
<meta name="text:name 1" content="link 1">
<meta name="text:url 1" content="http://">
<meta name="text:name 2" content="link 2">
<meta name="text:url 2" content="http://">
<meta name="text:url 3" content="http://">
<meta name="text:name 3" content="link 3">
<meta name="text:url 3" content="http://">
<meta name="text:name 4" content="link 4">
<meta name="text:url 4" content="http://">
<meta name="text:name 5" content="link 5">
<meta name="text:url 5" content="http://">
<meta name="text:name 6" content="link 6">
<meta name="text:url 6" content="http://">
<meta name="text:name 7" content="link 7">
<meta name="text:url 7" content="http://">
<meta name="text:name 8" content="link 8">
<meta name="text:url 8" content="http://">
<meta name="text:name 9" content="link 9">
<meta name="text:url 9" content="http://">
<meta name="text:name 10" content="link 10">
<meta name="text:url 10" content="http://">
<meta name="text:name 11" content="link 11">
<meta name="text:url 11" content="http://">

<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Wire+One|Economica);

/*Tumblelog's style*/

body
{font-family:times new roman;
font-size:13px;
background-color:{color:background};
color:{color:text};
background-image:url('{image:background}');
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;}

a{text-decoration:none; color:{color:links};}
a hover:{color:{color:links hover};
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}

strong
{color:{color:bold};}

em{color:{color:italic};}

h1{color:{color:h1}; font-size:40px;}
h2{font-family:wire one; color:{color:h2}; letter-spacing:1px;}
h3{color:{color:h3};}
h4{letter-spacing:1px; color:{color:h1};}
h5{font-family:wire one; color:{color:bold}; font-size:26px;}
h6{color:{color:h6}; font-size:18px;}


::selection
{background:{color:selection bg};
color:{color:selection};}

::-moz-selection
{background:{color:selection bg};
color:{color:selection};}

::-webkit-selection
{background:{color:selection bg};
color:{color:selection};}

::-webkit-scrollbar
{width:10px;
height:10px;}

::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background:{color:subtitle bg};}

::-webkit-scrollbar-thumb
{border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}

blockquote
{margin:5px;
line-height:15px;
padding:0px 8px;
border-left:3px solid {color:your links};}


#container
{position:absolute;
top:40px;
padding:10px 10px 10px 0px;
left:294px;
width:75%;}

/*--POSTS---*/

.post
{position:relative; border:4px double {color:subtitle bg};  margin:15px 10px 10px 10px; background-color:{color:post bg}; padding:10px 10px 15px 10px; z-index:115;
{block:ifbiggerposts}width:500px;{/block:ifbiggerposts}
{block:ifnotsmallerposts}
{block:ifnotbiggerposts}width:400px;{/block:ifnotbiggerposts}
{/block:ifnotsmallerposts}
{block:ifsmallerposts}width:250px;{/block:ifsmallerposts}}

#name{position:relative; text-align:right; top:21px; margin-right:10px; font-size:30px; font-family:wire one; word-wrap:break-word;}
#name_line{position:relative; height:3px; z-index:60; background-color:{color:subtitle bg}; z-index:70; {block:ifbiggerposts}margin:48px 0px 0px 48px; width:452px;{/block:ifbiggerposts}
{block:ifnotsmallerposts}{block:ifnotbiggerposts}margin:48px 0px 0px 48px; width:352px;{/block:ifnotbiggerposts}{/block:ifnotsmallerposts}
{block:ifsmallerposts}margin:48px 0px 0px 16px; width:240px;{/block:ifsmallerposts}}

/*--HEADER---*/

#header
{position:fixed; width:100%; height:36px; top:0px; left:0px; background-color:{color:header}; z-index:300; border-bottom:9px solid {color:underliner};}

#yourlinks
{position:fixed; left:330px;}
#yourlinks a{float:left; margin:0px 0px 0px 0px;  font-family:calibri; text-transform:uppercase; font-size:11px; height:21px; padding:15px 4px 0px 3px; color:{color:your links};
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
#yourlinks a:hover{ background-color:{color:main links bg}; color:{color:main links}; padding:15px 8px 0px 8px; font-size:12px;}

/*--DESCRIPTION--*/

#description_box
{position:fixed; width:320px; right:27px; top:43px;  background-color:{color:underliner}; z-index:280; display:none; padding:25px 8px 8px 8px; overflow:auto;}

/*--MAIN LINKS---*/

#main_links a
{float:left; margin-left:50px; letter-spacing:2px; text-transform:uppercase; background-color:{color:main links bg}; color:{color:main links}; padding:0px 2px 1px 3px; font-size:9px;}

/*--BIG SIDEBAR--*/

{block:ifbiggersidebar}
#subtitlebg{position:fixed; top:180px; left:-70px; z-index:200; transform: rotate(316deg); -ms-transform: rotate(316deg); -webkit-transform: rotate(316deg); background-color:{color:subtitle bg}; width:455px; padding-bottom:2px; padding-top:2px;}
.sidebar img{position:fixed; width:410px; height:205px; z-index:300;
transform: rotate(318deg); top:-25px; left:-116px; ms-transform: rotate(318deg); -webkit-transform: rotate(318deg); background-color:{color:header};}
.sidebar::before{position:fixed; top:-20px; left:-125px; border-top:0;
border-right: 210px solid {color:header};
border-left: 210px solid {color:header};
border-bottom: 210px solid transparent; transform: rotate(315deg);
z-index:310; -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg);
        content: ""; }
#main{position:fixed; width:22px; height:580px; background-color:{color:header}; top:-83px; left:100px; z-index:500; transform: rotate(46deg); -ms-transform: rotate(46deg); -webkit-transform: rotate(46deg);}
#main_links{position:fixed; top:183px; margin-left:-18px; z-index:550; transform: rotate(316deg); -ms-transform: rotate(316deg); -webkit-transform: rotate(316deg);}
{/block:ifbiggersidebar}

/*--SMALL SIDEBAR--*/
{block:ifnotbiggersidebar}
#subtitlebg{position:fixed; top:158px; left:-70px; z-index:200; transform: rotate(317deg); -ms-transform: rotate(317deg); -webkit-transform: rotate(317deg); background-color:{color:subtitle bg}; width:455px; padding-bottom:2px; padding-top:2px;}
.sidebar img{position:fixed; width:370px; height:185px; z-index:300;
 top:-24px; left:-101px; transform: rotate(317deg); -ms-transform: rotate(317deg); -webkit-transform: rotate(317deg); opacity:1;}
.sidebar::before{position:fixed; top:-18px; left:-115px; border-top:0;
border-right:195px solid {color:header}; z-index:310;
border-left:195px solid {color:header}; border-bottom:195px solid transparent; transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); content: ""; }
#main{position:fixed; width:22px; height:510px; background-color:{color:header}; top:-80px; left:110px; transform: rotate(47deg);
z-index:500; -ms-transform: rotate(47deg); -webkit-transform: rotate(47deg);}
#main_links{position:fixed; margin-top:161px; margin-left:-27px; z-index:550; transform: rotate(317deg); -ms-transform: rotate(317deg); -webkit-transform: rotate(317deg);}
{/block:ifnotbiggersidebar}

/*--PERMABAR--*/

.permabar
{position:relative; padding:0px 0px 3px 0px; margin-bottom:-26px;  font-size:10px; text-align:center; z-index:120; text-overflow: ellipsis;  width:413px; {block:ifbiggerposts}margin-left:40px;{/block:ifbiggerposts}
{block:ifnotsmallerposts}{block:ifnotbiggerposts}margin-left:-8px;{block:ifnotbiggerposts}{/block:ifnotsmallerposts}
{block:ifsmallerposts} margin-left:-83px{/block:ifsmallerposts}}
.permabar a{color:{color:permabar links};}

#tags
{position:relative; background-color:transparent; margin:5px 0px 9px 0px; padding:1px 5px 3px; text-align:center; }
#tags a{font-size:11px; padding:12px 0px 3px 0px; margin-bottom:20px; color:grey; word-wrap:break-word;}

#notecount
{float:center; background-color:{color:subtitle bg}; font-family:consolas; padding:0px 6px 1px 5px; margin-left:110px; margin-right:110px;}
#like
{position:absolute; left:84px; margin-top:-5px; border:4px double {color:subtitle bg}; padding:1px 2px 0px 2px; background-color:{color:post bg}; z-index:200;}
#reblog
{position:absolute; left:303px; margin-top:-20px; border:4px double {color:subtitle bg}; padding:2px; background-color:{color:post bg}; z-index:200;}

/*--AUDIO--*/

#audio
{position:absolute; padding:4px; width:27px; height:27px; overflow:hidden; background:#e4e4e4;  -webkit-border-radius: 50px 50px 50px 50px; border-radius:50px 50px 50px 50px; z-index:110; border:3px solid {color:subtitle bg}; margin:39px;}

#cd img{position:absolute; top:10px;}
#album img{position:absolute; top:8px; opacity:.9;}

#info
{position:relative; margin-left:120px; padding:5px; border-bottom:1px dashed {color:subtitle bg}; letter-spacing:1px; font-size:11px; word-wrap:break-word; {block:ifsmallerposts} width:128px; {/block:ifsmallerposts}{block:ifnotsmallerposts} width:228px; {/block:ifnotsmallerposts}}

#info strong{font-family:economica, cursive; text-transform:uppercase;
font-size:14px; letter-spacing:0px; padding-right:2px; width:220px;}

/*--MESSAGES--*/

.message
{position:relative;
min-height:20px;  word-wrap:break-word; margin-left:42px; margin-top:1px; padding:5px 10px 10px 15px; letter-spacing:1px; word-wrap:break-word; font-family:wire one;
border-top:1px solid {color:subtitle bg}; font-size:18px;}

#asker img
{position:relative; margin-top:-5px; margin-left:3px; padding:3px;  border:1px solid {color:subtitle bg}; -border-radius: 20px 20px 20px 20px; border-radius:20px 20px 20px 20px;
background-color:{color:post bg}; z-index:90;}
#asker{position:relative; margin-top:13px;}
#asker a{float:left; color:{color:subtitle bg}; margin-left:5px; font-size:12px; font-family:consolas; letter-spacing:1px;}
#asker strong{color:{color:subtitle bg};}

/*--PAGINATION--*/

{block:ifnotinfinitescrolling}
.pagination
{position:fixed; width:110px; height:17px; top:36px; right:130px;
 padding-bottom:2px; z-index:2000; background-color:{color:header};
 -webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
#next a
{position:absolute; width:0; height:0; border-top:6px solid transparent; border-left:12px solid {color:subtitle bg}; border-bottom:6px solid transparent; margin-left:4px; bottom:6px; z-index:10;
 -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#next a:hover{border-left: 12px solid {color:underlinder};}
#previous a
{position:absolute; width:0; height:0; border-top:6px solid transparent; border-right:12px solid {color:subtitle bg}; border-bottom:6px solid transparent; margin-left:5px; bottom:6px; z-index:10;
 -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#previous a:hover{border-right: 12px solid {color:underliner};}

#pageno {float:left; margin:2px 3px 2px 3px; padding:0px 3px; font-size:11px; background-color:{color:main links bg}; color:{color:main links}; opacity:.9;
 -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.pagination a{color:{color:underliner};}
#pageno:hover{background-color:{color:your links};}
#pageno a:hover{color:{color:header};}

#pagination{display:none;}
{/block:ifnotinfinitescrolling}

/*Permalink Page*/

body#permalink .post{width:500px;}
body#permalink .permabar{margin-left:40px;}
body#permalink #name_line{margin:48px 0px 0px 48px; width:452px;}
body#permalink #info{width:228px;}

ol.notes li.note {margin-left:35px;}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin:5px 7px 0px 8px;
border:4px double {color:subtitle bg};}
  ol.notes li.note blockquote a {font-size:10px;}

iframe#tumblr_controls{position:fixed !important;}

</style>

</head>

<!--Tumblelog Items-->

<body>

<div id="pagefit" width="100%">

<div id="main"></div>
<div id="main_links">
<a href="/"> Index</a>
<a href="/ask"> Ask</a>
<a href="/archive">History</a></div>

<div id="header">
<div id="yourlinks"><div style="float:left; font-size:28px; letter-spacing:2px; margin-top:2px; font-family:wire one; margin-right:2px;">{Title}</div>
{block:ifurl1}
<a href="{text:url 1}" title="{text:name 1}">{text:name 1}</a>
{/block:ifurl1}
{block:ifurl2}
<a href="{text:url 2}" title="{text:name 2}">{text:name 2}</a>
{/block:ifurl2}
{block:ifurl3}
<a href="{text:url 3}" title="{text:name 3}">{text:name 3}</a>
{/block:ifurl3}
{block:ifurl4}
<a href="{text:url 4}" title="{text:name 4}">{text:name 4}</a>
{/block:ifurl4}
{block:ifurl5}
<a href="{text:url 5}" title="{text:name 5}">{text:name 5}</a>
{/block:ifurl5}
{block:ifurl6}
<a href="{text:url 6}" title="{text:name 6}">{text:name 6}</a>
{/block:ifurl6}
{block:ifurl7}
<a href="{text:url 7}" title="{text:name 7}">{text:name 7}</a>
{/block:ifurl7}
{block:ifurl8}
<a href="{text:url 8}" title="{text:name 8}">{text:name 8}</a>
{/block:ifurl8}
{block:ifurl9}
<a href="{text:url 9}" title="{text:name 9}">{text:name 9}</a>
{/block:ifurl9}
{block:ifurl10}
<a href="{text:url 10}" title="{text:name 10}">{text:name 10}</a>
{/block:ifurl10}
{block:ifurl11}
<a href="{text:url 11}" title="{text:name 11}">{text:name 11}</a>
{/block:ifurl11}
<a href="aelyon.tumblr.com">theme</a>
</div>
</div>

<div style="position:fixed; background-color:{color:header}; top:-16px; left:-5px; height:40px; width:20px; z-index:600; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);"></div>
<div class="sidebar"><img src="{image:sidebar}"/></div>
<div id="subtitlebg"><center><div style="letter-spacing:1px; font-size:12px;">{text:subtitle}</div></center></div>

<div id="description_box">{Description}</div>

{block:ifnotinfinitescrolling}
{block:Pagination}
<div class="pagination">
{block:PreviousPage}
<div id="previous"><a href="{PreviousPage}"></a></div>
{/block:PreviousPage}
{block:JumpPagination length="4"}
<div style="margin-left:20px;">
{block:CurrentPage}
<a class="current_page"><div id="pageno" style="color:{color:tags hover}; background-color:{color:tags bg hover};"><b>{PageNumber}</b></div></a>
{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}"><div id="pageno"> {PageNumber}</div></a>
{/block:JumpPage}</div>
{/block:JumpPagination}
{block:NextPage}<div id="next"><a href="{NextPage}"></a></div>{/block:NextPage}
</div>
{/block:Pagination}
{/block:ifnotinfinitescrolling}
{/block:ifinfinitescrolling}
{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}
{block:NextPage}<a id="nextPage" href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}
{/block:ifinfinitescrolling}

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

<div class="post">

{block:Text}<div style="overflow:auto;">
{block:Title}
<div id="name"><em>{Title}</em></div><div id="name_line"></div>{/block:Title}
{Body}</div>
{/block:Text}

{block:IndexPage}
{block:Photo}<div style="overflow:auto;">
{LinkOpenTag}
{block:ifbiggerposts}
<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>{/block:ifbiggerposts}
{block:ifnotbiggerposts}{block:ifnotsmallerposts}
<img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}"/>{/block:ifnotsmallerposts}{/block:ifnotbiggerposts}
{block:ifsmallerposts}
<img src="{PhotoURL-250}" width="250px" alt="{PhotoAlt}"/>{/block:ifsmallerposts}
{LinkCloseTag}
{block:HighRes}<a href="{PhotoURL-HighRes}"><small>*</small></a>
{/block:HighRes}
{block:Caption}{Caption}{/block:Caption}</div>
{/block:Photo}
{/block:IndexPage}

{block:Permalink}
{block:Photo}<div style="overflow:auto;">
{LinkOpenTag}
<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
{LinkCloseTag}
{block:HighRes}<a href="{PhotoURL-HighRes}"><small>*</small></a>
{/block:HighRes}
{block:Caption}{Caption}{/block:Caption}</div>
{/block:Photo}
{/block:Permalink}

{block:IndexPage}<div style="overflow:auto;">
{block:Photoset}
{block:ifbiggerposts}{Photoset-500}{/block:ifbiggerposts}
{block:ifnotsmallerposts}
{block:ifnotbiggerposts}{Photoset-400}{/block:ifnotbiggerposts}
{/block:ifnotsmallerposts}
{block:ifsmallerposts}{Photoset-250}{/block:ifsmallerposts}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset} </div>
{/block:IndexPage}

{block:Permalink}<div style="overflow:auto;">{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:Permalink}

{block:Quote}<div style="margin-top:-32px; margin-bottom:-28px; text-align:center;"><h6>{Quote}</h6></div>{block:Source}<div style="text-align:right;">~ {Source}</div>{/block:Source}{/block:Quote}

{block:Link}<div id="name"><a href="{URL}"target="{Target}"><b><em>{Name}</em></b></a></div><div id="name_line"></div>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label}{Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}<div style="overflow:auto;">
<div id="audio">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div><div id="name_line"></div>
<div id="cd"><img  src="http://24.media.tumblr.com/6e1511849e737947f056b96a88974f52/tumblr_mt57i5ZnzT1sx58cyo3_r1_250.png"  height="120" width="120"/></div>
{block:TrackName}
<div id="name">{block:ifnotsmallerposts}<em>{TrackName}</em>{/block:ifnotsmallerposts}{block:ifsmallerposts}<small><em>{TrackName}</em></small>{/block:ifsmallerposts}</div>
{/block:TrackName}
{block:Artist}
<div id="info">
 <strong>Artist: </strong>  {Artist}</div>
{/block:Artist}{block:Album}
<div id="info">
 <strong>Album: </strong>  {Album}</div>
{/block:Album}

{block:AlbumArt}
<div id="album"><img  src="{AlbumArtURL}"  height="120" width="120"/></div>
{/block:AlbumArt}

<br /> <br />
{block:Caption}{Caption}{/block:Caption}</div>
{/block:Audio}

{block:IndexPage}
<div style="overflow:auto;">
{block:Video}
{block:ifbiggerposts}{Video-500}{/block:ifbiggerposts}
{block:ifnotsmallerposts}
{block:ifnotbiggerposts}{Video-400}{/block:ifnotbiggerposts}
{/block:ifnotsmallerposts}
{block:ifsmallerposts}{Video-250}{/block:ifsmallerposts}
{block:Caption}{Caption}{/block:Caption}
{/block:Video} 	</div>
{/block:IndexPage}

{block:Permalink}<div style="overflow:auto;">{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}</div>{/block:Permalink}

{block:Answer}<div style="overflow:auto;">
<div id="asker"><a href="{AskerUrl}"><img src="{AskerPortraitURL-30}" title="{AskerName}"/> </a><strong>{asker}:</strong></div><div class="message"> {Question}</div>{Answer}</div>
{/block:Answer}

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

<div class="permabar">
{block:IndexPage}
<div class="like_button" title="like">
<div id="like">{LikeButton color="grey" size="14"}
 </div></div>
{/block:IndexPage}
<center>
<div id="notecount">
<a href="{Permalink}">{NoteCountWithLabel} |</a>

{block:Date}
<a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {24Hour}:{Minutes} {AmPM} | {DayOfMonth}-{MonthNumber}-{Year}  </a>
{/block:Date}</center>
{block:IndexPage}
<div class="reblog_button" title="reblog">
<div id="reblog">{ReblogButton color="grey" size="15"}
</div> </div>{/block:IndexPage}
 </div></div>


<body{block:Permalink} id="permalink"
 {/block:Permalink}>

{/block:Posts}


{block:PostNotes}{PostNotes-16}{/block:PostNotes}


</div></div>


<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
<script type="text/javascript" charset="utf-8">
var $j = jQuery.noConflict();
$j(function() {
if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
$j("img").lazyload({
placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
effect: "fadeIn",
});
});
</script>

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


<script>
$(document).ready(function(){
  $("#subtitlebg").click(function(){
    $("#description_box").slideToggle("slow");
  });
});
</script>

{block:IndexPage}
{block:ifnotinfinitescrolling}

<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('#container').masonry({
itemSelector : ".post",
},
function() { $('#container').masonry({ appendedContent: $(this) }); }
);
});
</script>
{/block:ifnotinfinitescrolling}

{block:ifinfinitescrolling}
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
<script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('#container').masonry(),
$('.masonryWrap').infinitescroll({
navSelector    : '#pagination',
nextSelector   : '#pagination a#nextPage',
itemSelector : ".post",
bufferPx : 100,
loadingText : "<em></em>",
},
function() { $('#container').masonry({ appendedContent: $(this) }); }
);
});
</script>
{/block:ifinfinitescrolling}
{/block:IndexPage}
</body>
</html>