/*
	-----------------------------------
	KINLEY BY UNTITLED THEMES STYLE.CSS
	-----------------------------------
	
	Kinley uses code by other developers, Untitled Themes does not own the rights to the code unless otherwise stated. Everything licensed under the MIT license.
	
	This file is edited often to ensure your theme is up-to-date, it is recommended you do not change its location.
	
	http://www.untitledthemes.com/kinley
*/

@font-face {
    font-family: 'Museo';
    src: url('http://media.untitledthemes.com/themes/kinley/fonts/museo.eot');
    src: url('http://media.untitledthemes.com/themes/kinley/fonts/museo.eot?#iefix') format('embedded-opentype'),
         url('http://media.untitledthemes.com/themes/kinley/fonts/museo.woff') format('woff'),
         url('http://media.untitledthemes.com/themes/kinley/fonts/museo.ttf') format('truetype'),
         url('http://media.untitledthemes.com/themes/kinley/fonts/museo.svg#Museo') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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 {
	color: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	color: #000;
	font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-attachment: scroll;
	background-color: #FFF;
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}
.lightbox-present {
	overflow: hidden;
}
p {
	margin: 10px 0;
}
p:first-child {
	margin-top: 0;
}
p:last-child {
	margin-bottom: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
strong, b {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Museo', Georgia, serif;
}
#no-js {
	padding: 25px;
	text-align: center;
}
header {
	padding: 50px 0;
	padding-bottom: 30px;
	text-align: center;
	width: 100%;
}
	header #title {
		display: inline-block;
		max-width: 75%;
		text-decoration: none;
	}
		header #title h1 {
			font-size: 28px;
		}
		header #title img {
			max-height: 75px;
			max-width: 100%;
		}
	header nav {
		text-align: center;
		width: 100%;
	}
	header nav.fixed {
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
		box-shadow: 0 1px 3px rgba(0,0,0,0.25);
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1336;
	}
		header nav li {
			cursor: pointer;
			display: inline-block;
			font-weight: bold;
			list-style: none;
			padding: 15px 10px;
			vertical-align: middle;
		}
		header nav li.title {
			font-family: 'Museo', Georgia, serif;
			overflow: hidden;
			padding: 15px 0;
			visibility: hidden;
			width: 0;
		}
		header nav.fixed li.title {
			overflow: visible;
			padding: 15px 10px;
			visibility: visible;
			width: auto;
		}
			header nav li.title img {
				display: block;
				height: 20px;
			}
		header nav li.slide:after, header nav li.menu:after {
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			content: '';
			display: inline-block;
			margin-left: 5px;
			vertical-align: middle;
		}
		header nav li.slide.slide-down:after, header nav li.menu:after {
			border-top: 5px solid;
		}
		header nav li.slide.slide-up:after {
			border-bottom: 5px solid;
		}
		header nav li.menu {
			position: relative;
		}
			header nav li.menu #menu {
				display: none;
				left: 50%;
				margin-left: -100px;
				padding-top: 10px;
				position: absolute;
				top: 100%;
				width: 200px;
				z-index: 1;
			}
			header nav li.menu:hover #menu {
				display: block;
			}
				header nav li.menu:hover #menu ul {
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
					-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
					box-shadow: 0 1px 3px rgba(0,0,0,0.25);
				}
					header nav li.menu #menu ul a {
						background-color: #000;
						border-bottom: 1px solid #FFF;
						color: #FFF;
						display: block;
						padding: 10px 25px;
						position: relative;
					}
					header nav li.menu #menu ul a:first-child {
						-moz-border-radius: 5px 5px 0 0;
						-webkit-border-radius: 5px 5px 0 0;
						border-radius: 5px 5px 0 0;
					}
					header nav li.menu #menu ul a:last-child {
						border-bottom: 0;
						-moz-border-radius: 0 0 5px 5px;
						-webkit-border-radius: 0 0 5px 5px;
						border-radius: 0 0 5px 5px;
					}
					header nav li.menu #menu ul a:first-child:before {
						border-bottom: 10px solid #000;
						border-left: 10px solid transparent;
						border-right: 10px solid transparent;
						content: '';
						left: 50%;
						margin-left: -5px;
						position: absolute;
						top: -10px;
						width: 0;
					}
		header nav li a {
			text-decoration: none;
		}
		header nav.fixed li.title {
			display: inline-block;
		}
	header #slide-downs {
		width: 100%;
	}
		header #slide-downs .box {
			margin: 0 auto;
			padding: 15px 0;
			width: 500px;
		}
			header #slide-downs .box h2 {
				font-size: 18px;
				margin-bottom: 10px;
			}
			header #slide-downs .search-box form input {
				background: transparent;
				border: 0;
				border-bottom: 1px dotted #FFF;
				font-size: 15px;
				outline: none;
				padding: 10px;
				width: 450px;
			}
			header #slide-downs .box.ask-box #ask_form {
				/* Temporary fix for new ask-box design, will be addressed properly in next theme update. */
				height: 190px !important; 
			}
		header #slide-downs .box.archive-box {
			width: 1000px;
		}
