T16 - SLEEPLESS

<!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 #16 SLEEPLESS
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="#EBCACA"/>
<meta name="color:Border2" content="#EDDDDD"/>
<meta name="color:Entry" content="#ffffff" />
<meta name="color:Post Wrap" content="#ffffff" />
<meta name="color:Entry text" content="#616161" />
<meta name="color:Entries bold" content="#D69292" />
<meta name="color:Entries italic" content="#E8B0B0" />
<meta name="color:Sidebar" content="#ffffff" />
<meta name="color:Sidebar text" content="#999999" />
<meta name="color:Mainlink" content="#696969" />
<meta name="color:Mainlink hover" content="#ffffff" />
<meta name="color:Link" content="#E28989" />
<meta name="color:Link hover" content="#999999" />
<meta name="color:Extra Link" content="#929292" />
<meta name="color:Extra Link bg" content="#EBCACA" />
<meta name="color:Extra Link hover" content="#BD7B7B" />
<meta name="color:Extra Link bg hover" content="#FFFFFF" />
<meta name="color:Perma link" content="#DFA2A2" />
<meta name="color:Perma Bg" content="#eeeeee" />
<meta name="color:Nextpage arrow" content="#969494" />
<meta name="color:Nextpage arrow hover" content="#505050" />
<meta name="color:Scrollbar face" content="#E8B3B3" />
<meta name="color:Scrollbar bg" content="#ffffff" />


<meta name="image:background" content="http://static.tumblr.com/jtqlgf2/u2Wm32hhi/tumblr_lzju29vxir1r9g6hvo2_100.png" />
<meta name="image:sidebar" content="http://static.tumblr.com/jtqlgf2/pvzm33lij/a5.png" />

<meta name="text:Music" content"" />
<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="font:Body" content="verdana" />

<meta name="if:MusicPlayer" content="0" />
<meta name="if:FadingPhotos" content="1" />
<meta name="if:ShowCaptions" content="0" />
<meta name="if:InfiniteScroll" content="1" />
<meta name="if:Bigger Posts" coontent="0" />
<meta name="if:ShowTags" content="0" />

<head>

<style type="text/css">

@font-face {
font-family: "economica-regular";
src: url('http://static.tumblr.com/jtqlgf2/EFzm1d5lh/economica-regular.ttf');
}

@font-face {
font-family: "belleza-regular";
src: url('http://static.tumblr.com/jtqlgf2/82Ym32do5/belleza-regular.ttf');
}

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

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

::-webkit-scrollbar {
height: 30px;
width: 4px;
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 {
margin-left:512px;
margin-top:0px;}

#b2{
position:fixed;
height:100%;
width:8px;
background-color:{color:border1};
{block:ifbiggerposts}left:1045px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:945px;{/block:ifnotbiggerposts}
top:0px;
z-index:9;}

#wrap2{
position:fixed;
border-right:10px solid {color:border2};
width:435px;
margin-left:502px;
margin-top:-10px;
height:100%;
{block:IfBiggerPosts}width:535px;{/block:IfBiggerPosts}
padding-left:8px;
padding-top:8px;
background-color:{color:Post Wrap};}

.post {
{block:IfNotBiggerPosts}width:410px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}width:510px;{/block:IfBiggerPosts}
}

.entries {
color:{color:entry text};
overflow:hidden;
background-color:{color:entry};
{block:IfBiggerPosts}width:500px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:400px;{/block:IfNotBiggerPosts}
margin-top:10px;
position:relative;
z-index:6;
text-align:justify;
font-size:11px;
font-family:{font:body};
padding:8px;
}

.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 {
color:{color:mainlink};
font-family: "belleza-regular";
font-weight:normal;
font-size:16px;
letter-spacing:2px;
text-align:left;
padding-left:20px;
padding-bottom:5px;
border-bottom:1px dotted {color:link};
}

.entries h2 {
font-family: "belleza-regular";
font-size:20px;
font-weight:normal;
padding-left:5px;
padding-right:5px;
text-align:left;
padding-bottom:8px;
margin-left:10px;
border-bottom: 1px dotted {color:link};
}

.entries h3 {
font-family: "belleza-regular";
font-weight:normal;
text-transform:uppercase;
border-bottom:1px dotted {color:link};
font-size:16px;
padding-left:10px;
text-align:center;
padding-bottom:8px;}

.entries img {
{block:IfNotBiggerPosts}max-width:400px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}max-width:500px;{/block:IfBiggerPosts}}

{block:indexpage}
{block:iffadingphotos}
.photo{
opacity:.7;
-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;}
{/block:iffadingphotos}
{/block:indexpage}

table{
margin-left:-10px;
{block:IfNotBiggerPosts}
width:405px;
{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}
width:505px;
{/block:IfBiggerPosts}}


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

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

