Theme #25

<html>
<head>

<!--
Theme #25 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:Background" content="#ffffff"/>
<meta name="color:Border" content="#f6f6f6"/>
<meta name="color:Description Solid" content="#f1f1f1"/>
<meta name="color:Details Bg" content="#f6f6f6"/>
<meta name="color:Details Solid" content="#f1f1f1"/>
<meta name="color:Font" content="#818181"/>
<meta name="color:Font Description" content="#8d8d8d"/>
<meta name="color:Link" content="#a9b48a"/>
<meta name="color:Link Hover" content="#c08f85"/>
<meta name="color:Navi Bg" content="#f8f8f8"/>
<meta name="color:Navi Bg Hover" content="#ecf5d4"/>
<meta name="color:Navi Font" content="#8d8d8d"/>
<meta name="color:Navi Font Hover" content="#949393"/>
<meta name="color:Title Bg" content="#f8f8f8"/>
<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="text:Link 1" content=""/>
<meta name="text:Link 1 Text" content=""/>
<meta name="text:Link 2" content=""/>
<meta name="text:Link 2 Text" content=""/>
<meta name="text:Link 3" content=""/>
<meta name="text:Link 3 Text" content=""/>
<meta name="text:Link 4" content=""/>
<meta name="text:Link 4 Text" content=""/>
<meta name="text:Link 5" content=""/>
<meta name="text:Link 5 Text" content=""/>
<meta name="text:Link 6" content=""/>
<meta name="text:Link 6 Text" content=""/>
<meta name="if:Enable Infinite Scrolling" content="0"/>
<meta name="if:Enable Show Hide Pagination" 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 Link 6" content="0"/>
<meta name="if:Show Title" content="0"/>
<meta name="if:Show Answer Icon" content="0"/>

<link href='http://fonts.googleapis.com/css?family=Strait' rel='stylesheet' type='text/css'>

<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: Playfair Display;
font-size: 11px;
font-style: normal;
line-height: 12px;
background-color: {color:Background};
background-image: url('{image:Background}');
background-position: top right;
background-repeat: repeat;
background-attachment: fixed;
}

.container {
width: 824px;
height: auto;
margin: 20px auto -8px auto;
padding: 0 0 0 0;
background-color: transparent;
}

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

i, em {
color: {color:Font};
font-style: italic;
}

u {
color: {color:Font};
text-decoration: underline;
}

small, small a, small a:visited {
font-family: oxyn mono;
font-size: 9px;
font-style: italic;
line-height: 13px;
}

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

