<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

Ah. Musings. BY CHARMINGS.TUMBLR.COM
Go ahead and edit and mess around with the coding if you want, just please leave the credits alone.
Uh... Yeah.

-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<html>
<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}

<!-- DEFAULT COLORS -->
	<meta name="color:background" content="#F4F4F4"/>
	<meta name="color:entries" content="#ffffff"/>
	<meta name="color:text" content="#919191"/>
	<meta name="color:link" content="#00c1c1"/>
	<meta name="color:link hover" content="#cccccc"/>
	<meta name="color:rainbow one bg" content="#ff8181"/>
	<meta name="color:rainbow two bg" content="#ff9e7b"/>
	<meta name="color:rainbow three bg" content="#fef786"/>
	<meta name="color:rainbow four bg" content="#d4ff6a"/>
	<meta name="color:rainbow five bg" content="#6febeb"/>
	<meta name="color:rainbow six bg" content="#cc66ff"/>
	<meta name="color:rainbow one link" content="#ff002d"/>
	<meta name="color:rainbow two link" content="#ff4400"/>
	<meta name="color:rainbow three link" content="#ffc000"/>
	<meta name="color:rainbow four link" content="#8ec700"/>
	<meta name="color:rainbow five link" content="#00c1c1"/>
	<meta name="color:rainbow six link" content="#aa00ff"/>
	<meta name="color:rainbow bg hover" content="#ffffff"/>
	<meta name="image:background" content="http://24.media.tumblr.com/tumblr_lpn38uEAE81qjbz69o1_400.png"/>
	<meta name="text:extra link one" content="http://"/>
	<meta name="text:extra link one name" content="extra link one"/>
	<meta name="text:extra link two" content="http://"/>
	<meta name="text:extra link two name" content="extra link two"/>
	<meta name="text:extra link three" content="http://"/>
	<meta name="text:extra link three name" content="extra link three"/>
	<meta name="if:enable infinite scrolling" content="0"/>
	<meta name="if:show captions" content="0"/>

<style type="text/css">

body{ background:{color:background}; background-image: url('{image:background}'); background-attachment: fixed; font-family: consolas; font-size: 10px; color: {color:text}; }
a:link, a:visited, a:active{ color:{color:link}; text-decoration:none; }
a:hover{ color:{color:link hover}; text-decoration: none; }
a img, img{ border: none; max-width:500px; }
.textu img, .textu a img{ border: none; max-width:450px; }
blockquote { max-width:500px; margin-left: 15px; margin-right:0px; padding:0px; }

.left{ margin-left:120px; margin-top:100px; }
.about{ background-color:{color:entries}; color: {color:text}; width: 190px; padding: 5px; text-align: justify; text-transform:none; float:left; }
.one{ width: 500px; margin-top: 25px; }
.two{ background-color:{color:entries}; width: 500px; margin-top:10px; margin-bottom: 5px; margin-left: 330px; padding: 5px; text-transform:none; }
	
