/*
	Theme sheet. This is the file that came with the purchase, and it is the only
	one that knows the whole page. Everything after it is an override bought or
	written later, and nothing is ever merged back down into here.

	Order inside this file is the order the page reads: reset, shell, header,
	nav, content column, entry internals, the rail, the footer. Order inside a
	rule is box, then border, then background, then colour and type, then the
	rest. The four breakpoints are not beside the rules they change; they were
	retrofitted years later and they sit in one block at the bottom.

	Colours here are the ones the theme shipped with. The skin file overrides
	them. Do not edit colours in this file.
*/

/* reset */

html, body, div, p, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, form, table, td, th {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color: #e8ebee;
	color: #333333;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; /* @seed type.body */
	font-size: 17px; /* @seed type.steps.3 */
	line-height: 1.45; /* @seed type.line_height */
}

a {
	color: #1f6f8b;
	text-decoration: underline;
}

a:visited {
	color: #6b4f8a;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
}

ul, ol {
	padding-left: 22px;
}

code, kbd, samp, pre {
	font-family: 'Andale Mono', 'DejaVu Sans Mono', monospace; /* @seed type.utility */
}

/* document shell */

#wrap-x578 {
	width: 1080px; /* @seed layout.max_width_px */
	margin: 0 auto;
	background-color: #ffffff;
}

.wrap-x578 {
	width: 1080px; /* @seed layout.max_width_px */
	margin: 0 auto;
}

#inner-x578 {
	padding: 20px 0 30px 0;
}

#content-sidebar-wrap-x578 {
	overflow: hidden;
}

#content-x578 {
	float: left;
	width: 740px;
	padding: 0 20px 0 20px;
}

#content-full-x578,
.full-width-content-x578 {
	width: auto;
	padding: 0 20px;
}

.page-content-x578,
.page-body-x578 {
	padding-bottom: 12px;
}

/* header */

#header-x578 {
	padding: 18px 0 14px 0;
	border-bottom: 1px solid #dddddd;
}

#title-area-x578 {
	float: left;
	width: 520px;
	padding-left: 20px;
}

#title-x578 {
	margin: 0;
	font-family: Georgia, 'Times New Roman', serif; /* @seed type.display */
	font-size: 28px; /* @seed type.steps.0 */
	line-height: 1.1;
	font-weight: bold;
}

#title-x578 a {
	color: #333333;
	text-decoration: none;
}

#description-x578,
.stack-tagline-x578,
.plate-note-x578 {
	padding-top: 4px;
	color: #6f6f6f;
	font-size: 13px;
}

#header-right-x578,
#header-stack-x578 {
	float: right;
	width: 540px;
	padding-right: 20px;
	text-align: right;
}

.header-widget-x578 {
	margin-bottom: 6px;
}

.header-item-x578 {
	display: inline-block;
	margin-left: 14px;
}

.header-item-link-x578 {
	font-size: 13px;
}

#masthead-grid-x578 {
	width: 100%;
}

.grid-cell-logo-x578 {
	width: 320px;
	padding: 0 20px;
	vertical-align: middle;
}

.grid-cell-banner-x578 {
	padding: 0 20px;
	vertical-align: middle;
	text-align: right;
}

.logo-plate-x578 {
	padding: 4px 0;
}

.plate-image-x578 {
	display: block;
}

/* nav */

#nav-x578,
#navbar-x578,
#navstrip-x578 {
	border-bottom: 1px solid #dddddd;
	background-color: #f4f6f7;
}

#menu-primary-x578,
.menu-primary-x578,
.menu-x578,
.pagenav-x578 {
	margin: 0;
	padding: 0 20px;
	list-style: none;
}

.menu-item-x578,
.page_item-x578 {
	display: inline-block;
	margin-right: 18px;
}

.nav-link-x578,
.menu-item-x578 a,
.page_item-x578 a {
	display: inline-block;
	padding: 10px 0;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
}

