style.css

h1 {
	font-weight: 100;
	font-size: 2em;
	letter-spacing: 3px;
	margin: 1em 0em;
}

h2 {
	font-weight: 500;
	font-size: 1.3em;
}

body {
	background: #fff;
	-ms-overflow-x: hidden;
	overflow-x: hidden;
	color: #fff;
}

#element::-webkit-scrollbar {
	display: none;
}

.hidden {
	display: none !important;
}

.invisible {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

p,span,a {
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none;
	-webkit-margin-before: 0;
}
p  {
font-size: 1.1em;
}

.button {
	border: 2px solid;
	padding: 10px 0px;
	background-color: transparent;

	-webkit-transition: background-color 0.4s linear;
	-moz-transition: background-color 0.4s linear;
	-o-transition: background-color 0.4s linear;
	-ms-transition: background-color 0.4s linear;
	transition: background-color 0.4s linear;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 10px 0;
	font-weight: 300;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	float: left;
	width: 100%;
}

.social.button {
	margin-right: 2%;
	font-size: 0.9em;
}

.button.huge {
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 2px;
	width: 100%;
	padding: 17px 0px;
}

#wantGrid .button {
	right: 0;
	top: 0;
	position: absolute;
	width: 250px;
	text-align: center;
	color: #111;
	border-color: #111;
}

.tumblr_mobile_banner, .wntrng-istouch, html {
	position: initial !important; 
	top: 0 !important;
}

#grid .button.huge {
	border-color: #111;
	color: #111;
	height: 75px;
	font-size: 2.1em;
	background-color: transparent;
	border: 2px solid;
	padding: 15px 0;
}

#grid .button.huge:hover {
	background-color: #111;
	color: #fff;
	border-color: #111;
}

.services2 .social.button, .services4 .social.button, .services5 .social.button:nth-child(4), .services5 .social.button:nth-child(5), .services7 .social.button, .services8 .social.button:nth-child(1), .services8 .social.button:nth-child(2)  {
	width: 49%;
	font-size: 1em;
}

.services3 .social.button, .services5 .social.button:nth-child(1), .services5 .social.button:nth-child(2), .services5 .social.button:nth-child(3), .services6 .social.button, .services7 .social.button:nth-of-type(1), .services7 .social.button:nth-of-type(2), .services7 .social.button:nth-of-type(3), .services8 .social.button  {
	width: 32%;
}

.services3 .social.button:nth-of-type(3), .services2 .social.button:nth-of-type(2), .services4 .social.button:nth-of-type(2), .services4 .social.button:nth-of-type(4), .services5 .social.button:nth-of-type(3), .services5 .social.button:nth-of-type(5), .services6 .social.button:nth-of-type(3), .services6 .social.button:nth-of-type(6), .services7 .social.button:nth-of-type(3), .services7 .social.button:nth-of-type(5), .services7 .social.button:nth-of-type(7), .services8 .social.button:nth-child(2), .services8 .social.button:nth-child(5), .services8 .social.button:nth-child(8) {
	margin-right: 0;
}

.button a {
	font-weight: 300;
}

ul {
	list-style: none;
}

blockquote {
	margin: 1em 0.5em 0 0.5em;
}

#tumblr_controls {
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

body.details #tumblr_controls {
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

body.details.permalink #tumblr_controls {
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=100);
	opacity: 1;
}

body.details.permalink {
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

body.indexPage.details #tumblr_controls {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.detailsWrapper.left .permalinkContent {
	-webkit-transform: translate3d(-2500px,0,0);
	-moz-transform: translate3d(-2500px,0,0);
	-o-transform: translate3d(-2500px,0,0);
	-ms-transform: translate3d(-2500px,0,0);
	transform: translate3d(-2500px,0,0);
}

.detailsWrapper.right .permalinkContent {
	-webkit-transform: translate3d(2500px,0,0);
	-moz-transform: translate3d(2500px,0,0);
	-o-transform: translate3d(2500px,0,0);
	-ms-transform: translate3d(2500px,0,0);
	transform: translate3d(2500px,0,0);
}

body.details .detailsWrapper.stuck .permalinkContent {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

	-webkit-transform: translate3d(2500px,0,0);
	-moz-transform: translate3d(2500px,0,0);
	-o-transform: translate3d(2500px,0,0);
	-ms-transform: translate3d(2500px,0,0);
	transform: translate3d(2500px,0,0);
}

body.details .detailsWrapper.stuck .blurredBackground {
	-webkit-transition: opacity 0.8s 0.2s ease-in;
	-moz-transition: opacity 0.8s 0.2s ease-in;
	-o-transition: opacity 0.8s 0.2s ease-in;
	-ms-transition: opacity 0.8s 0.2s ease-in;
	transition: opacity 0.8s 0.2s ease-in;
}

.gif {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

.absoluteCenter {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	margin: auto;
}

/* Navigation */
@keyframes "slideLeft" {
	 0% {
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   	filter: alpha(opacity=0);
	   	opacity: 0;
	   	-webkit-transform: translate3d(-500px,0,0);
	   	-moz-transform: translate3d(-500px,0,0);
	   	-o-transform: translate3d(-500px,0,0);
	   	-ms-transform: translate3d(-500px,0,0);
	   	transform: translate3d(-500px,0,0);
	 }
	 100% {
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   	filter: alpha(opacity=100);
	   	opacity: 1;
	   	-webkit-transform: translate3d(0,0,0);
	   	-moz-transform: translate3d(0,0,0);
	   	-o-transform: translate3d(0,0,0);
	   	-ms-transform: translate3d(0,0,0);
	   	transform: translate3d(0,0,0);
	 }
}

@-moz-keyframes slideLeft {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   -moz-transform: translate3d(-500px,0,0);
   transform: translate3d(-500px,0,0);
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
   -moz-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }

}

@-webkit-keyframes "slideLeft" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate3d(-500px,0,0);
   transform: translate3d(-500px,0,0);
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }

}

@-ms-keyframes "slideLeft" {
	0%  {
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-transform: translate3d(-500px,0,0);
	transform: translate3d(-500px,0,0);
}
 100% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -ms-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }

}

 @-o-keyframes "slideLeft" {
	0%  {
	 filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-o-transform: translate3d(-500px,0,0);
	transform: translate3d(-500px,0,0);
	}
	 100% {
	   filter: alpha(opacity=100);
	   filter: alpha(opacity=100);
	   opacity: 1;
	   -o-transform: translate3d(0,0,0);
	   transform: translate3d(0,0,0);
	 }

}

 #navigation {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	position: fixed;
	height: 100%;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	overflow: hidden;

	-webkit-transition: all 0.6s 0.1s ease-in-out;
	-moz-transition: all 0.6s 0.1s ease-in-out;
	-o-transition: all 0.6s 0.1s ease-in-out;
	-ms-transition: all 0.6s 0.1s ease-in-out;
	transition: all 0.6s 0.1s ease-in-out;

	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
	width: 30%;
	display: block;
}

body.details.navigation #navigation {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#navigation h1 {
	margin: 0.67em 0;
	font-size: 2.3em;
	letter-spacing: 4px;
}

body.permalink #navigation {
	display: none;
}

.details #navigation {
-webkit-transform: translate3d(-1500px,0,0);
	-moz-transform: translate3d(-1500px,0,0);
	-o-transform: translate3d(-1500px,0,0);
	-ms-transform: translate3d(-1500px,0,0);
	transform: translate3d(-1500px,0,0);
}

