<!--
  › trainwreck / 01 ‹
                        - tinasthemes -


-->

<title>{title} {block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
{block:Description}
<meta name="description" content="{MetaDescription}"/>
{/block:Description}
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}"/>
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>

<meta name="text:font family" content="">
<meta name="text:font size" content="11">

<meta name="text:Quote" content="While I live and until I die,
I am an Avenger." />

<meta name="image:Sidebar Image" content=""/>

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#4f4f4f"/>
<meta name="color:Link" content="#707070"/>
<meta name="color:Blockquote" content="#a2a19f"/>
<meta name="color:Border" content="#f0f0f0"/>
<meta name="color:Link Hover" content="#303030"/>


<meta name="if:Quote" content="1"/>
<meta name="if:Both Dimensions" content="1"/>

<meta name="text:link1" content="/" />
<meta name="text:link1 Title" content="link" />
<meta name="text:link2" content="/" />
<meta name="text:link2 Title" content="link" />
<meta name="text:link3" content="/" />
<meta name="text:link3 Title" content="link" />

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700" rel="stylesheet">


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:20,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>

<style type="text/css">

/* tooltip */
#s-m-t-tooltip{
    max-width:300px;
    margin:20px 10px 10px 10px;
    padding:3px 10px;
    background:{color:background};
    color:{color:text};
    z-index:999999;
    font-size:11px;
    font-style:none;
    box-shadow:1px 1px 3px rgba(0,0,0,.1);
}

body {
    background: {color:Background};
    color: {color:Text};
    font-family:'times', serif;
    font-family:{text:font family}, 'times', serif;
    font-size:11px;
    font-size:{text:font size}px;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    line-height:1.6em;

}

/* links */

a {
    color: {color:Link};
    text-decoration:none;
    -moz-transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
    -o-transition-duration:0.4s;

}

a:hover {
    color:{color:Link Hover};
    -moz-transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
    -o-transition-duration:0.4s;
}
img a:hover{background-image:none!important;background-color:white!important;}
.photo_slideshow a:hover{background-image:none!important;background-color:transparent!important;}
.pxu_photo a:hover{background-image:none!important;background-color:transparent!important;}
.photo-data a:hover{background-image:none!important;background-color:transparent!important;}

/* typography */
ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

li {
  padding-left: 1em;
  text-indent: -1em;
}

li:before {
  content: "› ";
  display:inline;
  padding-right: 5px;
}

h1, h2 {
    font-size: 15px;
    font-weight: bold;
}

h3, h4, h5, h6 {
    font-size: 18px;
    font-style: italic;
}

blockquote {
    padding-left:10px;
    margin:0px;
    border-left:solid 1px rgba(0,0,0,0.12);
}

b, strong {
    color: black;
    font-weight:bold;
}

b a{color:{color:text};}

i, em, oblique {
    color: black;
}

big, small, sub{
    font-size:11px;
}

/*main*/
#container {
    position: relative;
    width: 750px;
    margin: 30px auto;
}

/* sidebar */
aside {
overflow: hidden;
width:180px;
float:left;
margin:150px 0 0 -75px;
position:fixed;
}
aside img {
width:90px;
height:90px;
border-radius:100%;
overflow:hidden;
margin-bottom:10px;
background:#fafafa;
text-align:left;
padding:4px;
border:1px solid #f5f5f5;

}

aside b{color:{color:text};}
aside blockquote{margin-top:5px;}

nav {
font-size:8px;
line-height:28px;
margin:10px 0 0 0;
padding: 0px 0px 8px 0px;
text-transform:uppercase;
}

nav a {
display:block;
color:#252525;
padding:0px 0px 0px 10px;
border-bottom: 1px solid rgba(0,0,0,0.06);
letter-spacing: 2px;
}

nav a:hover {
color:#424242;
padding: 0px 0px 0px 10px;
}
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}


.cl-effect-1 a::after {
	margin-left: 10px;
	content: '›';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
.pagination {
font-size:8px;
line-height:28px;
margin:10px 0 0 0;
padding: 0px 0px 8px 0px;
text-transform:uppercase;
display:inline-block;
color:#252525;
padding:0px 0px 0px 10px;
border-bottom: 1px solid rgba(0,0,0,0.06);
letter-spacing: 2px;}

.pagination a {

}
/* post */
#entries {
    width:540px;
    margin:75px 50px 50px 0px;
    float:right;
}

.posts {
    width:540px;
    margin-bottom:100px;
}

.posts img {max-width:540px;}

