T23 - ASTORIA

<!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">

<!--

THEME #23 ASTORIA
BY ZUVIA @ TUMBLR

-->

<html>
<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="color:Background" content="#ffffff" />
<meta name="color:Border1" content="#ccaadd"/>
<meta name="color:Border2" content="#ccccee"/>
<meta name="color:Entry" content="#ffffff" />
<meta name="color:Entry Text" content="#616161" />
<meta name="color:Entries Bold" content="#99add5" />
<meta name="color:Entries Italic" content="#99add5" />
<meta name="color:Ask Bg" content="#e0d2e7" />
<meta name="color:Ask Text" content="#ffffff" />
<meta name="color:Sidebar" content="#ffffff" />
<meta name="color:Sidebar Text" content="#999999" />
<meta name="color:BlogTitle" content="#ffffff" />
<meta name="color:Mainlink" content="#ffffff" />
<meta name="color:Mainlink hover" content="#999999" />
<meta name="color:Link" content="#bbaacc" />
<meta name="color:Link Hover" content="#dbcfe7" />
<meta name="color:Permalink" content="#bbaacc" />
<meta name="color:Permalink border" content="#eeeeee" />
<meta name="color:Tagged links" content="#bbccee" />
<meta name="color:NextPage" content="#bbaacc" />
<meta name="color:NextPage Hover" content="#8faed6" />
<meta name="color:Scrollbar face" content="#bbaacc" />
<meta name="color:Scrollbar bg" content="#ffffff" />

<meta name="image:background" content="http://static.tumblr.com/h5tdsbo/Xrjm87o45/obkp8.png" />
<meta name="image:sidebar" content="http://static.tumblr.com/h5tdsbo/BOnm87q5o/245.png" />

<meta name="font:body" content="georgia" />

<meta name="text:Link1" content="" />
<meta name="text:Link1URL" content=""/>
<meta name="text:Link2" content="" />
<meta name="text:Link2URL" content=""/>
<meta name="text:Link3" content="" />
<meta name="text:Link3URL" content=""/>
<meta name="text:Link4" content="" />
<meta name="text:Link4URL" content=""/>

<meta name="if:ShowCaptions" content="0" />
<meta name="if:FadingImages" content="1" />
<meta name="if:InfiniteScroll" content="0" />
<meta name="if:ShowTags" content="0" />
<meta name="if:Links" content="0" />
<meta name="if:BiggerPosts" content="0" />
<head>

<style type="text/css">
@font-face {
font-family: "economica-regular";
src: url('http://static.tumblr.com/jtqlgf2/EFzm1d5lh/economica-regular.ttf');}


body {
background-image: url('{image:background}');
background-attachment:fixed;
background-color:{color:background};
font-family:;
font-size:10px;
line-height:14px;
text-align:justify;}


#credits{
position:fixed;
bottom:5px;
right:5px;}

#credits a{
color:#999;
font-size:13px;
text-decoration:none;
opacity:1;}


::-webkit-scrollbar-thumb:vertical {
background-color: {color:scrollbar face};
height: 30px;}

::-webkit-scrollbar {
height: 30px;
width: 7px;
background-color: {color:scrollbar bg};}

iframe#tumblr_controls {
position: fixed !important;
right:2px !important;
-moz-transition: all 0.8s ease-out;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
opacity: 0.5;}

iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity: 1;}

#posts {
{block:ifnotbiggerposts}width:410px;{/block:ifnotbiggerposts}
{block:ifbiggerposts}width:510px;{/block:ifbiggerposts}
margin-left:520px;
margin-top:20px;
text-align:justify;
font-size:10px;
z-index:9;
font-family:{font:body};}

.post{
{block:ifbiggerposts}width:510px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}width:410px;{/block:ifnotbiggerposts}}

.entries {
color:{color:entry text};
background-color:{color:entry};
position:relative;
{block:ifbiggerposts}width:500px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}width:400px;{/block:ifnotbiggerposts}
overflow:hidden;
margin:10px;
padding:10px;
}

.entries blockquote {
border-left: 3px solid {color:link};
padding-left: 8px;
margin-left: 10px;
}

.entries b, strong{
color: {color:entries bold};}

.entries i, em{
color:{color:entries italic};}

.entries a{
color:{color:link};
text-decoration:none;
}

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

.entries h1 {
font-family: arial;
font-weight:normal;
font-size:16px;
padding-left:10px;
letter-spacing:1px;
font-style:none;
text-align:left;
padding-bottom:2px;
padding-top:3px;}

