body, html {
	border: 0;
	padding: 0;
	margin: 0;
	}
	body {
		background: #313c4b none no-repeat fixed center top;
		background-size: cover;
		padding: 30px 80px 60px 340px;
		text-align: center;
		}
body, input, textarea, th, td {
	font: 16px/22px Arial, Helvetica, sans-serif;
	}
a {
	color: rgba(0,0,0,.6);
	}
	a:hover, a:focus {
		color: #000;
		}
	a, a *, .post-footer-tags {
	   -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	   -o-transition: all 0.2s ease-in-out;
	   -ms-transition: all 0.2s ease-in-out;
	   transition: all 0.2s ease-in-out;
		}

input, textarea, button {
	margin: 0;
	outline: 0;
	}
p, ul, ol, blockquote {
	margin: 20px 0;
	}
#body {
	margin: 0 auto;
	max-width: 728px;
	text-align: left;
	}

#sidebar {
	background: rgba(0,0,0,.5);
	color: #fff;
	position: absolute;
	position: fixed;
		bottom: 0;
		left: 0;
		top: 0;
	text-align: center;
	text-shadow: 0 0 6px rgba(0,0,0,.5);
	width: 260px;
	}
	#body.darker #sidebar {
		background-color: rgba(0,0,0,.75);
		}
	#sidebar-scroll {
		position: absolute;
			left: 0;
			top: 0;
		width: 260px;
		}
	#sidebar-inner {
		padding: 60px 30px;
		}

#avatar {
	margin-bottom: 30px;
	text-align: center;
	}
	#avatar img {
		border: 2px solid #fff;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			box-shadow: 0 0 6px rgba(0,0,0,.5);
		height: 128px;
		width: 128px;
		}

#logo img {
	height: auto!important;
	margin-bottom: 30px;
	max-width: 100%!important;
	}

#title {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 34px;
	margin-bottom: 30px;
	text-transform: uppercase;
	}
	#title a {
		color: #fff;
		text-decoration: none;
		}

#search {
	background: rgba(255,255,255,.95);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0 0 6px rgba(0,0,0,.5);
	margin-bottom: 30px;
	overflow: hidden;
	padding-right: 30px;
	position: relative;
	}
	#search form {
		margin: 0;
		}
	#search input.text {
		background: transparent;
		border: 0;
		padding: 6px 15px;
		width: 100%;
		}
	#search input.button {
		background: rgba(0,0,0,.05) url('http://static.tumblr.com/ok6dzg1/1xympnpa1/search.png') no-repeat center center;
		border: 0;
		border-left: 1px solid rgba(0,0,0,.2);
		cursor: pointer;
		height: 34px;
		position: absolute;
			right: 0;
			top: 0;
		width: 40px;
		z-index: 999;
		}

#pages, #actions {
	margin-bottom: 30px;
	}
	#pages ul, #pages ul li, #actions ul, #actions ul li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#pages ul li, #actions ul li {
		border-top: 1px solid rgba(255,255,255,.1);
		}
		#pages ul li:first-child, #actions ul li:first-child {
			border-top: 0;
			}
	#pages ul li a, #actions ul li a {
		color: rgba(255,255,255,.8);
		display: block;
		padding: 5px 10px 4px;
		text-decoration: none;
		text-transform: uppercase;
		}
	#pages ul li a:hover, #pages ul li a:focus, #actions ul li a:hover, #actions ul li a:focus {
		background: rgba(255,255,255,.05);
		color: #fff;
		}
#actions.secondary {
	margin-top: -30px;
	}
	#actions.secondary ul li:first-child {
		border-top: 1px solid rgba(255,255,255,.1);
		}

#description {
	font-size: 16px;
	line-height: 18px;
	}

#content .ad {
	background: rgba(255,255,255,.95);
		box-shadow: 0 0 6px rgba(0,0,0,.5);
	font-size: 0;
	line-height: 0;
	margin-top: 30px;
	overflow: hidden;
	}
	#sidebar .ad {
		box-shadow: 0 0 6px rgba(0,0,0,.5);
	font-size: 0;
	line-height: 0;
	margin: 0 auto 30px;
	overflow: hidden;
	width: 200px;
	}

