66 / you in me.

<!DOCTYPE html>

<!--

                    YOU IN ME © asgutd.
                    base code: sorrism.
                    fade in: yearsandyears.

-->

<head>

<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.min.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">

<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">

<title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{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 Variables-->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#999"/>
<meta name="color:Link" content="#999"/>
<meta name="color:Link Hover" content="#aaaaaa"/>
<meta name="color:Scrollbar" content="#eee" />
<meta name="color:Borders" content="#f5f5f5"/>

<meta name="select:Icon Radius" content="0" title="0%"/>
<meta name="select:Icon Radius" content="100" title="100%"/>
<meta name="select:Icon Radius" content="10" title="10%"/>
<meta name="select:Icon Radius" content="5" title="5%"/>

<meta name="if:Hide Captions" content="0"/>

<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:Home Title" content="index"/>
<meta name="text:Ask Title" content="message"/>

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

<link href='https://fonts.googleapis.com/css?family=Maven+Pro:400,600,500,700' rel='stylesheet' type='text/css'>

<!-- jquery -->

<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>
$(document).ready(function() {
    $(document).tooltip({
        track:true
    });
});
</script>

<script src="http://static.tumblr.com/c7cvhvu/mCZmb3z94/is.js">
    var $container = $('.content');
$container.infinitescroll({
    //[your options here],
    errorCallback: function(){
        $('.load-more').hide();
    }
});
$(window).unbind('.infscr');
$('.load-more').click(function(){
    $container.infinitescroll('retrieve');
    return false
});
</script>

<!--CSS customization here. -->

<style type="text/css">

@font-face {
    font-family: 'ostrich';
    src: url(http://static.tumblr.com/mdbfvxz/XSPoozpsj/ostrichsansinline-regular.otf);
}

@font-face {
    font-family: 'ostrich light';
    src: url(http://static.tumblr.com/mdbfvxz/j62oozs7d/ostrichsans-light.otf);
}

/*tooltip*/

.ui-tooltip {
    position:Absolute;
    z-index:9999;
    padding-top:10px;
}

.ui-tooltip-content {
    background:{color:background};
    padding:2px 4px;
    font-size:8px;
    text-transform:uppercase;
    border:1px solid {color:borders};
    line-height:10px;
    letter-spacing:1px;
}

/*tumblr controls and lightbox*/

#tumblr_lightbox {
    background-color:rgba(255, 255, 255, .9)!important;
    z-index:99999!important;
}

#tumblr_lightbox img {opacity:0;}

#tumblr_lightbox_caption {
    font-weight:normal!important;
    text-shadow:none!important;
}

#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
    -moz-box-shadow:none!important;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    -moz-border-radius:0px!important;
    -webkit-border-radius:0px!important;
    border-radius:0px!important;
    opacity:1!important;
}

#tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}

iframe#tumblr_controls {
    white-space:nowrap!important;
    -webkit-filter:invert(100%)!important;
    -moz-filter:invert(100%)!important;
    -ms-filter:invert(100%)!important;
    -o-filter:invert(100%)!important;
    filter:invert(100%)!important;
    top:10px!important;
    right:10px!important;
    position:fixed!important;
    opacity:.3!important;
}

/*scrollbar*/

::-webkit-scrollbar {
    background:{color:background};
    width:13px;
    height:auto;
}

::-webkit-scrollbar-corner {
    background:transparent;
}

::-webkit-scrollbar-increment {
    width:5px;
    height:5px;
    background-color:#fff;
}

::-webkit-scrollbar-thumb:vertical {
    width:1px;
    border:6px solid {color:background};
    background:{color:scrollbar};
}

::-webkit-scrollbar-thumb:horizontal {
    background:{color:scrollbar};
    height:4px !important;
}


/*main structure*/

body {
    background:{color:background};
    font-smooth:always;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:{color:text};
    font-family: maven pro, arial;
    font-size:10px;
    font-weight:normal;
    position:relative;
    text-align:left;
    margin:0;
    line-height:1.5em;
}

