/**
 * Theme Name: Hatch
 * Theme URI: http://alienwp.com/themes/hatch/
 * Description: A simple and minimal portfolio theme for photographers, illustrators, designers, or photobloggers. Responsive layout, optimized for mobile browsing (iPhone and iPad). Ideal for sites where images are the main type of content. The customization options include theme settings page, custom background, custom header.
 * Version: 0.2.9
 * Author: AlienWP
 * Author URI: http://alienwp.com
 * Tags: flexible-width, theme-options, threaded-comments, microformats, translation-ready, rtl-language-support, one-column, two-columns, right-sidebar, custom-background, custom-header, featured-images
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 */

/* Normalize
-------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] { display: none; }
figure { margin: 0; }
html {
	font-size: 1em;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	font: 0.75em/1.75em 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #555;
	background: #fff;
	padding: 0;
}
::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
a, a:visited {
	color: #64a2d8;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
abbr { cursor: help }
abbr[title] { border-bottom: 1px solid #ddd; }
acronym {
	font-size: 0.9166666666666667em;
	text-transform: uppercase;
	color: #666;
	border-bottom: 1px dotted #ddd;
	cursor: help;
}
acronym:hover {
	color: #333;
	background: #f5f5f5;
	border-bottom: 1px dotted #aaa;
}
small { font-size: 0.9166666666666667em; }
big { font-size: 15px; }
p { margin: 0 0 1.75em 0 }
b, strong { font-weight: bold; }
blockquote {
	margin: 0 1.75em;
	font-style: normal
}
blockquote em, blockquote cite { font-style: italic }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
em, cite {
	font-style: italic;
}
em em, cite cite { font-style: normal }
dfn { font-style: italic; }
address {
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;
	margin: 0 0 1.75em 0
}
li address, dd address { margin:0 }
del { text-decoration: line-through }
object { margin-bottom: 1.75em }
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #e7e7e7;
	margin: 1em 0 1.75em 0;
	padding: 0;
}
ins {
	font-family: Georgia, 'Times New Roman', Times, serif;
	background: #f5f5f5;
	color: #000;
	text-decoration: none;
	font-style: italic;
}
mark {
	background: #f5f5f5;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
pre code { font-size: 1em }
pre {
	font-size: 0.9166666666666667em;
	font-family: Monaco, monospace, Courier, "Courier New";
	overflow: auto;
	line-height: 1.75em;
	margin-bottom: 1.75em;
	padding: 10px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
code {
	font-size: 0.9166666666666667em;
	font-family: Monaco, monospace, Courier, "Courier New";
}
sub, sup {
	font-size: 0.8333333333333333em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul {
	list-style: square;
	margin: 0 0 1.75em 2.8em;
	padding: 0;
}
ol {
	list-style-type: decimal;
	margin: 0 0 1.75em 3.1em;
	padding: 0;
}
ol ol { list-style: upper-roman }
ol ol ol { list-style: lower-roman }
ol ol ol ol { list-style: upper-alpha }
ol ol ol ol ol { list-style: lower-alpha }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0 }
dl { margin: 0 0 1.75em 5px }
dt {
	font-weight: bold;
	margin: 10px 0 0 0
}
dd { margin: 5px 0 0 1.5em }
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: bold;
	margin: 0 0 15px 0;
	color: #333;
	line-height: 1.3em;
}
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.666666666666667em; }
h4 { font-size: 1.5em; }
h5 {
	font-size: 1.333333333333333em;
}
h6 {
	font-size: 1.166666666666667em;
	text-transform: uppercase;
	font-weight: normal;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
svg:not(:root) { overflow: hidden; }
form { margin: 0; }
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
label { cursor: pointer; }
legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
}
button, input, select, textarea, a.button {
	font-size: 1em;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button, input, a.button {
	line-height: normal;
	*overflow: visible;
}
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}
input:invalid, textarea:invalid { background-color: #f0dddd; }
option { padding: 1px 2px; }
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.75em;
}
td { vertical-align: top; }
th, td { text-align: left; }

/* WordPress classes 
-------------------------------------------------------------- */
img.wp-smiley {
	max-height: 0.9166666666666667em;
	margin: 0;
	padding: 0;
	border: none;
}
.gallery {
	display: block;
	text-align: center;
	margin-bottom: 1.75em !important;
}
.left, .alignleft {
	float: left;
	margin: 0 15px 5px 0;
}
.right, .alignright {
	float: right;
	margin: 0 0 10px 25px;
}
.center, .aligncenter {
	display: block;
	margin: 0 auto 1.75em auto !important;
}
.block, .alignnone {
	display: block;
	margin: 0 0 1.75em 0;
}
img.alignleft, img.alignright {
	margin-top: 5px;
	display: inline;
}
blockquote.alignleft, blockquote .alignright { width: 33%; }
.byline abbr, .entry-meta abbr, .comment-meta abbr { border: none; }
.clear { clear: both; }