#posts {
	}
	.post, #comments, #notes {
		background: rgba(255,255,255,.95);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			box-shadow: 0 0 6px rgba(0,0,0,.5), inset 0 0 20px rgba(0,0,0,.05), inset 0 0 2px #fff;
		margin-top: 30px;
		padding: 50px 40px 20px 40px;
		position: relative;
		}
		#search-results {
			color: rgba(255,255,255,.9);
			font-size: 32px;
			font-weight: bold;
			letter-spacing: -1px;
			line-height: 32px;
			margin-top: 30px;
			text-shadow: 0 0 6px rgba(0,0,0,.5);
			}
			#search-results span {
				color: #fff;
				}
	.post-icon a {
		background: rgba(0,0,0,.5) none no-repeat center center;
			-webkit-border-radius: 4px 0 0 4px;
			-moz-border-radius: 4px 0 0 4px;
			border-radius: 4px 0 0 4px;
		display: block;
		height: 60px;
		position: absolute;
			left: -60px;
			top: 30px;
		width: 60px;
		}
		#body.darker .post-icon a {
			background-color: rgba(0,0,0,.75);
			}
		.post-content.audio .post-icon a { background-image: url('http://static.tumblr.com/ok6dzg1/1Hjmpnp7d/post-type-audio.png'); }
		.post-content.chat .post-icon a { background-image: url('http://static.tumblr.com/ok6dzg1/aBJmpnp7q/post-type-chat.png'); }
		.post-content.image .post-icon a { background-image: url('http://static.tumblr.com/ok6dzg1/xyxmpnp85/post-type-image.png'); }
		.post-content.question .post-icon a { background-image: url('http://static.tumblr.com/ok6dzg1/Dp7mpnp8h/post-type-question.png'); }
		.post-content.quote .post-icon a { background-image: url('http://static.tumblr.com/ok6dzg1/VTEmpnp8s/post-type-quote.png'); }
		.post-content.link .post-icon a { background-image: url('http://static.tumblr.com/ok6dzg1/HKumpnp93/post-type-link.png'); }
		.post-content.text .post-icon a { background-image: url('http://static.tumblr.com/ok6dzg1/EvWmpnp9d/post-type-text.png'); }
		.post-content.video .post-icon a { background-image: url('http://static.tumblr.com/ok6dzg1/uiKmpnp9n/post-type-video.png'); }

.post-content.audio, .post-content.chat, .post-content.image, .post-content.quote, .post-content.link, .post-content.video, .post-content.question .post-bubble {
	background: rgba(0,0,0,.05);
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	margin: -50px -40px 20px;
	overflow: hidden;
	padding: 50px 40px 30px 40px;
	}
	.post-content.audio .post-content-inner, .post-content.chat .post-content-inner, .post-content.image .post-content-inner, .post-content.quote .post-content-inner, .post-content.link .post-content-inner, .post-content.video .post-content-inner, .post-content.question .post-bubble-inner {
		box-shadow: inset 0 0 5px rgba(0,0,0,.2);
		margin: -55px -45px -30px;
		padding: 55px 45px 30px 45px;
		}
.post-content p:first-child, .post-content ul:first-child, .post-content ol:first-child, .post-content blockquote:first-child {
	margin-top: 0;
	}
	.post-content p:last-child, .post-content ul:last-child, .post-content ol:last-child, .post-content blockquote:last-child {
		margin-bottom: 0;
		}

.post-content.image .post-image {
	font-size: 0;
	line-height: 0;
	margin: -50px -40px -30px;
	}
	.post-content.image .post-image img {
		height: auto!important;
		margin-top: 5px;
		width: 100%!important;
		}
	.post-content.image .post-image img:first-child, .post-content.image .post-image a:first-child img {
		margin-top: 0;
		}
	.post-content.image .post-caption {
		margin-top: 60px;
		}

.post-content.video .post-video {
	font-size: 0;
	line-height: 0;
	margin: -50px -40px -30px;
	}
	.post-content.video .post-video iframe, .post-content.video .post-video embed, .post-content.video .post-video object {
		height: 415px!important;
		width: 100%!important;
		}
	.post-content.video .post-caption {
		margin-top: 60px;
		}

.post-content.quote blockquote {
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	margin: 0;
	padding: 0;
	}
	.post-content.quote .post-source {
		font-size: 18px;
		line-height: 24px;
		margin-top: 20px;
		}

.post-content.text {
	margin-bottom: 30px;
	}
	.post-content.text .post-title {
		font-size: 38px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 38px;
		margin-bottom: 20px;
		}
	.post-content.text blockquote {
		border-left: 2px solid rgba(0,0,0,.2);
		padding-left: 15px;
		margin-left: 15px;
		}

.post-content.link .post-link a {
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	color: #000;
	display: block;
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	padding: 20px;
	text-decoration: none;
	}
	.post-content.link .post-link a:hover, .post-content.link .post-link a:focus {
		background: rgba(0,0,0,.8);
		color: #fff;
		}
	.post-content.link .post-description {
		margin-top: 20px;
		}

.post-content.chat .post-line {
	border-top: 1px solid rgba(0,0,0,.1);
	padding: 6px 0;
	}
	.post-content.chat .post-line:first-child {
		border-top: 0;
		padding-top: 0;
		}
	.post-content.chat .post-line:last-child {
		padding-bottom: 0;
		}
	.post-content.chat .post-line strong {
		padding-right: 10px;
		}
	.post-content.chat .post-title {
		font-size: 28px;
		font-weight: bold;
		line-height: 28px;
		margin-bottom: 20px;
		}