.tumblr_parent{border-bottom:0px solid {color:borders};}
.tumblr_blog { margin-bottom:10px; }

blockquote {
    border-left:1px solid {color:borders};
    margin:0px 0;
    padding-left:10px;
}

blockquote blockquote{
    border-left:0px;
    padding-left:0px;
}

blockquote img {
    height:auto;
}

pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

a {
    color:{color:link};
    text-decoration:none;
    border-bottom:1px solid {color:borders};
}

a:hover {
    text-decoration:none;
    color:{color:link hover};
    border-color:{color:link hover};
}

img {
    opacity:1;
    border:none;
    text-decoration:none;
}

p {margin:5px 0;}

p:first-of-type {
    margin-top:0;
    padding-top:0;
}

p:last-of-type {
    margin-bottom:0;
    padding-bottom:0;
}

b, strong {color:{color:title};}

small, big {font-size:1em;}

h1, h2, h3, h4 {
    font-size:1em;
    color:{color:title};
    margin:0;
    padding:0;
}

/*header*/

#sidebar {
    width:85px;
    position:fixed;
    margin-left:970px;
    margin-top:0px;
    background:#fff;
    padding:10px;
}

#sidebar img {
    width:50px;
    border-radius:{select:Icon Radius}%;
    pointer-events: none;
}

#bastilledan {
    width:145px;
    margin-top:15px;
    text-align:justify;
}

#blogtitle {
    margin-top:10px;
    font-size:20px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:{color:title};
    font-family: 'ostrich';
    border:0;
}

#description {width:65px; padding-bottom:8px; background:#fff; border-bottom:1px solid #f3f3f3; font-style:italic; font-weight:bold; font-family:arial;text-align:left;}

nav {display:inline-block; margin-top:10px; width:150px; font-family: 'maven pro';}

nav span { margin-right:2px; line-height:80%; }

nav a {
    display:inline-block;
    margin-right:5px;
    border:0;
    text-transform:uppercase;
    font-size:8px;
    letter-spacing:1px;
}


nav a:after {
    margin-left:5px;
}

nav a:hover { color:#555; }

nav a:last-of-type::after {display:none;}

nav a:hover::after {color:{color:link};}

.sfm .text {
    margin-top:10px;
    border:0px;
    outline:0px;
    padding:5px;
    font-size:inherit;
    font-style:italic;
    font-family: 'maven pro';
    color:inherit;
    border-bottom:1px solid #f3f3f3;
    width:45px;
    text-align:left;
}

.sfm span {
    font-size:8px;
}

    ::-webkit-input-placeholder {color:inherit;}
    :-moz-placeholder {color:inherit;opacity:1;}
    ::-moz-placeholder {color:inherit;opacity:1;}
    :-ms-input-placeholder {color:inherit;}

    input:focus::-webkit-input-placeholder {color:transparent;}
    input:focus:-moz-placeholder {color:transparent;}
    input:focus::-moz-placeholder {color:transparent;}
    input:focus:-ms-input-placeholder {color:transparent;}


/*pagination*/

#pagination {
    width:500px;
    color:{color:link};
    margin-bottom:50px;
    text-align:center;
}

.current_page {
    font-weight:bold;
    color:{color:link hover};
}

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

#infscr-loading {display:none!important;}

/*posts*/

#entries {
    width:500px;
    margin:100px auto 0 auto;
}

.posts {
    width:500px;
{block:indexpage}
    margin-bottom:100px;
{/block:indexpage}
    position:relative;
    display:block;
    font-family:'maven pro';
    line-height:170%;
    text-align:justify;
}

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

#tags { width:500px; }

#tags a { display:inline-block; }

ol, ul {
    padding:0;
    padding-left:5px;
    list-style-type:none;
}

ol li,
ul li {
    position:relative;
    padding-left:10px;
}

.posts ul li:before {
    content:'›';
    position:absolute;
    margin-top:-1.5px;
    left:0;
    font-size:10px;list-style:none;
}

.media img, .media iframe {
    width:500px;
    display:block;
}

.posts img, .posts li, .posts blockquote {max-width:100%;}

