New

<!--
                        theme by aesthesos
   ╔╔═╗╗
 ║║   ║║       Rules:
║║    ║║               -do not steal
 ║║   ║║               -do not remove credit
  ╚╚══╚╚═              -do not use as base code

-->


<!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">

<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}

<meta name="image:background" content=""/>
<meta name="image:footer" content=""/>

<meta name="text:Link 1 URL" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 4 URL" content="" />
<meta name="text:Link 4" content=""/>
<meta name="text:Link 5 URL" content="" />
<meta name="text:Link 5" content="" />

<meta name="if:hovercaptions" content="1"/>
<meta name="if:showcaptions" content="0" />
<meta name="if:grayscale" content="0" />
<meta name="if:grid" content="0" />

<meta name="select:Background Image" content="color" title="None">
<meta name="select:Background Image" content="cover" title="Cover">
<meta name="select:Background Image" content="repeat" title="Repeat">

<meta name="select:Postwidth" content="post-width-500" title="500px">
<meta name="select:Postwidth" content="post-width-400" title="400px">
<meta name="select:Postwidth" content="post-width-250" title="250px">

<!---------------DO NOT REMOVE THESE SCRIPTS--------------->

<link href='https://fonts.googleapis.com/css?family=Karla:400italic,400,700,700italic' rel='stylesheet' type='text/css'>

{block:ifgrid}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