.post-content.question .post-question {
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	}
	.post-content.question .post-asker {
		font-size: 18px;
		line-height: 24px;
		margin-top: 20px;
		padding-left: 30px;
		position: relative;
		}
		.post-content.question .post-asker img {
			height: 18px!important;
			position: absolute;
				top: 4px;
				left: 2px;
			width: 18px!important;
			}
	.post-content.question .post-answer {
		margin-top: 20px;
		}

.post-content.audio .post-player {
	background: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,.2);
	color: #000;
	display: block;
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	padding: 10px 15px 8px;
	text-decoration: none;
	}
	.post-content.audio .post-caption {
		margin-top: 20px;
		}
	.post-content.audio.has-art .post-content-inner {
		min-height: 108px;
		padding-left: 198px;
		position: relative;
		}
		.post-content.audio.has-art .post-art {
			position: absolute;
				top: 40px;
				left: 45px;
			}
			.post-content.audio.has-art .post-art img {
				height: 128px!important;
				width: 128px!important;
				}
	.post-content.audio .post-caption {
		font-size: 18px;
		line-height: 24px;
		margin-top: 20px;
		}

.post-footer {
	font-size: 12px;
	line-height: 14px;
	margin-top: 20px;
	position: relative;
	text-transform: uppercase;
	}
	.post-footer ul, .post-footer ul li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	.post-footer ul li {
		display: inline;
		}

.post-footer-meta {
	font-size: 0;
	}
	.post-footer-meta ul li {
		font-size: 12px;
		}
	.post-footer-meta ul li:after {
		content: ' / ';
		color: rgba(0,0,0,.2);
		font-size: 14px;
		line-height: 14px;
		padding: 0 2px;
		}
	.post-footer-meta ul li:last-child:after {
		display: none;
		}
	.post-footer-meta ul li a {
		text-decoration: none;
		}

.post-footer-tags {
	font-size: 0;
	min-height: 24px;
	max-height: 32px;
	overflow: hidden;
	padding-left: 64px;
	position: relative;
	}
	.post-footer-tags:hover {
		max-height: 96px;
		}
	.post-footer-tags ul, .post-footer-tags ul li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	.post-footer-tags ul li {
		display: inline-block;
		margin: 4px 0 0 4px;
		}
	.post-footer-tags ul li a {
		background: rgba(0,0,0,.03);
		display: inline-block;
		font-size: 12px;
		line-height: 28px;
		text-decoration: none;
		padding: 0 10px;
		}
	.post-footer-tags ul li a:hover, .post-footer-tags ul li a:focus {
		background: rgba(0,0,0,.05);
		color: #000;
		}
.post-footer-buttons {
	position: absolute;
		top: 10px;
		left: 0;
	}
	.post-footer-buttons > div, .post-footer-buttons > a {
		float: left;
		margin-right: 15px;
		}


	#notes ol, #notes ol li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#notes ol li {
		border-top: 1px solid rgba(0,0,0,.1);
		padding: 5px 0 5px 30px;
		position: relative;
		}
		#notes ol li:first-child {
			border-top: 0;
			}
	#notes ol li img.avatar {
		position: absolute;
			left: 0;
			top: 9px;
			}
	#notes ol li blockquote {
		background: rgba(0,0,0,.05);
		margin: 5px 0 0;
		padding: 8px 16px;
		}

#pagination {
	font-size: 0;
	margin-top: 26px;
	text-align: right;
	text-transform: uppercase;
	}
	#pagination a, #pagination span {
		background: rgba(0,0,0,.5);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		color: #fff;
		display: inline-block;
		font-size: 14px;
		line-height: 30px;
		margin: 4px 0 0 4px;
		padding: 0 12px;
		text-decoration: none;
		}
		#body.darker #pagination a, #body.darker #pagination span {
			background-color: rgba(0,0,0,.75);
			}
		#pagination span {
			color: rgba(255,255,255,.5);
			}
	#pagination a:hover, #pagination a:focus, #body.darker #pagination a:hover, #body.darker #pagination a:focus {
		background: rgba(255,255,255,.95);
		color: #000;
		}

@media screen and (max-width: 1168px) {
	body {
		padding: 0 30px 60px 30px;
		}
	#sidebar {
		margin-bottom: 60px;
		position: relative;
			bottom: auto;
			left: auto;
			top: auto;
		width: auto;
		}
		#sidebar-scroll {
			position: relative;
				left: 0;
				top: 0!important;
			width: auto;
			}
	#search, #pages, #actions {
		margin: 0 auto 30px;
		max-width: 400px;
		}
		#search {
			max-width: 370px;
			}
	#search-results {
		text-align: center;
		}
}
@media screen and (max-width: 908px) {
	.post-icon a {
		display: none;
		}
}