<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

TROUBLESOMES BY CHARMINGS.TUMBLR.COM
Go ahead and edit and mess around with the coding if you want, just please leave the credits alone.
That also includes leaving the little button at the bottom alone. 
-->

<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="#FAFAFA"/>
<meta name="color:texts" content="#010101"/>
<meta name="color:titles" content="#B7EB34"/>
<meta name="color:outside" content="#fff"/>
<meta name="color:inside" content="#fcfcfc"/>
<meta name="color:border" content="#f1f1f1"/>
<meta name="color:links" content="#FF7F00"/>
<meta name="color:links hover" content="#66DBFF"/>
<meta name="color:nav background" content="#fdfdfd"/>
<meta name="color:nav link" content="#222222"/>
<meta name="color:nav link hover" content="#B0E629"/>
<meta name="image:background" content=""/>
<meta name="if:enable infinite scrolling" content="0"/>
<meta name="text:link one url" content="/ask">
<meta name="text:link one name" content="Ask">
<meta name="text:link two url" content="/random">
<meta name="text:link two name" content="Random">
<meta name="text:link three url" content="/">
<meta name="text:link three name" content="extra">

<style type="text/css">
body{
	background:{color:background};
	background-image: url('{image:background}');
	background-repeat: repeat;
	background-attachment:fixed;
	font-family: courier new;
	font-size: 11px;
	color:{color:texts};}
a:link, a:visited, a:active{
	color:{color:links};
	text-decoration:none;}
a:hover{
	color:{color:links hover};
	text-decoration: none;}
a img, img{
	border: none; 
	max-width:500px;}
.zero, #zero{
	width:100%;
	background-color:{color:nav background};
	word-spacing:10px;
	margin-left: -8px;
	margin-top:-50px;
	padding:10px;
	position:fixed;
	z-index:2;}
a.nav:link, a.nav:active, a.nav:visited{
	color:{color:nav link};
	text-decoration:none;
	text-transform:uppercase;}
a.nav:hover{
	color:{color:nav link hover};
	text-decoration:none;
	text-transform:uppercase;}
.troublesome{
	color:{color:titles};
	font-family:georgia;
	font-size:30px;
	line-height:33px;
	font-weight:normal;
	text-align:center;
	margin:auto;
	margin-top:20px;
padding-bottom:5px;}
.one, #one{
	width:100%; 
	margin-top:50px;}
.two, #two{
	width:500px;
	background-color:{color:outside};
	text-transform: none;
	margin: auto;
	margin-top: 10px;
	padding: 10px;
	float:center;
	word-wrap: break-word;}
.two blockquote {
	max-width:450px;
	margin-left: 3px;
	margin-right:0px; 
	padding:0px;}
.textu{
	background:{color:inside};
	padding:0px 5px 0px 5px;}
.textu img, .textu a img{
	border:0px; 
	max-width:450px;}
.hidari{
	width: 60px;
	text-align:center;
	margin-left:-90px;
	margin-top: -5px;
	position: absolute;
	{block:IndexPage}-webkit-transition-duration: 0.7s; outline: none; -moz-outline-style: none; opacity: 0;{/block:IndexPage}}
.loves{
	width: 60px;
	background-color: {color:inside};
	color:{color:texts};
	font-size:11px;
	border-top:2px solid {color:border};
	padding:3px;}
.reblomalink{
	background:{color:outside};
	border-bottom:2px solid {color:border};
	width:60px;
	font-size:10px;
	text-transform:uppercase;
	padding:3px;
}
.migi{
	width:175px;
	height:auto;
	background:{color:background};
	text-align:left;
	margin-left:515px;
	margin-top:-5px;
	padding:5px;
	position:absolute;
	{block:IndexPage}-webkit-transition-duration: 0.7s; outline: none; -moz-outline-style: none; opacity: 0;{/block:IndexPage}}
.two:hover .hidari, .two:hover .migi{
	-webkit-transition-duration: 0.7s; 
	outline: none; 
	-moz-outline-style: none; 
	opacity:1;}
.title{
	font-family:georgia;
	font-size: 15px;
	color: {color:titles};
	letter-spacing:2px;
	text-transform:uppercase;
	text-align: center;
	line-height:15px;
	padding:0px;}
.quote{
	font-family:courier new;
	font-size: 13px;
	color:{color:texts};
	text-transform: uppercase;
	text-align:justify;
	letter-spacing:0px;
	margin: 0px 5px 0px 5px;}
.someone{
	border-top: 2px solid {color:border};
	color:{color:links}; 
	text-align:right;}
.linku, a.linku:link, a.linku:active, a.linku:visited{
	color:{color:links};
	font-size: 17px;
	text-transform: uppercase;
	text-align:center;}
a.linku:hover{
	color:{color:titles};}
.label{
	color:{color:titles};
	font-weight:bold;
	text-transform:uppercase;}
ul.chat, .chat ol, .chat li{
	list-style:none;
	margin:0px;
	padding:0px;}
