Theme #21 v1

<html>
<head>

    <!--
        Theme #21 v1 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:Head Border" content="#131111"/>
    <meta name="color:Background" content="#ffffff"/>
    <meta name="color:Posts Bg" content="#ffffff"/>
    <meta name="color:Title" content="#7c7b7b"/>
    <meta name="color:Title Bg" content="#353333"/>
    <meta name="color:Font" content="#635d5d"/>
    <meta name="color:Font Description" content="#585858"/>
    <meta name="color:Link" content="#363333"/>
    <meta name="color:Link Hover" content="#7a7575"/>
    <meta name="color:Border" content="#eeecec"/>
    <meta name="color:Sidebarimage Border" content="#1a1818"/>
    <meta name="color:Navi Font" content="#585858"/>
    <meta name="color:Navi Font Hover" content="#8f8f8f"/>
    <meta name="color:Navi Bg" content="#1a1818"/>
    <meta name="color:Navi Bg Hover" content="#242424"/>
    <meta name="color:Details Bg" content="#f6f6f6"/>
    <meta name="color:Tag Bg" content="#f6f6f6"/>
    <meta name="color:Tag Bg Hover" content="#f1f1f1"/>
    <meta name="image:Sidebar" content=""/>
    <meta name="image:Background" 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="text:Link 7" content=""/>
    <meta name="text:Link 7 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 Link 7" content="0"/>
    <meta name="if:Show Answer Icon" content="0"/>
    <meta name="if:Show Sidebarimage" content="0"/>
    <meta name="if:Sidebarimage With Transparency" content="0"/>
    <meta name="if:Show Wood Background" 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:8px !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 {
    font-color: {color:Font};
    font-family: consolas;
    font-size: 10px;
    font-style: normal;
    line-height: 14px;
    background-color: {color:Background};
    background-image: url('{image:Background}');
    {block:IfShowWoodBackground}
    background-image: url('http://media.tumblr.com/32705189c41e9944cca16a6865b33521/tumblr_inline_mpsnjjs5vc1qz4rgp.png');
    {/block:IfShowWoodBackground}
    background-position: top right;
    background-repeat: repeat;
    background-attachment: fixed;
}

.container {
    width: 824px;
    height: auto;
    margin: 185px 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:Navi Font Hover};
    background: {color:Navi Bg 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-family: consolas;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid {color:Details Bg};
    padding-bottom: 0px;
}

.title {
    color: {color:Title};
    font-size: 12px;
    font-family: cambria;
    font-style: italic;
    text-align: center;
    text-transform: lowercase;
    background: {color:Title Bg};
    padding-top: 3px;
    padding-bottom: 4px;
    margin-top: 0px;
    margin-left: 150px;
    margin-bottom: 8px;
    width: 232px;
}

.headborder {
    position: fixed;
    background: {color:Head Border};
    margin-top: 43px;
    margin-left: -1500px;
    height: 20px;
    width: 5000%;
}

.posts_bg {
    background: {color:Posts Bg};
    padding-bottom: 1px;
    margin-top: 0px;
    margin-left: 135px;
    width: 550px;
    height: 1000%;
    border-radius: 0 0 100px 100px;
}


.posts {
    color: {color:Font};
    font-size: 10px;
    line-height: 14px;
    padding-top: 185px;
    padding-bottom: 0px;
    margin-top: -240px;
    margin-left: 26px;
    margin-bottom: 90px;
    width: 500px;
}

.entry {
    width: 500px;
}

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

.details {
    color: {color:Font};
    font-size: 8px;
    font-family: consolas;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    background: {color:Details Bg};
    padding-top: 3px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    margin-top: 5px;
    margin-bottom: -1px;
    width: 480px;
}

