@charset "UTF-8";
/*------------------------------*\
	ONE (TUMBLR THEME)
	
	Author: Angel Paunchev
	Author URL: http://paunchev.net
	Version: 1.5
	Edited: 2011-11-24
\*------------------------------*/

/*------------------------------*\
	$RESET
\*------------------------------*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {
	margin: 0;
	padding: 0;
}
article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section {
	display: block;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong,b,mark {
	font-weight: bold;
	font-style: inherit;
}
em,i,cite,q,address,dfn,var {
	font-style: italic;
	font-weight: inherit;
}
abbr[title],dfn[title] {
	cursor: help;
	border-bottom: 1px dotted;
}
ins {
	border-bottom: 1px solid;
}
a,u,ins {
	text-decoration: none;
}
del,s {
	text-decoration: line-through;
}
pre,code,samp,kbd {
	font-family: monospace;
}
small {
	font-size: 0.75em;
}
img {
	border: none;
	font-style: italic;
}
input,
select,option,optgroup,
textarea {
	font: inherit;
}

/*------------------------------*\
	$SHARED
\*------------------------------*/
h1,h2,h3,h4,h5,h6,
ul,ol,dl,
p,
blockquote,
table,
form,
pre,
hr,
.source {
	margin-bottom: 13px;
	margin-bottom: 1rem;
}
p:last-child,
blockquote:last-child {
	margin-bottom: 0;
}

ul,ol,dd {
	margin-left: 2em;
}

label,
.text-input,
textarea,
.btn {
	cursor: pointer;
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
	cursor: text;
}

h1,
.meta,
h4 {
	float: left;
	width: 180px;
	text-align: right;
}
.tagline,
.content,
.footer p,
.footer ul {
	float: right;
	width: 500px;
}

/*------------------------------*\
	$MAIN
\*------------------------------*/
html {
	overflow-y: scroll;
	font: 81.5%/1.5 sans-serif; /* 13px font-size with 19px line-height */
	background: #fcfcfc;
	border-top: 2px solid #666;
	color: #333;
}
body {
	width: 720px;
	margin: 40px auto;
}
::-moz-selection {
	background: #fef5ad;
}
::selection {
	background: #fef5ad;
}

/*------------------------------*\
	$HEADER
\*------------------------------*/
.header {
	overflow: hidden;
	margin-bottom: 40px;
}
	.header .tagline {
		margin-bottom: 0;
		font-size: 18px;
		font-size: 1.39rem;
		color: #666;
	}

