Route 66

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- octomoosey @ tumblr -->


<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><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="#000000"/>
<meta name="color:block" content="#ffffff"/>
<meta name="color:link" content="#d77109"/>
<meta name="color:link hover" content="#bbbbbb"/>
<meta name="color:text" content="#686868"/>

<meta name="text:old blog name" content=""/>
<meta name="text:new blog name" content=""/>
<meta name="text:new blog url" content=""/>
<meta name="text:new ask url" content=""/>
<meta name="text:new submit url" content=""/>

<meta name="image:background" content="https://media.tumblr.com/0e3a39c90b85282b509cce869ecd5d7d/tumblr_inline_mx1t4nyTJm1rp2lgk.jpg" />

<link href='https://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>

</head>
<style type="text/css">

::-webkit-scrollbar {height: 4px; width: 3px;}
::-webkit-scrollbar-thumb {background-color:#cfcece;}
::-webkit-scrollbar-track {background-color:#000000;}
::-webkit-scrollbar-buttom {background-color:#000000;}

body {
    background:{color:background};
    font-family:'Carrois Gothic', sans-serif;
    background-image: url('{image:background}');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: right bottom;}

a:link, a:active, a:visited {
    color: {color:link};
    text-decoration:none;
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s;}

a:hover {
    color: {color:link hover};
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s;}

#container {
    margin:0px auto 0 auto;
    width:100%;}

#mainblock {
	position: fixed;
	width: 100%;
	margin-top: 20px;
	background:{color:block};}

#topimage {
    width:100px;}

#topimage img {
    margin-top:50px;
    width:100px;
    height:100px;}

#title {
	font-family: 'Carrois Gothic', sans-serif;
	font-size: 26px;
	text-transform: lowercase;
	text-align: center;
	letter-spacing: 2px;
	padding-bottom: 3px;
    color:{color:text};}

#subtitle {
    font-family: 'Carrois Gothic', sans-serif;
    font-style:italic;
    font-size:18px;
    letter-spacing:3px;
    text-transform: lowercase;
    text-align: center;
    padding-top: 10px;
    color:{color:text};}

#links {
    text-transform: lowercase;
    font-size: 10px;
    text-align: center;
    line-height: 100%;
    padding-bottom: 10px;}

#description {
    background:{color:block};
    width:500px;
    font-family: 'Carrois Gothic', sans-serif;
    font-size: 10px;
    text-align: center;
    color:{color:text};
    padding-bottom: 10px;}

</style>
<body>
<div id="container">
<div align="center"><div id="topimage"><img src="https://media.tumblr.com/99229c163b57d53c4828526f7f1f3d10/tumblr_inline_mx1tiw8YQf1rp2lgk.jpg"></div></div>

<div id="mainblock">

<div id="subtitle">--{text:old blog name} took route 66 to</div>

<div id="title">» <a href="{text:new blog url}">{text:new blog name}</a> «</div>

<div id="links">
<a href="{text:new blog url}">home</a> ♱
<a href="{text:new ask url}">ask</a> ♱
<a href="{text:new submit url}">submit</a> ♱
<a href="https://www.tumblr.com/">dash</a>
</div>

<div align="center"><div id="description">{description}</div>

</div>

<div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="https://octomoosey.tumblr.com/">© OCTOMOOSEY</a></center></div></div></body></html>