#posts {
	margin: auto;
}
#posts[data-columns="1"] { width: 290px; }
#posts[data-columns="2"] { width: 580px; }
#posts[data-columns="3"] { width: 870px; }
#posts[data-columns="4"] { width: 1160px; }
#posts[data-columns="5"] { width: 1450px; }
#posts[data-columns="6"] { width: 1740px; }
#posts[data-columns="7"] { width: 2030px; }
#posts[data-columns="8"] { width: 2320px; }
.permalink-page #posts {
	width: 540px;
}
	#posts article {
		background-color: #FFF;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
		box-shadow: 0 1px 3px rgba(0,0,0,0.25);
		margin: 5px;
	}
	.index-page #posts article {
		position: absolute;
		width: 280px;
	}
	.permalink-page #posts article {
		width: 530px;
	}
		article .post-media {
			overflow: hidden;
			position: relative;
		}
		#posts article.video .post-media, #posts article.audio-embed .post-media, #posts article.photoset .post-media {
			margin: 0 15px;
			padding: 15px 0;
		}
			article.photo .post-media img {
				-moz-border-radius: 2px 2px 0 0;
				-webkit-border-radius: 2px 2px 0 0;
				border-radius: 2px 2px 0 0;
				float: left;
			}
			.index-page article .post-media img {
				float: left;
				width: 280px;
			}
			.index-page article .post-media iframe {
				float: left;
			}
			.permalink-page article .post-media img {
				width: 530px;
			}
			article .post-media .media-overlay {
				bottom: 0;
				left: 0;
				position: absolute;
				right: 0;
				top: 0;
			}
		article .question-box,
		article .answer-box {
			background-color: #000;
			color: #FFF;
			padding: 15px;
			position: relative;
		}
		article .question-box:after,
		article .answer-box:after {
			border-top: 10px solid #000;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			content: '';
			position: absolute;
			bottom: -10px;
			width: 0;
		}
		article .question-box:after {
			left: 15px;
		}
		article .answer-box:after {
			right: 15px;
		}
		article .asker-box,
		article .answerer-box {
			font-weight: bold;
			margin: 15px;
		}
			article .asker-box a,
			article .answerer-box a {
				text-decoration: none;
			}
		article .answerer-box {
			text-align: right;
		}
		article .post-caption {
			padding: 15px 0;
		}
		#posts article .post-caption {
			margin: 0 15px;
			overflow-x: hidden;
		}
		#posts article:hover .post-caption {
			overflow-x: visible;
		}
		#posts .video .post-media + .post-caption, #posts .photoset .post-media + .post-caption {
			padding-top: 0 !important;
		}
		#posts article .post-caption:last-child {
			padding-bottom: 15px;
		}
			article .post-caption h2 {
				font-size: 18px;
			}
			article .post-caption ul, article .post-caption ol {
				margin: 10px 25px;
			}
			article .post-caption ul:first-child, article .post-caption ol:first-child {
				margin-top: 0;
			}
			article .post-caption ul:last-child, article .post-caption ol:last-child {
				margin-bottom: 0;
			}
			article .post-caption li {
				margin: 5px 0;
			}
			article .post-caption li:first-child {
				margin-top: 0;
			}
			article .post-caption li:last-child {
				margin-bottom: 0;
			}
			article .post-caption .chat-line {
			}
			article .post-caption .chat-line.odd-line {
				text-align: left;
			}
			article .post-caption .chat-line.even-line {
				text-align: right;
			}
				article .post-caption .chat-line .chat-label {
					font-weight: bold;
				}
			article .post-caption img {
				height: auto;
				max-width: 100%;
			}
			article .post-caption blockquote {
				border-left: 1px solid;
				margin: 10px 0;
				padding-left: 10px;
			}
			article .post-caption blockquote:first-child {
				margin-top: 0;
			}
			article .post-caption blockquote:last-child {
				margin-bottom: 0;
			}
		#posts article .post-tags {
			margin: 0 15px;
			overflow: hidden;
			position: relative;
			white-space: nowrap;
		}
		#posts article .post-tags:after {
			background-image: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background-image: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background-image: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background-image: linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			bottom: 0;
			content: '';
			position: absolute;
			right: 0;
			top: 0;
			width: 10px;
		}
			article .post-tags a {
				color: rgba(255,255,255,0.5);
				margin-right: 2px;
				text-decoration: none;
			}
		article .post-info {
			font-size: 10px;
			font-weight: bold;
			letter-spacing: 1px;
			padding: 15px 0;
			text-transform: uppercase;
			white-space: nowrap;
		}
		#posts article .post-info {
			margin: 0 15px;
			overflow: hidden;
			padding: 15px 0;
			position: relative;
		}
		#posts article:not(.has-caption) .post-info {
			padding-top: 15px;
		}
		#posts article .post-info:after {
			background-image: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background-image: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background-image: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background-image: linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			bottom: 0;
			content: '';
			position: absolute;
			right: 0;
			top: 0;
			width: 10px;
		}
		.video .post-media + .post-info, .photoset .post-media + .post-info, .post-caption.do-not-hide + .post-info, .permalink-page .post-caption + .post-info {
			padding-top: 0 !important;
		}
			article .post-info a {
				text-decoration: none;
			}
			article .post-info .post-notecount.count-1 .pluralize {
				display: none;
			}
			.permalink-page article .post-info .post-notecount:after {
				content: '▾';
				font-size: 15px;
				line-height: 1;
				margin-left: 5px;
			}
		article .post-notes {
			overflow: hidden;
			position: relative;
		}
		#posts article .post-notes {
			margin: 0 15px;
		}
		#posts article .post-notes:before {
			background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background-image: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			content: '';
			height: 10px;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
		}
			article .post-notes .content {
				margin-top: -100%;
				padding-bottom: 15px;
			}
				article .post-notes ol {
					list-style: none;
				}
					article .post-notes ol li {
						border-top: 1px solid;
						padding: 10px;
					}
					article .post-notes ol li:first-child {
						border-top-color: transparent !important;
					}
						article .post-notes ol li .avatar {
							-moz-border-radius: 2px;
							-webkit-border-radius: 2px;
							border-radius: 2px;
							display: inline-block;
							height: 25px;
							margin-right: 5px;
							vertical-align: middle;
							width: 25px;
						}
						article .post-notes ol li a {
							text-decoration: none;
						}
						article .post-notes ol li blockquote {
							border-left: 1px solid;
							margin: 10px 0 10px 35px;
							padding-left: 10px;
						}
		article .post-controls {
			display: none;
			position: absolute;
			right: 15px;
			top: 15px;
			z-index: 1;
		}
		article:hover .post-controls {
			display: block;
		}
			article .post-controls li {
				box-shadow: inset 0 1px rgba(255,255,255,0.35);
				background: -moz-linear-gradient(center top, #FDFAFB, #F9F7F7 50%, #F6F3F4 50%, #F0EDED);
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFAFB), to(#F0EDED), color-stop(.5,#F9F7F7),color-stop(.5,#F6F3F4));
				border: 1px solid rgba(140,126,126,0.5);
				cursor: pointer;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				-moz-box-shadow: inset 0 1px rgba(255,255,255,0.35);
				-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.35);
				display: inline-block;
				list-style: none;
				position: relative;
				vertical-align: middle;
			}
			article .post-controls li.open {
				background: #FDFAFB;
				border-bottom: 0;
				-moz-border-radius: 5px 5px 0 0;
				-webkit-border-radius: 5px 5px 0 0;
				border-radius: 5px 5px 0 0;
			}
				article .post-controls li a {
					background-image: url('http://media.untitledthemes.com/themes/kinley/v3/images/icons.png');
					background-repeat: no-repeat;
					display: block;
					height: 25px;
					opacity: 0.5;
				}
				article .post-controls li.like a {
					background-position: 0 0;
					width: 26px;
				}
					article .post-controls li.like .like_button {
						height: 20px;
						margin: 3px;
						opacity: 0.5;
					}
				article .post-controls li.liked a {
					background-position: -26px 0;
				}
				article .post-controls li.reblog a {
					background-position: -52px 0;
					width: 25px;
				}
				article .post-controls li.comment a {
					background-position: -77px 0;
					width: 26px;
				}
				article .post-controls li.share a {
					background-position: -103px 0;
					width: 25px;
				}
				article .post-controls li.lightbox a {
					background-position: -128px 0;
					width: 26px;
				}
				article .post-controls li.share .share-box {
					background: -moz-linear-gradient(center top, #FDFAFB, #F9F7F7 50%, #F6F3F4 50%, #F0EDED);
					background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFAFB), to( #F0EDED), color-stop(.5, #F9F7F7),color-stop(.5, #F6F3F4));
					border: 1px solid rgba(140,126,126,0.5);
					-moz-border-radius: 5px 0 5px 5px;
					-webkit-border-radius: 5px 0 5px 5px;
					border-radius: 5px 0 5px 5px;
					-moz-box-shadow: inset 0 1px rgba(255,255,255,0.35);
					-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.35);
					box-shadow: inset 0 1px rgba(255,255,255,0.35);
					cursor: default;
					display: none;
					margin-top: -1px;
					padding: 5px 10px;
					position: absolute;
					right: -1px;
					top: 100%;
					z-index: -1;
				}
				article .post-controls li.share.open .share-box {
					display: block;
				}
							article .post-controls li.share .share-box table tr td {
								padding: 5px;
							}
					article .post-controls li.share .share-box .short-url-box {
						border-top: 1px solid #CCC;
						padding-top: 5px;
						white-space: nowrap;
					}
						article .post-controls li.share .share-box .short-url-box label {
							font-size: 11px;
						}
						article .post-controls li.share .share-box .short-url-box input {
							border: 1px solid #CCC;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							border-radius: 5px;
							padding: 5px;
							width: 115px;
						}
		#posts article.comments #disqus_thread {
			margin: 0 15px;
			padding: 15px 0;
		}
