Theme #9

<html>
<head>

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

<meta name="color:Background" content="#fdfdfd"/>
<meta name="color:Content" content="#f9f9f9"/>
<meta name="color:Font" content="#91867c"/>
<meta name="color:Link" content="#aa9e92"/>
<meta name="color:Link Hover" content="#636363"/>
<meta name="color:Navi Font" content="#aa9e92"/>
<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="if:Show Link 1" content="0"/>
<meta name="if:Show Link 2" content="0"/>
<meta name="if:Show Askbox" content="0"/>
<meta name="if:Show URL is saved" content="0"/>
<meta name="if:Show Description" 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">

body {
    color: {color:Font};
    font-family: calibri;
    font-size: 9px;
    line-height: 17px;
    background-color: {color:Background};
    background-image: url('http://media.tumblr.com/tumblr_mda1co1WCy1rnl89n.png');
    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;
}

#content {
    color: {color:Font};
    font-size: 17px;
    font-style: italic;
    text-align: center;
    text-transform: lowercase;
    margin-top: 180px;
}

.content_bg {
    background-color: {color:Content};
    padding: 15px;
    opacity: 0.5;
}

.navigation {
    text-align: center;
}

.navigation a {
	color: {color:Navi Font};
    font-size: 8px;
	text-align: center;
    letter-spacing: 1px;
	text-transform: uppercase;
    background-color: {color:Content};
    border-radius: 0px 0px 10px 10px;
    padding: 4px 30px 4px 30px;
    opacity: 0.5;
}

.navigation a:hover {
   	color: {color:Navi Font};
    padding-bottom: 7px;
    -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;
    opacity: 0.7;
}

.askbox {
    background-color: {color:Content};
    padding: 4px 5px 2px 5px;
    margin-top: 7px;
    opacity: 0.5;
}

{CustomCSS}

</style>

</head>

<body>

<div class="container">

<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}
<a href="http://ownmylight.tumblr.com">theme</a>
</div>

<div id="content"><div class="content_bg">
{block:IfShowURLissaved}<a>{name}</a> is being saved!{/block:IfShowURLissaved}
{block:IfShowDescription}
{Description}
{/block:IfShowDescription}
</div></div>

{block:IfShowAskbox}
<div class="askbox">
<p><iframe frameborder="0" scrolling="no" width="100%" height="199" 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>

</body>
</html>