Theme #34

<html>
<head>

<!--
Theme #34 by ownmylight.tumblr.com
-->

<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:Asker Border" content="#ffffff"/>
<meta name="color:Background" content="#f9f9f9"/>
<meta name="color:Border" content="#e4e4e4"/>
<meta name="color:Details Bg" content="#f5f5f5"/>
<meta name="color:Details border top" content="#f1f1f1"/>
<meta name="color:Font" content="#969696"/>
<meta name="color:Font Description" content="#555555"/>
<meta name="color:Link" content="#707070"/>
<meta name="color:Link Bg" content="#ffffff"/>
<meta name="color:Link Hover" content="#926663"/>
<meta name="color:Navi Bg" content="#ffffff"/>
<meta name="color:Navi Font" content="#787878"/>
<meta name="color:Navi Font Hover" content="#FFFFFF"/>
<meta name="color:Navi Hover Bg" content="#D29894"/>
<meta name="color:Posts Bg" content="#FFFFFF"/>
<meta name="color:Posts Border" content="#F1F1F1"/>
<meta name="color:Posts Stuff Bg" content="#F6F6F6"/>
<meta name="color:Tag Font" content="#9E9E9E"/>
<meta name="color:Tag Font Hover" content="#777777"/>
<meta name="color:Tag Hover Bg" content="#f6f6f6"/>
<meta name="color:Title" content="#777777"/>
<meta name="color:h2" content="#bbbbbb"/>
<meta name="color:h2 border bottom" content="#F0F0F0"/>
<meta name="image:Sidebarimage" content=""/>
<meta name="text:Link 1 URL" content=""/>
<meta name="text:Link 1 Text" content=""/>
<meta name="text:Link 1 Text Hover" content=""/>
<meta name="text:Link 2 URL" content=""/>
<meta name="text:Link 2 Text" content=""/>
<meta name="text:Link 2 Text Hover" content=""/>
<meta name="text:Link 3 URL" content=""/>
<meta name="text:Link 3 Text" content=""/>
<meta name="text:Link 3 Text Hover" content=""/>
<meta name="text:Link 4 URL" content=""/>
<meta name="text:Link 4 Text" content=""/>
<meta name="text:Link 4 Text Hover" content=""/>
<meta name="text:Link 5 URL" content=""/>
<meta name="text:Link 5 Text" content=""/>
<meta name="text:Link 5 Text Hover" content=""/>
<meta name="if:Tags With Hovereffect" content="0"/>
<meta name="if:Show Link 1" content="0"/>
<meta name="if:Show Link 2" content="0"/>
<meta name="if:Show Link 3" content="0"/>
<meta name="if:Show Link 4" content="0"/>
<meta name="if:Show Link 5" content="0"/>
<meta name="if:Show Title" content="0"/>

<style type="text/css">

iframe#tumblr_controls {right:3px !important; top:3px !important; position: fixed !important;-webkit-

transition: opacity 0.7s linear;opacity: 0.3;-webkit-transition: all 0.8s ease-out;-moz-transition: all

0.8s ease-out;transition: all 0.8s ease-out;}

iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.9;-webkit-transition: all

0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

body {
color: {color:Font};
font-family: cambria;
font-size: 10px;
line-height: 110%;
text-align: justify;
background-color: {color:Background};
}

.container {
width: 775px;
height: auto;
margin: 49px auto 49px 153px;
padding: 0 0 0 0;
padding-left: 115px;

}

strong, b, strong a, strong a:visited, b a, b a:visited {
font-weight: bold;
color: {color:Font};
}

i, em {
font-style: italic;
}

u {
text-decoration: underline;
}

small, small a, small a:visited {
font-size: 9px;
line-height: 0px;
}

