/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
		html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,i,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
		*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
		.clearfix:before, .clearfix:after { content: ''; display: table; }
		.clearfix:after { clear: both; }
		
		body{
			width: 100%;
			line-height: 1.4;
			overflow-x: hidden !important;
			font-family: monospace;
			
			
			
			
			background: #fff url(https://64.media.tumblr.com/2341841441ff64a2d2774f7796712ea4/983a6e922ec52946-97/s2048x3072/5da4df2079b918e7e05572870bcb68ba2ab836a7.png) repeat fixed;
			
			
		}
		ul#grid{
			width: 502px;
			list-style-type: none;
			margin: 50px auto;
			min-height: 800px;
			padding-left: 0px;
		}
		#grid li.post{
			width: 502px;
			display: inline-block;
			position: relative;
			overflow: hidden;
			margin: 7px 0px;
			background: #fff;
			border: 1px solid rgba(0,0,0,0.05);
		}
		img.post-img{
			width: 100%;
		}
		img:not(.avatar){
			display: block;
			outline: none;
			max-width: 100%;
		}
		iframe, img, embed, object, video {
			max-width: 100% !important;
		}
		.info{
			width: 100%;
			height: 40px;
			background-color: #fff;
			position: relative;
			transition: all 0.4s ease;
		}
		.sidebar{
			position: absolute;
			top: 80px;
			left: 20px;
			display: none;
			width: 300px;
			padding: 60px 15px 10px 15px;
			background: rgba(255,255,255,0.95);
			border-bottom-right-radius: 1em;
		}
		
		.bottom{
			position: absolute;
			bottom: -20px;
			left: 0;
			visibility: hidden;
			width: 100%;
			height: 1px;
		}
		.scroller{
			position: fixed !important;
		}
		.sidebar img.circle ,
		.sidebar img.square{
			width: 100px;
			height: 100px;
			position: absolute;
			left: 95px;
			top: -50px;
			border-radius: 50%;
			box-shadow: 0 0 0 2px #222222 ;
		}
		.sidebar img.square{
			border-radius: 0px;
		}
		.sidebar:hover img.square ,
		.sidebar:hover img.circle{
			animation:bounceOut .4s linear;
      -moz-animation:bounceOut .4s linear;
      -webkit-animation:bounceOut .4s linear;
    }
		@-moz-keyframes bounceOut {
	        0%{ box-shadow: 0 0 0 1px #222222; opacity:1;}
	        25%{ box-shadow: 0 0 0 1px #222222; opacity:1;}
	        50%{ box-shadow: 0 0 0 3px #222222; opacity:1; }
	        75%{ box-shadow: 0 0 0 3px #222222; opacity:1;}
	        100%{ box-shadow: 0 0 0 2px #222222; opacity:1;}
		}
		@-webkit-keyframes bounceOut {
		    0%{ box-shadow: 0 0 0 1px #222222; opacity:1;}
		    25%{ box-shadow: 0 0 0 1px #222222; opacity:1;}
		    50%{ box-shadow: 0 0 0 3px #222222; opacity:1; }
		    75%{ box-shadow: 0 0 0 3px #222222; opacity:1;}
		    100%{ box-shadow: 0 0 0 2px #222222; opacity:1;}
		}
		@keyframes bounceOut {
		    0%{ box-shadow: 0 0 0 1px #222222; opacity:1;}
		    25%{ box-shadow: 0 0 0 1px #222222; opacity:1;}
		    50%{ box-shadow: 0 0 0 3px #222222; opacity:1; }
		    75%{ box-shadow: 0 0 0 3px #222222; opacity:1;}
		    100%{ box-shadow: 0 0 0 2px #222222; opacity:1;}
		}
		.sidebar h1{
			width: 100%;
			font-size: 40px;
			font-family: 'Poiret One', cursive;
			text-align: center;
			margin-bottom: 5px;
			line-height: 1.1;
			letter-spacing: 0.6;
			white-space: pre-wrap; 
			white-space: -moz-pre-wrap; 
			white-space: -pre-wrap; 
			white-space: -o-pre-wrap; 
			word-wrap: break-word;
			color: #A77DC2;
		}
		.sidebar h2{
			width: 100%;
			text-align: center;
			white-space: pre-wrap; 
			white-space: -moz-pre-wrap; 
			white-space: -pre-wrap; 
			white-space: -o-pre-wrap; 
			word-wrap: break-word;
			color: #666;
		}
		p:first-of-type {
		margin-top: 0;
		}
		p {
		margin-top: 18px;
		}
		.caption , .texttitle{
			width: 100%;
			background: #fff;
			font-size: 14px;
			color: #666 ;
			padding: 15px 10px 10px;
			font-family: monospace !important;
			position: relative;
		}
		.texttitle a{
			text-align: center;
			text-transform: lowercase;
			color: #A77DC2 !important;
		}
		.link-arrow p , .caption p{
			text-align: left;
			color: #666 !important;
			padding-left: 6px;
			font-family: monospace !important;
			border-left: 2px solid rgba(0,0,0,0.3);
			white-space: pre-wrap; 
			white-space: -moz-pre-wrap; 
			white-space: -pre-wrap; 
			white-space: -o-pre-wrap; 
			word-wrap: break-word;
		}
		.caption ul{
			padding-left: 45px;
		}
		.caption img{
			max-width: 95%;
			margin: 5px auto;
		}
		.caption li img{
			max-width: 95%;
			margin: 5px auto;
		}
		.caption ul li{
			list-style-type: lower-roman;
		}
		blockquote{
			padding: 10px;
			color: #666 !important;
		}
		.link-arrow a{
			margin: 0 5px 0 8.5px;
		}
		section {
			position: relative;
			z-index: 1;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		section a {
			position: relative;
			display: inline-block;
			outline: none;
			color: #404d5b;
			vertical-align: bottom;
			text-decoration: none;
		}
		section a::before,
		section a::after {
			pointer-events: none;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-font-smoothing: antialiased;
			font-smoothing: antialiased;
		}
		.link-arrow a {
			padding: 0 0.25em;
			color: #666;
			-webkit-transition: -webkit-transform 0.3s;
			transition: transform 0.3s;
			-webkit-transform: translateX(0);
			transform: translateX(0);
			white-space: pre-wrap; 
			white-space: -moz-pre-wrap; 
			white-space: -pre-wrap; 
			white-space: -o-pre-wrap; 
			word-wrap: break-word;
		}
		.link-arrow a:hover,
		.link-arrow a::after {
			-webkit-transform: translateX(-1em);
			transform: translateX(-1em);
		}
		.link-arrow a::before,
		.link-arrow a::after {
			position: absolute;
			height: 100%;
			content: '';
		}
		.link-arrow a::before {
			left: 0;
			z-index: -1;
			width: 100%;
			background: #dcecf5;
		}
		a{
			color: #dcecf5;
			text-decoration: none;
		}
		.link-arrow a::after {
			left: 100%;
			z-index: -2;
			width: 1em;
			color:#000;
			top:0;
			opacity: 0.8;
			background: #000 url(https://static.tumblr.com/zdvilra/y5Onhissf/arrow_right.svg) no-repeat 50% 50%;
			background-size: 60% auto;
			text-align: center;
			font-family: Arial, sans-serif;
			-webkit-transition: -webkit-transform 0.3s;
			transition: transform 0.3s;
			pointer-events: auto;
		}
		.link-arrow a:hover::after,
		.link-arrow a:focus::after {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		.tags-border , .title-border{
			position: absolute;
			width: 70px;
			height: 1px;
			left: 216px;
			top: 5px;
			border-top: 1px dotted #666;
		}
		.action-border{
			position: absolute;
			width: 50px;
			height: 1px;
			left: 226px;
			top: 0px;
			border-top: 1px dotted #666;
		}
		.link-svgmarker{
			padding: 10px;
			background: #fff;
			overflow: hidden;
		}
		.link-svgmarker a{
			font-weight: 500;
			margin-right:8px;
			line-height: 1;
			color: #666;
		}
		.link-svgmarker a svg.link-svgline {
			position: absolute;
			top: 110%;
			left: 0;
			z-index: -1;
			overflow: hidden;
			margin: 0;
			width: 100%;
			height: 26px;
			opacity: 0.6; 
			-webkit-transition: stroke-dashoffset 0.5s ease-in-out; 
			transition: stroke-dashoffset 0.5s ease-in-out;
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
			fill: none;
			stroke: #FFC900;
			stroke-width: 36;
			stroke-dasharray: 400px; 
			stroke-dashoffset: 400px;
		}
		.link-svgmarker a:hover svg.link-svgline {
			stroke-dashoffset: 0px; 
		}
		.svg-wrap{
			visibility: hidden;
			display: none;
		}
		.menu{
			margin: 0 auto;
			width: 90%;
			text-align: center;
		}
		.menu li{
			margin: 10px 0px;
		}
		.menu li span{
			padding-left: 7px;
		}
		ul.menu-arrow {
			position: relative;
			z-index: 1;
			padding: 10px 0px;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		ul.menu-arrow a {
			position: relative;
			display: inline-block;
			outline: none;
			color: #404d5b;
			vertical-align: bottom;
			text-decoration: none;
		}
		ul.menu-arrow li a::before,
		ul.menu-arrow li a::after {
			pointer-events: none;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-font-smoothing: antialiased;
			font-smoothing: antialiased;
		}
		.menu-arrow li a {
			color: #4b4b4b;
		}
		.menu-arrow a svg.link-svgline {
			position: absolute;
			top: 115%;
			left: 0;
			overflow: hidden;
			margin: 0;
			width: 100%;
			height: 15px; 
			-webkit-transition: stroke-dashoffset 0.3s ease-in-out; 
			transition: stroke-dashoffset 0.3s ease-in-out;
			-webkit-transform: translateY(-90%);
			transform: translateY(-90%);
			fill: none;
			stroke: #f2992e;
			opacity: 0.8;
			stroke-width: 3;
			stroke-dasharray: 400px; 
			stroke-dashoffset: 400px;
		}
		.menu-arrow a:hover svg.link-svgline {
			stroke-dashoffset: 0px; 
		}
		.p-footer{
			width: 100%;
			height: 40px;
			position: relative;
			padding-left: 5px;
		}
		.post-like, .post-reblog , .post-share{
		    float: left;
		    position: relative;
		    margin-top: 13px;
		    margin-left: 7px;
		}
		.permalink{
			float: left;
		    position: relative;
		    margin-top: 12px;
		    margin-left: 9px;
		}
		.date{
			float: right;
			position: relative;
		}
		.date a{
			color: #666;
		}
		.post-like > i , .post-reblog > a , .permalink-icon{
		    display: block;
		    font-size: 20px;
		    font-family: 'leen-theme';
		    cursor: pointer;
		    -webkit-transition: all 0.5s ease;
		    transition: all 0.5s ease;
		}
		.link-icon{
			font-family: 'leen-theme';
			font-size: 25px;
			color: #666;
		}
		.post-like:hover > i {
		    color: #DC2A47;
		} 
		.post-reblog > a:hover{
			-ms-transform: rotateZ(-360deg); 
		    -webkit-transform: rotateZ(-360deg); 
		    transform: rotateZ(-360deg);
		    color: #DC2A47;
		}
		.fa-bars{
			-webkit-transition: all 0.5s ease;
		    transition: all 0.5s ease;
		    display: block;
		    font-size: 16px;
		    cursor: pointer;
		    color: #666;
		}
		.post-like > i , .post-reblog > a {
		    position: relative;
		    color: #666;
		    z-index: 1;
		}
		.like_button {
		    position: absolute;
		    top: 0.5px;
		    left: 1px;
		    opacity: 0;
		    z-index: 999999;
		    cursor: pointer;    
		}
		.like_button.liked {
		    opacity: 1;
		}
		.icon-heart:before {
		    content: "\e603";
		}
		.icon-reblog:before {
		    content: "\e61d";
		    padding: 0;
		    margin: 0;
		}
		.linkwrap{
			width: 100%;
			position: relative;
		}
		.link-host{
			width: 100%;
			min-height: 50px;
			line-height: 1.4;
			padding: 10px 90px;
			text-align: center;
		}
		.link-host a , .post-asker p{
			font-size: 13px;
			white-space: pre-wrap;
			white-space: -moz-pre-wrap; 
			white-space: -pre-wrap; 
			white-space: -o-pre-wrap; 
			word-wrap: break-word;
			text-transform: lowercase;
			color: #A77DC2 !important;
		}
		.post-asker{
			width: 100%;
			min-height: 50px;
			line-height: 50px;
			padding: 0px 90px;
			text-align: center;
		}
		.link-img , .no-thumbnail{
			position: absolute;
			right: 2px;
			top: 2px;
			z-index: 1;
		}
		.no-thumbnail{
			z-index: 0;
		}
		.link-img img , .no-thumbnail img{
			border:1px solid #000;
			width: 48px;
			height: 48px;
		}
		.link-icon:before {
			content: "\e601";
		}
		.permalink-icon:before{
			content: "\e601";
		}
		.permalink-icon{
			font-size: 18px;
			color: #666;
		}
		.permalink-icon:hover{
			color: #DC2A47;
		}
		.chatwrap div{
			text-align: left;
			padding: 3px 10px;
			font-size: 13px;
			color: #777;
		}
		.odd{
			background: none repeat scroll 0% 0% #F1F1F0;
		}
		.odd , .even{
			width: 90%;
			margin: 0 auto;
		}
		.chatwrap div:first-child{
			margin-top: 10px;
		}
		.chatwrap div:last-child{
			border: none;
			margin-bottom: 20px;
		}
		.odd .label{
			color: #A77DC2 !important;
		}
		.even .label{
			color: #A9BCF5 !important;
		}
		.chatwrap .line{
			line-height: 1.5;
		}
		#infscr-loading {
			width: 500px;
			padding: 20px;
			font-size: 13px;
			color: #fff;
			background: #A77DC2;
			text-align: center;
			margin: 0 auto;
		}
		#infscr-loading img{
			display: none;
		}
		#infscr-loading em{
			margin: 0 auto;
			width: 100%;
			padding: 10px 10px 10px 35px;
		}
		.post-notes{
			text-align: left;
			background: #fff;
			position: relative;
			width: 502px;
		}
		.notes{
			padding: 15px;
		}
		.notes li img{
			height: 20px;
			width: 20px;
			border: 1px solid rgba(0, 0, 0, 0.8);
		}
		.notes li{
			height: auto;
			position: relative;
			margin:3px;
			display: inline-block;
		}
		.notes li span{
			display: none;
		}
		.more_notes_link , .notes_loading{
			font-size: 12px;
			padding: 15px;
			color: #666;
		}
		ol blockquote{
			display: none;
		}
		#disqus_thread{
			padding: 15px;
		}
		.post-share span{
			position: absolute;
			font-size: 17px;
			top: 0.5px;
			left: 3px;
			cursor: pointer;
			height: 20px;
			width: 20px;
			color: #666;
		}
		.post-share:hover span{
			color: #DC2A47;
		}
		.checkbox:checked ~ .social {
		  opacity:1;
		  -webkit-transform: scale(1) translateY(-50px);
		  -moz-transform:scale(1) translateY(-50px);
		  -o-transform:scale(1) translateY(-50px);
		  transform:scale(1) translateY(-50px);
		  -webkit-transition:0.3s ease;
		  -moz-transition:0.3s ease;
		  -o-transition:0.3s ease;
		  transition:0.3s ease;
		}
		input.checkbox{
			position: absolute;
			top: 0;
			left: 0;
			cursor: pointer;
			height: 20px;
			width: 20px;
			opacity: 0;
			color: #666;
		}
		.social {
			transform-origin:50% 0%;
			-webkit-transform: scale(0) translateY(10px);
			-moz-transform:scale(0) translateY(10px);
			-o-transform:scale(0) translateY(10px);
			transform:scale(0) translateY(10px);
			opacity:0;
			transition: all 0.3s ease;
			position: absolute;
			left: -50px;
			z-index: 999;
		}
		.social ul {
		   position:relative;
		   left:0;
		   right:0;
		   margin:auto;
		   color:#fff;
		   height:38px;
		   width:120px;
		   padding:0;
		   background: #fff;
		   list-style:none;
		}
		.social ul a{
			color: #fff;
		}
		.social ul li {
		   font-size:15px;
		   cursor:pointer;
		   width:40px;
		   margin:0;
		   padding:12px 0;
		   text-align:center;
		   float:left;
		   display:block;
		   height:38px;
		}
		.social ul a:nth-child(1) li{
			background: #3c5b9b;
		}
		.social ul a:nth-child(2) li{
			background: #2daae1;
		}
		.social ul a:nth-child(3) li{
			background: #f63e28;
		}
		.social ul:after {
			content:'';
			display:block;
			position:absolute;
			left:0;
			right:0;
			margin:35px auto;
			height:0;
			width:0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid #2daae1;
		}
		nav a {
			position: absolute;
			top: 50%;
			display: block;
			outline: none;
			text-align: left;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		nav a.prev {
			left: 0;
		}
		nav a.next {
			right: 0;
		}
		a.next , a.prev{
			width: 80px !important;
			height: 80px !important;
		}
		div.icon-wrap {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
		}
		a.next::before,
		a.next::after,
		a.prev::before,
		a.prev::after,
		div.icon-wrap::before,
		div.icon-wrap::after {
			position: absolute;
			left: 50%;
			width: 3px;
			height: 50%;
			background: #333;
			content: '';
			-webkit-transition: -webkit-transform 0.3s;
			transition: transform 0.3s;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		div.icon-wrap::before,
		div.icon-wrap::after {
			z-index: 100;
			height: 0;
			background: #fff;
			-webkit-transition: height 0.3s, -webkit-transform 0.3s;
			transition: height 0.3s, transform 0.3s;
		}
		a.prev::before,
		a.next::before,
		div.icon-wrap::before {
			top: 50%;
			-webkit-transform: translateX(-50%) rotate(-135deg);
			transform: translateX(-50%) rotate(-135deg);
			-webkit-transform-origin: 50% 0%;
			transform-origin: 50% 0%;
		}
		a.next::before,
		a.next div.icon-wrap::before {
			-webkit-transform: translateX(-50%) rotate(135deg);
			transform: translateX(-50%) rotate(135deg);
			-webkit-transform-origin: 50% 0%;
			transform-origin: 50% 0%;
		}
		a.prev::after,
		a.next::after,
		div.icon-wrap::after {
			top: 50%;
			-webkit-transform: translateX(-50%) rotate(-45deg);
			transform: translateX(-50%) rotate(-45deg);
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.pagination .next:before{
			padding: 0 !important;
			content: ''; 
			float: none;
		}
		a.next.next::after,
		a.next.next div.icon-wrap::after {
			-webkit-transform: translateX(-50%) rotate(45deg);
			transform: translateX(-50%) rotate(45deg);
			-webkit-transform-origin: 100% 0%;
			transform-origin: 100% 0%;
		}
		a.prev:hover div.icon-wrap::before,
		a.prev:hover div.icon-wrap::after,
		a.next:hover div.icon-wrap::before,
		a.next:hover div.icon-wrap::after {
			height: 50%;
		}
		a.prev:hover::before,
		a.prev:hover div.icon-wrap::before,
		a.next:hover::before,
		a.next:hover div.icon-wrap::before {
			-webkit-transform: translateX(-50%) rotate(-125deg);
			transform: translateX(-50%) rotate(-125deg);
		}
		a.next:hover::before,
		a.next:hover div.icon-wrap::before {
			-webkit-transform: translateX(-50%) rotate(125deg);
			transform: translateX(-50%) rotate(125deg);
		}
		a.prev:hover::after,
		a.prev:hover div.icon-wrap::after,
		a.next:hover::after,
		a.next:hover div.icon-wrap::after {
			-webkit-transform: translateX(-50%) rotate(-55deg);
			transform: translateX(-50%) rotate(-55deg);
		}
		a.next:hover::after,
		a.next:hover div.icon-wrap::after {
			-webkit-transform: translateX(-50%) rotate(55deg);
			transform: translateX(-50%) rotate(55deg);
		}
		.counter {
		    text-align: center;
		    position: absolute;
		    width: 100%;
		    font-size: 40px;
		    top: 24px;
		    color: #333; 
		    font-family: 'Poiret One', cursive;
   		}
		.pagination{
			width: 502px;
			height: 100px;
			position: relative;
			padding: 0 !important;
			
		}
		.mask{
			width: 502px;
			height: 100px;
			position: absolute;
			opacity: 0.7;
			top: 0;
			left: 0;
			background: #b997ce !important;
		}
		.copyright{
			position: fixed;
			bottom: 80px;
			left: -60px;
			width: 85px;
			height: 25px;
			background: #fff;
			transition: all 0.4s ease;
		}
		.copyright a{
			color: #4b4b4b !important;
			transition: all 0.4s ease;
		}
		.fa-copyright{
			float: right;
			margin: 6px;
		}
		.copyright:hover{
			background: #56bc8a;
			left: 0px;
		}
		.copyright:hover a{
			color: #fff !important;
		}
		.themes{
			float: left;
			margin: 5px;
		}
		#installtheme {
	      position:fixed;
	      top:25px; 
	      right:2.8px;  
	      z-index:999;
	      opacity: 0.9;
	    }
		
		
		.tag-page{
			width: 250px;
			position: fixed;
			top: 90px;
			right: 40px;
			font-size: 16px;
			padding: 8px;
			opacity: 0.8;
			text-align: center;
			line-height: 1.3;
			letter-spacing: 0.6;
			background: #b997ce !important;
			white-space: pre-wrap; 
			white-space: -moz-pre-wrap; 
			white-space: -pre-wrap; 
			white-space: -o-pre-wrap; 
			word-wrap: break-word;
			color: #000;
		}
		.tag-page .fa-slack{
			padding-right: 10px;
		}


		/* Small devices (tablets, 768px and up) */
		@media (min-width: 768px) {
			ul#grid{
				padding-left: 160px;
			}
			.sidebar{
				display: block;
				left: 25px;
			}
		}

		/* Medium devices (desktops, 992px and up) */
		@media (min-width: 992px) {
			ul#grid{
				padding-left: 120px;
			}
			.sidebar{
				left: 50px;
			}
		}

		/* Large devices (large desktops, 1200px and up) */
		@media (min-width: 1200px) {
			ul#grid{
				padding-left: 50px;
			}
			.sidebar{
				left: 80px;
			}
		}