/* caption */
.caption {
    width:518px;
    border:0;
}
.cap blockquote {
max-width:395px;margin:10px 0px 5px 0px;font-weight:normal;border-left:solid 1px rgba(0,0,0,0.12);font-size:11px;line-height:1.3;padding-left:10px;padding-right:5px}

.cap a.tumblr_blog {
    display:block;
    text-overflow:ellipsis;
    vertical-align:middle;
    line-height:28px;
    font-weight:600;
    font-size:11px;
    color:#707070!important;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;

}
.cap a.tumblr_blog:hover{
    color:#303030!important;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
.cap .icon{
    width:20px;
    height:20px;
    margin-right:10px;
    display:inline-block;
    float:left;
    border-radius:20px;
background:#fafafa;
text-align:left;
padding:3px;
border:1px solid #f5f5f5;

}
.cap {
    font-size:11px;
    margin:10px 0 0 0;
    padding:0px 0 0 0;
    border:0;
}
.cap p{ margin:5px 0 0 0;line-height:1.6em;font-weight:normal;}
.cap b{ color:#000;font-style:italic;font-weight:700;}

/* asks */

#ask {
width:500px;
word-spacing:2px;
line-height:13px;
padding:15px;
background:#f8f8f8;
}

.askimg {
width: 48px;
float: left;
display:inline;
border-radius:100%;
margin-left:0px;
}

.askimg img{border-radius:100%;}
.question {
width:440px;
float: right;
margin-right:5px;
min-height: 43px;
text-align: left;
line-height:13px;
}

.asker {
display:block;
text-transform:lowercase;
font-weight:bold;
}

.answer .cap {
margin:0;
padding-bottom:4px;
}
.answer .cap p{
    line-height:12px;
    font-weight:normal;
    border-left:solid 0px rgba(0,0,0,0.12);
}
.answer .icon {display:none;}
.answer a.tumblr_blog {font-weight:normal;margin:0;}
.answer a.tumblr_blog::after{
    content:" answered:";
}
.clear {
clear: both;
}
#titlequote {font-size:14px;}
#source { font-size:11px;margin:10px 0 0 0;}
#source a.tumblr_blog{display:inline;}
.chat {
    margin:0;
    padding:0;
    list-style:none;
}

.l {
    padding-bottom:15px;
    margin-top:15px;
    border-bottom:1.5px dotted {color:border};
}

.label {
    font-weight:bold;
    color:{color:title};
    display:inline-block;
}

.l:first-of-type {margin-top:0;}

.l:last-of-type {
    padding-bottom:0;
    border:0;
}

/* permalink */
#permalink {margin-top:15px;}

#permalink a {
    display:inline-block;
    border:0;
    margin-right:5px;
}

#permalink a:hover {color:{color:link hover};}

#permalink span {display:block;}


#info {
    border-top:0px solid #f1f1f1;
    padding:5px 0;
    text-align:left;
    margin-left:0px;
    margin-top:7px;
    font-size:11px;
    {block:ifnotags}margin-top:15px;{/block:ifnotags}
}

#info b{
    color:{color:text};
}
#info a:hover {
    text-decoration:none;}


#tags {
    padding:3px 0;
    margin-top:0px;
    margin-left:0px;
    text-align:left;
    font-size:11px;}


#tags a {
    margin-right:4px;
    color:#707070;
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;}
#tags a:hover {
color:#303030;
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;
background:none;}
#tags a::after{
    content:",";
}
#tags a:last-of-type::after{
   display:none;
}
.pagenotes #title{
    font-weight:bold;
    text-transform:uppercase;
    margin:0 0 0 10px;
}
.pagenotes {
    width:540px;
    margin-top:-25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-transform:lowercase;
}

.pagenotes a {color:{color:link};}

ol.notes li.note::before {
    content:'› ';
    margin-right:2px;
    display:inline;
}
ol.notes {
    list-style-type:none;
    text-align:left;
    padding:0px;
    margin:0px 0px 0px 20px;
}

ol.notes li.note {
    display:block;
    padding:0;
    margin:5px 0;
}

ol.notes li.note img.avatar {display:none!important;}

#tumblr_controls,
.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
    position:fixed!important;
    top:0!important;
    right:0!important;
    -webkit-filter:invert(100%);
    -webkit-backface-visibility:hidden;
    padding:10px 10px 10px 10px;
    -webkit-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out;
}

#vignette, .vignette {opacity:0;}
#tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:2px!important;}
aside a:hover{background-color:white;}

.like-b {
  position:relative;
  display:inline-block;
  height:1.6em;
  line-height:1.6em;
  margin: 0px 0 -5px 0;
  overflow:hidden;
}
.like-b .like_button iframe {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
   z-index:2;
   opacity:0;
}
.like-b .liked + .b {
  color:#D95E40;
}
.like-b .liked + .b:after {
   content:'d';
}