.caption {
    padding:10px;
        margin-top:10px;
        padding-bottom:0px;
{block:ifhidecaptions}
{block:indexpage}
    display:none;
{/block:indexpage}
{/block:ifhidecaptions}
text-align:justify;
}

.caption blockquote {margin:5px;}

.caption img, .caption iframe {max-width:100%;}

.caption a.tumblr_blog {
    border-bottom:0px;
    text-decoration:none;
    border-bottom:0px;
}

#title {
    font-size:14px;
    margin-bottom:15px;
    color:{color:title};
    font-weight:bold;
}

#title a {
    color:{color:title};
    display:inline-block;
    border:0;
}

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

/*quote*/

#titlequote {font-size:12px;line-height:120%; font-family:maven pro; padding:15px; background:#fcfcfc; border-radius:10px;}

#source {margin-top:10px;}

/* audio post */
.audio {
    width:490px;
    position:relative;
    clear:both;
    border:1px solid {color:borders};
    padding-left:10px;
    border-radius:10px;
}

.tumblr_audio_player {
    height:30px;
    width:32px;
    margin-top:13px;
    margin-right:20px;
    display:block;
    float:left;
    padding-left:0px;
    padding-top:3px;
    clear:both;
    background-color:#f2f2f2;
    border-radius:100%;
    overflow:visible;
}

.audio-player{
    background:black !important;
}

.audioinfo {
    position:relative;
    overflow:visible;
    height:60px;
    padding-right:10px;
    display: table-cell;
    vertical-align: middle;
    text-transform:lowercase;
    text-align:left;
    width:{select:post width}px;
}

/*asks*/

.q {
    font-size:11px;
    margin-bottom:15px;
    background:#fcfcfc;
    padding:20px;
    text-align:left;
    border-radius:10px;
}

.a {
    border-top:0px solid #fcfcfc;
    padding-top:10px;
}

.as {
    margin-right:5px;
    display:inline-block;
}

.as a {
    color:{color:text};
    border:0;
}

.as a:hover {color:{color:link hover};}

/*chat*/

.chat {
    margin:0;
    padding:0;
    list-style:none;
}

.l {
    border-bottom:0px solid {color:borders};
    padding:5px;
}

.odd {
    background:#fcfcfc;
}

.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 and notes*/

#when {
    text-align:left;
    text-transform:lowercase;
    margin-top:10px;
    padding:10px;
    padding-left:0px;
    padding-right:0px;
    top:10px;
    opacity:1;
    font-size:10px;
    -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
border-bottom:0px solid #f8f8f8;
}

#when a {
    margin:5px 0px 0px 10px;
    margin-left:0px;
    margin-right:0px;
    border-bottom:0px solid #f3f3f3;
    -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

.posts:hover #when {
    opacity:1;
    -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

#when span {
    margin-left:5px;
}

#permalink {margin-top:15px; text-transform:lowercase;}

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

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

#permalink span {display:block;}