.nav-link-x578:hover,
.menu-item-x578 a:hover {
	text-decoration: underline;
}

/* the river */

.post-x578,
.leadpost-x578,
.excerpt-block-x578,
.datestack-x578,
.titleroll-row-x578 {
	margin-bottom: 26px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}

.entry-title-x578,
.excerpt-head-x578,
.leadpost-title-x578,
.datestack-what-x578 {
	margin-bottom: 4px;
	font-size: 22px; /* @seed type.steps.1 */
	line-height: 1.25;
	font-weight: bold;
}

.entry-title-link-x578,
.excerpt-head-link-x578,
.leadpost-link-x578,
.datestack-link-x578,
.titleroll-link-x578 {
	color: #333333;
	text-decoration: none;
}

.entry-title-link-x578:hover,
.excerpt-head-link-x578:hover,
.leadpost-link-x578:hover {
	text-decoration: underline;
}

.post-info-x578,
.excerpt-stamp-x578,
.leadpost-stamp-x578,
.datestack-when-x578,
.titleroll-date-x578 {
	margin-bottom: 10px;
	color: #6f6f6f;
	font-size: 13px;
}

.post-info-x578 .date-x578,
.stamp-abbr-x578 {
	color: #6f6f6f;
}

.post-info-sep-x578,
.post-info-author-x578,
.post-info-term-x578 {
	padding: 0 3px;
}

.entry-content-x578,
.excerpt-body-x578,
.leadpost-body-x578,
.datestack-summary-x578 {
	font-size: 18px; /* @seed type.body_size_px */
}

.entry-content-x578 p,
.excerpt-body-x578 p,
.leadpost-body-x578 p {
	margin-bottom: 14px;
}

.entry-content-x578 blockquote {
	margin: 0 0 14px 0;
	padding: 2px 0 2px 16px;
	border-left: 3px solid #dddddd;
	color: #444444;
}

.post-foot-x578,
.datestack-filed-x578 {
	padding-top: 8px;
	color: #6f6f6f;
	font-size: 13px;
}

.post-foot-cap-x578,
.datestack-term-x578,
.filed-cap-x578,
.tagged-cap-x578 {
	padding-right: 4px;
}

.filed-link-x578,
.datestack-term-x578 a {
	font-size: 13px;
}

.post-empty-x578,
.excerpt-empty-x578,
.datestack-empty-x578,
.titleroll-empty-x578 {
	padding: 18px 0;
	color: #6f6f6f;
}

