<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<!-- DEFAULT COLORS -->
<meta name="color:Background" content="#111"/>
<meta name="title" content="#a1a1a1" />
<meta name="color:Post background" content="#141414"/>
<meta name="color:Text" content="#a1a1a1"/>
<meta name="color:Post background hover" content="#161616" />
<meta name="color:link" content="#ff0066" />
<meta name="color:Blockquote line" content="#ff0066" />
<meta name="color:Chat label" content="#ff0066" />
<meta name="color:Chat Alt" content="#191919" />
<meta name="image:Background" content="" />
<meta name="if:Fixed Background" content="0" />
<meta name="if:No Repeat Background" content="0" />
<meta name="font:Body" content="Tahoma, Arial, sans-serif" />
<meta name="if:Show Page Links" content="0" />
<!-- JAVASCRIPT -->
<script src="http://static.tumblr.com/qhck824/P24l0dcc8/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/qhck824/Za7l0ukms/thin.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1, h2', {hover: 'true'});
</script>
<!-- STYLESHEET -->
<style type="text/css">
* {
padding: 0px;
margin: 0px;
}
body {
color: #633f29;
font: 12px #633f29;
background: #dac488;
line-height: 20px;
font-family:tahoma;
}
a:link {
color: #cd4d64;
text-decoration: none;
}
a:visited {
color: #cd4d64;
text-decoration: none;
}
a:hover {
font-weight:bold;
text-decoration: none;
}
a:active {
color: #cd4d64;
text-decoration: none;
}
#wrapper {
width: 540px;
height: auto;
margin: 20px auto;
}
/* HEADER */
#header {
width: 500px;
height: auto;
text-align: center;
font-family:tahoma;
margin: 0 0 40px 0;
padding: 20px;
background-color: #dac488;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.title {
width: 500px;
height: auto;
}
.title h1 {
font-size: 48px;
font-family:tahoma;
}
.description {
width: 500px;
height: auto;
margin: 0 auto;
}
#header li {
display: inline;
padding: 0 10px 0 0;
}
/* POSTS */
img {
border: none;
}
#postWrapper h2 {
margin: 0 0 10px 0;
font-size: 36px;
line-height: 36px;
}
#postWrapper p {
margin: 0 0 15px 0;
}
#postWrapper ul, #postWrapper ol {
margin: 0 0 10px 20px;
}
.notesWrapper ol {
list-style: none;
}
blockquote {
width: 450px;
margin: 5px;
padding: 0 0 0 5px;
font-style: italic;
border-left: 2px solid #cd4d64;
}
a:hover {text-decoration: none;}
a.tooltip span {display: none; padding: 5px; margin-left: -514px; margin-top: 15px; opacity: 1.0; width: 530px; }
a.tooltip:hover span {display: inline; position: absolute; background-color: #f9eacd; color: #97634b; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; }
.permalink {
font-size: 9px;
position: absolute;
display: block;
width: 16px;
height: 16px;
bottom: 10px;
right: 10px;
background: url(http://static.tumblr.com/qhck824/ovul0gc44/heart.png) 0 0;
}
.permalink:hover {
background-position: 0 -17px;
}
.quotePost, .textPost, .audioPost,
.photoPost, .videoPost, .chatPost,
.linkPost {
width: 500px;
height: auto;
margin: 0 0 40px 0;
padding: 15px 20px;
position: relative;
background-color: #f9eacd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.quotePost:hover, .textPost:hover, .audioPost:hover,
.photoPost:hover, .videoPost:hover, .chatPost:hover,
.linkPost:hover {
background-color: #f9eacd;
}
.tags {
margin: 0 !important;
font-size: 9px;
}
.tags li {
display: inline;
padding: 0 5px;
}
/* CHAT POST */
.label {
color: #cd4d64;
}
.odd, .even {
padding: 2px 10px;
}
.odd {
background-color: #dac488;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/* PHOTO POST */
p.photoPost img {
margin: 0 0 10px 0;
}
.highres {
text-align: right;
font-size: 10px;
}
/* AUDIO POST */
.audioPost {
text-align: center;
}
.audioPost blockquote {
text-align: left;
}
.songTitle{
margin: -20px 0 0 0;
}
.player {
margin: 0 0 20px 0;
}
/* FOOTER */
#footer {
width: 540px;
height: 40px;
font-size: 10px;
position: relative;
background-color: #f9eacd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
p.credit {
width: 202px;
height: 15px;
margin: 0 auto;
padding: 15px 0;
text-align: center;
}
span.georgia {
font: 14px Tahoma;
}
a.previous {
position: absolute;
top: 4px;
left: 20px;
}
a.next {
position: absolute;
top: 4px;
right: 20px;
}
a.previous, a.next {
width: 32px;
height: 32px;
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(http://static.tumblr.com/qhck824/keJl0gcbd/arrowsprite.png) no-repeat;
}
a.previous {background-position: -2px -2px;}
a.next {background-position: -35px -2px;}
a.previous:hover {background-position: -2px -35px;}
a.next:hover {background-position: -35px -35px;}
{CustomCSS}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="title"><a href="/"><img src="http://i11.photobucket.com/albums/a167/hzelgarcia/1cf67695.png"></a></div>
{block:Description}<div class="description"><p>{Description}</div></p>{/block:Description}
{block:HasPages}
<ul>
<li><a href="/archive">Archive</a></li>
<li><a href="/random">Random</a></li>
<li><a href="{RSS}">RSS</a></li>
{block:ifShowPageLinks}
{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
{/block:ifShowPageLinks}
</ul>
{/block:HasPages}
</div>
<div id="postWrapper">
{block:Posts}
{block:Quote}
<div class="quotePost">
<h2>{Quote}</h2>
<p>—{Source}</p>
<div class="permalink"><a href="{Permalink}" class="tooltip"><span>This was posted {TimeAgo}. {block:NoteCount}It has {NoteCountWithLabel}.{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
{block:PermalinkPage}
{block:HasTags}
<ul class="tags">
{block:Tags}
<li>
<a href="{TagURL}">{Tag}</a>
</li>
{/block:Tags}
</ul>
{/block:HasTags}
{/block:PermalinkPage}
{block:PostNotes}
<div class="notesWrapper">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Quote}
{block:Text}
<div class="textPost">
<h2>{Title}</h2>
{Body}
<div class="permalink"><a href="{Permalink}" class="tooltip"><span>This was posted {TimeAgo}. {block:NoteCount}It has {NoteCountWithLabel}.{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
{block:PermalinkPage}
{block:HasTags}
<ul class="tags">
{block:Tags}
<li>
<a href="{TagURL}">{Tag}</a>
</li>
{/block:Tags}
</ul>
{/block:HasTags}
{/block:PermalinkPage}
{block:PostNotes}
<div class="notesWrapper">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Text}
{block:Answer}
<div class="textPost">
<p>Question from {Asker}</p>
<h2>{Question}</h2>
<p>{Answer}</p>
<div class="permalink"><a href="{Permalink}" class="tooltip"><span>This was posted {TimeAgo}. {block:NoteCount}It has {NoteCountWithLabel}.{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
{block:PermalinkPage}
{block:HasTags}
<ul class="tags">
{block:Tags}
<li>
<a href="{TagURL}">{Tag}</a>
</li>
{/block:Tags}
</ul>
{/block:HasTags}
{/block:PermalinkPage}
{block:PostNotes}
<div class="notesWrapper">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Answer}
{block:Audio}
<div class="audioPost">
<div class="permalink"><a href="{Permalink}" class="tooltip"><span>This was posted {TimeAgo}. {block:NoteCount}It has {NoteCountWithLabel} and{/block:NoteCount} {FormattedPlayCount} plays(s).</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
{block:AlbumArt}<img src="{AlbumArtURL}" width="208" height="208">{/block:AlbumArt}
<div class="player">{AudioPlayer}</div>
{block:Artist}
<h2>{Artist}</h2>
{/block:Artist}
{block:TrackName}
<div class="songTitle"><h2>{TrackName}</h2></div>
{/block:TrackName}
<div class="meta">{PlayCountWithLabel}{block:ExternalAudio} • <a href="{ExternalAudioURL}">download</a>{/block:ExternalAudio}</div>
{block:Caption}{Caption}{/block:Caption}
{block:PostNotes}
<div class="notesWrapper">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Audio}
{block:Photo}
<div class="photoPost">
<p align="center">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</p>
{block:HighRes}<p class="highres"><a href="{PhotoURL-HighRes}">View high-res version.</a></p>{/block:HighRes}
<p>{Caption}</p>
<div class="permalink"><a href="{Permalink}" class="tooltip"><span>This was posted {TimeAgo}. {block:NoteCount}It has {NoteCountWithLabel}.{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
{block:PermalinkPage}
{block:HasTags}
<ul class="tags">
{block:Tags}
<li>
<a href="{TagURL}">{Tag}</a>
</li>
{/block:Tags}
</ul>
{/block:HasTags}
{/block:PermalinkPage}
{block:PostNotes}
<div class="notesWrapper">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Photo}
{block:Video}
<div class="videoPost">
<span class="videoHolder">{Video-500}</span>
{block:Caption}<p>{Caption}</p>{/block:Caption}
<div class="permalink"><a href="{Permalink}" class="tooltip"><span>This was posted {TimeAgo}. {block:NoteCount}It has {NoteCountWithLabel}.{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
{block:PermalinkPage}
{block:HasTags}
<ul class="tags">
{block:Tags}
<li>
<a href="{TagURL}">{Tag}</a>
</li>
{/block:Tags}
</ul>
{/block:HasTags}
{/block:PermalinkPage}
{block:PostNotes}
<div class="notesWrapper">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Video}
{block:Chat}
<div class="chatPost">
{block:Title}<h2>{Title}</h2>{/block:Title}
<div class="chatbox">
{block:Lines}
{block:Label}
<div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
<span class="line">{Line}</span></div>
{/block:Label}
{/block:Lines}
</div>
<div class="permalink"><a href="{Permalink}" class="tooltip"><span>This was posted {TimeAgo}. {block:NoteCount}It has {NoteCountWithLabel}.{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
{block:PermalinkPage}
{block:HasTags}
<ul class="tags">
{block:Tags}
<li>
<a href="{TagURL}">{Tag}</a>
</li>
{/block:Tags}
</ul>
{/block:HasTags}
{/block:PermalinkPage}
{block:PostNotes}
<div class="notesWrapper">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Chat}
{block:Link}
<div class="linkPost">
<h2><a href="{URL}">{Name}</a></h2>
{Description}
<div class="permalink"><a href="{Permalink}" class="tooltip"><span>This was posted {TimeAgo}. {block:NoteCount}It has {NoteCountWithLabel}.{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
{block:PermalinkPage}
{block:HasTags}
<ul class="tags">
{block:Tags}
<li>
<a href="{TagURL}">{Tag}</a>
</li>
{/block:Tags}
</ul>
{/block:HasTags}
{/block:PermalinkPage}
{block:PostNotes}
<div class="notesWrapper">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Link}
{/block:Posts}
</div>
{block:Pagination}
<div id="footer">
{block:PreviousPage}<a href="{PreviousPage}" class="previous">Previous</a>{block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="next">Next</a>{/block:NextPage}</p>
</div>
{block:Pagination}
<p class="credit">Theme by <a href="http://www.deddy.tumblr.com">Deddy</a> Pimped by <a href="http://babyice.in">Ice</a></p>
</div>
</body>
</html>