body.permalink #navigation.unhidden,body.details #navigation.unhidden {
	display: block !important;
	-ms-transform: translateX(-100%);
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);

	-webkit-transition: -webkit-transform 0.3s 0.3s ease !important;
	-moz-transition: -moz-transform 0.3s 0.3s ease !important;
	-o-transition: -o-transform 0.3s 0.3s ease !important;
	-ms-transition: -ms-transform 0.3s 0.3s ease !important;
	transition: transform 0.3s 0.3s ease !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

body.details.navigationOn #navigation.unhidden {
	-webkit-transform: translate3d(0,0,0) !important;
	-moz-transform: translate3d(0,0,0) !important;
	-o-transform: translate3d(0,0,0) !important;
	-ms-transform: translateX(0) !important;
	-ms-transform: translate3d(0,0,0) !important;
	transform: translate3d(0,0,0) !important;
}

.navigationOn .detailsWrapper.active .permalinkContent,.navigationOn .detailsWrapper.active .sidebar, .navigationOn #xButton {
	-webkit-transform: translate3d(350px,0,0) !important;
	-moz-transform: translate3d(350px,0,0) !important;
	-o-transform: translate3d(350px,0,0) !important;
	-ms-transform: translateX(350px) !important;
	-ms-transform: translate3d(350px,0,0) !important;
	transform: translate3d(350px,0,0) !important;

	-webkit-transition: all 0.3s 0.3s ease !important;
	-moz-transition: all 0.3s 0.3s ease !important;
	-o-transition: all 0.3s 0.3s ease !important;
	-ms-transition: all 0.3s 0.3s ease !important;
	transition: all 0.3s 0.3s ease !important;

	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

#navigation.unhidden,.navigationOff #navigation,.navigationOn #navigation {
	background: rgba(0,0,0,0.5) !important;
	display: block !important;
}

.navigationOn #navigation,.navigationOn .detailsWrapper.active .permalinkContent,.navigationOff .detailsWrapper.active .permalinkContent,.navigationOff .detailsWrapper.active .sidebar,.navigationOn .detailsWrapper.active .sidebar,.navigationOn #xButton {
	-webkit-transition: all 0.3s 0.3s ease !important;
	-moz-transition: all 0.3s 0.3s ease !important;
	-o-transition: all 0.3s 0.3s ease !important;
	-ms-transition: all 0.3s 0.3s ease !important;
	transition: all 0.3s 0.3s ease !important;
}

body.navigationOn #miniAvatar, #miniAvatar.offCanvas {
	-webkit-transform: translate3d(-150px,0,0);
	-moz-transform: translate3d(-150px,0,0);
	-o-transform: translate3d(-150px,0,0);
	-ms-transform: translateX(-150px);
	-ms-transform: translate3d(-150px,0,0);
	transform: translate3d(-150px,0,0);
	-webkit-transition: all 0.2s 0s linear;
	transition: all 0.2s 0s linear;
	-moz-transition: all 0.2s 0s linear;
	-ms-transition: all 0.2s 0s linear;
}

.profileImage {
	width: 128px;
	height: 128px;
	border-radius: 69px;
	border: 5px solid;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	overflow: hidden;
}

#navContent {
	margin: auto;
	text-align: center;
	position: absolute;
	color: #fff;
	padding: 0 7% 0 7%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: table;
	height: auto;
	transition: opacity 0.2s linear;
	min-width: 86%;
}

.credit {
	position: absolute;
	bottom: 0;
	padding: 4px 7px;
	font-size: 0.5em;
	color: #ccc;
	line-height: 1.3em;
}
 
.credit a {
	font-size: 1.5em;
}
 
.credit:hover .installTheme {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
 
	-webkit-transform: scale(1) translate(0,0);
	-moz-transform: scale(1) translate(0,0);
	-o-transform: scale(1) translate(0,0);
	-ms-transform: scale(1) translate(0,0);
	transform: scale(1) translate(0,0);
 
	-webkit-transition: all 0.1s 0.4s linear;
	-moz-transition: all 0.1s 0.4s linear;
	-o-transition: all 0.1s 0.4s linear;
	-ms-transition: all 0.1s 0.4s linear;
	transition: all 0.1s 0.4s linear;
}
 
.installTheme {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	top: -38px;
	background: rgba(0,0,0,0.8);
	padding: 11px;
	border-radius: 5px;
 
	-webkit-transition: all 0.1s 0.4s linear;
	-moz-transition: all 0.1s 0.4s linear;
	-o-transition: all 0.1s 0.4s linear;
	-ms-transition: all 0.1s 0.4s linear;
	transition: all 0.1s 0.4s linear;
 
	-webkit-transform: scale(0.5) translate(-25px, 25px);
	-moz-transform: scale(0.5) translate(-25px, 25px);
	-o-transform: scale(0.5) translate(-25px, 25px);
	-ms-transform: scale(0.5) translate(-25px, 25px);
	transform: scale(0.5) translate(-25px, 25px);
	font-weight: 300;
	width: 130%;
	text-align: center;
}
 
.credit:hover .installTheme:hover {
	background: rgba(0,0,0,0.7);
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
}


#backButton,#siteName {
	display: none;
}

#navContent p {
	margin: 0em 0 2em 0;
	letter-spacing: 1px;
}
#navSocial {
	overflow: hidden;
}
#navMinorItems {
	position: relative;
	top: -5px;
}

#navPages {
	font-size: 1.3em;
	font-weight: 300;
}

#navMinorItems a {
	font-size: 0.8em;
	text-transform: lowercase;
}

#navMinorItems a::after {
	content: " / ";
}

#navMinorItems a:last-child::after {
	content: "";
}
.searchBox {
	font-size: 2em;
	background: transparent;
	border: none;
	width: 100%;
	color: #fff;
	border-bottom: 1px solid #aaa;
	font-style: italic;
	outline: none;
}

/* Grid */
@keyframes "slideRight" {
 0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=100);
   	opacity: 1;
   	-webkit-transform: translate3d(300%,0,0);
   	-moz-transform: translate3d(300%,0,0);
   	-o-transform: translate3d(300%,0,0);
   	-ms-transform: translate3d(300%,0,0);
   	transform: translate3d(300%,0,0);
 }
 100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
   	-webkit-transform: translate3d(0,0,0);
   	-moz-transform: translate3d(0,0,0);
   	-o-transform: translate3d(0,0,0);
   	-ms-transform: translate3d(0,0,0);
   	transform: translate3d(0,0,0);
 }

}

@-moz-keyframes slideRight {
 0% {
   filter: alpha(opacity=100);
   opacity: 1;
   -moz-transform: translate3d(300%,0,0);
   transform: translate3d(300%,0,0);
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
   -moz-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }

}

@-webkit-keyframes "slideRight" {
	 0% {
	   filter: alpha(opacity=100);
	   opacity: 1;
	   -webkit-transform: translate3d(300%,0,0);
	   transform: translate3d(300%,0,0);
	 }
	 100% {
	   filter: alpha(opacity=100);
	   opacity: 1;
	   -webkit-transform: translate3d(0,0,0);
	   transform: translate3d(0,0,0);
	 }

}

@-ms-keyframes "slideRight" {
	0%  {
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-transform: translate3d(1000px,0,0);
	transform: translate3d(1000px,0,0);
	}
	 100% {
	   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   filter: alpha(opacity=100);
	   opacity: 1;
	   -ms-transform: translate3d(0,0,0);
	   transform: translate3d(0,0,0);
	}

}

@-o-keyframes "slideRight" {
	0%  {
	 filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-o-transform: translate3d(1000px,0,0);
	transform: translate3d(1000px,0,0);
}
 100% {
   filter: alpha(opacity=100);
   filter: alpha(opacity=100);
   opacity: 1;
   -o-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }
}

