/*
Theme Name: Beckism.com Site Theme
Theme URI: http://beckism.com/
Description: New! Improved! Very few images!
Version: 4.5
Author: One Crayon
Author URI: http://onecrayon.com/

Coded with Espresso
http://www.macrabbit.com/espresso
*/
/* @group Reset */
/*
Modified Eric Meyer reset for HTML 5
Source: http://html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */
/* @group Elements */
html {
	background-color: #f5f5f5;
}
body {
	font: 62.5%/1 "Gill Sans", Verdana, sans-serif;
	text-align: center;
	color: #1e1e1e;
	background: url(images/page-shadow-left.png) repeat-y left, url(images/page-shadow-right.png) repeat-y right;
	min-width: 632px;
	padding-bottom: 15px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 18px;
	font-weight: normal;
	color: #000000;
}
h1 {
	font-size: 4.5em;
	line-height: 1.1111;
	margin-bottom: 24px;
}
h2, h3, h4, h5, h6 {
	font-size: 3.6em;
	line-height: 1.1667;
	margin-top: 36px;
}
h3, h4, h5, h6 {
	font-size: 2.4em;
	line-height: 1.75;
	font-weight: bold;
	margin: 0 0 6px;
}
h4 {
	font-style: italic;
}
h5 {
	font-weight: normal;
	font-style: italic;
}
h6 {
	font-weight: normal;
}
pre, code, kbd, samp, tt {
	font-family: monospace, monospace;
	font-size: 1em;
}
p, ul, ol, dl, td, pre {
	font-size: 1.8em;
	line-height: 1.4444;
	margin: 0 0 24px;
}
p p, ul p, ol p, dl p, td p, pre p, p ul, ul ul, ol ul, dl ul, td ul, pre ul, p ol, ul ol, ol ol, dl ol, td ol, pre ol, p dl, ul dl, ol dl, dl dl, td dl, pre dl, p td, ul td, ol td, dl td, td td, pre td, p pre, ul pre, ol pre, dl pre, td pre, pre pre {
	font-size: 1em;
}
p code, ul code, ol code, dl code, td code, pre code {
	font-size: .7778em;
	background: #ededed;
	padding: 2px 1px;
}
li pre code {
	display: block;
}
code, pre, kbd, samp, tt {
	font-family: Consolas, Monaco, monospace;
}
ul ul, ol ul, ul ol, ol ol {
	padding-left: 20px;
}
ul {
	list-style-type: disc;
}
ul ul {
	list-style-type: circle;
}
ol {
	list-style-type: decimal;
}
a:link, a:visited {
	color: #0a82c2;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
blockquote {
	border-left: 4px solid #d2d2d2;
	padding: 0 0 0 8px;
	margin: 0 0 0 -12px;
}
blockquote blockquote {
	margin: 0;
}
/* @end */
/* @group Classes */
.left {
	float: left;
}
.right {
	float: right;
}
img.left {
	margin: 0 18px 18px 0;
}
img.right {
	margin: 0 0 18px 18px;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}
.error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {
	color: #773322;
}
p.error, ul.error {
	color: #773322;
	font-weight: bold;
}
.caption {
	font-size: 1.4em;
	line-height: 1.857;
	color: #afafaf;
	text-align: center;
}
.musicbox {
	font: 1.4em/1.857 "Gill Sans", Helvetica, sans-serif;
	margin: 0 0 18px 18px;
	padding: 12px;
	text-align: center;
	float: right;
	background: #ededed;
	border: 1px solid #d2d2d2;
	border-right: none;
}
.dirt_location {
	font-style: italic;
	color: #afafaf;
	margin: 0 0 6px;
}
.standout {
	font-weight: bold;
	font-size: 1.2222em;
}
.jamendo_albumcomment {
	font-size: 1.4em;
	line-height: 1.4444;
}
.toplink {
	padding-left: 8px;
	background: url(images/icon-to-top.png) no-repeat left center;
}
/* @end */
/* @group Layout */
.cleared, #header nav, #social-links ul, #content, #pagenav, .post, div.error, .section, #footer {
	zoom: 1;
}
.cleared:after, #header nav:after, #social-links ul:after, #content:after, #pagenav:after, .post:after, div.error:after, .section:after, #footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#page {
	max-width: 900px;
	min-width: 584px;
	padding: 0 24px;
	margin: 0 auto;
	text-align: left;
}
#header {
	color: #afafaf;
	padding: 12px 0 0;
	position: relative;
}
#header a:link, #header a:visited {
	color: #626262;
}
#header img {
	vertical-align: bottom;
}
#header .title {
	border-bottom: 4px solid #d2d2d2;
}
#header .title h1 {
	position: relative;
	bottom: -4px;
	margin: 0;
	line-height: 1;
}
#header nav {
	padding-top: 40px;
	background: url(images/downward-border.png) repeat-y 124px;
}
#header #social {
	position: absolute;
	top: 8px;
	right: 0px;
	width: 130px;
}
#header #self-portrait {
	border: 4px solid #d2d2d2;
	float: right;
}
#header #social-links {
	float: right;
	background: url('images/up-arrow.png') no-repeat left bottom;
	padding: 0 0 0 10px;
}
#header #social-links ul {
	border-right: 4px solid #d2d2d2;
	border-bottom: 4px solid #d2d2d2;
	list-style-type: none;
	padding: 0 2px 0 5px;
	margin: 0;
	font-size: 1.6em;
	line-height: 1;
}
#header #social-links li {
	float: left;
}
#header #social-links a {
	display: block;
	padding: 2px;
}
#header #social-links .search:hover img, #header #social-links .search:active img {
	background-color: #d2ffa1;
}
#header #social-links .twitter:hover img, #header #social-links .twitter:active img {
	background-color: #9edafa;
}
#header #social-links .rss:hover img, #header #social-links .rss:hover img {
	background-color: #ffcca1;
}
#header #social-links img {
	display: block;
}
#header nav ul, #footer nav ul {
	float: left;
	border: 4px solid #d2d2d2;
	background: #ffffff;
	padding: 5px 8px 6px;
	margin: 0;
	line-height: 1;
}
#header nav li, #footer nav li {
	float: left;
	margin: 0 0 0 16px;
}
#header nav li:first-child, #footer nav li:first-child {
	margin: 0;
}
#content {
	clear: both;
	border-right: 4px solid #d2d2d2;
	border-bottom: 4px solid #d2d2d2;
	padding-top: 44px;
}
#content .post h1, #content div.error h1, #content .section h1 {
	background: #ffffff;
	border: 4px solid #d2d2d2;
	border-right: none;
	padding: 0 8px 5px;
}
#content .post h1 a:link, #content div.error h1 a:link, #content .section h1 a:link, #content .post h1 a:visited, #content div.error h1 a:visited, #content .section h1 a:visited {
	color: #000000;
}
#content .post .entry, #content div.error .entry, #content .section .entry, #content .post .excerpt, #content div.error .excerpt, #content .section .excerpt {
	padding: 0 0 0 12px;
}
#content .post .entry  > p, #content div.error .entry  > p, #content .section .entry  > p, #content .post .excerpt  > p, #content div.error .excerpt  > p, #content .section .excerpt  > p, #content .post .entry  > ul, #content div.error .entry  > ul, #content .section .entry  > ul, #content .post .excerpt  > ul, #content div.error .excerpt  > ul, #content .section .excerpt  > ul, #content .post .entry  > ol, #content div.error .entry  > ol, #content .section .entry  > ol, #content .post .excerpt  > ol, #content div.error .excerpt  > ol, #content .section .excerpt  > ol, #content .post .entry  > blockquote, #content div.error .entry  > blockquote, #content .section .entry  > blockquote, #content .post .excerpt  > blockquote, #content div.error .excerpt  > blockquote, #content .section .excerpt  > blockquote, #content .post .entry  > div, #content div.error .entry  > div, #content .section .entry  > div, #content .post .excerpt  > div, #content div.error .excerpt  > div, #content .section .excerpt  > div {
	width: 550px;
}
#content .post .entry  > .musicbox, #content div.error .entry  > .musicbox, #content .section .entry  > .musicbox, #content .post .excerpt  > .musicbox, #content div.error .excerpt  > .musicbox, #content .section .excerpt  > .musicbox {
	width: 17em;
}
#content .post .entry  > .series_toc, #content div.error .entry  > .series_toc, #content .section .entry  > .series_toc, #content .post .excerpt  > .series_toc, #content div.error .excerpt  > .series_toc, #content .section .excerpt  > .series_toc {
	width: 175px;
}
#content .post .entry  > pre code, #content div.error .entry  > pre code, #content .section .entry  > pre code, #content .post .excerpt  > pre code, #content div.error .excerpt  > pre code, #content .section .excerpt  > pre code, #content .post .entry  > code pre, #content div.error .entry  > code pre, #content .section .entry  > code pre, #content .post .excerpt  > code pre, #content div.error .excerpt  > code pre, #content .section .excerpt  > code pre {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 24px 3px 3px;
	background: #ededed;
	border: 2px solid #d2d2d2;
	border-right: none;
	overflow: auto;
}
#content .post .metadata, #content div.error .metadata, #content .section .metadata {
	color: #afafaf;
	padding: 0 12px 6px 12px;
	margin: 0 0 36px;
}
#content .post .metadata a:link, #content div.error .metadata a:link, #content .section .metadata a:link, #content .post .metadata a:visited, #content div.error .metadata a:visited, #content .section .metadata a:visited {
	color: #626262;
}
#content .page {
	padding-bottom: 36px;
}
#content .fiction h1:after {
	content: "\2190  (fiction)";
	display: inline-block;
	font-size: .3333em;
	line-height: 1;
	color: #afafaf;
	margin: 0 0 0 6px;
	padding: 3px 6px;
}
#content .section.column {
	width: 450px;
	float: left;
}
#content .section.column.last {
	width: 449px;
}
#content div.error {
	padding-bottom: 36px;
}
#content .series_toc {
	float: right;
	font-size: 77.78%;
	background: #ededed;
	border: 1px solid #d2d2d2;
	border-right: none;
	padding: 12px;
	color: #afafaf;
}
#content .series_toc a:link, #content .series_toc a:visited {
	color: #626262;
}
#content .series_toc ol {
	margin: 0;
	padding: 0 0 0 25px;
}
#content .series_toc h2 {
	margin-top: 0;
	margin-bottom: 6px;
}
#pagenav {
	border-left: 4px solid #d2d2d2;
	font-size: 1.8em;
	line-height: 1;
}
#pagenav a:link, #pagenav a:visited {
	color: #626262;
}
#pagenav .prev, #pagenav .next {
	padding: 31px 16px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 50%;
}
#pagenav .prev {
	float: left;
	text-align: left;
	background: url('images/footer-arrow-left.png') no-repeat left 37px;
}
#pagenav .next {
	float: right;
	text-align: right;
	background: url('images/footer-arrow-right.png') no-repeat right top;
	padding-right: 20px;
}
#footer {
	color: #afafaf;
}
#footer a:link, #footer a:visited {
	color: #626262;
}
#footer nav {
	padding: 36px 0 0;
	border-left: 4px solid #d2d2d2;
	margin-bottom: 36px;
	float: left;
}
#footer nav ul {
	position: relative;
	left: -4px;
}
#footer .follow {
	clear: both;
	padding: 0 0 0 12px;
}
#footer .copyright {
	font-size: 1.6em;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 18px 12px;
}
#search {
	float: right;
	padding-top: 43px;
}
#search input {
	font-size: 1.8em;
	line-height: 1.4444;
	font-family: "Gill Sans", Verdana, sans-serif;
	width: 200px;
}
/* @end */
/* @group Page Specific */
ol.archives {
	list-style-type: none;
	padding: 0 0 0 16px;
	line-height: 1;
}
ol.archives h2 {
	font-size: .7778em;
	line-height: 1;
	text-transform: uppercase;
	color: #afafaf;
	margin: 24px 0 12px;
}
ol.archives ol {
	list-style-type: none;
	padding: 0;
	margin: 0 0 18px;
	line-height: 1;
}
ol.archives ol li {
	margin-bottom: 12px;
}
ol.archives li {
	margin-bottom: 12px;
}
ol.archives a:link, ol.archives a:visited {
	color: #1e1e1e;
}
ol.archives .tags {
	font-size: .7778em;
	color: #afafaf;
}
ol.archives .tags a {
	font-weight: normal;
}
ol.archives .tags a:link, ol.archives .tags a:visited {
	color: #afafaf;
}
#comments, #respond {
	padding: 36px 0 0;
	border-left: 4px solid #d2d2d2;
}
#comments h1, #respond h1, #comments h3, #respond h3 {
	margin-bottom: 6px;
	padding-left: 16px;
	background: url('images/footer-arrow-left.png') no-repeat left 22px;
}
#commentjump {
	padding-left: 16px;
	margin-bottom: 12px;
}
.commentblock {
	width: 550px;
}
.commentlist {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 1.6em;
}
.commentlist .comment {
	margin: 0 0 12px;
}
.commentlist p, .commentlist pre {
	margin: 0 0 12px;
}
.commentlist .comment-author {
	color: #afafaf;
	margin: 0;
	padding: 0 16px 3px;
	font-style: italic;
}
.commentlist .comment-author a:link, .commentlist .comment-author a:visited {
	color: #626262;
}
.commentlist .comment-body {
	overflow: auto;
	border: 4px solid #d2d2d2;
	border-left: none;
	background-color: #ededed;
	padding: 8px 12px 0 16px;
}
.commentlist .bypostauthor > .comment-body {
	background-color: #ffffff;
}
.commentlist .comment-meta {
	text-align: right;
	font-size: .875em;
	position: relative;
	z-index: 10;
}
.commentlist .comment-meta p {
	margin: 0;
	padding: 3px 8px 0;
	color: #afafaf;
}
.commentlist .comment-meta p a:link, .commentlist .comment-meta p a:visited {
	color: #626262;
}
.commentlist .children {
	list-style-type: none;
	position: relative;
	top: -23px;
	margin: 0 0 -23px;
	padding: 0 0 1px 16px;
}
.commentlist .children .comment {
	margin-bottom: 0;
}
.commentlist .children .comment-author, .commentlist .children .comment-body {
	border-left: 4px solid #d2d2d2;
}
.commentlist .children .comment-author {
	padding-top: 22px;
}
#respond {
	padding: 24px 0;
	max-width: 550px;
}
#respond h3 {
	font-size: 4.5em;
	line-height: 1.1111;
	font-weight: normal;
}
#respond .logged-in-as {
	margin-bottom: 12px;
}
#commentform {
	padding: 0 0 0 16px;
}
#commentform label {
	color: #afafaf;
	display: block;
	font-size: 1.4em;
	line-height: 1.4444;
}
#commentform p label {
	font-size: .7778em;
	display: inline;
}
#commentform input {
	font-size: 1.8em;
	margin: 0 0 6px;
	width: 225px;
}
#commentform textarea {
	font-size: 1.8em;
	margin: 0 0 6px;
	width: 100%;
	height: 10em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#commentform .form-submit, #commentform .subscribe-to-comments {
	margin-bottom: 0;
}
#commentform .form-submit input, #commentform .subscribe-to-comments input {
	width: auto;
	font-size: 1em;
}
.commentlist #commentform label, .commentlist #commentform p label {
	font-size: .875em;
}
.commentlist #commentform input, .commentlist #commentform textarea {
	font-size: 1.125em;
}
.commentlist #commentform .form-submit input, .commentlist #commentform .subscribe-to-comments input {
	font-size: 1em;
}
.commentlist #respond {
	margin: 0 0 -12px 16px;
	padding-bottom: 0;
	position: relative;
	top: -35px;
}
.commentlist #respond h3 {
	font-size: 2.8125em;
}
.commentlist #respond small {
	display: block;
	padding-left: 16px;
	margin: 0 0 12px;
}
/* @end */
/* @group Media-specific */
@media only screen and (max-device-width: 480px) {
	#page {
		width: 584px;
	}
	#search {
		padding-top: 35px;
	}
	.commentlist #respond {
		top: -45px;
		margin-bottom: -22px;
	}
	.commentlist .children {
		top: -33px;
		margin-bottom: -33px;
	}
}
/* @end */