.ask {
{block:IfNotBiggerPosts}
width:385px;
{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}
width:485px;
{/block:IfBiggerPosts}
padding-left:8px;
padding-top:8px;
padding-bottom:8px;
padding-right:8px;
font-style:none;
font-size:12px;
font-family: georgia;}

.ask a{
color:{color:link};
font-style:none;
font-size:15px;
font-family: "belleza-regular";}

.answer{
padding-bottom:4px;}

.chat{
padding-top:5px;
line-height:14px;}

.chat b, strong{
text-transform:uppercase;
font-size:10px;
padding:2px;}

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

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

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


.audio{
background: #e4e4e4;
display:block;
margin-bottom:0px;
margin-left:60px;
position:relative;
padding-left:20px;
border-radius:200px;
margin-top:0px;}

.cover{
margin-left:0px;
border-radius:200px;}

.cover img{
max-width:50px;
border-radius:200px;
float:left;}

.what{
position:relative;
margin-top:5px;
margin-left:70px;
padding-left:10px;}


.per {
position:relative;
{block:ifnotbiggerposts}width:406px;{/block:ifnotbiggerposts}
{block:ifbiggerposts}width:506px;{/block:ifbiggerposts}
margin-bottom:25px;
background-color:{color:perma bg};
color:{color:entry text};
font-size:8px;
line-height:9px;
font-family:tahoma;
padding:5px;
text-align:center;
opacity:1;}

.per a{
text-transform:uppercase;
text-decoration:none;
font-family:tahoma;
font-size:8px;
letter-spacing:1px;
padding-left:3px;
color:{color:perma link};}

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

{block:PermalinkPage}
.permalink {
position:relative;
{block:IfBiggerPosts}width:516px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:416px;{/block:IfNotBiggerPosts}
text-align: left;
margin-left:-10px;
margin-top:5px;
padding-left:10px;
padding-bottom:10px;
font-size:10px;
line-height:11px;
letter-spacing:1px;
font-family:tahoma;
text-align:center;
color: {color:entry text};
}
{/block:PermalinkPage}

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

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

ol.notes {
padding-left:20px;
font-family:tahoma;
font-size:9px;
padding-top:10px;
margin-top:-10px;
letter-spacing:1px;
letter-spacing: 0px;
border: 0px;
list-style-type: decimal;
}

ol.notes li.note {
padding: 1px;
letter-spacing: 0px;
text-align: left;
}

ol.notes li.note a{
color:{color:link};}

ol.notes li.note img.avatar {
    vertical-align: -4px;
    margin-right: 10px;
    width: 0px;
    height: 0px;
}

#pages {
bottom:0px;
{block:ifbiggerposts}margin-left:1055px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}margin-left:955px;{/block:ifnotbiggerposts}
position:fixed;
z-index:9999;
text-align:center;
}

#pages a{
display:block;
color:{color:nextpage arrow};
background-color:{color:border2};
font-family:impact;
font-weight:normal;
font-size:20px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
text-align:center;
text-decoration:none;}

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

#border{
position:fixed;
width:330px;
height:auto;
bottom:0px;
left:140px;
background-color:{color:border2};
border-radius: 150px 150px 0px 0px;
-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;}


#sidebar{
padding:10px;
width:250px;
margin-top:10px;
margin-left:10px;
border-right:20px solid {color:border1};
border-left:20px solid {color:border1};
border-radius: 150px 150px 0px 0px;
background-color:{color:sidebar};}

#sidebar img{
max-width:250px;
border-radius: 200px 200px 0px 0px;
opacity:.8;}

#desci{
width:250px;
margin-top:25px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
font-family:tahoma;
color:{color:sidebar text};}

#desci img{
border-radius:0px;}

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

#desci b, strong{
letter-spacing:1px;
font-family:tahoma;
color:{color:entries bold};}

#desci h1{
font-family: georgia;
text-align:center;
text-transform:lowercase;
font-style:italic;
font-size:14px;
background-color:{color:border1};
padding-right:10px;
padding-left:10px;
padding-bottom:4px;
margin-top:0px;
margin-left:-10px;
width:252px;
border-radius:100px;}


#extras{
position:fixed;
margin-top:122px;
margin-left:-117px;
text-align:center;}

#extras:hover #lelinks{
opacity:1;}

#lelinks{
text-align:center;
margin-top:10px;
opacity:1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#lelinks a{
display:block;
width:80px;
padding:4px;
font-family: consolas;
text-transform:uppercase;
text-decoration:none;
font-size:10px;
letter-spacing:1px;
color:{color:extra Link};
background-color:{color:extra Link Bg};
margin-top:4px;
border-radius:10px 0px 0px 10px;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#lelinks a:hover{
margin-left:-10px;
padding-right:14px;
background-color:{color:extra Link bg hover};
color:{color:extra Link hover};}

#mainlinks{
position:fixed;
width:290px;
text-align:center;
background-color:{color:border2};
border-radius:100px;
margin-left:-20px;
margin-top:5px;}