@keyframes "slideBottom" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   -o-transform: translate3d(0,1000px,0);
   transform: translate3d(0,1000px,0);
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
   -o-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }

}

@-moz-keyframes "slideBottom" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   -moz-transform: translate3d(0,1000px,0);
   transform: translate3d(0,1000px,0);
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
   -moz-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }

}

@-webkit-keyframes "slideBottom" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate3d(0,1000px,0);
   transform: translate3d(0,1000px,0);
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }

}

@-ms-keyframes "slideBottom" {
	0%  {
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-transform: translate3d(0,1000px,0);
	transform: translate3d(0,1000px,0);
	}
	 100% {
	   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   filter: alpha(opacity=100);
	   opacity: 1;
	   -ms-transform: translate3d(0,0,0);
	   transform: translate3d(0,0,0);
	 }

}

 @-o-keyframes "slideBottom" {
	0%  {
	 filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-o-transform: translate3d(0,1000px,0);
	transform: translate3d(0,1000px,0);
	}
	 100% {
	   filter: alpha(opacity=100);
	   filter: alpha(opacity=100);
	   opacity: 1;
	   -o-transform: translate3d(0,0,0);
	   transform: translate3d(0,0,0);
	 }

}

 #grid, #wantGrid {
	float: right;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	margin: 3%;
	width: 64%;
	height: 0;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

#wantGrid .gridItem {
	height: 350px;
}

.details #grid {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#grid.gridNotLoaded, #wantGrid.gridNotLoaded {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.gridItem {
	position: relative;
	width: 24.625%;
	max-width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-weight: 100;
	background-color: #aaa;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.6s 0.1s ease-in-out;
	-moz-transition: -moz-transform 0.6s 0.1s ease-in-out;
	-o-transition: -o-transform 0.6s 0.1s ease-in-out;
	-ms-transition: -ms-transform 0.6s 0.1s ease-in-out;
	transition: transform 0.6s 0.1s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	backface-visibility: hidden;
	perspective: 1000;
}

.details .gridItem {
	-webkit-transform: translate3d(2500px, 0, 0);
	-moz-transform: translate3d(2500px, 0, 0);
	-o-transform: translate3d(2500px, 0, 0);
	-ms-transform: translateX(2500px);
	-ms-transform: translate3d(2500px, 0, 0);
	transform: translate3d(2500px, 0, 0);
}

.gridItem p, .gridItem span {
	text-align: center;
}

.gridContentWrapper ul {
	-webkit-padding-start: 0;
}

.gridItem p:last-child {
	margin-bottom: 0;
}

.gridContentWrapper {
	position: relative;
	height: 100%;
}

.gridContentWrapper > .gridContent {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	margin: auto;
	display: table;
	width: 88%;
}

.gridContentWrapper h2 {
	margin: 0 0 0.3em 0;
}

/* Specific styling for different grid post types */
.gridItem.long .gridContent {
	letter-spacing: 0.5px;
	overflow-wrap: break-word;
	padding: 6%;
	position: relative;
}

gridItem.long.gridtext > .gridContent,.gridItem.long.gridtext p,.gridItem.long.gridtext h2,.gridItem.long.gridtext .gridTextBody {
	text-align: left;
}

.gridItem.long .gridContentWrapper {
	height: 100%;
	overflow: hidden;
}

.gridItem.long p {
	text-align: left;
}

.gridTextBody p {
	-webkit-margin-before: 0;
}

.gridTextBody img {
	display: none;
}

.postTitle {
	text-transform: uppercase;
}

.gridItem.gridtext .gridTextContent h2 {
	margin: 0 0 0.2em 0;
}

.gridchat .gridContentWrapper ul {
	padding: 0;
	margin: 0;
}

.gridContent .chatLine,.gridContent .chatLine.even {
	margin-bottom: 10px;
	padding: 10px 15px;
}

.gridItem .audioTrack, .permalinkContent .audioTrack {
	margin: 0;
	font-weight: 300;
}