.titleroll-x578 {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

.titleroll-cap-x578 {
	margin-bottom: 8px;
	font-size: 18px; /* @seed type.steps.2 */
	font-weight: bold;
}

.titleroll-row-x578 {
	margin-bottom: 8px;
	padding-bottom: 8px;
}

/* one entry */

.entry-headline-x578 {
	margin-bottom: 6px;
	font-size: 28px; /* @seed type.steps.0 */
	line-height: 1.2;
	font-weight: bold;
}

.entry-kicker-x578 {
	margin-bottom: 4px;
	color: #6f6f6f;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.entry-dateline-x578 {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eeeeee;
	color: #6f6f6f;
	font-size: 13px;
}

.dateline-abbr-x578,
.dateline-author-x578,
.dateline-term-x578 {
	padding-right: 4px;
}

.dateline-sep-x578 {
	padding: 0 4px;
	color: #bbbbbb;
}

.cloudlet-x578 {
	margin-top: 10px;
}

.cloudlet-tag-x578 {
	display: inline-block;
	margin: 0 6px 4px 0;
	font-size: 12px;
}

.permalink-box-x578 {
	width: 100%;
	margin-top: 14px;
	border-top: 1px solid #eeeeee;
}

.permalink-cell-cap-x578 {
	width: 90px;
	padding: 6px 0;
	color: #6f6f6f;
	font-size: 12px;
	vertical-align: top;
}

.permalink-cell-url-x578 {
	padding: 6px 0;
	font-size: 12px;
	word-break: break-all;
}

.permalink-anchor-x578 {
	font-size: 12px;
}

.relbox-x578,
.rp_hull-x578 {
	margin-top: 16px;
	padding: 10px 12px;
	border: 1px solid #eeeeee;
	background-color: #fbfbfb;
}

.relbox-row-x578,
.rp_row-x578 {
	padding: 2px 0;
	font-size: 13px;
}

.relbox-link-x578,
.rp_link-x578 {
	font-size: 13px;
}

/* what the writing itself may carry
	The only classes the generated body markup uses. Theme content classes, not
	chrome; nothing in the rail or the header reaches for them. */

.alignnone-x578 {
	display: block;
	margin: 0 0 14px 0;
}

.aligncenter-x578 {
	display: block;
	margin: 0 auto 14px auto;
}

.wp-caption-x578 {
	max-width: 100%;
	margin-bottom: 14px;
}

.wp-caption-text-x578 {
	padding-top: 4px;
	color: #6f6f6f;
	font-size: 12px;
	line-height: 1.35;
}

.size-full-x578,
.size-large-x578 {
	max-width: 100%;
	height: auto;
}

.size-medium-x578 {
	max-width: 400px;
	height: auto;
}

.more-link-x578 {
	display: inline-block;
	padding-top: 4px;
	font-size: 13px;
}

.pullquote-x578 {
	margin: 0 0 14px 0;
	padding: 6px 0 6px 16px;
	border-left: 3px solid #dddddd;
	font-size: 18px;
	line-height: 1.4;
}

.blockquote-source-x578 {
	display: block;
	padding-top: 4px;
	color: #6f6f6f;
	font-size: 12px;
	font-style: normal;
}

.update-note-x578 {
	margin: 0 0 14px 0;
	padding: 8px 10px;
	border: 1px solid #eeeeee;
	background-color: #fbfbfb;
	font-size: 14px;
}

.note-box-x578 {
	margin: 0 0 14px 0;
	padding: 8px 10px;
	background-color: #f4f6f7;
	font-size: 14px;
}

.screen-reader-text-x578 {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

/* pagination */

.navigation-x578,
.archive-pagination-x578 {
	padding: 10px 0 20px 0;
	font-size: 14px;
}

.pagenav-left-x578 {
	float: left;
}

.pagenav-right-x578 {
	float: right;
}

/* term and archive heads */

.archive-title-x578,
.taxplate-name-x578 {
	margin-bottom: 6px;
	font-size: 24px;
	font-weight: bold;
}

.archive-intro-x578,
.taxplate-note-x578 {
	margin-bottom: 16px;
	color: #555555;
}

.archive-feed-x578,
.taxplate-feed-x578,
.taxplate-count-x578 {
	font-size: 13px;
}

.archive-nothing-x578,
.taxplate-void-x578 {
	padding: 14px 0;
	color: #6f6f6f;
}

/* the date well */

.monthwell-x578,
.termwell-x578,
.register-x578 {
	margin-bottom: 24px;
}

.monthwell-year-x578,
.register-year-x578 {
	margin: 12px 0 6px 0;
	font-size: 14px;
	font-weight: bold;
}

.monthwell-row-x578,
.termwell-row-x578,
.register-pagerow-x578 {
	display: inline-block;
	width: 172px;
	padding: 2px 0;
	font-size: 13px;
}

.monthwell-link-x578,
.termwell-link-x578,
.register-link-x578 {
	font-size: 13px;
}

.monthwell-count-x578,
.termwell-count-x578,
.register-tally-x578 {
	padding-left: 4px;
	color: #6f6f6f;
	font-size: 12px;
}

.register-month-x578,
.register-pages-x578 {
	margin-bottom: 10px;
}

.register-jump-x578 {
	margin: 10px 0;
}

.register-select-x578,
.archive-select-x578,
.cat-select-x578,
.railpick-x578 {
	max-width: 240px;
	padding: 3px;
	border: 1px solid #cccccc;
	font-size: 13px;
}

.register-opt-x578,
.archive-opt-x578,
.cat-opt-x578 {
	font-size: 13px;
}

.register-go-x578,
.archive-go-x578,
.cat-go-x578,
.monthpick-go-x578,
.railbutton-x578 {
	padding: 3px 9px;
	border: 1px solid #cccccc;
	background-color: #f4f6f7;
	font-size: 12px;
}

/* the author box */

.author-box-x578,
.abh-frame-x578 {
	width: 100%;
	margin-bottom: 22px;
	padding: 12px 14px;
	border: 1px solid #eeeeee;
	background-color: #fbfbfb;
}

.author-box-name-x578,
.abh-name-x578 {
	margin-bottom: 2px;
	font-size: 18px;
	font-weight: bold;
}

.author-box-role-x578,
.abh-tally-x578 {
	margin-bottom: 6px;
	color: #6f6f6f;
	font-size: 12px;
}

.author-box-bio-x578,
.abh-bio-x578 {
	font-size: 14px;
}

.author-box-count-x578,
.abh-more-x578,
.abh-link-x578 {
	padding-top: 4px;
	font-size: 13px;
}

/* the disclosure */

.noticeplate-x578 {
	margin-bottom: 18px;
	padding: 10px 12px;
	border: 1px solid #e4e4e4;
	background-color: #fbfbfb;
}

.noticeplate-cap-x578 {
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: bold;
}

.noticeplate-body-x578 {
	color: #555555;
	font-size: 13px;
}

#sidebar-list-x578 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wide-widget-x578 {
	margin-bottom: 26px;
}

.widget-title-x578,
.widgettitle-x578,
.railcap-x578,
.boxcap-x578,
.widget-cap-x578,
.widgetcap-x578 {
	margin-bottom: 8px;
	padding-bottom: 4px;
	border-bottom: 2px solid #dddddd;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.postlist-x578,
.catlist-x578,
.termlist-x578,
.raillist-x578,
.finelist-x578,
.linkroll-x578,
.rolldown-x578,
.blogroll-x578,
.connect-list-x578 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.postlist-row-x578,
.termlist-row-x578,
.railrow-x578,
.finerow-x578,
.linkrow-x578,
.rolldown-row-x578,
.blogroll-item-x578,
.cat-item-x578,
.connect-row-x578 {
	padding: 3px 0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
	line-height: 1.4;
}

.postlist-link-x578,
.termlist-link-x578,
.raillink-x578,
.rolldown-link-x578 {
	font-size: 13px;
}

.postlist-note-x578,
.linkrow-note-x578,
.rolldown-note-x578,
.blogroll-note-x578,
.railnote-x578,
.cat-count-x578,
.termcount-x578,
.railcount-x578 {
	padding-left: 4px;
	color: #6f6f6f;
	font-size: 12px;
}

.textwidget-x578,
.widgetnote-x578,
.disclosure-body-x578 {
	color: #555555;
	font-size: 13px;
}

.widgetnote-x578 {
	padding: 8px 10px;
	border: 1px solid #eeeeee;
	background-color: #f4f6f7;
}

.searchform-x578,
.railform-x578,
.archive-form-x578,
.cat-form-x578,
.monthpick-form-x578,
.railpick-form-x578,
.lite-search-x578 {
	margin-bottom: 6px;
}

.field-x578,
.lite-input-x578,
.railtext-x578 {
	width: 180px;
	padding: 4px 6px;
	border: 1px solid #cccccc;
	font-size: 13px;
}

.searchsubmit-x578,
.lite-submit-x578 {
	padding: 4px 10px;
	border-radius: 2px; /* @seed layout.radius_px */
	border: 1px solid #cccccc;
	background-color: #f4f6f7;
	font-size: 12px;
}

.monthpick-x578 {
	max-width: 200px;
}

/* the footer */

#footer-x578,
#colophon-x578 {
	clear: both;
	padding: 18px 0 26px 0;
	border-top: 3px solid #dddddd;
	background-color: #f4f6f7;
	color: #6f6f6f;
	font-size: 13px;
}

#footer-widgets-x578 {
	padding-bottom: 14px;
}