.talk{
	background:{color:background};
	color:{color:texts};
	font-style:normal;
	margin-bottom:0px;
	padding:1px;}
.talk .talk.even{
	background:{color:outside};
	color:{color:links};
	margin-bottom:0px;
	padding:1px;}
.ongaku{
	background: {color:inside};
	text-align:center;}
.shitsumon{	
	font-family:courier new;
	font-size: 11px;
	color:{color:texts};
	text-transform: uppercase;
	text-align:justify;
	letter-spacing:0px;
	margin: 0px 10px 0px 10px;}
.kotae{
	border-top: 2px solid {color:border};
	color:{color:texts}; 
	text-align:left;}
</style>
</head>

<body>

<div id="zero">
<center>
	{block:IfNotEnableInfiniteScrolling}
		{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">◄</a>{block:PreviousPage}{/block:Pagination}
	{/block:IfNotEnableInfiniteScrolling}

	<a class="nav" href="/">refresh</a>
	<a class="nav" href="/archive">archive</a>
	{block:IfLinkOneurl}<a class="nav" href="{text:link one url}">{text:link one name}</a>{/block:IfLinkOneurl}
	{block:IfLinkTwourl}<a class="nav" href="{text:link two url}">{text:link two name}</a>{/block:IfLinkTwourl}
	{block:IfLinkThreeurl}<a class="nav" href="{text:link three url}">{text:link three name}</a>{/block:IfLinkThreeurl}

	{block:IfNotEnableInfiniteScrolling}
		{block:Pagination}{block:NextPage}<a href="{NextPage}">►</a>{/block:NextPage}{/block:Pagination}
	{/block:IfNotEnableInfiniteScrolling}
	</center>
</div>

<div id="one">
	<div class="troublesome">❝{Title}❞</div>

	{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">
	<div class="hidari">
	<div class="loves">{NoteCount}</div>
	<div class="reblomalink">{block:HighRes}<a href="{PhotoURL-HighRes}" style="font-size:10px;">HI-RES</a>/<br>{/block:HighRes}
	<a href="{Permalink}" style="font-size:10px;">PERMALINK</a>
	</div></div>

	<div class="migi">
	{MonthNumberWithZero}/{DayOfMonthWithZero} ✧ {12HourWithZero}:{Minutes}{CapitalAmPm}
	<br>
	{block:RebloggedFrom}<span style="font-size:10px; color:{color:texts}; text-transform:uppercase">VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a><span><br><br>{/block:RebloggedFrom}
	{block:Tags}▸ <a href="{TagURL}">{Tag}</a><br>{/block:Tags}</div>

	{block:Text} 
	{block:Title}<div class="title">{Title}</div>{/block:Title}
	<div class="textu">{Body}</div>
	{/block:Text} 

	{block:Photo}
	<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="500">{LinkCloseTag}</center>
	{/block:Photo}

	{block:Photoset}
	<center>{Photoset-500}</center>
	{/block:Photoset}

	{block:Quote}
	<div class="textu"><div class="quote">❝{Quote}❞</div></div>
	{block:Source}<div class="someone">&rarr; {Source}</div>{/block:Source}
	{/block:Quote}

	{block:Link}
	<div class="textu">
	<center>« <a href="{URL}" class="linku">{Name}</a> »</center>
	{block:Description}{Description}{/block:Description}
	</div>
	{/block:Link}

	{block:Chat} 
	{block:Title}<div class="title">{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} 
	<center><div class="ongaku" {block:AlbumArt}style="height:101px;width:310px;"{/block:AlbumArt}>
	{block:AlbumArt}
	<span style="float:left"><img src="{AlbumArtURL}" style="width:100px;-moz-border-radius: 5px;border-radius: 5px;"></span>
	{/block:AlbumArt}
	{AudioPlayerBlack}{block:Artist}{Artist}<br>{/block:Artist}{block:TrackName}{TrackName}<br>{/block:TrackName}{PlayCountWithLabel}
	</div></center>
	{/block:Audio} 

	{block:Video}
	<div class="textu"><center>{Video-500}</center></div>
	{/block:Video} 

	{block:Answer} 
	<div class="textu">
	<div class="shitsumon"><span style="text-transform:uppercase; color:{color:titles};">{Asker} asked:</span><br> ❝{Question}❞</div></div>
	<div class="kotae">{Answer}</div>
	{/block:Answer} 

</div>

	{block:Date}
		{block:PermalinkPage}  
			{block:Photo}{block:Caption}<div class="two">{Caption}</div>{/block:Caption}<br>{/block:Photo}
			{block:Photoset}{block:Caption}<div class="two">{Caption}</div>{/block:Caption}<br>{/block:Photoset}
			{block:Audio} {block:Caption}<div class="two">{Caption}</div>{/block:Caption}<br>{/block:Audio} 
			{block:Video}{block:Caption}<div class="two">{Caption}</div>{/block:Caption}<br>{/block:Video}
			<div class="two">{PostNotes}</div>
		{/block:PermalinkPage}
	{/block:Date}

{/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>