/***** Small Desktop *****/


/***** ANIMATIONS *****/

@keyframes slide-left {
	from {right: -30px; opacity: 0;}
	to {right: 0; opacity: 100;}
}

@-moz-keyframes slide-left {
	from {right: -30px; opacity: 0;}
	to {right: 0; opacity: 100;}
}

@-webkit-keyframes slide-left {
	from {right: -30px; opacity: 0;}
	to {right: 0; opacity: 100;}
}

/***** TYPE *****/

blockquote, .source {
	margin: 2.60416666667% /* 25px */ 0 2.60416666667% /* 25px */ 5.2083333% /* 50px */;
	padding-left: 4.166666667%; /* 40px */
}

/***** CONTENT *****/

#content {
	padding: 125px 45px 75px 45px;
	left: 280px;
}

/***** POSTS *****/

.photoset .caption {
	top: 17px;
}

.audio .album-art {
	max-width: 125px;
}

/***** SIDENOTES *****/

.sidenotes {
	position: relative;
	float: none;
	margin: 0;
	margin-bottom: 5.20833333333%; /* 50px */
	clear: both;
}

.date {
	display: inline-block;
	text-align: left;
}

.date .month, .date .day, .date .year {
	font-size: 0.857142857em; /* 12px */
	line-height: 1.5em; /* 18px */
	display: inline-block;
}

/***** SHARE *****/

.share {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	clear: both;
	display: inline-block;
}

.share-box {
	left: inherit;
	right: 0;
}

.share-box {
	animation: slide-left 0.2s;
	-moz-animation: slide-left 0.2s;
	-webkit-animation: slide-left 0.2s;
	
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}