/*  Transitions
----------------------------------------------------- */
a, input[type=submit], input[type=button], input[type=text], textarea, .home .hentry .entry-title, .archive .hentry .entry-title, .pagination a.page-numbers {
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* Tables 
-------------------------------------------------------------- */
table {
	margin: 0 0 1.75em 0;
	width: 100%;
}
table caption {
	font-size: 0.9166666666666667em;
	line-height: 1.75em;
	color: #888;
}
table th {
	font-size: 0.9166666666666667em;
	line-height: 1.75em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 2%;
	border-bottom: none;
	border-bottom: 3px solid #e7e7e7;
	text-align: left;
}
td {
	padding: 0.9166666666666667em 2%;
	color: #888;
	border-bottom: 1px solid #e7e7e7;
}

/* Lists 
-------------------------------------------------------------- */
ul li, ol li { line-height: 2.1em; }
dl { margin: 0 0 20px 30px; }
dl dt {
	margin: 0;
	font-size: 1.333333333333333em;
	line-height: 1.75em;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
}
dl dd {
	margin: 0 0 5px 20px;
	padding: 0;
	color: #888;
}

/* Blockquotes
-------------------------------------------------------------- */
blockquote, blockquote blockquote blockquote {
	overflow: hidden;
	padding: 0 0 0 40px;
	font-size: 1.25em;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	color: #aaa;
	background: url(images/quote.png) no-repeat 0 4px;
}

/* Code 
-------------------------------------------------------------- */
code {
	padding: 0 3px;
	color: #555;
	background: #e4f7ff;
}
pre {
	padding: 15px 20px;
	background: #f1fbff;
	border: 1px solid #e1f1f8;
}
pre code {
	padding: 0;
	background: transparent;
}

/* Forms 
-------------------------------------------------------------- */
form label, form input, form textarea { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
form label {
	line-height: 1em;	
	color: #222;
}
input[type="text"], input[type="password"], input[type="email"], .input-text, textarea, select {
	border: 1px solid #ddd;
	padding: 5px;
	outline: none;
	font-size: 0.9166666666666667em;
	margin: 0;
	display: block;
	background: #fff;
}
select { padding: 0; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, .input-text:focus {
	border: 1px solid #aaa;
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2);
}
textarea {
	display: block;
	width: 94%;
	min-height: 60px;
}
input[type="radio"] { vertical-align: text-middle; }
input[type="checkbox"] { display: inline; }
input[type="submit"]:hover { cursor: pointer }
.error { color: #ff4367; }

/* Images 
-------------------------------------------------------------- */
#site-title a:hover img { border: none; }
.hentry img, .entry-content img, .widget img, .wp-caption, .hentry embed, .entry-content embed, .widget embed, .hentry object, .entry-content object, .widget object, .hentry video, .entry-content video, .widget video {
	max-width: 100%;
}
.hentry img, .entry-content img, .widget img, .wp-caption {
	height: auto;
}

/* Captions [caption] 
-------------------------------------------------------------- */
.wp-caption {
	overflow: hidden;
	text-align: center;
}
.wp-caption img { margin: 0 0 5px 0; }
.wp-caption .wp-caption-text {
	margin: 5px 0;
	font-size: 0.9166666666666667em;
	line-height: 1em;
	color: #888;
	text-align: left;
}
.wp-caption a { border: none; }

/* Galleries 
-------------------------------------------------------------- */
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	margin: 0 !important;
}
.gallery br {
	display: block;
	line-height: 0;
	height: 0;
}
.gallery a { border: none; }
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0
}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	margin: 0 0 20px 0 !important;
	text-align: left;
	list-style: none;
	padding: 0;
}
.gallery img, .gallery .gallery-item .gallery-icon img {
	max-width: 89%;
	height: auto;
	margin: 0 auto;
}
.gallery-icon {
	overflow: hidden;
	margin: 0;
}
.gallery-caption {
	margin: 0;
	font-size: 0.9166666666666667em;
	line-height: 1.4em;
	color: #aaa;
}
.singular-attachment .hentry .gallery-caption { display: none; /* Hide captions in gallery on attachment pages */ }
.attachment-image {
	float: left;
	width: 100%;
}
.attachment-image img.alignleft { margin: 0; }	
.gallery-caption { margin: 3px 0 0 0 }
.col-0 { width: 100% }
.col-1 { width: 100% }
.col-2 { width: 50% }
.col-3 { width: 33.33% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.66% }
.col-7 { width: 14.28% }
.col-8 { width: 12.5% }
.col-9 { width: 11.11% }
.col-10 { width: 10% }
.col-11 { width: 9.09% }
.col-12 { width: 8.33% }
.col-13 { width: 7.69% }
.col-14 { width: 7.14% }
.col-15 { width: 6.66% }
.col-16 { width: 6.25% }
.col-17 { width: 5.88% }
.col-18 { width: 5.55% }
.col-19 { width: 5.26% }
.col-20 { width: 5% }
.col-21 { width: 4.76% }
.col-22 { width: 4.54% }
.col-23 { width: 4.34% }
.col-24 { width: 4.16% }
.col-25 { width: 4% }
.col-26 { width: 3.84% }
.col-27 { width: 3.7% }
.col-28 { width: 3.57% }
.col-29 { width: 3.44% }
.col-30 { width: 3.33% }