.foot-grid-x578,
.foot-row-x578 {
	width: 100%;
}

.foot-col-x578,
.foot-col-about-x578,
.foot-col-nav-x578,
.foot-col-feed-x578 {
	width: 33%;
	padding: 0 20px;
	vertical-align: top;
}

.foot-cap-x578 {
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: bold;
}

.foot-list-x578,
.footer-menu-x578 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-menu-item-x578 {
	display: inline-block;
	margin-right: 14px;
}

.footer-menu-link-x578,
.foot-feed-x578,
.colophon-link-x578 {
	font-size: 13px;
}

.foot-note-x578,
.foot-creds-x578,
.creds-x578,
.colophon-line-x578 {
	padding: 0 20px;
	font-size: 12px;
}

/* The disclosure the plugin never provided, added by hand to all three footer
   arrangements so that no page can carry a commercial link without it. */
.creds-disclosure-x578,
.colophon-fine-x578,
.foot-disclosure-x578 {
	padding: 4px 20px 0 20px;
	font-size: 12px;
	font-style: italic;
}

.creds-disclosure-link-x578,
.colophon-fine-link-x578,
.foot-disclosure-link-x578 {
	font-style: normal;
	font-weight: bold;
}

/* body classes the CMS puts on the page, used only to place the rail */