a:link, a:visited, a:active {
color: {color:Link};
font-weight: normal;
text-decoration: none;
}
a:hover {
color: {color:Link Hover};
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

ul {
list-style-type: square;
}

h1 {
font-size: 15px;
font-family: times,serif;
font-style: italic;
font-weight: bold;
}

h2 {
color: {color:h2};
font-family: times;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-align: left;
text-transform: lowercase;
border-bottom: 1px solid {color:h2 border bottom};
letter-spacing: -1px;
padding: 5px 4px 8px 2px;
margin-left: 3px;
margin-bottom: 0px;
width: 493px;
}

.title {
color: {color:Title};
font-family: times,serif;
font-style: italic;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 5px;
margin: 0 0 -2px 15px;
text-align: center;
width: 150px;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.title:hover {
color: {color:Navi Hover Bg};
letter-spacing: 5px;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.posts {
border: 1px solid {color:Posts Border};
padding: 20px 20px 0px 20px;
margin-bottom: 55px;
margin-left: 110px;
margin-top: -22px;
background: {color:Posts Bg};
width: 500px;
}
{block:IfTagsWithHovereffect}
.posts:hover .tags {
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
opacity: 1.0;
}
{/block:IfTagsWithHovereffect}


.caption {
margin-bottom: -3px;
}

.details {
color: {color:Link};
font-weight: normal;
text-align: center;
font-size: 7px;
font-family: cambria;
text-transform: uppercase;
letter-spacing: 1px;
background: {color:Details Bg};
padding: 4px 5px;
margin-left: 122px;
margin-bottom: 6px;
width: 50%;
}

.details a {
color: {color:Link};
font-weight: normal;
text-decoration: none;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}
.details a:hover {
color: {color:Link Hover};
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

.details_top {
border-top: 1px solid {color:Details border top};
padding: 4px 0px 4px 8px;
margin-top: 23px;
margin-bottom: -19px;
width: 492px;
}

.like_reblog_bottons {
position: absolute;
float: right;
display: -moz-inline-box;
text-align: right;
margin-top: -55px;
margin-left: 507px;
}
.like_button {
background: {color:Posts Bg};
border: 1px solid {color:Posts Border};
padding: 6px;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
opacity: 0.7;
}
.reblog_button {
background: {color:Posts Bg};
border: 1px solid {color:Posts Border};
padding: 6px;
margin-top: 5px;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
opacity: 0.7;
}

.tags {
font-style: italic;
text-align: center;
margin-top: -2px;
text-transform: lowercase;
margin-bottom: -7px;
width: 500px;
{block:IfTagsWithHovereffect}
opacity: 0;
{/block:IfTagsWithHovereffect}
}
.tags a {
color: {color:Tag Font};
margin-right: 4px;
letter-spacing: 0px;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}
.tags a:hover {
color: {color:Tag Font Hover};
background: {color:Tag Hover Bg};
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

.sidebar {
position: fixed;
padding-left: 100px;
margin-left: -222px;
margin-top: 145px;
width: 150px;
}
.sidebar:hover .navi {
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
opacity: 1;
}

.sidebarimage img {
background: {color:Posts Bg};
border: 1px solid {color:Posts Border};
padding: 9px;
margin-top: 14px;
max-width: 150px;
min-width: 150px;
max-height: 150px;
min-height: 150px;
}

.description {
color: {color:Font Description};
font-size: 8px;
font-weight: normal;
font-style: italic;
text-transform: none;
text-align: center;
margin: 8px 0 0 8px;
letter-spacing: 1px;
width: 150px;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
opacity: 1;
}

.navi {
margin-top: 0px;
margin-left: -6px;
opacity: 0;
}

.navigation {
position: fixed;
text-align: center;
margin-left: 17px;
margin-top: -157px;
height: 15px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
opacity: 0.80;
}

.navigation a {
display: block;
color: {color:Navi Font};
font-size: 9px;
font-style: italic;
font-weight: bold;
text-transform: lowercase;
text-align: center;
font-weight: normal;
letter-spacing: 1px;
background: {color:Navi Bg};
padding: 7px 14px 7px 14px;
margin-left: 3px;
margin-bottom: 4px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

.navigation a:hover {
color: {color:Navi Font Hover};
background: {color:Navi Hover Bg};
padding-bottom: 9px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

.pagination {
position: fixed;
font-style: italic;
text-align: center;
margin-top: 24px;
margin-left: 3px;
width: 150px;
}

.pagination a {
color: {color:Title};
padding: 3px;
background-color: transparent;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.pagination a:hover {
color: {color:Navi Hover Bg};
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.questions {
color: {color:Font};
background: {color:Posts Stuff Bg};
padding: 11px 11px 25px 11px;
margin-bottom: -4px;
}

.asker {
font-size: 15px;
font-family: times,serif;
font-style: italic;
font-weight: bold;
text-transform: lowercase;
margin-bottom: -7px;
margin-top: 5px;
}
.asker a {
font-size: 15px;
font-family: times,serif;
font-style: italic;
font-weight: bold;
text-transform: lowercase;
}
.asker a:hover {
background: transparent;
}

.ask img {
border: 7px solid {color:Asker Border};
margin-right: 10px;
margin-top: -5px;
}

blockquote {
display: block;
color: {color:Font};
font-size: 11px;
font-family: cambria;
border-left: 1px solid {color:Border};
background: {color:Posts Stuff Bg};
padding: 1px 10px 1px 15px;
margin: 10px 0px 10px 0px;
}

.quote {
font-size: 20px;
font-family: times,serif;
font-style: italic;
font-weight: normal;
line-height: 18px;
margin-bottom: 2px;
}

.source {
font-size: 10px;
font-style: inherit;
font-weight: normal;
text-align: right;
margin-bottom: 5px;
}

.audio {
display: block;
}

.audio_container {
background: {color:Posts Stuff Bg};
height: 48px;
}

.audio_details {
color: {color:Font};
font-weight: normal;
text-align: left;
margin-left: 75px;
}

.audio_details_track {
font-size: 15px;
font-family: times,serif;
font-style: italic;
font-weight: bold;
padding-top: 8px;
margin-left: 75px;
}

.audio_player_container {
float: right;
display: block;
background-color: white;
padding: 4px 0px 0px 4px;
margin-right: 7px;
margin-top: -34px;
width: 30px;
height: 30px;
z-index: 3;
}

.audio_player {
overflow: hidden;
width: 25px;
}

.albumart {
position: absolute;
width: 48px;
height: 48px;
opacity: 1.0;
}

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

.chat ul {
display: block;
list-style-type: none;
padding: 0px;
width: 500px;
}

.notes {
font-size: 9px;
font-style: none;
letter-spacing: 1px;
margin-top: 18px;
margin-left: -10px;
}
ol.notes, .notes li {
list-style: none;
}
ol.notes li.note img.avatar {
display: none;
}
ol.notes li.note blockquote {
font-color: {color:Font};
margin: 2px 0px 3px 15px;
}
ol.notes li.note blockquote a {
font-color: {color:Font};
text-decoration: none;
}
ol.notes li.note .answer_content {
font-color: {color:Font};
}

#tt {
position: absolute;
display: block;
background: {color:Posts Bg};
border: 1px solid {color:Posts Border};
color: {color:Font};
font-size: 7px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 2px 8px;
margin-top: -10px;
z-index: 2;
}

.x {
position: fixed;
color: {color:Font};
text-align: center;
text-transform: uppercase;
bottom: 8px;
right: 8px;
-webkit-transition: opacity 0.3s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.x a {
font-family: calibri;
font-size: 8px;
}
.x:hover {
background: #f1f1f1;
padding: 6px;
-webkit-transition: opacity 0.3s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

{CustomCSS}

</style>
<script type="text/javascript" src="http://static.tumblr.com/7a6twe2/JMOmqlsdc/tooltip.js"></script>
</head>

<body>

<div class="container">

<div class="sidebar">

{block:IfShowTitle}<div class="title">{title}</div>{/block:IfShowTitle}

<div class="sidebarimage"><a href="/"><img src="{image:Sidebarimage}" alt=""/></a></div>

<div class="navi">
<div class="navigation">
{block:IfShowLink1}<a href="{text:Link 1 URL}" onmouseover="tooltip.show('{text:Link 1 Text Hover}');" onmouseout="tooltip.hide();">{text:Link 1 Text}</a>{/block:IfShowLink1}
{block:IfShowLink2}<a href="{text:Link 2 URL}" onmouseover="tooltip.show('{text:Link 2 Text Hover}');" onmouseout="tooltip.hide();">{text:Link 2 Text}</a>{/block:IfShowLink2}
{block:IfShowLink3}<a href="{text:Link 3 URL}" onmouseover="tooltip.show('{text:Link 3 Text Hover}');" onmouseout="tooltip.hide();">{text:Link 3 Text}</a>{/block:IfShowLink3}
{block:IfShowLink4}<a href="{text:Link 4 URL}" onmouseover="tooltip.show('{text:Link 4 Text Hover}');" onmouseout="tooltip.hide();">{text:Link 4 Text}</a>{/block:IfShowLink4}
{block:IfShowLink5}<a href="{text:Link 5 URL}" onmouseover="tooltip.show('{text:Link 5 Text Hover}');" onmouseout="tooltip.hide();">{text:Link 5 Text}</a>{/block:IfShowLink5}
</div>
</div>

{block:Description}
<div class="description">{Description}</div>
{/block:Description}

{block:Pagination}
<div class="pagination">
{block:PreviousPage}<a href="{PreviousPage}">newer</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
</div>
{/block:Pagination}

</div>

{block:Posts}

<div class="posts">

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


{block:Photo}
<div class="entry photo">
<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Photo}


{block:Photoset}
<div class="entry photoset">
<center>{Photoset-500}</center>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Photoset}


{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}
<div class="source">- {Source}</div>
{/block:Source}
{/block:Quote}


{block:Link}
<div class="entry link">
<h1><a href="{URL}" {Target}>{Name} →</a></h1>
{block:Description}
<div class="caption">{Description}</div>
{/block:Description}
</div>
{/block:Link}


{block:Chat}
<div class="entry chat">
{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
<div class="caption"></div>
</div>
{/block:Chat}


{block:Video}
<div class="entry video">
<center>{Video-500}</center>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Video}


{block:Audio}
<div class="entry audio">
<div class="audio_container">
{block:AlbumArt}
<div class="albumart"><img src="{AlbumArtURL}" alt=""/></div>
{/block:AlbumArt}
<div class="audio_details_track">
<span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br />
</div>
<div class="audio_details">
by <span {block:Artist} style="display:none;"{/block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}<br />
{block:PlayCount}
{PlayCountWithLabel}
{/block:PlayCount}
</div>
{/block:TrackName}
<div class="audio_player_container"><div class="audio_player">{AudioPlayerWhite}</div></div>
</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}

{block:Answer}
<div class="entry ask">
<div class="questions">
<div class="asker"><img align="left" src="{AskerPortraitURL-30}" alt=""/>{Asker}</div><br>{Question}<br>
</div>
<div class="caption">{Answer}</div>
</div>
{/block:Answer}

{block:Date}
<div class="like_reblog_bottons">
<div class="like_botton" onmouseover="tooltip.show('Like this post');" onmouseout="tooltip.hide();">{LikeButton size="14"}</div>
<div class="reblog_botton" onmouseover="tooltip.show('Reblog this post');" onmouseout="tooltip.hide();">{ReblogButton size="14"}</div>
</div>

<div class="details_top"></div>
<div class="details">
Posted <a href="{Permalink}">{TimeAgo}</a>

{block:NoteCount}· <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
{block:ContentSource}· <a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}

{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
</div>

{block:HasTags}
<div class="tags">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>
{/block:HasTags}
{/block:Date}

<div class="notes">
{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>

</div>

{/block:Posts}

<div class="x">♡ <a href="http://ownmylight.tumblr.com">ownmylight</a></div>

</div>

</body>
</html>