#mainlinks a{
display:inline-block;
text-align:center;
padding-left:5px;
padding-right:5px;
color:{color:mainlink};
font-family:consolas;
font-size:9px;
margin-left:2px;
text-transform:uppercase;
text-decoration:none;
letter-spacing:1px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#mainlinks a:hover{
color:{color:mainlink hover};}

{block:IfMusicPlayer}
#lemusic{
text-align:center;
padding-top:10px;
padding-bottom:10px;
margin-top:59px;
{block:ifbiggerposts}margin-left:1052px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}margin-left:952px;{/block:ifnotbiggerposts}
width:14px;
position:fixed;
z-index:999;
overflow:Hidden;
border-radius: 0px 10px 10px 0px;
padding-left:4px;
padding-right:4px;
background-color:{color:border2};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#lemusic:hover{
width:80px;}

#lemusic:hover #inside{
    opacity:1;}

#inside{
    position:absolute;
    width:40px;
    overflow:hidden;
    padding-right:20px;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#gf{
    padding-left:0px;
    text-align:right;}

{/block:IfMusicPlayer}

{CustomCSS}

</style>

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

<body>

{block:IfMusicPlayer}
{block:IndexPage}
<div id="lemusic">
<div id="inside">{text:Music}</div>
<div id="gf">
<img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
</div>
</div>
{/block:IndexPage}
{/block:IfMusicPlayer}

<div id="border">
<div id="sidebar">
<div id="extras">

<div id="lelinks">
{block:IfLink1}<a href="{text:Link1URL}" class="lelink">{text:Link1}</a>{/block:IfLink1}
{block:IfLink2}<a href="{text:Link2URL}" class="lelink">{text:Link2}</a>{/block:IfLink2}
{block:IfLink3}<a href="{text:Link3URL}" class="lelink">{text:Link3}</a>{/block:IfLink3}
{block:IfLink4}<a href="{text:Link4URL}" class="lelink">{text:Link4}</a>{/block:IfLink4}
</div>

</div>
<img src="{image:sidebar}">
<div id="mainlinks">
<a href="/" class="mainlinks">home</a>
<a href="/ask" class="mainlinks">ask</a>
<a href="/archive" class="mainlinks">archive</a>
<a href="http://zuvia.tumblr.com" class="mainlinks">theme</a>
</div>
<div id="desci">
{Description}
</div>
</div></div>


{block:IfNotInfiniteScroll}
<div id="pages">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
{/block:Pagination}
</div>
{/block:IfNotInfiniteScroll}


<div id="wrap2"></div>
<div id="b2"></div>
<div id="posts">

{block:Posts}

<div class="post">

<div class="entries">


{block:Text}
{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>{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">{Source}{/block:Source}</i>
{/block:Quote}

{block:Link}
<h3><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="chat">{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:IfNotBiggerPosts}{Video-400}{block:IfNotBiggerPosts}
{block:IfBiggerPosts}{Video-500}{/block:IfBiggerPosts}
<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="cover">{block:AlbumArt}
<img src="{AlbumArtURL}">
{/block:AlbumArt}</div><div class="audio">{AudioPlayerGrey}</div>
<div class="what">
{block:Artist}
{Artist}
{/block:Artist} | {block:TrackName}
"{TrackName}"
{/block:TrackName} </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}
<div class="ask">
<table>

<tr><td rowspan="2" width="54" style="padding:4px; text-align:center;"><img src="{AskerPortraitURL-48}" style="border-radius:100px;"></td>
<td colspan="2" style="padding:8px; background-color:{color:entry};border-bottom:1px dotted {color:border1}; text-align:left;">{Question}</td></tr>
<tr>
<td colspan="2" style="padding-right:5px;"><i>─ {Asker}</i></td>
</tr>

</table></div>
<div class="answer"> {Answer}</div>
{/block:Answer}

</div>

{block:IndexPage}
<div class="per">
<a href="{Permalink}">{TimeAgo}</a> (<a href="{Permalink}">{NoteCountwithLabel}</a> ) ─<a href="{ReblogURL}" target="_blank">reblog</a><br>
{block:IfShowTags}{block:HasTags}{block:Tags}
<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
</div>
{/block:IndexPage}
</div>

{block:PermalinkPage}

<div class="permalink">
<div style="font-size: 9px;
font-family:consolas;
padding-right:20px;
margin-top:-10px;
padding-bottom:10px;
margin-bottom:4px;
padding-top:5px;
line-height:10px;
color: {color:entry text};
text-align: center;">
{block:Date}Posted {TimeAgo}{/block:Date} {block:NoteCount} | {NoteCount} note(s){/block:NoteCount}<br>
{block:RebloggedFrom}
<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} <br>
{block:HasTags}tags: {block:Tags}
<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>

{/block:PermalinkPage}

            {/block:Posts}

</div></div>

</body>
</html>