.bottom1 { background-color:{color:entries}; width:500px; text-align:left; border-top: 1px dashed #f4f4f4; clear: both; margin-bottom:0px; }
a.bottom2:link, a.bottom2:active, a.bottom2:visited{background-color: {color:rainbow four bg}; color:{color:rainbow four link}; width: 478px; font: consolas; font-size: 11px; text-align: right; padding: 1px 11px 1px 11px; line-height: 11pt; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none; display:block; }
a.bottom2:hover{ background-color:{color:rainbow one bg}; color:{color:rainbow one link}; width: 478px; font: consolas; font-size: 11px; text-align: right; line-height: 11pt; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none; display:block;}

.title{color: #292929; font-size: 20px; font-style: italic; font-weight: bold; font-family: times, serif; text-transform:lowercase; }
.quote{ color:{color:link hover}; font-size: 13px; letter-spacing: -1px; margin-left: 5px; }
.someone{ color:{color:rainbow five bg}; margin-left: 25px; }
.linku, a.linku:link, a.linku:active, a.linku:visited {color:{color:rainbow six link}; font-size: 16px; text-transform:uppercase; }
a.linku:hover{ color: #000000; }
.label{ font-weight:bold; }
ul.chat, .chat ol, .chat li{ list-style:none; margin:0px; padding:0px; }
.talk{ font-style:normal; }
.talk .talk{ color:{color:rainbow two link}; margin-bottom:0px; margin-left: 10px; width:444px; padding:1px; }
.talk .talk.even{ color:{color:link hover}; margin-bottom:0px; margin-left: 10px; width:444px; padding:1px; }
.ask{ margin-left: 25px; margin-right: 25px; border-left: 0px solid #0fffaf; padding-left: 5px;}
	
a.red:link, a.red:active, a.red:visited { background-color:{color:rainbow one bg}; color:{color:rainbow one link}; width: 165px; font: {font:Body}; font-size: 11px; text-align: right; padding: 1px 11px 1px 11px; border-bottom: 1px solid #fff; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none; display:block; }
a.orange:link, a.orange:active, a.orange:visited { background-color:{color:rainbow two bg}; color:{color:rainbow two link}; width: 165px; font: {font:Body}; font-size: 11px; text-align: right; padding: 1px 11px 1px 11px; border-bottom: 1px solid #fff; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none;display:block; }
a.yellow:link, a.yellow:active, a.yellow:visited { background-color:{color:rainbow three bg}; color:{color:rainbow three link}; width: 165px; font: {font:Body}; font-size: 11px; text-align: right; padding: 1px 11px 1px 11px; border-bottom: 1px solid #fff; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none; display:block; }
a.green:link, a.green:active, a.green:visited { background-color:{color:rainbow four bg}; color:{color:rainbow four link}; width: 165px; font: {font:Body}; font-size: 11px; text-align: right; padding: 1px 11px 1px 11px; border-bottom: 1px solid #fff; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none; display:block; }
a.blue:link, a.blue:active, a.blue:visited { background-color:{color:rainbow five bg}; color:{color:rainbow five link}; width: 165px; font: {font:Body}; font-size: 11px; text-align: right; padding: 1px 11px 1px 11px; border-bottom: 1px solid #fff; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none; display:block; }
a.purple:link, a.purple:active, a.purple:visited { background-color:{color:rainbow six bg}; color:{color:rainbow six link}; width: 165px; font: {font:Body}; font-size: 11px; text-align: right; padding: 1px 11px 1px 11px; border-bottom: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none; display:block; }
a.red:hover, a.orange:hover, a.yellow:hover, a.green:hover, a.turtle:hover, a.blue:hover, a.purple:hover { background-color:{color:rainbow bg hover}; color:{color:link hover}; width: 170px; font: {font:Body}; font-size: 11px; text-align: right; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none; display:block;}

</style></head>

<body>

<div class="left" style="position: fixed;">

	<div class="about">
		<center><a class="red" href="/">REFRESH</a><a class="orange" href="/archive">ARCHIVE</a> <a class="yellow" href="/ask">ASK</a> {block:IfExtraLinkOneName}<a href="{text:extra link one}" class="green">{text:extra link one name}</a>{/block:IfExtraLinkOneName} {block:IfExtraLinkTwoName}<a href="{text:extra link two}" class="blue">{text:extra link two name}</a>{/block:IfExtraLinkTwoName} {block:IfExtraLinkThreeName}<a href="{text:extra link three}" class="purple">{text:extra link three name}</a>{/block:IfExtraLinkThreeName}
	</div><br>

	{block:IfNotEnableInfiniteScrolling}{block:Pagination}
		<center>{block:NextPage}<span style="float:left;"><a href="{NextPage}">&larr; OLDER</a></span>{/block:NextPage}{block:PreviousPage}<span style="float: right;"><a href="{PreviousPage}">NEWER &rarr;</a></span>{/block:PreviousPage}</center>
	{/block:Pagination}{/block:IfNotEnableInfiniteScrolling}

</div>

<div class="one">{block:IfEnableInfiniteScrolling}<div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableInfiniteScrolling}

	{block:Posts}<div class="two">
		{block:Text}{block:Title}<div class="title">&rarr; {Title}</div>{/block:Title}<div class="textu">{Body}</div>{/block:Text} 
		{block:Photo} {LinkOpenTag}<img align="center" src="{PhotoURL-HighRes}">{LinkCloseTag}{/block:Photo} 
		{block:Photoset}{Photoset-400}{/block:Photoset}
		{block:Quote} <div class="quote"><img src="http://i55.tinypic.com/1060ghd.jpg">{Quote}</div>{block:Source}<div align="right" class="someone">&rarr; {Source}</div>{/block:Source}<br>{/block:Quote} 
		{block:Link} <div class="linku"><center>&rarr; <a href="{URL}" {Target} class="linku">{Name}</a> &larr;</center></div>{block:Description}{Description}{/block:Description}{/block:Link} 
		{block:Chat} {block:Title}<div class="title">&rarr; {Title}</div>{/block:Title}<div class="talk">{block:Lines}<div class="talk {Alt}">{block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}<br></div>{/block:Chat}
		{block:Audio} {AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio} 
		{block:Video}<center>{Video-400}</center>{/block:Video} 
		{block:Answer} <div class="ask"><b>{Asker} asked:</b> {Question}</div>{Answer}<br>{/block:Answer}

	{block:IfShowCaptions}
		{block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
		{block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
		{block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video} 
	{/block:IfShowCaptions}
		
	{block:PermalinkPage} {block:Date}
	{block:IfNotShowCaptions}
		{block:Photo}{block:Caption}{Caption}{/block:Caption}<br>{/block:Photo}
		{block:Photoset}{block:Caption}{Caption}{/block:Caption}<br>{/block:Photoset}
		{block:Video}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
	{block:IfNotShowCaptions}

		<div class="bottom1">{block:HasTags} {block:Tags} <span style="color:#d4ff6a;">♣</span> <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags} </div>
	{/block:Date}{/block:PermalinkPage} 

<a class="bottom2" href="{permalink}">
{DayOfMonthWithZero} {Month} {Year} <small>♡</small> {NoteCountwithLabel} &larr;</a> 
{block:PostNotes} {PostNotes}{/block:PostNotes}

</div>
{/block:Posts}{block:IfEnableInfiniteScrolling}</div>{/block:IfEnableInfiniteScrolling}</div>

<div style="position:fixed; bottom:5px; right:5px;"><a href="http://charmings.tumblr.com">♛</a></div>	

</body>
</html>