#pagination {
	font-family: 'Museo', Georgia, Serif;
	padding: 50px 0;
	text-align: center;
}
	#pagination a {
		text-decoration: none;
	}
	#pagination .previous-page, #pagination .jump-page, #pagination .next-page, #pagination .current-page {
		padding: 5px 10px;
	}
	#pagination .previous-page, #pagination .jump-page, #pagination .next-page {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid;
		margin: 0 5px;
	}
	#pagination .disabled {
		border-color: transparent;
		pointer-events: none;
	}
	#pagination .page-1, #pagination .page-2, #pagination .page-3 {
		display: none;
	}
	#pagination .page-4 .current-page {
		display: none;
	}
	#pagination .previous-page:before {
		content: '‹';
		margin-right: 5px;
	}
	#pagination .next-page:after {
		content: '›';
		margin-left: 5px;
	}
#lightbox {
	background-color: rgba(0,0,0,0.85);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
}
	#lightbox #lb-content {
		height: 100%;
		overflow-y: scroll;
		width: 100%;
	}
		#lightbox #lb-content article {
			color: #FFF;
			margin: 10% auto;
			width: 500px;
		}
				#lightbox #lb-content article .post-media img {
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					border-radius: 2px;
					-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
					-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
					box-shadow: 0 1px 3px rgba(0,0,0,0.25);
					width: 500px;
				}
			#lightbox #lb-content article .question-box {
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				background-color: #FFF;
				color: #000;
			}
			#lightbox #lb-content article .question-box:after {
				border-top-color: #FFF;
			}
					#lightbox #lb-content article .post-notes ol li {
						border-top-color: rgba(255,255,255,0.25);
					}
	#lightbox #close {
		background-image: url('http://media.untitledthemes.com/themes/kinley/v3/images/close.png');
		height: 25px;
		position: fixed;
		right: 50px;
		bottom: 50px;
		width: 25px;
		z-index: 1337;
	}
#update-banner {
	background-color: #FFF3C5;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	color: #000;
	font-size: 16px;
	padding: 20px;
	text-align: center;
	white-space: nowrap;
	z-index: 1338;
}
	#update-banner a {
		background-color: #4D7BD6;
		border: 1px solid #2D53AF;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
		color: #FFF;
		display: inline-block;
		line-height: 1;
		margin-left: 10px;
		padding: 6px 18px;
		position: relative;
		text-decoration: none;
		text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	}
.hide {
	display: none;
}
#tumblr_controls, #theme_controls {
	position: fixed !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	article .post-controls li i {
		background-image: url('http://media.untitledthemes.com/themes/kinley/images/v3/icons@2x.png');
		background-size: 154px 25px;
	}
	#lightbox #close {
		background-image: url('http://media.untitledthemes.com/themes/kinley/v3/images/close@2x.png');
		background-size: 25px 25px;
	}
}