.entries h2 {
font-family: arial;
font-size:16px;
font-weight:normal;
text-align:left;
padding-bottom:8px;
}

.entries h3 {
font-family: arial;;
font-weight:normal;
font-size:16px;
padding-left:10px;
letter-spacing:1px;
text-align:left;
margin-bottom:2px;
padding-bottom:6px;
padding-top:3px;}

.entries img {
{block:ifbiggerposts}max-width:500px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}max-width:400px;{/block:ifnotbiggerposts}
{block:iffadingimages}{block:indexpage}opacity:.7;{/block:indexpage}{/block:iffadingimages}
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;}

.entries img:hover{
opacity:1;}

.cor{
    position:relative;
    font-size:34px;
    color:{color:border1};
    margin-left:-10px;
    padding-right:6px;
    margin-top:-5px;
    float:left;}
.photo{
{block:iffadingimages}{Block:indexpage}opacity:.7;{/block:indexpage}{/block:iffadingimages}
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}

.photo:hover{
opacity:1;}

.ok{
padding-top:5px;
margin-left:-5px;
padding-left:6px;
line-height:14px;}

.ok b{
letter-spacing:0px;}

.ok .lines {
margin-left:0px;}

.ok .lines .line{
padding:4px;
border-bottom:1px dotted {color:border1};}

.ok .lines .odd {
border-bottom:1px dotted {color:border2};}

.snd{
background: #fff;
text-align:center;
margin-left:8px;
margin-top:8px;
position:absolute;
overflow:hidden;
width:11px;
height:40px;
opacity:.7;
border:10px solid #fff;}

.clickie{
padding:1px;
margin-top:5px;
margin-left:-10px;
background-color: #fff;}

.clickie:hover{
opacity:1;}

.bo{
margin-left:0px;}

.bo img{
max-width:60px;
border:8px solid {color:border1};
float:left;}

.what{
position:relative;
margin-top:5px;
margin-left:80px;
padding-left:5px;
line-height:22px;}

.ask {
padding:8px;
font-style:none;
font-size:14px;
font-family: "economica-regular";
text-transform:uppercase;}

.ask a{
font-family: "economica-regular";
text-transform:uppercase;}

.ask img{
border-radius:100px;}

table{
margin-left:-3px;
{block:ifnotbiggerposts}width:405px;{/block:ifnotbiggerposts}
{block:ifbiggerposts}width:505px;{/block:ifbiggerposts}
}

th{
border:0px solid #999;
border-collapse:collapse;
padding:2px;
width:50px;}

td{
text-align:right;
border:0px solid;}



{block:indexpage}
.info{
position:relative;
margin-top:8px;
margin-left:0px;
{block:ifnotbiggerposts}
width:391px;
{/block:ifnotbiggerposts}
{block:ifbiggerposts}
width:491px;
{/block:ifbiggerposts}
text-align:center;
font-size:9px;
line-height:10px;
letter-spacing:0px;
padding:1px;
border-top:2px solid {color:permalink border};
color:{color:permalink};
font-family:consolas;
text-transform:uppercase;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}

.info a{
color:{color:permalink};
text-decoration:none;
letter-spacing:0px;
font-family: consolas;
text-transform:uppercase;
font-size:9px;}
{/block:indexpage}

.tagged{
font-family:arial;
font-style:italic;
text-transform:lowercase;
color:{color:permalink};
margin-top:1px;
margin-bottom:-2px;
{block:ifnotbiggerposts}
width:391px;
{/block:ifnotbiggerposts}
{block:ifbiggerposts}
width:491px;
{/block:ifbiggerposts}
text-tranform:none;
padding:2px;}

.tagged a{
font-family:arial;
font-size:10px;
color:{color:tagged links};
text-transform:none;}

#pages a:hover{
color:{color:nextpage arrow hover};}

{block:PermalinkPage}
.permalink {
{block:ifnotbiggerposts}width:410px;{block:ifnotbiggerposts}
{block:ifbiggerposts}width:510px;{block:ifbiggerposts}
position: relative;
text-align: left;
margin-left:10px;
margin-top:-10px;
padding-left:10px;
padding-bottom:10px;
padding-top:10px;
font-size:10px;
line-height:12px;
font-family:georgia;
color: {color:entry text};
background-color:{color:entry};}

.permalink a {
color: {color:permalink};
text-decoration: none;
font-family:tahoma;
font-size:10px;}

.permalink a:hover {
color: {color:link hover};
text-decoration: none;}

.permalink h4{
font-family: "economica-regular";
font-weight:normal;
font-size:16px;
margin-left:2px;
{block:ifnotbiggerposts}width:385px;{/block:ifnotbiggerposts}
{block:ifbiggerposts}width:485px;{/block:ifbiggerposts}
margin-bottom:-16px;
margin-top:-5px;
padding-left:10px;
color:{color:link};
letter-spacing:1px;
font-style:none;
text-align:left;
padding-bottom:2px;
border-top:6px solid {color:border1};
padding-top:3px;}

.permalink h5 {
font-family: arial;
font-weight:normal;
font-size:10px;
margin-left:-5px;
padding-left:10px;
color:{color:entry text};
letter-spacing:1px;
font-style:none;
text-align:left;
padding-bottom:2px;
padding-top:3px;}

ol.notes {
background-color:{color:entry};
font-family:tahoma;
font-size:10px;
padding-top:2px;
border: 0px;
padding-left:20px;
margin-top:-10px;
width:376px;
list-style-type: decimal;}

ol.notes li.note {
background-color:{color:entry};
padding:2px;
width:380px;
letter-spacing: 0px;
text-align: left;
}

ol.notes li.note a{
color:{color:link};
background-color:{color:entry};
font-family:tahoma;
text-transform:none;
letter-spacing:0px;
font-size:10px;}

ol.notes li.note img.avatar {
    vertical-align: -4px;
    margin-right: 0px;
    display:none;}

{/block:PermalinkPage}

#credits{
position:fixed;
bottom:5px;
right:5px;}