/* Layout
-------------------------------------------------------------- */
#main {
	clear: both;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#content, .singular-page.page-template-fullwidth #content {
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	min-height: 180px;
}
.singular-page #content {
	width: 68.08510638297872%;
}
#sidebar-primary {
	float: right;
	width: 27.65957446808511%;
}
.wrap {
	max-width: 940px;
	margin: 0 auto;
	position: relative;
}
#comments-template { clear: left; float: left; width: 68.08510638297872%; }
.singular-page #comments-template { width: 100%; }

/* Header 
-------------------------------------------------------------- */
#header {
	clear: both;
	float: left;
	width: 100%;
	margin: 40px 0 40px 0;
}
#branding {
	float: left;
	width: 35%;
	overflow: hidden;
}
#site-title {
	font-size: 3em;
	line-height: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	word-wrap: break-word;
}
#site-title a {
	color: #222;
	border-bottom: none;
}
#header img { max-width: 100%; }
#site-description {
	font-size: 1.333333333333333em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	color: #aaa;
	text-transform: none;
	float: left;
	width: 91.48936170212766%;
	clear: both;
}

/* Primary menu 
-------------------------------------------------------------- */
#menu-primary {
	font-size: 1em;
	width: 65%;
	margin: 20px 0 0 0;
	float: right;
	position: relative;
	z-index: 99;
}
#menu-primary .menu { float: right; }
#menu-primary .menu ul { float: right; }
#menu-primary li {
	display: block;
	float: left;
	min-height: 30px;
}
#menu-primary li a {
	line-height: 1em;
	margin-left: 3.5em;
	display: block;
	font-weight: bold;
}
#menu-primary li.current-menu-item a { color: #aaa; }
#menu-primary li li, #menu-primary li li.current-menu-item li {
	clear: both;
	float: none;
}
#menu-primary li li:first-child, #menu-primary li li.current-menu-item li:first-child { border-top: none; }
#menu-primary li li a, #menu-primary li li.current-menu-item li a {
	font-size: 1em;
	font-weight: normal;
	text-transform: none;
	color: #888;
	margin: 0 5px;
	padding: 12px 15px;
}
#menu-primary ul li a:hover, #menu-primary li ul li a:hover { color: #222; }

/* Dropdowns
-------------------------------------------------------------- */
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li:hover { visibility: inherit }
.menu li {
	float: left;
	position: relative;
}
.menu a {
	display: block;
	position: relative;
}
#menu-primary li ul {
	display: none;
	position: absolute;
	top: 25px;
	left: 23px;
	border: 1px solid #d9d9d9;
	background: #fff;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,.11);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,.11);
	box-shadow: 0 0 7px rgba(0,0,0,.11);
	z-index: 100;	
}
#menu-primary li:hover ul, #menu-primary li.sfHover ul {
	display: block;
}
#menu-primary li:hover li ul, #menu-primary li.sfHover li ul { top: -999em; }
#menu-primary li li:hover ul, #menu-primary li li.sfHover ul {
	top: -1px;
	left: 10em;	/* no-javascript fix */
	margin-left: 0;
	border-top: 1px solid #d9d9d9;
}
.menu li a.sf-with-ul, #menu-secondary li a.sf-with-ul { padding-right: 16px; }
.menu .sf-with-ul {
	background: url(images/dropdown.png) no-repeat right 40%;
}
.menu li li .sf-with-ul {
	background: url(images/dropright.png) no-repeat right 50%;
}

/* Home page 
-------------------------------------------------------------- */
#masthead{
	width: 100%;
	float: left;
	margin-bottom: 40px;
}
#author-bio {
	float: left;
	width: 27.65957446808511%;
}
#header-banner {
	width: 68.08510638297872%;
	float: right;
}
#header-banner img {
	max-width: 100%;
}

/* Posts 
-------------------------------------------------------------- */
.hentry {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 1em;
}
.singular .hentry {
	margin: 0 0 20px 0;
	position: relative;
}
.home .hentry, .archive .hentry, .home .sticky {
	float: left;
	width: 23.40425531914894%;
	height: 150px;
	margin: 0 2.127659574468085% 20px 0;
	position: relative;
	overflow: hidden;
}
.hentry img, .entry-content iframe, .entry-content object, .entry-content video, .entry-content embed { max-width: 100%; }
.hentry .single-thumbnail {
	margin-bottom: 40px;
}
.hentry .archive-thumbnail {
	max-width: 100%;
}
.home #content, .archive #content {
	width: 100%;
}
.home .hentry.last, .archive .hentry.last {
	margin-right: 0;
}
.post-link {
	display: block;
}
.post-aside {
	float: right;
	width: 27.65957446808511%;
	margin-top: 40px;
}
.entry-content .gallery {
	clear: both;
}