.content-sidebar-x578 #content-x578 {
	float: left;
}

.home-x578 #content-x578,
.blog-x578 #content-x578,
.archive-x578 #content-x578,
.category-x578 #content-x578,
.author-x578 #content-x578,
.page-x578 #content-x578,
.single-x578 #content-x578,
.single-post-x578 #content-x578,
.page-template-default-x578 #content-x578,
.custom-header-x578 #content-x578 {
	padding-bottom: 10px;
}

.date-x578 #content-full-x578 {
	padding-bottom: 10px;
}

.hfeed-x578 {
	overflow: hidden;
}

/*
	Breakpoints. These were added long after everything above, all at once, and
	they were never folded back into the rules they override. Largest first,
	because that is the order they were written in. */

@media only screen and (max-width: 1200px) {
	#wrap,
	.wrap {
		width: 100%;
	}

	#content {
		width: 66%;
	}

	#title-area,
	#header-right,
	#header-stack {
		float: none;
		width: auto;
		text-align: left;
	}
}

@media only screen and (max-width: 1023px) {
	#content,
	#sidebar,
	#railtop,
	#railbottom {
		float: none;
		width: auto;
		padding: 0 16px;
	}

	.grid-cell-logo,
	.grid-cell-banner {
		display: block;
		width: auto;
		text-align: left;
	}

	.foot-col,
	.foot-col-about,
	.foot-col-nav,
	.foot-col-feed {
		display: block;
		width: auto;
		padding-bottom: 12px;
	}

	.monthwell-row,
	.termwell-row,
	.register-pagerow {
		width: 48%;
	}
}

@media only screen and (max-width: 600px) {
	#title {
		font-size: 24px;
	}

	.entry-headline {
		font-size: 24px;
	}

	.entry-title,
	.excerpt-head,
	.leadpost-title,
	.datestack-what {
		font-size: 20px;
	}

	.menu-item,
	.page_item,
	.deck-cell {
		display: block;
		margin-right: 0;
	}

	.monthwell-row,
	.termwell-row,
	.register-pagerow {
		display: block;
		width: auto;
	}

	.permalink-cell-cap {
		width: 70px;
	}
}

@media only screen and (max-width: 300px) {
	.field,
	.lite-input,
	.stack-field,
	.strip-field {
		width: 92%;
	}

	.register-select,
	.archive-select,
	.cat-select,
	.railpick {
		max-width: 100%;
	}
}