.gridvideo .gridContentWrapper {
	background: rgba(0,0,0,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.gridvideo:hover .gridContentWrapper {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.gridvideo.noThumbnail .gridContentWrapper {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.gridvideo .gridOverlay {
	background: none;
}

.gridItem blockquote {
	margin: 0;
	-webkit-margin-after: 0;
	-webkit-margin-before: 0;
	-webkit-margin-end: 0;
	-webkit-margin-start: 0;
}

.gridVideoContent .fa,.gridAudioContent .fa {
	text-align: center;
}

.gridaudio .fa.fa-play-circle {
	font-size: 4em;
	text-shadow: none;
}

.gridItem .gridShare {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	display: none;
}

.gridShare li {
	width: 40px;
	height: 40px;
	text-align: center;
}

.gridQuoteContent {
	font-style: italic;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #444;
}

.gridQuoteBody {
	margin: 0;
}

.gridquote .gridQuoteSource {
	font-style: italic;
	font-weight: 100;
	letter-spacing: normal;
	color: #ccc;
	text-shadow: none;
	font-size: 0.9em;
}

.gridquote .gridQuoteSource a {
	color: #bbb;
}

.gridItem.appended {
	-webkit-animation: slideBottom 0.8s 1 both;
	-moz-animation: slideBottom 0.8s 1 both;
	-ms-animation: slideBottom 0.8s 1 both;
	-o-animation: slideBottom 0.8s 1 both;
	animation: slideBottom 0.8s 1 both;
}
/*
.gridItem.landscape,.gridItem.featured,.gridItem.gridquote,.gridItem.gridtext {
	width: 39.7%;
}

.gridItem.landscape.featured {
	width: 59.8%;
}
*/
.gridSizer {
	width: 24.625%;
}

.gutterSizer {
	height: 0;
	width: 0.5%;
}

.infinite-scroll .nextPage {
	display: none;
}

.fullDiv {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.postType {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 1px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	z-index: 2;
}
.postType.fa-question-circle {
	padding: 4px 0px;
}

.gridItem.gif .fullDiv {
	background-position: center;

	-webkit-transition: opacity 0.15s 2s linear;
	-moz-transition: opacity 0.15s 2s linear;
	-o-transition: opacity 0.15s 2s linear;
	-ms-transition: opacity 0.15s 2s linear;
	transition: opacity 0.15s 2s linear;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.details .gridItem.gif .fullDiv {
	display: none;
}
/*
.gif::before {
	content: "GIF";
	font-size: 2.5em;
	font-weight: 500;
	color: #222;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	display: table;
	position: absolute;
	text-align: center;
	width: 40%;
	background: #fff;
	border-radius: 10px;
	padding: 5px 15px;
}

.gridItem.gif::before:hover {
	display: none;
}
*/

/* Details Background */
.detailsWrapper {
	position: absolute;
	width: 100%;
}

.detailsWrapper .blurredBackground {
	background-color: #666;
	display: block;
	-webkit-transition: opacity 0.8s linear;
	-moz-transition: opacity 0.8s linear;
	-o-transition: opacity 0.8s linear;
	-ms-transition: opacity 0.8s linear;
	transition: opacity 0.8s linear;
	position: fixed;
	width: 100%;
	height: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.indexPage .detailsWrapper .blurredBackground {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.backToHome {
	position: fixed;
	font-size: 1.3em;
	padding: 5px 10px;
	background: #222;

	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);

	-webkit-transition: all 0.4s 0.6s linear;
	-moz-transition: all 0.4s 0.6s linear;
	-o-transition: all 0.4s 0.6s linear;
	-ms-transition: all 0.4s 0.6s linear;
	transition: all 0.4s 0.6s linear;
	text-transform: uppercase;
	font-weight: 100;
	top: 0;
	cursor: pointer;
}

.indexPage .backToHome {
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}

.blurredBackground.cssBlur {
	-webkit-filter: blur(25px) brightness(60%);

	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.detailsWrapper.active .blurredBackground {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.details .overlay {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

/* Details Page */
.permalinkContent.XL {
	position: relative;
	padding-bottom: 50px;
	top: 50px;
	max-width: none !important;	
}

.permalinkContent.XL img {
	width: inherit;
	/* max-width: 100%; */
}

.permalinkContent {
	position: fixed;
	text-align: center;
	overflow: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: table;
	max-width: 60%;
	filter: alpha(opacity=0);
	width: 100%;
	height: auto;
	backface-visibility: hidden;
	perspective: 1000;

	-webkit-transform: translate3d(2500px,0,0);
	-moz-transform: translate3d(2500px,0,0);
	-o-transform: translate3d(2500px,0,0);
	-ms-transform: translate3d(2500px,0,0);
	transform: translate3d(2500px,0,0);

	-webkit-transition: all 0.8s 0s ease-in-out;
	-moz-transition: all 0.8s 0s ease-in-out;
	-o-transition: all 0.8s 0s ease-in-out;
	-ms-transition: all 0.8s 0s ease-in-out;
	transition: all 0.8s 0s ease-in-out;
	font-size: 1.6em;
	font-weight: 100;
	box-sizing: border-box;
}

.permalinkContent p {
	letter-spacing: 2.5px;
}

.detailsWrapper.active .permalinkContent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.permalinkContent img {
	border: 10px solid;
	width: auto;
	height: auto;
	border-radius: 7px;
}

.permalinkContent blockquote img {
	border: none;
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.detailsWrapper.long blockquote img {
	margin: 0;
}
/* Post-type Specific styling */
.permalinkContent.permalinkVideoPost {
	width: 700px;
	max-width: inherit;
}

.permalinkContent.permalinkVideoPost iframe {
	border: 5px solid #fff;
}

.permalinkContent .permalinkMeta.reblog p:first-child {
	display: none;
}

.permalinkContent .permalinkMeta.reblog blockquote p:first-child {
	display: block;
}

.audio_player iframe {
	height: 50px;
	margin-bottom: 1em;
}


.detailsWrapper.long .permalinkContent {
	max-width: 75%;
	max-height: 75%;
	text-align: left;
	letter-spacing: 1px;
	overflow: scroll;
	position: static !important;
	color: #fff;
	margin-top: 60px;
	margin-bottom: 60px;
}

.detailsWrapper.long .blurredBackground {
	-webkit-filter: brightness(80%);
}

.detailsWrapper.long .permalinkPhotoPost .permalinkMeta {
	text-align: left;
	max-height: none;
	position: static;
	width: 100%;
}

.permalinkContent.permalinkPhotosetPost  {
	width: 500px !important;
}

.permalinkContent.permalinkPhotosetPost img  {
	display: block;
	margin-bottom: 0.5em;
	width: 500px;
	border: 5px solid #fff;
}

.detailsWrapper.long .permalinkContent.permalinkAudioPost,.detailsWrapper.long .permalinkContent.permalinkVideoPost,.detailsWrapper.long .permalinkContent.permalinkQuotePost {
	text-align: center;
}

.albumArt {
	max-width: 55%;
}

.permalinkContent.permalinkQuotePost {
	max-width: 60%;
}

.permalinkQuoteSource {
	font-size: 0.8em;
}

.permalinkContent.permalinkPhotoPost {
	overflow: hidden;
	max-width: none;
}

.permalinkContent.permalinkPhotoPost a {
	width: inherit;
}

.permalinkMeta p {
	margin: 1em 0 0 0;
}

.permalinkContent.permalinkPhotoPost .permalinkMeta {
	max-height: 250px;
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 90%;
	left: 5%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1; 
	text-shadow: 1px 1px 1px #666;
}

.permalinkContent.permalinkPhotoPost.XL .permalinkMeta {
	bottom: 70px;
}

.detailsWrapper .permalinkMeta blockquote:first-child:nth-last-child(1) {
    margin: 0;
}
.detailsWrapper .permalinkMeta blockquote {
	margin: 0 0 0 1em;
}

.chatLine {
	float: left;
	clear: both;
	max-width: 80%;
	background: rgba(0,0,0,0.5);
	margin-bottom: 20px;
	border-radius: 10px;
	padding: 15px;
	min-width: 30%;
}

.chatLine.user-2,.chatLine.user-4 {
	text-align: right;
	background: rgba(255,255,255,0.4);
	float: right;
	clear: both;
}

.chatLine.user-2 .chatContent,.chatLine.user-4 .chatContent,.chatLine.user-2 .chatContent p,.chatLine.user-4 .chatContent p, .chatLine.user-2 .chatLabel,.chatLine.user-4 .chatLabel {
	float: right;
	clear: both;
	text-align: right;
}

.chatLine img {
	max-width: 90%;
}

.permalinkChatPost ul {
	padding: 0;
	text-align: left;
}

.permalinkChatPost {
	width: auto;
}

.chatLabel {
	font-size: 0.5em;
	font-style: italic;
	float: left;
	clear: both;
}

.chatContent,.gridItem .chatContent {
	display: block;
	float: left;
	clear: both;
	text-align: left;
}

/* Notes */
.notesContainer {
	position: fixed;
	top: 0;
	height: 100%;
	width: 380px;
	right: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transform: translate3d(380px,0,0);
	-moz-transform: translate3d(380px,0,0);
	-o-transform: translate3d(380px,0,0);
	-ms-transform: translateX(380px);
	-ms-transform: translate3d(380px,0,0);
	transform: translate3d(380px,0,0);

	-webkit-transition: -webkit-transform 0.3s 0.3s ease;
	-ms-overflow-y:  scroll;
	overflow-y: scroll;
	-moz-transition: -moz-transform 0.3s 0.3s ease;
	-o-transition: -o-transform 0.3s 0.3s ease;
	-ms-transition: -ms-transform 0.3s 0.3s ease;
	transition: transform 0.3s 0.3s ease;
	background: rgba(0,0,0,0.4);
}

.detailsWrapper.active .notesContainer {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.notesContainer h1 {
	margin: 0.6em 30px;
}

.notesContainer img {
	display: none;
}

.notesContainer ol {
	padding: 0 30px 0 30px;
}

.notesContainer li {
	list-style-type: none;
	margin-bottom: 5px;
	line-height: 1.1em;
	font-size: 1.1em;
}

.closeNotes {
	display: none;
	position: absolute;
	right: 5px;
	top: 5px;
}
.detailsWrapper.notesOff .permalinkContent,.notesOff .notesContainer {
	-webkit-transition: -webkit-transform 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease;
	transition: transform 0.3s ease;
}

.detailsWrapper.notesOff .sidebar {
	-webkit-transition: -webkit-transform 0.2s 0.2s ease;
	-moz-transition: -moz-transform 0.2s 0.2s ease;
	-o-transition: -o-transform 0.2s 0.2s ease;
	-ms-transition: -ms-transform 0.2s 0.2s ease;
	transition: transform 0.2s 0.2s ease;
}

.detailsWrapper.notesOn .permalinkContent {
	-webkit-transform: translate3d(-380px,0,0);
	-moz-transform: translate3d(-380px,0,0);
	-o-transform: translate3d(-380px,0,0);
	-ms-transform: translateX(-380px);
	-ms-transform: translate3d(-380px,0,0);
	transform: translate3d(-380px,0,0);

	-webkit-transition: -webkit-transform 0.3s 0.3s ease;
	-moz-transition: -moz-transform 0.3s 0.3s ease;
	-o-transition: -o-transform 0.3s 0.3s ease;
	-ms-transition: -ms-transform 0.3s 0.3s ease;
	transition: transform 0.3s 0.3s ease;
}

.detailsWrapper.active.notesOn .sidebar {
	-webkit-transition: -webkit-transform 0.2s ease-in;
	-moz-transition: -moz-transform 0.2s ease-in;
	-o-transition: -o-transform 0.2s ease-in;
	-ms-transition: -ms-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;

	-webkit-transform: translate3d(150%,0,0);
	-moz-transform: translate3d(150%,0,0);
	-o-transform: translate3d(150%,0,0);
	-ms-transform: translateX(150%);
	-ms-transform: translate3d(150%,0,0);
	transform: translate3d(150%,0,0);
}

.notesOn .notesContainer {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Sidebar */
.sidebar {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: table;
	text-align: right;
	list-style: none;
	font-size: 0.95em;
	background: rgba(255,255,255,1);
	padding: 0;
	border-radius: 5px 0 0 5px;
	font-weight: 100;
	letter-spacing: 1px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-box-shadow: 0px 1px 8px #888;
	box-shadow: 0px 1px 8px #888;

	-webkit-transition: -webkit-transform 0.3s 0.9s linear;
	-moz-transition: -moz-transform 0.3s 0.9s linear;
	-o-transition: -o-transform 0.3s 0.9s linear;
	-ms-transition: -ms-transform 0.3s 0.9s linear;
	transition: transform 0.3s 0.9s linear;

	-webkit-transform: translate3d(500px,0,0);
	-moz-transform: translate3d(500px,0,0);
	-o-transform: translate3d(500px,0,0);
	-ms-transform: translateX(500px);
	-ms-transform: translate3d(500px,0,0);
	transform: translate3d(500px,0,0);
}

.sidebar ul {
	padding: 0;
	margin: 0;
}

.detailsWrapper.active .sidebar {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translateX(0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.sidebar li {
	color: #333;
	text-transform: uppercase;
	overflow: hidden;
	padding: 10px;
	max-height: 140px;
	border-bottom: 1px;
	max-width: 130px;
}

.sidebar a {
	color: #333;
}

.sidebar a:hover {
	color: #333;
}


.sidebar li::before {
	font-size: 0.6rem;
	font-style: italic;
	display: block;
	color: #888;
	letter-spacing: 1px;
}

.sidebarNotes:hover {
	background: #eee;

	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.sidebarNotes {
	cursor: pointer;
}

.sidebarDate::before {
	content: "Posted";
}

.sidebarShare::before {
	max-height: 250px;
}

.sidebarShare ul {
	padding: 0;
	margin: 3px 0 0 0;
}

.sidebarShare .fa-2x {
	font-size: 1.7em;
	padding-bottom: 3px;
}
.sidebarShare .fa-facebook-square {
	font-size: 1.65em;
}

.sidebarShare li {
	display: inline-block;
	padding: 0;
	margin-right: 3px;	
}

.sidebarShare .fa {
	color: #ccc;
}

.sidebarShare li:first-child {
	padding-bottom: 3px;
}

.sidebar li:last-child {
	border-bottom: none;
	margin-right: 0;
}

#mobileInstructions {
	display: none;
}

body.indexPage #xButton {
	display: none;
}

body.indexPage #miniAvatar {
	-webkit-transform: translate3d(-150px,0,0);
	-moz-transform: translate3d(-150px,0,0);
	-ms-transform: translateX(-150px);
	-ms-transform: translate3d(-150px,0,0);
	-o-transform: translate3d(-150px,0,0);
	transform: translate3d(-150px,0,0);
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	
	
}

body.permalink #tumblr_controls {
	right: 75px !important;
}

#navigation.unhidden {
	background-image: none;
}

body > #miniAvatar,#xButton {
	display: block;
	position: fixed;
	color: #fff;
	text-shadow: 0px 0px 1px #777;
}

body > #miniAvatar {
	top: 10px;
	left: 10px;
	border: 3px solid;
	border-radius: 28px;
	width: 48px;
	height: 48px;
	cursor: pointer;

	-webkit-transition: all 0.2s 0.6s ease;
	-moz-transition: all 0.2s 0.6s ease;
	-o-transition: all 0.2s 0.6s ease;
	-ms-transition: all 0.2s 0.6s ease;
	transition: all 0.2s 0.6s ease;
}

#xButton {
	right: 15px;
	-webkit-transition: all 0.2s 0.6s ease;
	-moz-transition: all 0.2s 0.6s ease;
	-o-transition: all 0.2s 0.6s ease;
	-ms-transition: all 0.2s 0.6s ease;
	transition: all 0.2s 0.6s ease;
	font-size: 4em;
	font-weight: 100;
	line-height: 0.7em;
	cursor: pointer;
}
#xButton.offCanvas {
	-webkit-transform: translate3d(200px,0,0);
	-ms-transform: translateX(200px);
	-ms-transform: translate3d(200px,0,0);
	-moz-transform: translate3d(200px,0,0);
	-o-transform: translate3d(200px,0,0);
	transform: translate3d(200px,0,0);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.fullDiv {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: -webkit-zoom-in;
}

.gridOverlay {
	background: rgba(0,0,0,0.75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;

	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.gridItem:hover .gridOverlay {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.gridItemLabel {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	display: none;
	width: 60%;
	text-transform: uppercase;
}

.gridItemLabel::before {
	content: "\f00e";
	font-family: "FontAwesome";
	font-size: 3.5em;
	display: block;
	margin-bottom: 10px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-o-transform: scale(0.2);
	-ms-transform: scale(0.2);
	transform: scale(0.2);
}

.gridItem:hover .gridItemLabel::before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.gridtext .gridItemLabel::after {
	content: " Post";
}

.gridTags::before {
	content: "\f02c";
	margin-right: 5px;
	font-family: "FontAwesome";
	font-size: 0.9em;
}

.gridNotes::before {
	content: "\f08a";
	margin-right: 3px;
	font-family: "FontAwesome";
	font-size: 0.9em;
}

.gridNotes {
	position: absolute;
	right: 20px;
	bottom: 0;
	margin-bottom: 0px !important;
}

.gridTime::before {
	content: "\f017";
	margin-right: 5px;
	font-family: "FontAwesome";
	font-size: 0.9em;
}

.gridBottom li {
	display: inline-block;
	font-size: 0.8em;
	margin-right: 5px;
	margin-bottom: 3px;
	display: block;
}

.gridBottom {
	position: relative;
	width: 100%;
	text-align: left;
	padding: 5px 10px 0px 10px;
	bottom: 0;
	margin: 0;
}

.no-absolutecenter .detailsWrapper.active .permalinkContent,.no-absolutecenter .detailsWrapper .permalinkContent,.no-absolutecenter .detailsWrapper.active.stuck .permalinkContent,.no-absolutecenter .gridContentWrapper > .gridContent,.no-absolutecenter #navContent,.no-absolutecenter .detailsWrapper.active .sidebar,.no-absolutecenter .detailsWrapper.left .permalinkContent,.no-absolutecenter .detailsWrapper.right .permalinkContent {
	top: 50%;
	bottom: auto;
	display: block;
	position: relative;
	height: auto;
}

.no-absolutecenter .gridContentWrapper > .gridContent {
	position: absolute;
}

.no-absolutecenter .detailsWrapper.active .permalinkContent,.no-absolutecenter .detailsWrapper .permalinkContent,.no-absolutecenter .detailsWrapper.active.stuck .permalinkContent, .no-absolutecenter .detailsWrapper.left .permalinkContent,.no-absolutecenter .detailsWrapper.right .permalinkContent {
	position: fixed; 
}
	
.no-absolutecenter .detailsWrapper.active .sidebar {
	display: table;
}
	
.no-absolutecenter .detailsWrapper.active .permalinkContent,.no-absolutecenter .detailsWrapper .permalinkContent,.no-absolutecenter .gridContentWrapper > .gridContent,.no-absolutecenter #navContent,.no-absolutecenter .detailsWrapper.active .sidebar,.no-absolutecenter #grid .gridItem.gif:before {
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
	-o-transform: translate3d(0,-50%,0);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}
	
.no-absolutecenter .detailsWrapper.long.active .permalinkContent,.no-absolutecenter .gridItem.long .gridContentWrapper .gridContent,.no-absolutecenter .detailsWrapper.active .permalinkContent.XL {
	position: static;
	top: initial;

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
	
	.no-absolutecenter .detailsWrapper.active .permalinkContent.XL {
		max-width: 90%;
	}
	
	.no-absolutecenter .detailsWrapper.left .permalinkContent {
		-webkit-transform: translate3d(-2500px,-50%,0);
		-moz-transform: translate3d(-2500px,-50%,0);
		-o-transform: translate3d(-2500px,-50%,0);
		-ms-transform: translate3d(-2500px,-50%,0);
		transform: translate3d(-2500px,-50%,0);
		top: 50%;
	}
	
	.no-absolutecenter .detailsWrapper.right .permalinkContent,.no-absolutecenter .detailsWrapper .permalinkContent {
		-webkit-transform: translate3d(2500px,-50%,0);
		-moz-transform: translate3d(2500px,-50%,0);
		-o-transform: translate3d(2500px,-50%,0);
		-ms-transform: translate3d(2500px,-50%,0);
		transform: translate3d(2500px,-50%,0);
		top: 50%;
	}
	
	.no-absolutecenter .detailsWrapper.long .permalinkContent,.no-absolutecenter .detailsWrapper .permalinkContent.XL {
		top: initial;
	
		-webkit-transform: translate3d(2500px,0%,0);
		-moz-transform: translate3d(2500px,0%,0);
		-o-transform: translate3d(2500px,0%,0);
		-ms-transform: translate3d(2500px,0%,0);
		transform: translate3d(2500px,0%,0);
	}
	
	.no-absolutecenter .detailsWrapper .permalinkContent.XL {
		margin-top: 50px;
		top: initial;
	}

	.no-absolutecenter .detailsWrapper .permalinkContent, .no-absolutecenter .detailsWrapper .permalinkContent.XL,.no-absolutecenter .detailsWrapper.long .permalinkContent {
		overflow: visible;
	}
	
	.no-absolutecenter .detailsWrapper.right .permalinkContent.XL,.no-absolutecenter .detailsWrapper.right.long .permalinkContent {
		-webkit-transform: translate3d(2500px,0,0);
		-moz-transform: translate3d(2500px,0,0);
		-o-transform: translate3d(2500px,0,0);
		-ms-transform: translate3d(2500px,0,0);
		transform: translate3d(2500px,0,0);
		top: 0;
	}
	
	.no-absolutecenter .detailsWrapper.left .permalinkContent.XL,.no-absolutecenter .detailsWrapper.left.long .permalinkContent {
		-webkit-transform: translate3d(-2500px,0,0);
		-moz-transform: translate3d(-2500px,0,0);
		-o-transform: translate3d(-2500px,0,0);
		-ms-transform: translate3d(-2500px,0,0);
		transform: translate3d(-2500px,0,0);
		top: 0;
	}
	
	.no-absolutecenter .detailsWrapper > .sidebar {
		position: fixed !important;
		height: auto;
	
		-webkit-box-shadow: none;
		box-shadow: none;
	
		-webkit-transform: translate3d(500px,-50%,0);
		-moz-transform: translate3d(500px,-50%,0);
		-o-transform: translate3d(500px,-50%,0);
		-ms-transform: translate3d(500px,-50%,0);
		transform: translate3d(500px,-50%,0);
	}
	
	.no-absolutecenter .detailsWrapper {
		height: 100%;
	}
	
		.no-absolutecenter.no-csstransforms3d .detailsWrapper.active .permalinkContent,.no-absolutecenter.no-csstransforms3d .detailsWrapper .permalinkContent,.no-absolutecenter.no-csstransforms3d .gridContentWrapper > .gridContent,.no-absolutecenter.no-csstransforms3d #navContent,.no-absolutecenter.no-csstransforms3d .detailsWrapper.active .sidebar,.no-absolutecenter.no-csstransforms3d #grid .gridItem.gif:before {
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
	
	.no-absolutecenter.no-csstransforms3d .detailsWrapper.long.active .permalinkContent,.no-absolutecenter.no-csstransforms3d .gridItem.long .gridContentWrapper .gridContent,.no-absolutecenter.no-csstransforms3d .detailsWrapper.active .permalinkContent.XL {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
	}
	.no-absolutecenter.no-csstransforms3d .detailsWrapper.left .permalinkContent {
		-webkit-transform: translate(-2500px,-50%);
		-moz-transform: translate(-2500px,-50%);
		-o-transform: translate(-2500px,-50%);
		-ms-transform: translate(-2500px,-50%);
		transform: translate(-2500px,-50%);
	}
	
	.no-absolutecenter.no-csstransforms3d .detailsWrapper.right .permalinkContent,.no-absolutecenter.no-csstransforms3d .detailsWrapper .permalinkContent {
		-webkit-transform: translate3d(2500px,-50%);
		-moz-transform: translate3d(2500px,-50%);
		-o-transform: translate3d(2500px,-50%);
		-ms-transform: translate3d(2500px,-50%);
		transform: translate3d(2500px,-50%);
	}
	
	.no-absolutecenter.no-csstransforms3d .detailsWrapper.long .permalinkContent,.no-absolutecenter.no-csstransforms3d .detailsWrapper .permalinkContent.XL {	
		-webkit-transform: translate3d(2500px,0%);
		-moz-transform: translate3d(2500px,0%);
		-o-transform: translate3d(2500px,0%);
		-ms-transform: translate3d(2500px,0%);
		transform: translate3d(2500px,0%);
	}	
	.no-absolutecenter.no-csstransforms3d .detailsWrapper.right .permalinkContent.XL,.no-absolutecenter.no-csstransforms3d .detailsWrapper.right.long .permalinkContent {
		-webkit-transform: translate3d(2500px,0%);
		-moz-transform: translate3d(2500px,0%);
		-o-transform: translate3d(2500px,0%);
		-ms-transform: translate3d(2500px,0%);
		transform: translate3d(2500px,0%);
	}
	
	.no-absolutecenter.no-csstransforms3d .detailsWrapper.left .permalinkContent.XL,.no-absolutecenter.no-csstransforms3d .detailsWrapper.left.long .permalinkContent {
		-webkit-transform: translate(-2500px,0);
		-moz-transform: translate(-2500px,0);
		-o-transform: translate(-2500px,0);
		-ms-transform: translate(-2500px,0);
		transform: translate(-2500px,0);
	}
	.no-absolutecenter.no-csstransforms3d .detailsWrapper > .sidebar {
		-webkit-transform: translate(500px,-50%);
		-moz-transform: translate(500px,-50%);
		-o-transform: translate(500px,-50%);
		-ms-transform: translate(500px,-50%);
		transform: translate(500px,-50%);
	}

	#wantering-winks h2, #wantering-winks h1 {
		color: #444;
		letter-spacing: 0;
	}
	
	.no-js #grid.gridNotLoaded, .no-js #navContent {
		opacity: 1;
	}
	
	.no-js .gridItem {
		height: 300px;
	}
	
	/* Helper popup for the customization page */
	
	#customizationHelper {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.9);
		font-size: 1.8em;
		-webkit-transition: opacity 0.4s linear;
		-moz-transition: opacity 0.4s linear;
		-ms-transition: opacity 0.4s linear;
		transition: opacity 0.4s linear;
		letter-spacing: 2px;
		overflow: scroll;
	}
	#customizationContent a {
		color: #36aabb;
	}
	#customizationContent {
		margin: 4em 2em 2em 2em;
	}
	#customizeLogo {
		position: absolute;
		top: 0;
		left: 0;
	}
	#customizationContent li, #customizationContent p {
		margin-bottom: 0.5em;
	}
	#customizationHelper .hideSection {
		position:absolute;
		right:0;
	}
	#neverAgain {
		text-align: right;
		font-size: 0.4em;
		display: block;
		margin-right: 4px;
		font-style: italic;
	}
	#neverAgain {
		color: #fff;
	}
	#neverAgain:hover {
		color: #36aabb;
	}
	#customizationHelper .button {
		width: 200px;
		border-top: none;
		border-right: none;
		text-align: center;
		border-color: #fff;
		color: #fff;
		margin-bottom: 4px;
	}
	
	#customizationHelper .button:hover {
		color: #000;
		background: #fff;
	}
	
	
