doctype html
TRANSCRIPT
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<!---
_______ _ _ _ _ _
|__ __| | | | | | | | | |
| | ___ | |_ __ _| | |_ _| | __ _ _ _ ___ _ _| |_ ___
| |/ _ \| __/ _` | | | | | | | / _` | | | |/ _ \| | | | __/ __|
| | (_) | || (_| | | | |_| | |___| (_| | |_| | (_) | |_| | |_\__ \
|_|\___/ \__\__,_|_|_|\__, |______\__,_|\__, |\___/ \__,_|\__|___/
__/ | __/ |
|___/ |___/
Theme by TotallyLayouts. Check out www.TotallyLayouts.com for more themes, online user counters, follower counters, banner generators, Twitter Backgrounds, Facebook Covers and loads more!
--->
<meta name="description" content="{title}" />
<meta name="author" content="Theme by TotallyLayouts" />
<script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script>
<link href='http://fonts.googleapis.com/css?family=Lato:900|Playfair+Display:900italic|Open+Sans:800|Creepster|Sanchez|Montserrat:700' rel='stylesheet' type='text/css'>
<meta name="image:Banner" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 Title" content="" />
<meta name="if:Static Title" content="0" />
<meta name="if:Show notes on permalink pages" content="1" />
<meta name="if:Black And White Photos" content="0" />
<meta name="if:White Follow Button" content="0" />
<meta name="if:Shadow" content="1" />
<meta name="text:Rounded Corner Size" content="3" />
<meta name="text:Title Size" content="90" />
<meta name="if:Uppercase Title" content="1" />
<meta name="if:Title Font Bebas Neue" content="0" />
<meta name="if:Title Font Impact" content="0" />
<meta name="if:Title Font Playfair Display" content="0" />
<meta name="if:Title Font Open Sans" content="0" />
<meta name="if:Title Font Creepster" content="1" />
<meta name="if:Title Font Sanchez" content="0" />
<meta name="if:Title Font Montserrat" content="0" />
<style type="text/css">
@font-face {
font-family: 'BebasNeueRegular';
src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot');
src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
url('http://static.tumblr.com/jw8fmba/gGCloesr9/bebasneue-webfont.woff') format('woff'),
url('http://static.tumblr.com/jw8fmba/Rbnloesqu/bebasneue-webfont.ttf') format('truetype'),
url('http://static.tumblr.com/jw8fmba/GLsloesq3/bebasneue-webfont.svg#BebasNeueRegular') format('svg'); }
body { color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.totallylayouts.com/backgrounds/hipster/anti-christ_upside_down_cross.gif') repeat; }
a:link, a:visited, a:active {
color: #1a1a1a;
text-decoration: underline;
outline-color: invert;
outline-style: none;
outline-width: medium; }
a:hover {
color: #1a1a1a;
text-decoration: none; }
#container {
margin: 270px auto;
position: relative;
width: 500px; /* Permalink width */
{block:IndexPage}
width: 840px; /* thumb + thumb (including padding) */
{/block:IndexPage}
}
.buttons_th {
margin-top:7%;
margin-left:17px;
}
.header {
background: #fff;
padding: 0;
}
.topWrap {
padding-bottom: 0;
line-height: 9px;
}
.tmlogo {
float: left;
width: 40px;
height: 40px;
overflow: hidden;
}
.tmtitle{
float: left;
margin-left:20px;
height: 40px;
font-size: 11px;
font-weight: normal;
line-height: 40px;
font-family: Arial, Helvetica, sans-serif;
color: #595959;
text-transform: uppercase;
}
#container .posts {
float:center;
width: 840px;
}
#container .box {
background-color: #fff;
width: 200px;
margin: 0 10px 10px 0;
float: left;
overflow: hidden;
line-height:9px;
padding:0px;
}
#container .box h3 {
font-size: 11px;
font-weight: bold;
}
.innerbox {
padding: 15px;
position: relative;
color: #1a1a1a;
line-height:15px;
font-size: 11px;
}
.innerbox a:link,
.innerbox a:visited,
.innerbox a:active {
text-decoration: underline;
}
.innerbox a:hover {
text-decoration: none;
}
.innerbox img{
margin-top: -10px;
margin-left: -10px;
position: relative;
color: #1a1a1a;
}
.boxhover {
width: 220px;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
/*padding: 20px; */
background-color: #000000; repeat 0 0; opacity:0.4;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
/*display: none;*/
visibility: hidden;
text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0);
}
.boxhover .center-middle {
margin-top: auto;
text-align: center;
margin-left:auto;
}
.boxhover.active {
display: block;
visibility: visible;
}
.tmlabel {
font-family: BebasNeueRegular,tahoma;
font-size: 75px;
font-weight: none;
color: #ffffff;
letter-spacing: 0px;
line-height: 75px;
text-transform: uppercase;
}
.tmvalue-notes {
font-family: BebasNeueRegular,tahoma;
font-size: 0px;
font-weight: none;
color: #FFF;
letter-spacing: -8px;
line-height: 30px;
word-spacing: 10px;
text-transform: uppercase;
}
.tmvalue-posted{
font-family: BebasNeueRegular,tahoma;
font-size: 0px;
font-weight: none;
color: #FFF;
letter-spacing: -8px;
line-height: 20px;
word-spacing: 5px;
text-transform: uppercase;
}
.boxhover a:link,
.boxhover a:visited,
.boxhover a:active {
text-decoration: none;
color: #FFF;
}
a.title {
color: #1a1a1a;
text-decoration: none;
}
.footer {
margin-left:0;
padding: 80px 0 40px 0;
width: 820px;
text-align: center;
}
blockquote.classy {
background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif");
background-position: left top;
background-repeat: no-repeat;
font: 14px/20px italic Times,serif;
margin: 5px;
padding: 8px;
text-indent: 23px;
}
blockquote.classy span {
background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif");
background-position: right bottom;
background-repeat: no-repeat;
display: block;
}
table.chat {
width: 100%;
margin: 0 0 10px 0;
border-collapse: collapse;
}
h2 + table.chat {
margin: 10px 0 3px 0 !important;
}
table.chat tr td {
padding: 0 10px;
}
table.chat tr td.name {
font-weight: bold;
text-align: right;
vertical-align: top;
}
table.chat tr td.line1 {
background: #F7F7F7;
}
.navigation{
visibility: hidden;
}
.footer a:link,
.footer a:visited,
.footer a:active {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 5px;
font-size: 18px;
line-height: normal;
}
.footer a:hover {
text-decoration: underline;
}
/* permelink page with notes */
.postbox {
float:center;
width: 500px;
}
.postcontent {
background: #fff;
float: center;
padding: 0;
width: 500px;
margin: 0;
}
.postcontent img {
float: center;
}
.postinfo {
padding: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 10px;
text-transform: uppercase;
text-align: center;
background-color: #fff;
float: left;
width: 480px;
margin-top:10px;
margin-bottom:10px;
}
.note {
padding: 10px 10px 11px 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10px;
width: 100%;
float: center;
width: 480px;
line-height: normal;
background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom;
list-style: none;
}
.clear {
clear: both;
}
.notes {
padding: 0px;
margin: 0px;
}
.note .avatar {
width: 16px;
height: 16px;
float: left;
overflow: hidden;
}
.note .action {
margin-left: 10px;
line-height: 16px;
font-size: 9px;
text-transform: uppercase;
}
.more_notes_link_container {
background-image: none;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #aeaeae;
text-transform: uppercase;
}
.more_notes_link_container a:link,
.more_notes_link_container a:visited,
.more_notes_link_container a:active {
color: #aeaeae;
text-decoration: none;
}
.more_notes_link_container a:hover {
color: #747575;
}
.c1 {
display: block;
text-align: center;
}
#infscr-loading {
background: url(none) repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: sans-serif;
font-size: 18px;
line-height: normal;
padding: 5px;
text-decoration: none;
text-transform: uppercase;
bottom: 40px;
margin-left: 437.5px;
position: fixed;
z-index: 100;
text-align: center;
}
#infscr-loading img{
position: absolute;
left: -99999px;
top: -99999px;
}
.rounded-corners {
-moz-border-radius: {text:Rounded Corner Size}px;
-webkit-border-radius:{text:Rounded Corner Size}px;
-khtml-border-radius: {text:Rounded Corner Size}px;
behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc);
border-radius: {text:Rounded Corner Size}px;
}
{Block:IfShadow}.box-shadow{
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.2);
box-shadow: 0 1px 10px rgba(0,0,0,.2);
}{/Block:IfShadow}
a.menu:link, a.menu:visited, a.menu:active {
color: #ffffff;
font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:none; padding-right:10px; padding-left:10px;
}
a.menu:hover {
color: #ffffff;font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:underline;
{Block:IfWhiteFollowButton}iframe#tumblr_controls {position:fixed; z-index:100000000; top: 3px; margin: 0 0 0 0; right:3px; -webkit-filter: invert(100%);} {/Block:IfWhiteFollowButton}
</style>
</head>
<body>
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/black/skin.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':'https://soundcloud.com/indieradioperu/sets/future-independent-music'}" ></script>
<!-- SCM Music Player script end -->
{Block:IfnotBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><font style="{Block:IfTitleFontBebasNeue}font-family:BebasNeueRegular,impact;{/Block:IfTitleFontBebasNeue}{Block:IfTitleFontImpact}font-family:Impact;{/Block:IfTitleFontImpact}{Block:IfTitleFontLato}font-family: 'Lato', sans-serif;{/Block:IfTitleFontLato}{Block:IfTitleFontPlayfairDisplay}font-family: 'Playfair Display', serif;{/Block:IfTitleFontPlayfairDisplay}{Block:IfTitleFontOpenSans}font-family: 'Open Sans', sans-serif;{/Block:IfTitleFontOpenSans}{Block:IfTitleFontCreepster}font-family: 'Creepster', cursive;{/Block:IfTitleFontCreepster}{Block:IfTitleFontSanchez}font-family: 'Sanchez', serif;{/Block:IfTitleFontSanchez}{Block:IfTitleFontMontserrat}font-family: 'Montserrat', sans-serif;{/Block:IfTitleFontMontserrat} font-size: {text:Title Size}px;
{Block:IfUppercaseTitle}text-transform:uppercase;{/Block:IfUppercaseTitle}color:#FFFFFF;">{title}</font></a></center></div>{/Block:IfnotBannerImage}
{Block:IfBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><img src="{Image:Banner}" id="logo" /></a>}</center></div>{/Block:IfBannerImage}
<div style="position: absolute; z-index: 1999; top: 180px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"><center><font style="">{block:Description}{Description}{/block:Description}</font></center></div>
<div style="position: absolute; z-index: 1999; top: 210px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);">
<center><a href="/" class="menu">Home</a> <a href="http://www.totallylayouts.com/" class="menu" target="_blank">Theme</a>
{block:ifLink1Title}
<a href="{text:Link 1}" class="menu">{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}" class="menu">{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}" class="menu">{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}" class="menu">{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}" class="menu">{text:Link 5 Title}</a>
{/block:ifLink5Title}
{block:AskEnabled}
<a href="/ask" class="menu">{AskLabel}</a>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<a href="/submit" class="menu">Submit</a>
{/block:SubmissionsEnabled}
{Block:IfShowArchiveLink}
<a href="/archive" class="menu">Archive</a>
{/Block:IfShowArchiveLink}
{Block:IfShowRandomLink}
<a href="/random" class="menu">Random</a>
{/Block:IfShowRandomLink}
{block:HasPages}{block:Pages}
<a href="{URL}" title="{Label}" class="menu">{Label}</a>
{/block:Pages}{/block:HasPages}</center></div>
<div id="container">
<!-- / rightWrap -->
{block:IndexPage}
<div class="posts" id="allposts">
{/block:IndexPage}
{block:Posts}
{block:PermalinkPage}
<div class="postbox">
<div class="postcontent rounded-corners box-shadow">
{/block:PermalinkPage}
{block:IndexPage}
<div class="box rounded-corners box-shadow">
{/block:IndexPage}
{block:Photo}
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners" style="{Block:IfBlackAndWhitePhotos}-webkit-filter: grayscale(100%);{/Block:IfBlackAndWhitePhotos}" {block:IndexPage}width="200"{/block:IndexPage} {block:PermalinkPage}width="500"{/block:PermalinkPage} >
{block:IndexPage}</a>{/block:IndexPage}
{block:Caption}
{block:IndexPage}
<!--div class="innerbox rounded-corners box-shadow"-->
{/block:IndexPage}
{block:IndexPage}
<!--/div-->
{/block:IndexPage}
{/block:Caption}
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo}
{block:Audio}
<div class="innerbox rounded-corners box-shadow">
{AudioPlayerWhite}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Audio}
{block:Video}
{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:Caption}
<div class="innerbox rounded-corners box-shadow">
{Caption}
</div>
{/block:Caption}
{/block:Video}
{block:Text}
<div class="innerbox rounded-corners box-shadow">
{block:Title}
<h3>{Title}</h3>
{/block:Title}
{Body}
{block:More}
<a href="{Permalink}" class="readMore">{lang:Read more}</a>
{/block:More}
</div>
{/block:Text}
{block:Answer}
<div class="innerbox rounded-corners box-shadow">
<b>{lang:Asker asked}: </b>{Question}
<p><br><b>{lang:Answer}:</b>{Answer}</p>
</div>
{/block:Answer}
{block:Link}
<div class="innerbox rounded-corners box-shadow">
<a href="{URL}" class="title link" {Target}>{Name} →</a>
{block:Description}{Description}{/block:Description}
</div>
{/block:Link}
{block:Quote}
<div class="innerbox rounded-corners box-shadow">
{/block:IndexPage}
{block:Source}<h2>{Source}</h2>{/block:Source}
<blockquote class="classy"><span>{Quote}</span></blockquote>
</div>
{/block:Quote}
{block:Chat}
<div class="innerbox rounded-corners box-shadow">
{block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title}
<table class="chat" cellspacing="0">
{block:Lines}
<tr>
{block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td>
</tr>
{/block:Lines}
</table>
</div>
{/block:Chat}
{block:IndexPage}
<a href="{Permalink}" class="boxhoverlink rounded-corners">
<div class="boxhover rounded-corners box-shadow">
<div class="center-middle">
<a href="{Permalink}">
<div class="tmlabel">{NoteCount}</div>
</a>
</div><div class="buttons_th">{ReblogButton color="white"}{LikeButton color="white"}</div>
</div>
</a>
{/block:IndexPage}
</div>
{block:PermalinkPage}
<div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div>
{/block:PermalinkPage}
{block:PermalinkPage}
<div style="clear: both;"></div>
<div style="overflow: hidden" class="rounded-corners box-shadow">
{/block:Date}
{block:IfShowNotesOnPermalinkPages}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:IfShowNotesOnPermalinkPages}
{/block:PermalinkPage}
{block:PermalinkPage}
<div style="clear: both;"></div>
</div>
{/block:PermalinkPage}
{/block:Posts}
{block:IndexPage}
</div> <!-- .posts -->
{/block:IndexPage}
<div style="clear: both;"></div>
{block:IndexPage}
<div class="footer" style="display:none;">
<a href="#">Loading</a>
</div> <!-- #footer -->
<div class="navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage}
/
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} →{block:NextPage}</a>{/block:NextPage}
{/block:Pagination}
</div> <!-- .navigation -->
{/block:IndexPage}
</div> <!-- #container -->
<script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script>
<script src="http://www.totallylayouts.com/inc/js/theme_com.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1419534-14']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<div style="color: #000000; font-size: 7px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 600px; height: 18px; text-decoration:none; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;" align="center"><a
href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-headers/twitter-headers" target="_blank" title="Twitter Headers"><b>Twitter Headers</b></a> and <a href="http://www.yayfollowers.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div>
<!--- Paste Your Music Player or Follower Counter Code in the space below here --->
<!--- Paste Your Music Player or Follower Counter Code in the space above here --->
</body>
</html>