Theme #18 v2

<html>
<head>

<!--
    Theme #18 v2 by ownmylight.tumblr.com
-->

<meta name="color:Background" content="#fefefe"/>
<meta name="color:Border" content="#e1e1e1"/>
<meta name="color:Font" content="#6b6b6b"/>
<meta name="color:Link" content="#5a5a5a"/>
<meta name="color:Link Hover" content="#363636"/>
<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="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 Dashboard Link" content="0"/>
<meta name="if:Show Navigation" content="0"/>
<meta name="if:Show Askbox" content="0"/>

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

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

<style type="text/css">

iframe#tumblr_controls {right: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.8;-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: menu;
    font-size: 9px;
    line-height: 13px;
    background-color: {color:Background};
    background-position: top right;
    background-repeat: repeat;
    background-attachment: fixed;
}

.container {
    width: 370px;
    height: auto;
    margin: -8px auto -8px auto;
    padding: 0 0 0 0;
}

a:link, a:visited, a:active {
    color: {color:Link};
    font-weight: normal;
	text-decoration: none;
}

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

.sidebarimage {
    position: fixed;
    border: 1px solid {color:Border};
    padding: 5px;
    margin-top: 9px;
    margin-left: 5px;
    width: 64px;
    height: 64px;
}

#content {
    color: {color:Font};
    text-align: center;
    border-top: 1px solid {color:Border};
    border-bottom: 1px solid {color:Border};
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 190px;
    {block:IfShowNavigation}
    margin-top: 10px;
    {block:IfShowNavigation}
    margin-left: 100px;
    width: 230px;
}

{block:IfShowNavigation}
.navigation {
    margin-top: 190px;
    margin-left: 100px;
    width: 230px;
}

.navigation a {
    color: {color:Link};
    font-style: italic;
    letter-spacing: 1px;
    text-transform: lowercase;
    border: 1px solid {color:Border};
    padding: 3px 6px 3px 6px;
}

.navigation:hover {
    color: {color:Link Hover};
}
{block:IfShowNavigation}

.headline {
    font-size: 25px;
    font-style: italic;
    text-align: right;
    text-transform: lowercase;
    padding-bottom: 3px;
    margin-top: -3px;
}

.askbox {
    margin-top: 15px;
    margin-left: 100px;
}

.x {
    position: fixed;
    color: {color:Font};
    font-style: italic;
    letter-spacing: 1px;
    border: 1px solid {color:Border};
    padding: 3px 6px 3px 6px;
    bottom: 9px;
    right: 9px;
}

{CustomCSS}

</style>

</head>

<body>

<div class="container">

<div class="sidebarimage"><img src="{PortraitURL-64}" alt=""/></div>

{block:IfShowNavigation}
<div class="navigation">
{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:IfShowDashboardLink}<a href="http://www.tumblr.com/dashboard">Dashboard</a>{/block:IfShowDashboardLink}
</div>
{block:IfShowNavigation}

<div id="content">

{Description}
<div class="headline">on hiatus</div>
</div>

{block:IfShowAskbox}
<div class="askbox">
<p><iframe frameborder="0" scrolling="no" width="230px" height="231" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
</div>
{block:IfShowAskbox}

</div>

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

</body>
</html>