<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--
RAINBOW 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="#999999"/>
		<meta name="color:link" content="#000000"/>
		<meta name="color:link hover" content="#cccccc"/>
		<meta name="color:rainbow link" content="#ffffff"/>
		<meta name="color:rainbow one" content="#ff7d94"/>
		<meta name="color:rainbow two" content="#ff9e7b"/>
		<meta name="color:rainbow three" content="#fef786"/>
		<meta name="color:rainbow four" content="#d4ff6a"/>
		<meta name="color:rainbow five" content="#6febeb"/>
		<meta name="color:rainbow six" content="#cc66ff"/>
		<meta name="color:rainbow bg hover" content="#ffffff"/>
		<meta name="color:rainbow link hover" content="#cccccc"/>
		<meta name="text:rainbow link four" content="http://"/>
		<meta name="text:rainbow link four name" content="# four"/>
		<meta name="text:rainbow link five" content="http://"/>
		<meta name="text:rainbow link five name" content="# five"/>
		<meta name="text:rainbow link six" content="http://"/>
		<meta name="text:rainbow link six name" content="# six"/>
		<meta name="image:background" content="http://29.media.tumblr.com/tumblr_lnzvsf80ku1qidb35o1_400.jpg"/>
		<meta name="image:sidebar" content="http://i51.tinypic.com/1pgmmt.jpg"/>
		<meta name="if:enable infinite scrolling" 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:450px;
				}
                        .textu img, .textu a img{
				border: none;
				max-width:400px;}
			.about, #about{ 
				background-color: {color:entries}; 
				width: 190px;
				margin-left:120px; 
				margin-top:50px;
				padding: 5px; 
				text-align: justify; 
				text-transform:none;
				float:left;
				-moz-border-radius: 5px 5px 0px 0px; border-radius: 3px 3px 3px 3px;
				-moz-box-shadow: 2px 2px 3px #ccc;
				-webkit-box-shadow: 2px 2px 3px #ccc;
				box-shadow: 2px 2px 3px #ccc;
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')";
				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc');
				}
			#one{
				width: 411px;
				margin-top: 60px;
				}
			.two, #two {
				background-color: {color:entries}; 
				width: 450px;
				margin-top:10px;
				margin-bottom: 5px;
				margin-left: 330px;
				padding: 5px;
				text-transform:none;
				-moz-border-radius: 5px 5px 0px 0px; border-radius: 3px 3px 3px 3px;
				-moz-box-shadow: 2px 2px 3px #ccc;
				-webkit-box-shadow: 2px 2px 3px #ccc;
				box-shadow: 2px 2px 3px #ccc;
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')";
				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc');
				}
			#bottom1 {
				border-top: 1px dashed #f4f4f4;
				clear: both; 
				margin-bottom:0px; 
				width:450px;  
				background:{color:entries}; }
			#bottom2 {
				height:10px; 
				clear: both; 
				margin-bottom:0px; 
				width:450px; 
				padding:0px; 
				background:{color:entries}; 
                                font-size:11px; }
			a.bottom2:link, a.bottom2:active, a.bottom2:visited {color: {color:rainbow one};}
			a.bottom2:hover {color: {color:link};}
			.title, #title {
				color: #292929;
				font-size: 16px;
				text-transform:uppercase; 
			}
			.quote, #quote {
				color: {color:text};
				font-size: 12px;
				letter-spacing: -1px;
				margin-left: 5px;
			}
			.someone, #someone {
				margin-left: 25px;
				color: {color:rainbow five}; 
			}
			.linku, #linku, a.linku:link, a.linku:active, a.linku:visited {
				font-size: 16px;
				text-transform:uppercase;
				color: {color:rainbow six}; 
			}
			a.linku:hover {color:{color:link};}
			.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}; 
				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, #ask{
				margin-left: 25px;
				margin-right: 25px;
				border-left: 1px solid {color:rainbow four};
				padding-left: 5px;}
			
			#rainbow{
			position:absolute; top:23px; width:500px; left:334px; padding:8px; margin:auto;
			}		
			a.red:link, a.red:active, a.red:visited {
				background-color: {color:rainbow one}; color: {color:rainbow link}; width: 100px; font-size: 12px; text-transform: lowercase; text-align: center; padding: 5px 11px 5px 11px; line-height: 11pt; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none;
			}
			a.orange:link, a.orange:active, a.orange:visited {
				background-color: {color:rainbow two}; color: {color:rainbow link}; width: 100px; font-size: 12px; text-transform: lowercase; text-align: center; padding: 5px 11px 5px 11px; line-height: 11pt; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none;
			}
			a.yellow:link, a.yellow:active, a.yellow:visited {
				background-color: {color:rainbow three}; color: {color:rainbow link}; width: 100px; font-size: 12px; text-transform: lowercase; text-align: center; padding: 5px 25px 5px 25px; line-height: 11pt; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none;
			}
			a.green:link, a.green:active, a.green:visited {
				background-color: {color:rainbow four}; color: {color:rainbow link}; width: 100px; font-size: 12px; text-transform: lowercase; text-align: center; padding: 5px 15px 5px 14px; line-height: 11pt; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none;
			}
			a.blue:link, a.blue:active, a.blue:visited {
				background-color: {color:rainbow five}; color: {color:rainbow link}; width: 100px; font-size: 12px; text-transform: lowercase; text-align: center; padding: 5px 15px 5px 14px; line-height: 11pt; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none;
			}
			a.purple:link, a.purple:active, a.purple:visited {
				background-color: {color:rainbow six}; color: {color:rainbow link}; width: 100px; font-size: 12px; text-transform: lowercase; text-align: center; padding: 5px 18px 5px 18px; line-height: 11pt; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none;
			}			
			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:rainbow link hover}; width: 100px; font-size: 12px; text-transform: lowercase; text-align: center;  line-height: 11pt; -webkit-transition-duration: 0.3s; outline: none; -moz-outline-style: none;
			}

		</style>



			
    </head>
    <body>
	
	<div id="about" style="position: fixed;"><center><span class="title">{Title}</span></center><center><img src="{image:sidebar}" style="max-width:190px;"></center>
		{description}<br><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 id="rainbow">
		<a class="red" href="/">refresh</a></span> <a class="orange" href="/archive">archive</a> <a class="yellow" href="/ask">ask</a> <a class="green" href="{text:rainbow link four}">{text:rainbow link four name}</a> <a class="blue" href="{text:rainbow link five}">{text:rainbow link five name}</a> <a class="purple" href="{text:rainbow link six}">{text:rainbow link six name}</a>
	</div>
		
	<div id="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 id="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" style="float: right;"><img style="float:left;" src="http://i55.tinypic.com/1060ghd.jpg">{Quote}</div>
					{block:Source}
						<div class="someone">&rarr; {Source}</div>
					{/block:Source}
				{/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}
					</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}
				{/block:Answer} 

				{block:Date}
					{block:PermalinkPage}	 
						{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}
				<br><BR>
				<div id="bottom1">
					{block:Tags}
						<span style="color:#d4ff6a;">♣</span> <a href="{TagURL}">{Tag}</a> 
					{/block:Tags}
				</div>
					{/block:PermalinkPage}		
				<div id="bottom2" align="right">
					{ShortYear}{MonthNumberWithZero}{DayOfMonthWithZero} <small>♡</small> 
					<a class="bottom2" href="{Permalink}">{NoteCountwithLabel}</a> &larr;
				</div>
				{/block:Date}
				{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">© THEME</a></div></body>
</html>