a:hover {
color: {color:Link Hover};
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

ul {
block: inline;
list-style-type: disc;
}

h1 {
color: {color:Font};
font-size: 12px;
font-style: italic;
font-weight: normal;
text-align: left;
letter-spacing: 1px;
border-bottom: 1px solid {color:Border};
padding-bottom: 0px;
}

.title {
position: absolute;
color: {color:Title};
font-size: 10px;
font-family: cambria;
font-style: italic;
text-align: center;
text-transform: lowercase;
background: {color:Title Bg};
padding-top: 3px;
padding-bottom: 4px;
width: 185px;
transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
opacity: 0.0;
}

.sidebar:hover .title {
transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
opacity: 1.0;
}

.title:hover {
transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
opacity: 0.8;
}

.posts {
color: {color:Font};
padding-bottom: 15px;
margin-left: 243px;
width: 500px;
}

.posts:hover .reblog {
background: {color:Details Bg};
transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
opacity: 1;
}

.reblog {
position: absolute;
font-family: cambria;
text-align: center;
padding: 5px 0 6px 0;
width: 500px;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
opacity: 0;
}

.reblog a {
font-size: 7px;
font-weight: normal;
text-transform: uppercase;
padding: 2px 4px 2px 4px;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

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

.entry {
width: 500px;
}

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

.details {
color: {color:Font};
font-size: 10px;
font-style: italic;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
text-align: left;
padding-top: 14px;
margin-bottom: -1px;
}

.details_solid {
border-top: 1px solid {color:Details Solid};
margin-bottom: -7px;
}

.details a {
background: {color:Details Bg};
font-weight: normal;
padding: 4px 6px 4px 6px;
margin-left: 25px;
-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};
font-weight: normal;
text-decoration: none;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

.tags {
color: {color:Font};
font-size: 8px;
font-family: cambria;
font-style: italic;
font-weight: normal;
text-transform: lowercase;
text-align: left;
letter-spacing: 1px;
margin-top: -6px;
margin-left: 73px;
}

.tags a {
color: {color:Link};
-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: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;
}

.sidebar {
float: left;
position: fixed;
color: {color:Font};
line-height: 12px;
margin-top: 120px;
margin-left: 23px;
width: 185px;
}

.sidebarimage img {
background: {color:Sidebarimage Border};
min-width: 185px;
max-width: 185px;
}

.sidebarimage img:hover {
border: 0;
}

.description {
position: fixed;
color: {color:Font Description};
background: {color:Navi Bg};
border-left: 1px solid {color:Description Solid};
font-size: 9px;
font-family: cambria;
font-style: italic;
text-transform: lowercase;
line-height: 10px;
text-align: left;
padding: 6px 11px 6px 13px;
margin-top: 7px;
margin-left: 84px;
width: 76px;
}

.description a {
color: {color:Navi Font};
}

.description a:hover {
color: {color:Navi Font Hover};
-webkit-transition: opacity 0.1s linear;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
transition: all 0.3s ease-out;
}

.navigation {
font-family: calibri;
text-align: center;
margin-top: 7px;
margin-left: -5px;
width: 88px;
}

.navigation a {
display: block;
color: {color:Navi Font};
font-size: 8px;
text-transform: uppercase;
background: {color:Navi Bg};
padding: 3px 7px 3px 7px;
margin-left: 5px;
margin-bottom: 1px;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

.navigation a:hover {
color: {color:Navi Font Hover};
background: {color:Navi Bg Hover};
margin-left: 15px;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

.pagination {
position: fixed;
background-color: {color:Background};
font-size: 10px;
text-align: center;
padding-top: 9px;
margin-left: 220px;
bottom: 0px;
width: 500px;
height: 21px;
}

.pagination a {
color: {color:Navi Font};
padding: 3px 10px 3px 10px;
}

.pagination a:hover {
color: {color:Navi Font Hover};
background: {color:Navi Bg Hover};
}

.pagination_current {
color: {color:Navi Font};
background: {color:Navi Bg};
padding: 3px 10px 3px 10px;
}

.questions {
color: {color:Font};
background: {color:Border};
font-style: italic;
padding: 5px 12px 7px 8px;
margin-bottom: -5px;
margin-left: 73px;
border-radius: 20px;
width: 375px;
}

.ask {
font-size: 10px;
text-align: center;
}

.ask img {
background: {color:Border};
padding: 5px;
margin-left: 23px;
border-radius: 20px;
}

.asker {
color: {color:Font};
font-size: 9px;
font-family: cambria;
text-transform: lowercase;
text-align: right;
}

.asker a {
color: {color:Font};
}

.asker a:hover {
color: {color:Link Hover};
background: {color:Background};
}

.answer img {
background: {color:Border};
padding: 4px;
margin-top: -7px;
margin-right: 6px;
border-radius: 20px;
}

.answer {
color: {color:Font};
font-size: 10px;
text-align: center;
text-transform: lowercase;
margin-bottom: -2px;
}

blockquote {
display: block;
color: {color:Font};
font-size: 11px;
border-left: 3px solid {color:Border};
padding-left: 5px;
padding-right: 5px;
margin: 10px 10px 10px 25px;
width: 450px;
}

.quote {
color: {color:Font};
font-size: 15px;
font-style: italic;
}

.source {
color: {color:Font};
font-size: 7px;
font-family: cambria;
font-style: normal;
text-align: right;
text-transform: uppercase;
margin-top: 1px;
margin-bottom: 5px;
}

.audio {
display: block;
}

.audio_details {
background: {color:Border};
font-size: 7px;
font-family: cambria;
text-align: center;
text-transform: uppercase;
padding: 6px 0 6px 0;
margin-left: 124px;
width: 210px;
border-radius: 50px;
}

.audio_player_container {
display: block;
position: absolute;
background-color: white;
padding-left: 16px;
padding-top: 15px;
margin-top: -53px;
margin-left: 56px;
width: 41px;
height: 44px;
z-index: 3;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
opacity: 0.4;
border-radius: 50px;
}

.audio_player_container:hover {
opacity: 0.1;
}

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

.albumart {
position: absolute;
margin-top: -5px;
margin-left: 56px;
width: 50px;
height: 50px;
opacity: 1.0;
}

.albumart img {
background: {color:Border};
padding: 4px;
width: 50px;
height: 50px;
border-radius: 50px;
}

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

.postnotes {
width: 500px;
}
.notes {
font-size: 10px;
font-style: none;
text-transform: lowercase;
margin-top: 20px;
}
ol.notes, .notes li {
list-style: none;
}
ol.notes li.note img.avatar {
background: {color:Border};
padding: 2px;
height: 15px;
width: 15px;
border-radius: 20px;
}
ol.notes li.note blockquote {
color: {color:Font};
font-size: 9px;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
ol.notes li.note .answer_content {
color: {color:Font};
}

#scrollToTop:link,#scrollToTop:visited {
position: fixed;
display: none;
color: transparent;
background-color: transparent;
bottom: 35px;
right: 120px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.4s ease-out;
opacity: 0.5;
}
#scrollToTop:hover {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.4s ease-out;
opacity: 0.8;
}

.x {
position: fixed;
color: {color:Font};
letter-spacing: 1px;
text-align: center;
bottom: -18px;
right: 5px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
opacity: 1.0;
}

.x:hover {
bottom: 18px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
opacity: 1.0;
}

{CustomCSS}

</style>

<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
<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>

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://media.tumblr.com/d9d7449505ead57435bf0178a1b15a46/tumblr_inline_mqyh6mr04U1qz4rgp.png" border="0"></a>
{/block:IfEnableInfiniteScrolling}

</head>

<body>

<div class="container">

<div class="sidebar">

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

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

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

<div class="navigation">
<a href="/ask">Message</a>
{block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
{block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
{block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
{block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
{block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
{block:IfShowLink6}<a href="{text:Link 6}">{text:Link 6 Text}</a>{/block:IfShowLink6}
</div>

{block:IfEnableShowHidePagination}
{block:Pagination}
<div class="pagination">
{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
{block:JumpPagination length="5"}{block:CurrentPage}
<span class="pagination_current">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
</div>
{/block:Pagination}
{block:IfEnableShowHidePagination}

</div>

<div class="autopagerize_page_element">

{block:Posts}

<div class="posts">

<div class="entry">

{block:Date}
<div class="reblog"><a href="{ReblogURL}" target="_blank">Reblog</a> · <a href="{Permalink}">Posted {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:Date}

{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}
{Caption}
{/block:Caption}
</div>
{/block:Photo}


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


{block:Quote}
<div class="entry quote">
<div class="quote">"{Quote}"</div>
{block:Source}
<div class="source">- {Source}</div>
{/block:Source}
</div>
{/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>
{/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">
{block:AlbumArt}
<div class="albumart"><img src="{AlbumArtURL}" alt=""/></div>
{/block:AlbumArt}
<div class="audio_details">
{block:TrackName}
<b>Track:</b> {TrackName}<br />
{/block:TrackName}
{block:Artist}
<b>Artist:</b> {Artist}
{/block:Artist}<br />
{block:PlayCount}
<b>Plays:</b> {FormattedPlayCount}
{/block:PlayCount}
</div>
<div class="audio_player_container"><div class="audio_player">{AudioPlayerWhite}</div></div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}

{block:Answer}
<div class="entry ask">
<img align="left" src="{AskerPortraitURL-30}" alt=""/>
<div class="questions">
<div class="ask"><div class="asker">{Asker}</div> {Question}</div>
</div>
<div class="answer">{Answer} {block:IfShowAnswerIcon}<img align="right" src="{PortraitURL-24}" alt=""/>{/block:IfShowAnswerIcon}</div>
</div>
{/block:Answer}

{block:Date}
<div class="details">
<div class="details_solid"></div>
<a href="{Permalink}">{ShortMonth} {DayOfMonth}</a>
<br />
</div>

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

<div class="notes"></div>

</div>

</div>

{/block:Posts}

<div class="x"><font style="font-size:18px;">♡</font><br><br><a href="http://ownmylight.tumblr.com">Theme</a></div>

</div>

</div>

</body>
</html>