Waterfalls Theme

<html>
<head>
    <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="if:Image Fade" content="0">
<meta name="image:Background" content=""/>
<!--
Waterfalls Theme for Tumblr by Jewist
http://jewistthemes.tumblr.com/
-->

<style type="text/css">

body {
background-color:#fff;
background-image:url({image:Background});
background-attachment: fixed;
background-size: cover;
font-family:Arial;
font-size:12px;
}
a {
color:#000;
font-weight:bold;
}
img {
padding: 15px;
border: 0px;
}
#header {
position: fixed;
z-index: 5000;
text-align:right;
top: 300px;
left:-30px;
margin: 0px auto;
font-family: helvetica;
font-weight:800;
letter-spacing:2px;
font-size: 30px;
width: 100%;
height: 40px;
}
#header a {
text-decoration:none;
margin:0 5px 0 0;
color:#000;
}
#header a:hover {
color:#000;
}
.caption {
margin:auto;
width:500px;
}
td {
text-align: left;
vertical-align: left;
}
div.center {
margin-top:20px;
text-align: left;
}

.audio {
background-color:#000000;
margin-bottom : -10px;
width:{text:Width}px;
}
.answer{
padding:2px;
padding-left:3px;
color:{color:Text};
font-style:italic;
background:{color:Ask Background};
}
.answer b {
text-transform:uppercase;
letter-spacing:1px;
}

div.video embed,
div.post div.video object {
width:500px;
}

{block:IfImageFade}
img, a img { border: 0px;  opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }

img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity 1.5s linear; }
{/block:IfImageFade}

</style>

<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>

<body>

<div id="header">
<a href="/"><b>{Title}</b></a> <span style="margin-right:10px;"><br></span> <a href="/archive">archive</a> <a href="/ask">message</a>{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
</div>

<div class="center">
<div class = "autopagerize_page_element" >
{block:Posts}

{block:Text}<td><div class="caption">
{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
{Body}</div></td>{/block:Text}

{block:Photo}<td>
{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-400}"  alt="{PhotoAlt}"/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
{/block:Photo}</td>

{block:Photoset}
<div id="entry">
<span class="permalink"><a href="{Permalink}"></a></span>
{Photoset-400}
{block:PermalinkPage}
{/block:PermalinkPage}
</div>
{/block:Photoset}

{block:Quote}
<div id="entry">
<span class="permalink"><a href="{Permalink}"></a></span>"{Quote}" <br><br> &#151;&nbsp;{block:Source}<b>{Source}</b>{/block:Source}
</div>
{/block:Quote}

{block:Link}
<div id="entry">
<span class="permalink"><a href="{Permalink}"></a></span>
<div class="h2"><a href="{URL}"><b><big>&rArr;</big>&nbsp;{Name}</b></a></div>{block:Description}{Description}{/block:Description}
</div>
{/block:Link}

{block:Chat}
<div id="entry">
<span class="permalink"><a href="{Permalink}"></a></span>
{block:Title}<b>{Title}</b>{/block:Title}
{block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
</div>
{/block:Chat}

{block:Audio}
<div id="entry">
<span class="permalink"><a href="{Permalink}"></a></span>
<div class="audio">
{AudioPlayerBlack}</div><br>
<div style="text-transform:uppercase; padding:2px; font-size:10px; text-align:center; -webkit-text-stroke: 1px transparent;">{block:TrackName}<b>{TrackName}</b>{/block:TrackName} </b> {block:Artist}<b>{Artist}</b>{/block:Artist} </div>
{block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
</div>
{/block:Audio}

{block:Answer}
<div id="entry">
<span class="permalink"><a href="{Permalink}"></a></span>
<div class="answer"><b><span style="color:{color:Links};">{Asker}:</span></b> {Question}</div><br>
<div style="margin-top:-15px;">{Answer}</div></div>
{/block:answer}


{block:Video}
<div id="entry">
<div class="video">
<span class="permalink"><a href="{Permalink}"></a></span>
{Video-400}
{block:PermalinkPage}{/block:PermalinkPage}
</div></div>
{/block:Video}

{/block:Posts}
</div>
</div>

<div style="position:fixed; bottom:2px; right:2px;"><a href="http://jewist.tumblr.com/" title="theme from jewist">&copy</a></div>

</body>
</html>