.details a {
    color: {color:Link};
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

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

.tags {
    color: {color:Font};
    font-size: 8px;
    font-family: consolas;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding-top: 0px;
    width: 480px;
}

.tags a {
    color: {color:Link};
    background: {color:Tag Bg};
    padding: 2px 5px 2px 5px;
}

.tags a:hover {
    background: {color:Tag Bg 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;
}

.sidebar {
    position: fixed;
    background: {color:Head Border};
    color: {color:Font};
    line-height: 12px;
    padding: 10px;
    margin-top: 30px;
    margin-left: 135px;
    width: 530px;
    height: 125px;
}

.sidebarimage img {
    position: fixed;
    border: 0px solid {color:Sidebarimage Border};
    background: {color:Background};
    padding: 0 0 7px 0px;
    margin-top: 23px;
    margin-left: -239px;
    min-width: 229px;
    max-width: 229px;
    {block:IfSidebarimagewithtransparency}
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    opacity: 0.4;
    {/block:IfSidebarimagewithtransparency}
    border-radius: 0 0 0 80px;
}

.sidebarimage img:hover {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    opacity: 1.0;
}

.description {
    color: {color:Font Description};
    background: {color:Navi Bg};
    font-size: 9px;
    font-size: 8px;
    font-family:  calibri;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 10px;
    text-align: right;
    padding-top: 6px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    margin-bottom: -6px;
    margin-top: 23px;
    margin-left: -3px;
    height: 89px;
    width: 140px;
}

.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 {
    position: absolute;
    text-align: center;
    border-bottom: 0px solid {color:Navi Bg};
    padding-bottom: 11px;
    margin-top: 23px;
    margin-left: 283px;
    width: 250px;
}

.navigation a {
    display: block;
    color: {color:Navi Font};
    font-size: 8px;
    font-family:  calibri;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: {color:Navi Bg};
    padding: 4px 9px 4px 9px;
    margin-left: 0px;
    margin-bottom: 1px;
    -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 Bg Hover};
    letter-spacing: 4px;
    -webkit-transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;
}

.navigation2 {
    position: absolute;
    text-align: center;
    border-bottom: 0px solid {color:Navi Bg};
    padding-bottom: 11px;
    margin-top: 23px;
    margin-left: 156px;
    width: 126px;
}

.navigation2 a {
    display: block;
    color: {color:Navi Font};
    font-size: 8px;
    font-family:  calibri;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: {color:Navi Bg};
    padding: 4px 9px 4px 9px;
    margin-left: 0px;
    margin-bottom: 1px;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.navigation2 a:hover {
    color: {color:Navi Font Hover};
    background: {color:Navi Bg Hover};
    letter-spacing: 4px;
    -webkit-transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;
}

.pagination {
    color: {color:Navi Font};
    font-size: 15px;
    font-family: calibri;
    text-transform: uppercase;
    text-align: center;
    background: transparent;
    margin-top: -104px;
    margin-bottom: 7px;
    margin-left: 540px;
}

.pagination a {
    display: block;
    color: {color:Navi Font};
    text-decoration: none;
    background: {color:Navi Bg};
    padding: 19px 4px 3px 3px;
    width: 20px;
    height: 34px;
}

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

.pagination_nextpage a {
    display: block;
    color: {color:Navi Font};
    text-decoration: none;
    background: {color:Navi Bg};
    padding: 19px 4px 3px 3px;
    width: 20px;
    height: 34px;
    border-radius: 0 0 30px 0;
}

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

.pagination_current {
    color: {color:Navi Font};
    background: {color:Navi Bg};
}

.questions {
    color: {color:Font};
    background: {color:Details Bg};
    font-family: consolas;
    padding: 6px;
    padding-left: 7px;
    padding-bottom: 11px;
    margin-bottom: -5px;
}

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

.ask img {
    background: {color:Background};
    padding: 2px;
    border-radius: 20px;
}

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

.asker a {
    color: {color:Font};
    text-decoration: none;
}

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

.answer img {
    background: {color:Details Bg};
    padding: 2px;
    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: 10px;
    font-family: consolas;
    font-style: none;
    border-left: 3px solid {color:Border};
    padding-left: 5px;
    padding-right: 5px;
    margin: 10px 10px 10px 25px;
    width: 450px;
}

.quote {
    color: {color:Font};
    font-family: oxyn mono;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 1px;
}

.source {
    color: {color:Font};
    font-size: 8px;
    font-family: consolas;
    letter-spacing: 0px;
    font-style: normal;
    text-align: right;
    text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 5px;
}

.audio {
    display: block;
}

.audio_details {
    font-size: 8px;
    text-transform: uppercase;
}

.albumart img {
    float: left;
    margin-right: 7px;
    background: {color:Border};
    padding: 4px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
}

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

.postnotes {
    width: 500px;
}
.notes {
    font-size: 8px;
    font-style: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    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: 8px;
}
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: 28px;
    right: 20px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.4s ease-out;
    opacity: 1.0;
}


#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;
}

{CustomCSS}

</style>

    {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/ce3990645eed2653ad4dd701a170a71a/tumblr_inline_mpvnd3njVm1qz4rgp.png" border="0"></a>
    {/block:IfEnableInfiniteScrolling}

</head>

<body>


<div class="headborder"></div>

<div class="container">

<div class="sidebar">
<div class="navigation">
    <a href="/">Home</a>
    <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}
    <a href="http://ownmylight.tumblr.com">Theme</a>
</div>

<div class="navigation2">
    {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}
    {block:IfShowLink7}<a href="{text:Link 7}">{text:Link 7 Text}</a>{/block:IfShowLink7}
</div>

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

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

{block:IfEnableShowHidePagination}
{block:Pagination}
<div class="pagination">
    {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
    {block:NextPage}<div class="pagination_nextpage"><a href="{NextPage}">»</a></div>{/block:NextPage}
</div>
{/block:Pagination}
{block:IfEnableShowHidePagination}

</div>

<div class="posts_bg">

<div class="autopagerize_page_element">

    {block:Posts}

<div class="posts">

<div class="entry">

{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>
{AudioPlayerWhite}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}

{block:Answer}
<div class="entry ask">
<div class="questions">
<div class="ask"><img align="left" src="{AskerPortraitURL-30}" alt=""/> <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">
    posted <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:ContentSource}· <a href="{SourceURL}" target="_blank">©</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
<br />
</div>

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

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

</div>

</div>

    {/block:Posts}

</div>

</div>

</div>

</body>
</html>