/*------------------------------*\
	$POSTS
\*------------------------------*/
.posts {}
	.post {
		overflow: hidden;
		margin-bottom: 40px;
	}
		.post .content {}
			.post .content h2,
			.post .content h3 { color: #666; }
		
		.post .meta {
			color: #666;
		}
			.post .meta ul {
				list-style: none;
				margin: 0;
			}
			.post .meta li {
					font-size: 12px;
					font-size: 0.92rem;
					text-transform: uppercase;
				}
				.post .meta .post-type,
				.post .meta .post-type a {
					margin-bottom: 7px;
					margin-bottom: 0.54rem;
					height: 24px;
					line-height: 24px;
				}
					.post .meta .post-type a {
						padding: 4px 9px;
						background: #777;
						color: #fff;
						text-decoration: none;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;	
						border-radius: 4px;
						text-shadow: 1px 1px 2px #333;
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-ms-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						transition: all 0.3s ease;
					}
				.post .meta .tags li {
					display: inline;
					font-size: 11px;
					font-size: 0.85rem;
				}
				.post .meta .tags li:before { content: "#"; color: #bbb; }
				.post .meta .tags li:after { content: ", "; color: #bbb; }
				.post .meta .tags li:last-child:after { content: ""; }
					.post .meta .tags a { color: #777; }
					.post .meta .tags a:hover { text-decoration: underline; }
		
		.post .notes:before {
			display: block;
			width: 90px;
			height: 1px;
			margin: 13px 0;
			margin: 1rem 0;
			background: #ddd;
			content: " ";
		}
		.post .notes {
			margin: 0;
			list-style: none;
		}
			.post .notes .note {
				padding-bottom: 5px;
				color: #444;
			}
				.post .notes .note .avatar {
					display: inline-block;
					width: 16px;
					height: 16px;
					margin-right: 5px;
					vertical-align: -4px;
				}
				.post ol.notes li.note blockquote {
					margin: 10px 0 0 25px;
					padding: 5px 10px;
				}

	/*--- POST STYLES ---*/
	.text:hover .meta .post-type a,
	.answer:hover .meta .post-type a { background: #7e9732; }
	
	.answer h2 {
		font-size: 17px;
		font-size: 1.31rem;
		margin-bottom: 0;
	}
	
	.photo:hover .meta .post-type a { background: #5a308d; }
	.photo .content figcaption,
	.video .content figcaption {
		margin-top: 13px;
		margin-top: 1rem;
	}
	
	.quote:hover .meta .post-type a { background: #790f5b; }
	.quote blockquote {
		margin-bottom: 0;
		padding-left: 0;
		border: 0;
	}
	.short blockquote { font-size: 20px; font-size: 1.54rem; }
	.medium blockquote { font-size: 17px; font-size: 1.31rem; }
	.long blockquote { font-size: 15px; font-size: 1.15rem; }
	
	.link:hover .meta .post-type a { background: #df7f33; }
	
	.chat:hover .meta .post-type a { background: #c7c530; }
	.chat .chat-lines {
		list-style: none;
		margin: 0;
		border-left: 2px solid #ddd;
	}
		.chat .chat-lines li {
			padding: 4px 0 4px 8px;
			padding: 0.31rem 0 0.31rem 0.62rem;
			background: #f2f2f2;
			border-bottom: 1px solid #ddd;
			color: #444;
		}
		.chat .chat-lines .even { background: #f8f8f8; }
	
	.audio:hover .meta .post-type a { background: #cf4039; }
	.audio .song {
		overflow: hidden;
	}
		.song .player {
			max-width: 207px;
			float: left;
			margin-right: 20px;
		}
			.player .artwork {
				display: block;
				width: 207px;
				margin-bottom: 1px;
			}
		.song figcaption {
			float: left;
			width: 273px;
		}
			.song figcaption span { display: block; }
			.song figcaption .id3-song {
				font-size: 16px;
				font-size: 1.23rem;
			}
	
	.video:hover .meta .post-type a { background: #bb225a; }
	
	/*--- POST PAGINATION ---*/
	.pagination {
		margin: 0 0 40px 220px;
		overflow: hidden;
		font-size: 12px;
		font-size: 0.92rem;
		text-transform: uppercase;
	}
		.newer,
		#current,
		.older {
			float: left;
			width: 33.333%;
		}
			.newer:before {
				content: "← ";
				color: #bbb;
			}
		#current {
			color: #666;
			text-align: center;
		}
			#current abbr {
				cursor: help;
				border-bottom: 1px dotted #ccc;
			}
		#older {
			text-align: right;
		}
			.older:after {
				content: " →";
				color: #bbb;
			}

/*------------------------------*\
	$FOOTER
\*------------------------------*/
.footer {
	overflow: hidden;
}
	.footer ul {
		list-style: none;
		margin-left: 0;
	}
		.footer li {
			display: inline;
		}
		.footer li:after {
			content: "•";
			color: #ccc;
			padding: 0 3px 0 5px;
		}
		.footer li:last-child:after { content: ""; }
	.copyright {
		color: #666;
	}

/*------------------------------*\
	$TYPE
\*------------------------------*/
/*--- HEADINGS ---*/
h1 {
	font-size: 18px;
	font-size: 1.39rem;
	font-weight: normal;
	margin-bottom: 0;
	text-transform: uppercase;
}
h2 {
	font-size: 19px;
	font-size: 1.46rem;
	font-weight: normal;
}
h3 {
	font-size: 17px;
	font-size: 1.31rem;
	font-weight: normal;
}
h4 {
	font-weight: normal;
	margin-bottom: 0;
	text-transform: uppercase;
	color: #666;
}

/*--- LINKS ---*/
a {
	color: #1a5b90;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	text-decoration: none;
	color: #2276bb;
}

/*--- LISTS ---*/
li > ul,
li > ol {
	margin-bottom: 0;
}

/*--- QUOTES ---*/
q { quotes: "‘" "’" "“" "”"; }

q:before { content: "‘"; content: open-quote; }
q:after { content: "’"; content: close-quote; }

q q:before { content: "“"; content: open-quote; }
q q:after { content: "”"; content: close-quote; }

blockquote {
	padding-left: 13px;
	padding-left: 1rem;
	border-left: 2px solid #bbb;
}
.source {
	display: block;
	font-weight: normal;
	margin-top: 5px;
	margin-top: 0.39rem;
}
.source:before {
	content: "— ";
	color: #bbb;
}

/*--- CODE ---*/
pre, code, samp, kbd {
	font-size: 15px;
	font-size: 1.15rem;
}

/*------------------------------*\
	$IMAGES
\*------------------------------*/
img {
	max-width: 100%;
	height: auto;
}

/*------------------------------*\
	$CLEARFIX
\*------------------------------*/
.cf {
	zoom: 1;
}
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

/*------------------------------*\
	$MISC
\*------------------------------*/
object, embed { display: block; }

.accessibility { position: absolute; left: -99999px; }

.ext-link:after,
.read_more:after { content: " →"; color: #bbb; }

.left { float: left; }
.right { float: right; }