#credits a{
color:#999;
font-size:13px;
text-decoration:none;
opacity:.7;}

#taco{
    position:fixed;
    width:40px;
    text-align:center;
    z-index:99;
    opacity:.7;
    margin-left:460px;
    margin-top:60px;
    font-family:arial;}

#taco a{
    font-family:consolas;
    font-size:20px;
    color:{color:NextPage};
    text-decoration:none;}

#taco a:hover{
    color:{color:NextPage Hover};}


#all{
    position:fixed;
    margin-left:150px;
    margin-top:30px;
    width:300px;}

#sidebar{
    position:fixed;
    width:288px;
    margin-left:5px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:{color:sidebar};
    border-radius:10px;
     border-top:8px solid {color:border1};
    border-left:10px solid {color:border1};
    border-right:10px solid {color:border1};}

#s2{
    width:260px;
    padding:6px;
    margin-top:-10px;
    margin-left:0px;
    background-color:{color:sidebar};
     border-top:8px solid {color:border2};
    border-left:8px solid {color:border2};
    border-right:8px solid {color:border2};}

#s2 img{
    max-width:245px;
    padding:0px;
    margin-left:8px;
    margin-top:2px;
    border-radius:0px 0px 10px 10px;
    opacity:.8;
    background-color:{color:sidebar};}


#des{
    position:fixed;
    width:229px;
    margin-left:14px;
    padding:16px;
    font-family:arial;
    letter-spacing:-1px;
    background-color:{color:sidebar};
    border-radius: 0px 0px 10px 10px;
    color:{color:sidebar text};}

#des h1{
    font-family: "economica-regular";
    font-size:16px;
    letter-spacing:1px;
    margin-top:-15px;
    margin-left:-0px;
    padding:2px;
    max-width:250px;
    text-align:center;
    font-weight:normal;
    text-transform:uppercase;
    color:{color:blogtitle};
    background-color:{color:border2};
    margin-bottom:2px;
    padding-bottom:2px;}

#des a{
    text-decoration:none;
    color:{color:link};}

#mainlinksz{
    position:fixed;
    margin-left:20px;
    margin-top:-29px;}

#mainlinksz a{
    display:inline-block;
    font-size:8px;
    width:50px;
    text-decoration:none;
    text-align:center;
    height:11px;
    font-family:consolas;
    text-transform:uppercase;
    margin-top:2px;
    background-color:{color:border1};
    color:{color:Mainlink};
    padding:1px;
    -webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}

#mainlinksz a:hover{
    background-color:{color:border2};
    color:{color:Mainlink hover};}

#extralinksz{
    position:relative;
    text-align:center;
    margin-top:-15px;
    margin-bottom:20px;}