.tags {
{block:indexpage}
{block:ifHideTags}
    display:none;
{/block:ifHideTags}
{/block:indexpage}
opacity:0;
margin-top:5px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

.tags a {
    font-size:8px;
    border-bottom:0px;
    letter-spacing:1px;
    text-transform:uppercase;
    -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

#when:hover .tags {
    opacity:0.7;
    border-bottom:0px;
    -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

.pagenotes {
    margin-top:15px;
    padding-top:15px;
    text-transform:uppercase;
    font-size:8px;
    letter-spacing:1px;
    border-top:1px solid {color:borders};
}

.pagenotes a {border:0;}


ol.notes {
    list-style-type:none;
    text-align:left;
    padding:0px;
    margin:0px;
}

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

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

a.more_notes_link {
    display:block;
    text-align:left;
    border:0;
    color:{color:title};
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
   opacity:0;
   -webkit-animation:fadeIn ease-in 1;
   -moz-animation:fadeIn ease-in 1;
   animation:fadeIn ease-in 1;
   -webkit-animation-fill-mode:forwards;
   -moz-animation-fill-mode:forwards;
   animation-fill-mode:forwards;
   -webkit-animation-duration:1s;
   -moz-animation-duration:1s;
   animation-duration:1s;}
.fade-in.one {
   -webkit-animation-delay:0s;
   -moz-animation-delay:0s;
   animation-delay:0s;}
.fade-in.two {
   -webkit-animation-delay:0.8s;
   -moz-animation-delay:0.8s;
   animation-delay:0.8s;}

  #cred {
    right:5px;
    bottom:15px;
    position:fixed;
    font-size:9px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

  #cred a{
    color:{color:text};
    padding:3px;
    padding-left:4px;
    padding-right:4px;
    text-decoration:none;
    border:1px solid #e3e3e3;
    border-radius:100%;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

#cred a:hover {
    background:#f3f3f3;
    border-radius:5px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

.like-b {
  position:relative;
  display:inline-block;
  height:1em;
  line-height:1em;
  overflow:hidden;
  margin-bottom:-1px;
}
.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:inherit;
}
.like-b .liked + .b:after {
   content:'d';
}

{CustomCSS}

</style>


</head>

<body>

    <div id="sidebar" class="fade-in one">
    {block:IfSidebarImage}<img src="{image:sidebar}">{/block:IfSidebarImage}
    <div id="bastilledan">
    {block:ifTitle}<div id="blogtitle" href="/">{title}</div>{/block:IfTitle}
    <div id="description">{description}</div>
    <nav>
    <a href="/" title="{text:Home Title}"><span class="lnr lnr-undo"></span></a>
    <a href="/ask" title="{text:Ask Title}"><span class="lnr lnr-bubble"></span></a>
    {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><span class="lnr lnr-user"></span></a>{/block:ifLink1}
    {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><span class="lnr lnr-tag"></span></a>{/block:ifLink2}</nav></div>
    <form action="/search" method="get" class="sfm">
    <span class="lnr lnr-magnifier"></span></nav>
    <input type="text" name="q" value="" class="text" placeholder="search">
    </form>

    </div>

<section id="entries" class="fade-in two">

    {block:Posts}
    <div 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}<div id="title">{Title}</div>{/block:Title}
{Body}
{/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">{photoset}</div>{/block:Photoset}

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

{block:Audio}
<div class="audio">
{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
<div class="audioinfo">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>⤷ {Artist}{/block:Artist}
</div></div>
{/block:Audio}

{block:Answer}
<div class="q"><b>{Asker}</b> / {Question}</div><div class="a">{Answer}</div>
{/block:Answer}

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

{block:indexpage}{block:Date}
<div id="when">
{block:HasTags}
<div id="tags">
{block:Tags}
#<a href="/tagged/{Tag}">{Tag}</a>
{/block:Tags}
</div>
{/Block:HasTags}
{block:NoteCount}<a href="{permalink}">{NoteCount} <i class="fa fa-heart-o" aria-hidden="true" style="font-size:8px;"></i> /</a>{/block:NoteCount} <a href="{Permalink}" class="time-ago">{TimeStamp}</a>.

<span style="float:right;">
<a href="{ReblogURL}" target="_blank">reblog</a> /<a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
</span>

</div>
</div>
{/block:Date}{/block:indexpage}

{block:permalinkpage}{block:Date}
<div id="permalink">
<span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}.</span>{block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>/{block:ContentSource} Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:ContentSource}</span>{/block:RebloggedFrom}{block:HasTags}<span>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
{/block:Date}{/block:permalinkpage}

</div>

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

{/block:Posts}

{block:Pagination}<footer id="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</footer>{/block:Pagination}

<div id="cred">
<a href="http://pelidcs.tumblr.com">
    <i class="fa fa-heart-o" aria-hidden="true"></i>
</a>
</div>

</section>

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

<script type="text/javascript" src="http://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
<script type="text/javascript">
// timeAgo(); plugin © bychloethemes.tumblr
    $(".time-ago").timeAgo({
    time: "short",
    spaces: false,
    words: false,
    prefix: "",
    suffix: " ago",
    });
</script>

</body></html>