/* Post titles 
-------------------------------------------------------------- */
.hentry .entry-title {
	margin: 0 0 0.6em 0;
	padding: 0;
	font-size: 1.083333333333333em;
	line-height: 1.3em;
	border: none;
	color: #333;
}
.home .hentry .entry-title, .archive .hentry .entry-title {
	font-weight: normal;
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 90%;
	margin-bottom: 0;
	background: #fff;
	opacity: 0;
}
.home .hentry:hover .entry-title , .archive .hentry:hover .entry-title  {
	opacity: 1;
}
.singular .entry-title {
	font-size: 1.666666666666667em;
	font-weight: bold;
	margin-bottom: 0.3em;
}
.singular-page .entry-title { color: #ccc; }
.singular-page .entry-title { margin-bottom: 1.2em; }
.singular-attachment .entry-title { margin-bottom: 1.1em; }
.entry-title a, .entry-title a:visited { color: #222; }
.home .hentry .entry-title a, .archive .hentry .entry-title a {
	display: block;
	padding: 10px 13px;
}
.entry-title a:hover { color: #64a2d8; }
.home .hentry .entry-title a:hover, .archive .hentry .entry-title a:hover { color: #222; }

/* Post bylines/datelines 
-------------------------------------------------------------- */
.byline, .entry-meta {
	margin: 0 0 1em 0;
	font-size: 0.9166666666666667em;
	color: #aaa;
	line-height: 1.75em;
	word-spacing: 2px;
}
.singular .byline { margin-bottom: .5em; }
.byline a { color: #aaa; }
.entry-meta .post_tag a:hover, .byline a:hover, .byline .category a:hover { color: #000; }
.post_tag a, .author a, .bypostauthor a, .published, .byline .category a, .edit {
	font-style: normal;
	color: #888;
}
.comment-list .published, .comment-list .edit, .comment-list .comment-reply-link {
	font-size: 1em;
	text-transform: none;
}

/* Post excerpts 
-------------------------------------------------------------- */
.entry-summary p { margin: 0 0 1em 0; }
.home .entry-summary p, .archive .entry-summary p { color: #aaa; }

/* Singular post prev/next links 
-------------------------------------------------------------- */
.singular .loop-nav {
	font-size: 0.9166666666666667em;
	color: #888;
	clear: left;
	margin-top: 40px;
}

/* Page links for multi-paged posts <!--nextpage--> 
-------------------------------------------------------------- */
.page-links {
	clear: both;
	font-size: 0.9166666666666667em;
	word-spacing: 2px;
	line-height: 1em;
	color: #222;
}
.entry-summary .page-links {
	clear: none;
	font-size: 0.9166666666666667em;
	line-height: 1em;
	color: #aaa;
}
.page-links a, .page-links a:visited {
	display: inline-block;
	color: #888;
	background: #eee;
	padding: 3px 6px;
}
.page-links a:hover {
	color: #fff;
	background: #222;
}

/* Archive/search pagination and comment pagination 
-------------------------------------------------------------- */
.comment-navigation { margin-bottom: 1.75em; }
.pagination.loop-pagination {
	float: left;
	clear: both;
	margin-top: 20px;
	text-transform: lowercase;
}
.pagination .page-numbers, .comment-navigation .page-numbers {
	font-size: 0.9166666666666667em;
	display: inline-block;
	padding: 5px 10px 7px 10px;
	line-height: 1em;
	color: #888;	
}
.pagination a.page-numbers, .comment-navigation a.page-numbers {
	background: #eee;
}
.pagination a.page-numbers:hover, .comment-navigation a.page-numbers:hover {
	color: #000;
	background: #fff;
}

/* Sidebar after singular posts 
-------------------------------------------------------------- */
#sidebar-after-singular {
	overflow: hidden;
	margin: 0;
	font-size: 1em;
	float: left;
	width: 100%;
}

/* Widgets 
-------------------------------------------------------------- */
.sidebar .widget {
	float: left;
	width: 100%;
	margin-bottom: 26px;
	color: #888;
}
.widget table, .widget ul, .widget ol { margin-bottom: 0; }

/* Widget titles 
-------------------------------------------------------------- */
.sidebar .widget-title {
	font-size: 1.166666666666667em;
	color: #555;
	font-weight: bold;
}

/* Widget unordered lists 
-------------------------------------------------------------- */
.sidebar .widget ul { margin-left: 14px; }
.sidebar .widget ul li a { color: #555; }
.sidebar .widget ul li a:hover { color: #000; }
.sidebar .widget ul li a { color: #555; }
.sidebar .widget ul li a:hover { color: #000; }

/* Search form widget
-------------------------------------------------------------- */
.widget .search-form { overflow: hidden; }
.widget .search-form label {
	font-size: 0.9166666666666667em;
	line-height: 1.75em;
	color: #aaa;
}
.widget .search-form input[type="text"] {
	width: 91.538461%;
	float: left;
	padding: 8px 10px;
	font-size: 1em;
	color: #aaa;
}
.search-form .search-submit, .widget.search .widget-title { display: none; }

/* Comments 
-------------------------------------------------------------- */
.comment-list, .comment-list ol {
	list-style: none;
	margin: 0 0 25px 0;
}
.comment-list .comment-content ol {
	list-style: decimal;
	margin-left: 3.1em;
}
.comment-list { margin-bottom: 40px; }
.comment-list li {
	padding: 15px 0 0 0;
	border-top: none;
}
.comment-list li li { padding-left: 10.15625%; }
.comment-list .avatar {
	float: left;
	margin: 0 15px 10px 0;
}
.comment-meta {
	margin: 0 0 10px 0;
	font-size: 0.9166666666666667em;
	color: #aaa;
	line-height: 1.75em;
}
.comment-meta .comment-author cite {
	font-style: normal;
	font-weight: bold;
	color: #333;
	font-size: 1.25em;
}
.comment-author { margin-right: 10px; }
.comment-meta a {
	font-style: normal;
}
.comment-meta a:hover { color: #000; }
.comments-closed {
	padding: 10px 25px;
	font-size: 1em;
	color: #888;
	background: #f5f5f5;
}
.comment-content { margin-left: 65px; }
.comment-content p { margin-bottom: 1em; }
.comment-list .comment-content li {
	padding: 0;
}
.comment-list .comment-content ul, .comment-list .comment-content ol {
	margin-bottom: 1.692307em;
}

/* Comment form 
-------------------------------------------------------------- */
#respond {
	overflow: hidden;
	width: 75%;
}
.comment-list #respond { margin-top: 1.75em; }
#respond .log-in-out {
	font-size: 0.9166666666666667em;
	line-height: 1em;
	color: #888;
	margin-bottom: -7px;
}
#reply-title small a {
	font-size: 0.9166666666666667em;
	line-height: 1.75em;
	background: #fff;
	padding-right: 8px;
}
#respond label {
	font-size: 0.9166666666666667em;
	line-height: 1.75em;
	color: #bbb;
}
#respond p.req label {
	color: #888;
	line-height: 2.4em;
}
#respond span.required {
	font-size: 1em;
	font-weight: bold;
	color: #000;
}
#respond #submit { margin-bottom: 1.75em; }
#commentform input {
	display: inline;
	margin-right: 10px;
}
#commentform p {
	margin-bottom: 15px;
	line-height: 1em;
}
#comment { margin-top: 20px; }

/* Subsidiary sidebar 
-------------------------------------------------------------- */
#sidebar-subsidiary {
	overflow: visible;
	width: 104.2553191489362%;
	margin: 0 auto 0 auto;
	clear: both;
}
#sidebar-subsidiary .widget {
	float: left;
	width: 29.25170068027211%;
	margin: 0 4.081632653061224% 20px 0;
	font-size: 1em;
}

/* Footer 
-------------------------------------------------------------- */
#footer {
	overflow: hidden;
	clear: both;
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 30px 0;
	font-size: 0.9166666666666667em;
	color: #aaa;
}
#footer p { margin-bottom: 0; }
#footer a { color: #888; }
#footer a:hover { color: #64a2d8; }
.footer-left {
	float: left;
	width: 70%;
}
.footer-right {
	float: right;
	width: 30%;
}