@media screen and (max-width: 1024px) {
	body {
		background-image: none !important;
	}
	h2 {
		font-weight: 500;
	}
	
	.gridOverlay {
		display: none;
	}
	
	.gridItem,.gridSizer {
		width: 24.25%;
	}
	
	.gutterSizer {
		width: 1%;
	}
	
	.permalinkContent {
		max-width: 75%;
	}
	
	.gridItem,.gridItem.appended {
		-webkit-animation: none;
		-moz-animation: none;
		-ms-animation: none;
		-o-animation: none;
		animation: none;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.fullDiv {
		display: none;
	}
	.gif .fullDiv {
		display: block;
	}
	.social.button {
		font-size: 0.6em;
	}
	
	.sidebarNotes:hover {
		background: #fff;
	}

}

@media screen and (max-width: 768px) {
	#navigation,.details #navigation {
	display: block;

	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;

	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	position: relative;
	width: 100%;
	height: initial;

	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	}
	
	#navigation.unhidden,.navigationOn #navigation.unhidden {
		position: fixed !important;
		height: 100%;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		overflow: scroll;
	}
	
	.navigationOn .detailsWrapper.active .permalinkContent {
	-webkit-transform: translate3d(200%,0,0) !important;
	-moz-transform: translate3d(200%,0,0) !important;
	-o-transform: translate3d(200%,0,0) !important;
	-ms-transform: translateX(200%) !important;
	-ms-transform: translate3d(200%,0,0) !important;
	transform: translate3d(200%,0,0) !important;
	}
	
	#navContent, .details #navContent {
		padding: 75px 4% 75px 4%;
		position: relative;
	}
	.social.button {
		font-size: 1em;
	}
	body {
		padding-left: none;
	}
	
	#grid, #wantGrid {
		margin: 4%;
		width: 92%;
	
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.details #grid, .details #wantGrid {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.gridItem {
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	
		-webkit-transition: opacity 0.3s 0.1s ease-in-out;
		-moz-transition: opacity 0.3s 0.1s ease-in-out;
		-o-transition: opacity 0.3s 0.1s ease-in-out;
		-ms-transition: opacity 0.3s 0.1s ease-in-out;
		transition: opacity 0.3s 0.1s ease-in-out;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	#wantGrid .button {
		display: none;
	}
	
	.gridvideo .gridContentWrapper {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.details .gridItem,.details #navigation {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	.blurredBackground {
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	body.indexPage .detailsWrapper .blurredBackground,body.details .detailsWrapper .blurredBackground,body.details .detailsWrapper.active .blurredBackground {
		-webkit-transition: opacity 0.6s linear !important;
		-moz-transition: opacity 0.6s linear !important;
		-o-transition: opacity 0.6s linear !important;
		-ms-transition: opacity 0.6s linear !important;
		transition: opacity 0.6s linear !important;
	}
	
	.detailsWrapper .permalinkContent,.detailsWrapper.active .permalinkContent {
		-webkit-transition: -webkit-transform 0.5s ease-in-out;
		-moz-transition: -moz-transform 0.5s ease-in-out;
		-o-transition: -o-transform 0.5s ease-in-out;
		-ms-transition: -ms-transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out;
		filter: alpha(opacity=100);
		max-height: 90%;
	}
	
	.detailsWrapper.stuck .permalinkContent {
		-webkit-transition: all 0.3s ease-out !important;
		-moz-transition: all 0.3s ease-out !important;
		-o-transition: all 0.3s ease-out !important;
		-ms-transition: all 0.3s ease-out !important;
		transition: all 0.3s ease-out !important;
	}
	
	.detailsWrapper .sidebar,.detailsWrapper.active .sidebar {
		width: 100%;
		max-height: none;
		padding: 0;
		text-align: center;
	
		-webkit-transition: opacity 0.3s linear;
		-moz-transition: opacity 0.3s linear;
		-o-transition: opacity 0.3s linear;
		-ms-transition: opacity 0.3s linear;
		transition: opacity 0.3s linear;
		top: 200%;
		left: 0;
		right: 0;
	
		-webkit-box-shadow: none;
		box-shadow: none;
		background: rgba(0,0,0,0.3);
		margin: none;
		position: absolute;
		text-shadow: 1px 1px 1px #666;
	
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		display: block;
		height: 100%;
		border-radius: 0px;
	}
	
	.sidebar li {
		max-height: 200px;
		max-width: 100%;
		color: #fff;
		font-size: 2.2em;
	}
	
	.sidebar li a {
		color: #fff;
	}
	
	.sidebar li::before {
		color: #dadada;
		font-size: 1em;
		text-shadow: none;
		text-shadow: 1px 1px 1px #666;
	}
	
	.detailsWrapper.long .sidebar ul {
		position: relative;
	}
	
	.closeNotes {
		display: block;
	}

	.sidebar ul {
		padding: 0;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		display: table;
		height: initial;
		position: absolute;
		width: 80%;
	}
	
	.sidebarShare ul {
		position: relative;
		width: 100%;
	}
	
	.sidebarShare ul li {
		margin-right: 10px;
	}
	
	.sidebarShare ul li:first-child {
		height: 1.15em;
	}
	
	.sidebarNotes:hover {
		background: transparent;
	}
	
	.reblog_button {
		width: 0.9em !important;
		height: 0.9em !important;
		padding-bottom: 5px;
	}
	
	.like_button iframe {
		width: 0.9em !important;
		height: 0.9em !important;
	}
	
	.sidebarShare ul li .fa {
		font-size: 0.9em;
		padding-bottom: 5px;
		margin-bottom: 5px;
		text-shadow: none;
		vertical-align: top;
		padding-top: 5px;
	}
	
	#grid.hidden {
		display: none;
	}
	
	.detailsWrapper {
		height: 100%;
		position: absolute;
		overflow: visible;
	}
	
	.detailsWrapper .permalinkContent {
		max-width: 90%;
		width: 100%;
		position: absolute;
		display: table;
	}
	
	.detailsWrapper .permalinkContent.permalinkPhotoPost {
		display: block;
		border: 5px solid #fff;
		border-radius: 7px;
	}
	
	.detailsWrapper.long.active .permalinkContent {
		border: none;
	}
	
	.permalinkContent.permalinkPhotoPost img {
		height: inherit;
		width: inherit;
		border: none;
		max-width: 100%;
	}
	
	.albumArt {
		max-width: 80%;
	}
	
	.detailsWrapper.long .permalinkContent .permalinkMeta {
		position: relative;
		max-height: none;
	}
	
	.permalinkContent.permalinkPhotoPost .permalinkMeta {
		position: absolute;
		bottom: 5px;
		width: 100%;
		left: 0;
	}
	
	.permalinkContent iframe {
		max-width: 90%;
	}
	
	.detailsWrapper.right .permalinkContent {
		-webkit-transform: translate3d(1500px, 0, 0);
		-moz-transform: translate3d(1500px, 0, 0);
		-o-transform: translate3d(1500px, 0, 0);
		-ms-transform: translate3d(1500px, 0, 0);
		transform: translate3d(1500px, 0, 0);
	}
	
	.detailsWrapper.left .permalinkContent {
		-webkit-transform: translate3d(-1500px, 0, 0);
		-moz-transform: translate3d(-1500px, 0, 0);
		-o-transform: translate3d(-1500px, 0, 0);
		-ms-transform: translate3d(-1500px, 0, 0);
		transform: translate3d(-1500px, 0, 0);
	}
	
	.detailsWrapper.long .permalinkContent {
		height: initial !important;
		top: 0;
		max-width: 85%;
		overflow: visible;
		max-height: none;
	}
	
	.detailsWrapper.long {
		height: auto;
	}
	
	.detailsWrapper.long .permalinkMeta {
		width: 100%;
		overflow: visible;
	}
	
	.detailsWrapper.long .sidebar,.detailsWrapper.long.active .sidebar {
		max-height: none;
		height: auto;
		position: relative;
		margin-top: 250px;
		padding: 80px 0;
	}
	
	.detailsWrapper.active .sidebar {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.detailsWrapper .sidebar {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}
	
	#backButton {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	
		-webkit-transition: opacity 0.2s 0.8s linear;
		-moz-transition: opacity 0.2s 0.8s linear;
		-o-transition: opacity 0.2s 0.8s linear;
		-ms-transition: opacity 0.2s 0.8s linear;
		transition: opacity 0.2s 0.8s linear;
		position: absolute;
		top: 5px;
		left: 5px;
		font-size: 1.1em;
		cursor: pointer;
		display: block;
		text-transform: uppercase;
	}
	
	#backButton:before {
		content: "\f104";
		font-family: "FontAwesome";
		font-size: 1.1em;
		margin-right: 5px;
	}
	
	.navigationOn #backButton {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.installTheme {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	body {
		background-attachment: fixed !important;
	}
	.gridItem {
		/* width: 48% !important; */
		cursor: zoom-in;
		font-size: 1.2em;
		display: block;
		z-index: 1;
		max-width: 100%;
	}
	
	#grid,.details #grid, #wantGrid {
		margin: 5%;
		width: 90%;
	}
	
	.indexPage #navigation {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
	body.details .gridItem {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}
	
	.gridSizer {
		width: 49%;
	}
	
	.gutterSizer {
		width: 2%;
	}
	
	.overlay {
		display: none;
	}
	
	.gridItem.gridtext,.gridItem.gridquote,.gridItem.gridaudio,.gridItem.gridchat,.gridItem.gridanswer,.gridItem.gridlink {
		padding: 80px 0;
		max-height: 800px;
		height: auto !important;
	}
	
	.gridItem.gridaudio .fa-2x .fa {
		text-shadow: none;
	}
	
	.fa-circle {
		color: #333;
	}
	
	.gridContent {
		padding-left: 5%;
		padding-right: 5%;
		width: 90%;
		height: auto;
	}
	
	.gridItem.gridtext .gridTextContent,.gridquote .gridContentWrapper {
		padding: 10% 0;
	}
	
	.gridAudioContent {
		padding: 20% 0;
	}
	
	.gridItem.gridtext .gridTextContent,.gridQuoteContent,.gridAudioContent,#navigation {
		position: relative !important;
	}
	
	#navigation {
		display: block;
		width: 100%;
	
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		overflow: hidden;
	}
	
	#navigation.unhidden {
		-webkit-transform: translate3d(-100%,0,0) !important;
		-moz-transform: translate3d(-100%,0,0) !important;
		-o-transform: translate3d(-100%,0,0) !important;
		-ms-transform: translate3d(-100%,0,0) !important;
		transform: translate3d(-100%,0,0) !important;
	
		-webkit-transition: -webkit-transform 0.3s 0.2s ease;
		-moz-transition: -moz-transform 0.3s 0.2s ease;
		-o-transition: -o-transform 0.3s 0.2s ease;
		-ms-transition: -ms-transform 0.3s 0.2s ease;
		transition: transform 0.3s 0.2s ease;
	}
	
	.navigationOff #navigation.unhidden {
		-webkit-transform: translate3d(-100%,0,0) !important;
		-moz-transform: translate3d(-100%,0,0) !important;
		-o-transform: translate3d(-100%,0,0) !important;
		-ms-transform: translate3d(-100%,0,0) !important;
		transform: translate3d(-100%,0,0) !important;
	}
	
	body.indexPage .detailsWrapper .permalinkContent,body.details .detailsWrapper .permalinkContent {
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	body.details .detailsWrapper.active .blurredBackground {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.detailsWrapper .blurredBackground {
		z-index: -1;
	}
	
	.detailsWrapper .permalinkContent {
		font-size: 1em;
	}
	
	.permalinkContent.permalinkPhotoPost .permalinkMeta {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		overflow: hidden;
		max-height: 40%;
	}
	
	.permalinkContent img {
		border: 5px solid #fff;
	}
	
	.permalinkContent.permalinkVideoPost iframe,.permalinkContent.permalinkVideoPost img,.permalinkContent.permalinkVideoPost a {
		max-width: 90%;
		height: auto !important;
	}
	
	.permalinkContent.permalinkVideoPost {
		width: 90%;
	}
	
	.detailsWrapper .permalinkContent.permalinkTextPost {
		padding-top: 25px;
	}
	
	.detailsWrapper .blurredBackground.video {
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		background-size: cover !important;
	}
	
	.permalinkContent.permalinkAudioPost {
		max-width: 100%;
	}
	
	.permalinkContent.permalinkAudioPost img {
		max-width: 85%;
	}
	
	.detailsWrapper.stuck .permalinkContent {
		-webkit-transform: translate3d(2000px,0,0) !important;
		-moz-transform: translate3d(2000px,0,0) !important;
		-o-transform: translate3d(2000px,0,0) !important;
		-ms-transform: translate3d(2000px,0,0) !important;
		transform: translate3d(2000px,0,0) !important;
	}
	
	body > #miniAvatar {
		top: 5px;
		left: 5px;
		width: 32px;
		height: 32px;
		border-radius: 20px;
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		background-position: center;
	}
	
	#xButton {
		font-size: 3em;
		right: 5px;
	}
}

@media screen and (max-width: 480px) {
	.gridSizer {
		width: 100%;
	}
	body.permalink #tumblr_controls {
		right: 0 !important;
	}
	.gutterSizer {
		width: 3%;
	}
	
	#grid, #wantGrid {
		width: 94%;
		margin: 3%;
	}
	
	.gridOverlay {
		display: block;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
	.social.button  {
		font-size: 0.75em;
	}
	
	.gridItem {
		width: 100% !important;
		cursor: zoom-in;
		font-size: 1.2em;
		max-width: none;
	}
	.permalinkContent.permalinkPhotosetPost  {
		width: 300px !important;
	}
	.permalinkContent.permalinkPhotosetPost img  {
		width: 300px !important;
	}
	
	.sidebar {
		font-size: 0.6em;
	}
	
	.sidebarShare .fa {
		font-size: 0.85em;
	}
}