#extralinksz a{
    display:inline-block;
    font-size:8px;
    letter-spacing:0px;
    width:50px;
    text-decoration:none;
    text-align:center;
    height:11px;
    font-family:consolas;
    text-transform:uppercase;
    margin-top:2px;
    background-color:{color:border1};
    color:{color:Mainlink};
    padding:1px;
    -webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}

#extralinksz a:hover{
    background-color:{color:border2};
    color:{color:Mainlink hover};}

{CustomCSS}


</style>


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

</head>

<body>
<div id="credits"><a title="ZuviaThemes" href="http://zuvia.tumblr.com">☡┬</a></div>
<div id="all">
<div id="sidebar">
<div id="s2">
<div id="mainlinksz">
<a href="/">home</a>
<a href="/ask">message</a>
<a href="/archive">archives</a>
<a href="/random">random</a>
</div>
<img src="{image:sidebar}">
</div>
<div id="des">
{block:IfLinks}<div id="extralinksz">
{block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:IfLink1}
{block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:IfLink2}
{block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:IfLink3}
{block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:IfLink4}
</div>
{/block:IfLinks}
<h1>{title} </h1>
{Description}
</div>
</div>
</div>

{block:IfNotInfiniteScroll}
<div id="taco">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">◀</a><br>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}
{/block:Pagination}
</div>
{/block:IfNotInfiniteScroll}


<div id="posts">

{block:Posts}

<div class="post">

<div class="entries">

{block:Text}
{block:Title}
<h1><div class="cor">»</div>{Title} </h1>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photo}

{block:Photoset}
<div class="photo">{block:Ifnotbiggerposts}{Photoset-400}{/block:Ifnotbiggerposts}{block:ifbiggerposts}{Photoset-500}{/block:ifbiggerposts}</div>
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photoset}

{block:Quote}
<h2>{Quote}</h2>
{block:Source}<i><p align="right" style="margin-top:-15px; font-family:arial; text-transform:lowercase;">— {Source}{/block:Source}</i>
{/block:Quote}

{block:Link}
<h3><div class="cor">»</div><a href="{URL}" class="link" {Target}>{Name} </a> </h3>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="ok">{block:Lines}
<div class="lines"><div class="line {Alt}">
{block:Label}<b>{Label}</b> {/block:Label}{Line}
</div></div>{/block:Lines}</div>
{/block:Chat}

{block:Video}
{block:Ifbiggerposts}{Video-500}{/block:Ifbiggerposts}
{block:ifnotbiggerposts}{Video-400}{/block:ifnotbiggerposts}
<center><i>{FormattedPlayCount}</i> plays</center><br />
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Video}

{block:Audio}
<div class="bo">{block:AlbumArt}
<img src="{AlbumArtURL}">
{/block:AlbumArt}</div><div class="snd"><div class="clickie">{AudioPlayer}</div></div>
<div class="what">
{block:Artist}
<b>Artist:</b> {Artist}
{/block:Artist}<br>{block:TrackName}
<b>Track  Name:</b> "{TrackName}"
{/block:TrackName}</br>
{block:PlayCount}<b>Played:</b> {PlayCount} times{/block:PlayCount} </div>
{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Audio}

{block:Answer}
<table>
<tr><td colspan="2" style="padding:8px; text-align:center; background-color:{color:ask bg}; color:{color:ask text};">{Question}</td></tr>
<tr>
    <td width="310"><div style="position:relative;margin-top:-15px;margin-left:20px; color:{color:ask bg};">◥</div></td><td width="10"style="text-align::left; padding-left:0px; font-family:consolas;
font-size:9px; letter-spacing:0px;
text-transform:uppercase;">{Asker}</td><tr>
<td colspan="3" style="text-align:left; padding-left:5px;">{Answer}</td>
</table>
{/block:Answer}

{block:IndexPage}
<div class="info">
<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}• {NoteCount} notes{/block:NoteCount} • <a href="{ReblogURL}" target="_blank">Reblog</a></br>
{block:IfShowTags}<div class="tagged">{block:HasTags}
{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
{/block:HasTags}</div>{/block:IfShowTags}
</div>
{/block:IndexPage}
</div>



{block:PermalinkPage}

<div class="permalink">
<h4>{block:Date}Posted {TimeAgo}{/block:Date} {block:NoteCount} with {NoteCount} note(s){/block:NoteCount}</h4>
<h5>{block:RebloggedFrom}
▸  Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
{/block:RebloggedFrom}
{block:HasTags}▸ Tags: {block:Tags}
#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</h5>

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


{/block:PermalinkPage}

</div>

            {/block:Posts}

</div>

</body>
</html>