<script>
$(function(){
var $container = $('#entry');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.post',
});
});
$container.infinitescroll({
itemSelector : ".post",
navSelector : "div.pagination",
nextSelector : ".pagination a#next",
loadingImg : "",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},
// trigger Masonry as a callback
function( newElements ) {
  var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
</script>
{/block:ifgrid}


<!---------------END SCRIPTS--------------->

<style type="text/css">

@ Font-face {font-family: "Didot" src: url ('https://dl.dropboxusercontent.com/s/brokf6rjtc6lwjn/ufonts.com_didot.ttf'); Formato ("TrueType");}

::-webkit-scrollbar {background-color:black; border:2px solid #fff;height:5px; width:5px;}
::-webkit-scrollbar-thumb:vertical {background-color:black; border:1px solid #fff; height:40px;}
::-webkit-scrollbar-thumb:horizontal {background-color:black;border:1px solid #fff; height:8px!important}

/************EDIT BODY HERE************/

body {
    font-size:11px;
    letter-spacing:1px;
    text-align:justify;
    line-height:110%;
    font-family:'karla';
    color:black;}

.color {background:black;}
.cover {background: url({image:Background});background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;}
.repeat {background: url({image:Background});background-repeat:repeat;background-attachment: fixed;}

/************EDIT TEXT SETTINGS HERE************/

a:link, a, a:active, a:visited {
    text-decoration:none;
    color:#666;}

h1 {
    font-size:16px;
    text-transform:none;
    font-style:italic;
    padding-left:10px;}

blockquote {padding-left:2px;}

/************EDIT POST POSITION/WIDTH HERE************/

/*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/

#entry {padding-bottom:50px;width:800px;float:right;padding-top:20px;}

/************EDIT OVERALL POSTS HERE************/

/*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/

.post {
    float:center;
    text-align:justify;
    margin:50px;
    position:relative;
    background:white;
    color:black;
    padding:15px;
    border:2px solid blue;border-bottom:2px solid red;}

.post-width-500 .post { width: 500px;}
.post-width-400 .post { width: 400px;}
.post-width-250 .post { width: 250px;}

.post-width-500 .element-width-400, .post-width-500 .element-width-250 {display:none;}
.post-width-400 .element-width-500, .post-width-400 .element-width-250 {display:none;}
.post-width-250 .element-width-500, .post-width-250 .element-width-400 {display:none;}

/************EDIT CAPTION/DATA POSTS HERE************/

.post:hover .caption, .post:hover .captionps {
    opacity:1;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4;}

.caption {
    text-align:justify;
    top:0;
    left:0;
    opacity:0;
    width:100%;
    height:100%;
    position:absolute;
    background:black;
    color:white;
    overflow-x:hidden;
    overflow-y:scroll;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4;}
.caption p{margin:5px 20px;}
.caption a{color:blue;}
.caption blockquote {padding:3px 3px;border-left:1px solid white;}

/************EDIT PERMALINK HERE************/

{block:indexpage}
.permalink {
    position:absolute;
    text-align:left;
    opacity:0;
    font-size:8px;
    margin-top:20px;
    font-weight:normal;
    transition: all 0.5s ease-in-out;}

 .permalink a {color:white;margin-right:10px;}
 .permalink a:hover {color:{color:title};}
 .post:hover .permalink {opacity:1;}
 {/block:indexpage}

/************EDIT QUOTE POSTS HERE************/

.quote {
    font-size:18px;
    font-style:italic;
    word-break:break-all;
    text-align:left;
    line-height:120%;
    text-indent: 50px;
    padding:10px;}
.quote::first-letter {font-size: 200%;color:blue;font-family: 'didot';}

#source {
    text-align:right;
    padding-top:10px;}

/************EDIT QUESTION POSTS HERE************/

#asker {
    text-align:left;
    margin-top:0px;
    line-height:120%;
    font-style:none;}

#asker a {
    letter-spacing:3px;color:#666;}

#question {
    padding:10px;
    border:double 4px black;}

/************EDIT AUDIO POSTS HERE************/

#player {position:relative;z-index:1;width:30px;height:30px;padding-top:30px;padding-left:20px;overflow:hidden;}
#audio {text-align:left;padding:10px;margin-top:-60px;margin-left:80px;
margin-bottom:5px;height:50px;border-left:1px solid #eee;}
.audio {text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #eee;padding:5px 0px;}

#blogtitle{font-size:140px;position:fixed;color:white;font-family:'didot';letter-spacing:-20px;bottom:70px;left:10px;text-shadow: -1px -1px darkblue, -2px -2px blue, 1px 1px #a9e42c, 2px 2px navy;}
#blogtitle a{color:white;cursor:crosshair;}

#links{font-family:'karla';font-size:10px;position:absolute;display:inline-block;text-align:right;bottom:10px;left:360px;text-transform:uppercase;position:fixed;}
#links a{color:white;margin: 0px 5px;cursor:crosshair;}

/* ------------------------- PAGINATION ------------------------- */

#pagination{bottom:15px;right:15px;padding:11px;font-size:11px;position:fixed;text-align:right;}
#pagination a{margin:10px;color:blue;}

</style></head>

<body>

<body class="{select:Background Image}">

<div id="blogtitle"><a href="/">{Title}</a></div>
<div id="links">
{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
{block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
</div>

<center>

<div id="entry" class="{select:Postwidth}">

{block:Posts}

<div class="post">

<div class="text">{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}
{/block:Text}</div>

{block:Photo}
{block:ifhovercaptions}{block:Caption}<span class="caption">{Caption}</span>
{/block:Caption}{/block:ifhovercaptions}
<img class="element-width-500" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
<img class="element-width-400" src="{PhotoURL-400}" alt="{PhotoAlt}"/>
<img class="element-width-250" src="{PhotoURL-250}" alt="{PhotoAlt}"/>
{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
{/block:Photo}

{block:Photoset}
{block:ifhovercaptions}{block:Caption}<span class="caption">{Caption}</span>
{/block:Caption}{/block:ifhovercaptions}
<div class="element-width-500">{Photoset-500}</div>
<div class="element-width-400">{Photoset-400}</div>
<div class="element-width-250">{Photoset-250}</div>
{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
{/block:Photoset}

{block:Quote}
<div class="quote">{Quote}</div>
{block:Source}
<div id="source">{Source}</div>
{/block:Source}
{/block:Quote}

{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}
<div style="padding-left:5px;padding-right:5px;">{Description}</div>
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
{block:Lines}
{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
{/block:Lines}
{/block:Chat}

{block:Audio}
<div id="player"><div class="audio_player" style="margin-top:-10px;">{AudioPlayerGrey}</div></div>
<div id="audio">
<div class="audio">
{block:TrackName}{TrackName}{/block:TrackName}
</div>
<div style="letter-spacing:1px;margin-top:5px;">
{block:Artist}{Artist}{/block:Artist}
</div></div>
{/block:Audio}

{block:Video}
<div class="element-width-500">{Video-500}</div>
<div class="element-width-400">{Video-400}</div>
<div class="element-width-250">{Video-250}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:Answer}
<div id="question"><div id="asker"><b>{Asker}</b> said: {Question}</div></div>
<div class="answer">{Answer}</div>
{/block:Answer}

{block:IndexPage}<div class="permalink"><a href="{Permalink}" a title="{TimeAgo}"style=" text-transform:uppercase;"><u>{ShortMonth} {DayOfMonth}</u></a> <a href="{ReblogURL}" a title="Reblog?"><span style=" text-transform:uppercase;">+{NoteCount}</span></a>{block:HasTags}{block:Tags}<a href="/tagged/{Tag}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>{/block:IndexPage}

{block:PermalinkPage}{block:Date}{DayOfWeek} {DayofMonth} of {Month}, {Year},{/block:Date}<font style="text-transform:lowercase;">{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}<br>{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a></font><br><div class="tags">{block:HasTags}{block:Tags}<span style="opacity:0.5;">#</span><a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}{/block:HasTags}{/block:Date}{/block:PermalinkPage}

</div>

<!---------------DO NOT DELETE THIS--------------->

{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}

{/block:Posts}

{block:indexpage}<div id="pagination">{block:pagination}{block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">Next</a>{block:NextPage}{/block:pagination}</div>{/block:indexpage}

{block:PermalinkPage}
{block:PostNotes}
<div id="notes">{PostNotes}</div>
{/block:PostNotes}
{/block:permalinkpage}

</div>



</center>
</body>
</html>