#credit a{
    font-family:arial;
    opacity:0.75;
    font-size:10px;
    color:black;
    z-index:1;
    font-weight:bold;
    position:fixed;
    bottom:15px;
    right:15px;
}

{block:ifBothDimensions}
.photo-slideshow {
    width:auto!important;
}
{/block:ifBothDimensions}
</style>

</head>



<body>



<div id="credit"><a href="http://tinasthemes.tumblr.com/" title="tina's theme">△</a> </div>

<div id="container">

<aside>

<a href="/"><img class="sidebar" src="{image:Sidebar Image}"></a>

<div class="description">
{description}
{block:ifQuote}
<blockquote>
{text:quote}
</blockquote>
{/block:ifQuote}
</div>

<nav class="cl-effect-1">
<a href="/" title="index">index</a>
<a href="{text:link1}" title="{text:link1 title}">{text:link1 title}</a>
<a href="{text:link2}" title="{text:link2 title}">{text:link2 title}</a>{/block:iflink2}
{block:iflink3}
<a href="{text:link3}" title="{text:link3 title}">{text:link3 title}</a>{/block:iflink3}
</nav>

{block:Pagination}
<div class="pagination">
{block:PreviousPage}
<a href="{PreviousPage}">back</a> / {/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">forth</a>{/block:NextPage}
</div>
{/block:Pagination}
</aside>

<section id="entries">

    {block:Posts}
    <article class="posts" id="{PostID}">

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

{/block:Quote}

{block:Text}
{block:Title}
<span style="font-size:14px;color:black;">{Title}</span>{/block:Title}
<div class="caption">
{Body}</div>

{/block:Text}

{block:Link}
<div id="title"><a href="{URL}">{Name}</a></div>
{block:Description}{Description}{/block:Description}

{/block:Link}

{block:Chat}
{block:Title}<div id="title">{Title}</div>{/block:Title}
<ol class="chat">
{block:Lines}
<li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
{/block:Lines}
</ol>
{/block:Chat}

{block:Photo}
<div class="media"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
{/block:Photo}

{block:Photoset}<div class="media"><div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div></center></div></div>

{/block:Photoset}


{block:Video}<div class="media">{Video-500}</div>
{/block:Video}

{block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayergrey}</div></div>{/block:AudioPlayer}<div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>

{/block:Audio}

{block:Answer}
<div id="ask">
<div class="question">
<span class="asker">{Asker}</span>
{Question}</div>
<div class="askimg"><img src="{AskerPortraitURL-40}" /></div>
<div class="clear"></div></div><br>
<div class="answer"><div class="caption">{Answer}</div></div>
{/block:Answer}

{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

<div style="border-bottom:solid 1px rgba(0,0,0,0.06);margin-top:15px"></div>

{block:indexpage}{block:Date}
<div id="info">
<a href="{Permalink}" target="_blank" title="{timeago}" ><b>{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix}</b></a>{block:NoteCount} / <a href="{permalink}">{NoteCountwithlabel}</a>{/block:NoteCount} / <a class="reblog-b" target="_blank" href="{ReblogURL}">reblog</a> / <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>

{block:HasTags}<div id="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
{/block:Date}{/block:indexpage}

{block:permalinkpage}{block:Date}
<div id="info">
Posted on <a href="{Permalink}" target="_blank" title="{timeago}" ><b>{month} {dayofmonth}{DayOfMonthSuffix}, {year}</b></b></a>{block:NoteCount} with <a href="{permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}
{block:RebloggedFrom}<br><span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}
{block:HasTags}<div id="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
{/block:Date}{/block:permalinkpage}
</article>

{block:PostNotes}
<div class="pagenotes">
<div id="title">{notecountwithlabel}</div>
{PostNotes}</div>
{/block:PostNotes}

{/block:Posts}



</section>
</div>
{/block:Posts}
</div>


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


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
</script><script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script><link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
<script>
$('article').unnest({
    yourCaption: ".caption",
    wrapName: ".cap",
    newCaptionUsername: true,
    originalPostCaptionUsername: false,
    tumblrAvatars: true,
    tumblrAvatarClass: ".icon",
    usernameColon: false
});
// PXU Photoset Script by Pixel Union
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox:true,
rounded:false,
gutter:'0px',
borderRadius:'0px',
photoset:'.photo-slideshow',
photoWrap:'.photo-data',
photo:'.pxu-photo'
});
});
</script>
</body>