/*  Buttons (submit etc.)
-------------------------------------------------------------- */
#respond #submit, .button, a.button, .awp-button, #subscribe #subbutton, .wpcf7-submit, #loginform .button-primary {
	color: #555;
	display: inline-block;
	text-shadow: 0 1px rgba(255, 255, 255, .9);
	cursor: pointer;
	margin-bottom: 20px;
	padding: 7px 14px;
	border: 1px solid #bbb;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #b5b5b5;
	background-color: #e7e7e7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#d9d9d9));
	background-image: -webkit-linear-gradient(top, #f7f7f7, #d9d9d9);
	background-image: -moz-linear-gradient(top, #f7f7f7, #d9d9d9);
	background-image: -ms-linear-gradient(top, #f7f7f7, #d9d9d9);
	background-image: -o-linear-gradient(top, #f7f7f7, #d9d9d9);
	background-image: linear-gradient(top, #f7f7f7, #d9d9d9);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
    box-shadow: 0px 1px 3px rgba(0,0,0,.1);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#respond #submit:hover, .button:hover, .awp-button:hover, #subscribe #subbutton:hover, .wpcf7-submit:hover, #loginform .button-primary:hover {
	color: #000;
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #e3e3e3, #e5e5e5);
	background-image: -moz-linear-gradient(top, #e3e3e3, #e5e5e5);
	background-image: -ms-linear-gradient(top, #e3e3e3, #e5e5e5);
	background-image: -o-linear-gradient(top, #e3e3e3, #e5e5e5);
	background-image: linear-gradient(top, #e3e3e3, #e5e5e5);
}
.menu li a { position: relative; }

/*  Gravity Forms (plugin)
----------------------------------------------------- */
.sidebar .widget ul li.gfield, #content .hentry ul li.gfield {
	background: none;
	padding-left: 0;
	margin-bottom: 15px;
}
.wordpress .gform_wrapper input[type="text"], .wordpress .gform_wrapper input[type="url"], .wordpress .gform_wrapper input[type="email"], .wordpress .gform_wrapper input[type="phone"], .wordpress .gform_wrapper input[type="number"], .wordpress .gform_wrapper input[type="password"], .wordpress .gform_wrapper textarea {
	padding: 4px;
	font-size: 1em;
}
.wordpress .gform_wrapper .gform_footer, .wordpress .gform_wrapper .gform_footer.right_label, .wordpress .gform_wrapper .gform_footer.left_label {
	padding-top: 0;
	margin-top: 0;
}
.wordpress .gform_wrapper .gform_footer.right_label, .wordpress .gform_wrapper .gform_footer.left_label { padding-left: 31.5%; }
.wordpress .gform_wrapper .top_label .gfield_label {
	margin: 0 0 5px;
}
.wordpress .gform_wrapper .ginput_complex .ginput_full input { width: 92% !important; }
.wordpress .gform_wrapper .field_name_first input, .wordpress .gform_wrapper .ginput_complex .ginput_left input { width: 83.7% !important; }
.wordpress .gform_wrapper .ginput_complex .ginput_right input, .wordpress .gform_wrapper .ginput_complex .ginput_right select { width: 83.7% !important; }
.wordpress .gform_wrapper select {
	padding: 2px;
	height: 2em;
	font-size: 1em;
}
.wordpress .gform_wrapper .gsection {
	border-bottom: 1px solid #e9e9e9;
	margin: 40px 0 20px 0 !important;
}
.gform_wrapper .gfield_description, .gform_wrapper div.charleft { color: #aaa !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
	max-width: 500px;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
	max-width: 300px;
}

/*  Contact Form 7 (plugin)
----------------------------------------------------- */
.wpcf7-form p {
	margin-bottom: 15px;
	line-height: 2.2em;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="password"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form select { padding: 6px; max-width: 500px; }

/*  Media Queries (mobile browsing)
----------------------------------------------------- */
/* Tablet (portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrap { max-width: 728px; }
	.widget .search-form input[type="text"] { width: 89%; }
	.widget table { font-size: 0.9166666666666667em; }
	#sidebar-subsidiary .widget table { width: 90%; }
	.hentry .single-thumbnail { width: 68.08510638297872%; }
	.post-aside { margin-top: 20px; }
	.col-0 { width: 100% }
	.col-1 { width: 100% }
	.col-2 { width: 50% }
	.col-3 { width: 33.33% }
	.col-4 { width: 25% }
	.col-5 { width: 20% }
	.col-6 { width: 16.66% }
	.col-7 { width: 16.66% }
	.col-8 { width: 16.66% }
	.col-9 { width: 16.66% }
	.col-10 { width: 16.66% }
	.col-11 { width: 16.66% }
	.col-12 { width: 16.66% }
	.col-13 { width: 16.66% }
	.col-14 { width: 16.66% }
	.col-15 { width: 16.66% }
	.col-16 { width: 16.66% }
	.col-17 { width: 16.66% }
	.col-18 { width: 16.66% }
	.col-19 { width: 16.66% }
	.col-20 { width: 16.66% }
	.col-21 { width: 16.66% }
	.col-22 { width: 16.66% }
	.col-23 { width: 16.66% }
	.col-24 { width: 16.66% }
	.col-25 { width: 16.66% }
	.col-26 { width: 16.66% }
	.col-27 { width: 16.66% }
	.col-28 { width: 16.66% }
	.col-29 { width: 16.66% }
	.col-30 { width: 16.66% }
}
/* Mobile (portrait) */
@media only screen and (max-width: 767px) {
	.wrap { max-width: 300px; }
	body { line-height: 1.666666666666667em; }
	#header { margin-bottom: 10px; }
	#branding {
		float: left;
		width: 100%;
		position: relative;
		margin-bottom: 20px;
	}
	#site-description { font-size: 1.166666666666667em; }
	#author-bio {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#header-banner, #sidebar-subsidiary .widget, #respond, .singular-page #content, #comments-template, .singular-page #comments-template { width: 100%; }
	#menu-primary {
		float: left;
		clear: both;
		width: 100%;
		margin-top: 10px;
	}
	#menu-primary .menu { float: left; }
	#menu-primary ul li { clear: left; }
	#menu-primary ul li a { margin-left: 0; }
	#content { width: 100%; }
	.home .hentry, .archive .hentry {
		margin: 0 auto 20px auto;
		clear: left;
		width: 73.33333333333333%;
	}
	.hentry .single-thumbnail { margin-bottom: 20px; width: 100%; }
	.post-aside {
		width: 100%;
		margin-top: 0;
	}
	.comment-list li li { padding-left: 0; }
	.singular .loop-nav { margin: 15px 0 20px 0; }
	#sidebar-primary {
		width: 100%;
		clear: left;
	}
	#footer { min-height: 85px; }
	.col-0 { width: 100% }
	.col-1 { width: 100% }
	.col-2 { width: 100% }
	.col-3 { width: 100% }
	.col-4 { width: 50% }
	.col-5 { width: 50% }
	.col-6 { width: 33.33% }
	.col-7 { width: 33.33% }
	.col-8 { width: 33.33% }
	.col-9 { width: 33.33% }
	.col-10 { width: 33.33% }
	.col-11 { width: 33.33% }
	.col-12 { width: 33.33% }
	.col-13 { width: 33.33% }
	.col-14 { width: 33.33% }
	.col-15 { width: 33.33% }
	.col-16 { width: 33.33% }
	.col-17 { width: 33.33% }
	.col-18 { width: 33.33% }
	.col-19 { width: 33.33% }
	.col-20 { width: 33.33% }
	.col-21 { width: 33.33% }
	.col-22 { width: 33.33% }
	.col-23 { width: 33.33% }
	.col-24 { width: 33.33% }
	.col-25 { width: 33.33% }
	.col-26 { width: 33.33% }
	.col-27 { width: 33.33% }
	.col-28 { width: 33.33% }
	.col-29 { width: 33.33% }
	.col-30 { width: 33.33% }
}

/* Inline style settings from the 2013 header */
html { font-size: 16px; }
body { font-family: Arial, serif; }
a, a:visited, #footer a:hover, .entry-title a:hover { color: #64a2d8; }
a:hover, a:focus { color: #000; }

/* Restoration additions */
.gallery-note { margin: 1.5em 0; padding: 1em 1.2em; background: #f6f6f6; border-left: 3px solid #64a2d8; color: #555; font-style: italic; }
.entry-content img.featured-full { max-width: 100%; height: auto; margin-bottom: 1.2em; }
.back-home { margin: 2em 0 0; font-size: .9em; }

/* Restored photo galleries (Flickr, 2026 restoration) */
.restored-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; margin: 1.6em 0; }
.restored-gallery figure { margin: 0; }
.restored-gallery img { width: 100%; height: 150px; object-fit: cover; display: block; }
.restored-gallery figcaption { font-size: 12px; color: #666; line-height: 1.4; padding-top: 5px; }
.restored-gallery a:hover img { opacity: .85; }

/* Remembrances — the memorial's original guest comments (2012-2013) */
.remembrances { margin-top: 2.5em; border-top: 1px dotted #ccc; padding-top: 1.5em; }
.remembrances h3 { margin-bottom: .8em; }
.remembrance { background: #f9f8f5; padding: 1em 1.3em; margin: 0 0 1em; }
.remembrance.reply { margin-left: 2.5em; }
.remembrance p { margin: 0 0 .6em; }
.remembrance cite { font-style: normal; color: #999; font-size: .85em; }

/* Book plates — "An Artist's Story" chapters */
.entry-content .book-plate { margin: 40px auto; max-width: 620px; text-align: center; }
.entry-content .book-plate img { display: block; margin: 0 auto; padding: 8px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; }
.entry-content .book-plate--tall img { max-height: 560px; width: auto; }
.entry-content .book-plate figcaption { margin: 12px auto 0; max-width: 480px; font-size: 12px; font-style: italic; line-height: 1.6; color: #999; text-align: center; }

/* Letter transcriptions inside book plates */
.book-plate details.transcription { margin: 10px auto 0; max-width: 540px; }
.book-plate details.transcription summary { font-size: 12px; font-style: italic; color: #999; cursor: pointer; }
.book-plate details.transcription p { font-size: 12px; color: #777; line-height: 1.7; margin: .6em 0 0; text-align: left; }
.book-plate details.transcription p.transcription-note { color: #aaa; }

/* Letter groups — multi-page letters shown one page at a time, in reading order.
   Without JavaScript (.paged never added) the pages stack vertically. */
.entry-content .letter-group figcaption { margin: 0 auto 14px; }
.letter-group .letter-page { margin: 0 0 14px; }
.letter-group .letter-page img { max-height: 560px; width: auto; }
.letter-group.paged .letter-page { display: none; margin: 0; }
.letter-group.paged .letter-page.current { display: block; }
.letter-nav { margin: 10px 0 0; }
.letter-nav button { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; background: #fff; border: 1px solid #ccc; color: #666; padding: 5px 12px; cursor: pointer; }
.letter-nav button:hover { border-color: #64a2d8; color: #64a2d8; }
.letter-nav button[disabled] { opacity: .35; cursor: default; }
.letter-nav button[disabled]:hover { border-color: #ccc; color: #666; }
.letter-nav .letter-counter { display: inline-block; margin: 0 12px; min-width: 84px; font-size: 12px; font-style: italic; color: #999; }
.letter-group .letter-transcription { margin: 16px auto 0; max-width: 540px; border-top: 1px dotted #ccc; padding-top: 10px; }
.letter-group .letter-transcription p { font-size: 12px; color: #777; line-height: 1.7; margin: .6em 0 0; text-align: left; }
.letter-group .letter-transcription p.transcription-label { margin: 0; font-size: 12px; font-style: italic; color: #999; text-align: center; }
.letter-group .letter-transcription p.transcription-note { color: #aaa; text-align: center; }

/* His Paintings — museum-wall entries: painting beside the story Lee wrote
   on the back of its frame. Grid thumbnails above act as a visual index. */
.artist-note { margin: 1.6em auto; max-width: 560px; background: #f9f8f5; border: 1px solid #e5e2da; padding: 1.1em 1.4em; }
.artist-note h3 { font-size: 13px; letter-spacing: 1px; text-transform: uppercase; color: #999; margin: 0 0 .6em; text-align: center; }
.artist-note p { font-size: 13px; line-height: 1.7; color: #555; margin: 0 0 .6em; }
.artist-note p:last-child { margin-bottom: 0; }
.restored-gallery a:hover img { opacity: .8; }
.painting-entry { display: flex; gap: 26px; align-items: flex-start; border-top: 1px dotted #ccc; padding-top: 26px; margin: 26px 0; }
.painting-entry .plate { flex: 0 0 52%; max-width: 52%; }
.painting-entry .plate img { width: 100%; height: auto; display: block; padding: 6px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; }
.painting-entry .plate-label { flex: 1; min-width: 0; }
.painting-entry .plate-label h3 { font-size: 16px; margin: 0 0 .5em; }
.painting-entry .plate-label p { font-size: 13px; line-height: 1.75; color: #555; margin: 0 0 .7em; }
.painting-entry .plate-label .note-source { font-size: 11px; font-style: italic; color: #aaa; }
.painting-entry .plate-label .no-note { font-size: 12px; font-style: italic; color: #aaa; }
@media (max-width: 660px) {
  .painting-entry { display: block; }
  .painting-entry .plate { max-width: 100%; margin-bottom: 12px; }
}

/* Homepage cards — the book first, the paintings second; unfinished pages
   grouped under Coming Soon. Titles always visible (the theme's hover-only
   titles were invisible on touch screens). */
.feature-cards { display: flex; gap: 20px; margin: 0 0 28px; }
.feature-card { flex: 1 1 0; min-width: 0; display: block; background: #fff; border: 1px solid #ddd; padding: 10px; text-decoration: none; }
.feature-card img { width: 100%; height: 240px; object-fit: cover; display: block; }
.feature-card h2 { margin: 12px 4px 6px; padding: 0; border: none; font-size: 18px; font-weight: bold; color: #222; }
.feature-card p { margin: 0 4px 6px; font-size: 13px; line-height: 1.6; color: #666; }
.feature-card:hover h2 { color: #64a2d8; }
.coming-soon { clear: both; border-top: 1px dotted #ccc; padding-top: 18px; margin-bottom: 24px; }
.coming-soon-title { margin: 0 0 14px; padding: 0; border: none; font-size: 12px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; color: #999; }
.coming-soon-cards { display: flex; gap: 16px; }
.soon-card { flex: 1 1 0; min-width: 0; display: block; text-decoration: none; opacity: .8; }
.soon-card:hover { opacity: 1; }
.soon-card img { width: 100%; height: 110px; object-fit: cover; display: block; border: 1px solid #ddd; background: #fff; padding: 4px; box-sizing: border-box; }
.soon-card span { display: block; margin-top: 8px; font-size: 12px; line-height: 1.4; color: #555; }
@media (max-width: 660px) {
  .feature-cards { display: block; }
  .feature-card { margin-bottom: 16px; }
  .feature-card img { height: 180px; }
  .coming-soon-cards { gap: 10px; }
  .soon-card img { height: 80px; }
  .soon-card span { font-size: 11px; }
}

/* An Artist's Story — illustrated table of contents */
.chapter-list { margin: 10px 0 20px; }
.chapter-row { display: flex; gap: 16px; align-items: center; padding: 12px 6px; border-top: 1px dotted #ddd; text-decoration: none; }
.chapter-list .chapter-row:last-child { border-bottom: 1px dotted #ddd; }
.chapter-row:hover { background: #f9f8f5; }
.ch-thumb { flex: 0 0 96px; }
.ch-thumb img { width: 96px; height: 72px; object-fit: cover; display: block; border: 1px solid #ddd; background: #fff; padding: 3px; box-sizing: border-box; }
.chapter-row.no-thumb { padding-left: 118px; }
.ch-text { min-width: 0; }
.ch-num { display: block; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #aaa; }
.ch-title { display: block; margin: 2px 0; font-size: 15px; font-weight: bold; color: #222; }
.chapter-row:hover .ch-title { color: #64a2d8; }
.ch-teaser { display: block; font-size: 12px; line-height: 1.55; color: #777; }
@media (max-width: 660px) {
  .chapter-row { gap: 10px; padding: 10px 2px; }
  .ch-thumb { flex-basis: 64px; }
  .ch-thumb img { width: 64px; height: 64px; }
  .chapter-row.no-thumb { padding-left: 2px; }
}


/* --- editorial-review additions (2026-07-29): editor's notes, chapter nav,
       cross-links, Davenport roll table --- */
.editors-note {
	font-size: 13px;
	font-style: italic;
	color: #777;
	margin: 0.6em 0 0;
}
figcaption.editors-note { margin-top: 0.5em; }
.see-also,
.provenance {
	font-size: 13px;
	font-style: italic;
	color: #777;
}
.chapter-nav {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1em;
	margin: 2em 0 1em;
	padding-top: 0.8em;
	border-top: 1px solid #ddd;
	font-size: 13px;
}
.chapter-nav a { text-decoration: none; }
.chapter-nav .ch-next { text-align: right; }
.davenport-addendum { margin-top: 1em; }
.davenport-addendum img,
.artist-note img { max-width: 100%; height: auto; }
.roll-table {
	border-collapse: collapse;
	font-size: 13px;
	margin: 0.6em 0;
	width: 100%;
}
.roll-table th,
.roll-table td {
	border: 1px solid #ddd;
	padding: 3px 8px;
	text-align: left;
}
.roll-table .roll-total td { font-weight: bold; }
@media (max-width: 660px) {
	.chapter-nav { display: block; }
	.chapter-nav a { display: block; margin: 0.4em 0; }
	.roll-table { font-size: 12px; }
}