/*
Theme Name: Simfo
Theme URI: https://wordpress.com/themes/simfo/
Author: Automattic
Author URI: https://wordpress.com/themes/
Description: Simfo has a sharp looking minimal style perfect for photographers.
Version: 1.1-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: art, classic-menu, clean, custom-background, custom-colors, custom-header, custom-menu, design, fashion, featured-images, flexible-header, full-width-template, infinite-scroll, light, minimal, one-column, portfolio, post-slider, responsive-layout, right-sidebar, simple, translation-ready, two-columns, white
Status: inactive

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Simfo is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
*/


/* =Reset
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	background: #fff url( 'images/body-bg.png' ) center top no-repeat;
	padding: 10px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol,
ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #666;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	clear: both;
	color: #000;
	font-family: 'Old Standard TT', 'Times New Roman', Times, serif;
	font-style: italic;
	margin: 1.4rem 0;
}
h1 {
	font-size: 26px;
	font-size: 2.6rem;
}
h2 {
	font-size: 23px;
	font-size: 2.3rem;
}
h3 {
	font-size: 21px;
	font-size: 2.1rem;
}
h4 {
	font-size: 18px;
	font-size: 1.8rem;
}
h5 {
	font-size: 16px;
	font-size: 1.6rem;
}
h6 {
	font-size: 15px;
	font-size: 1.5rem;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p,
ul,
ol,
dl,
pre {
	margin: 1.3em 0;
}
ul,
ol {
	margin-left: 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin: 0 0 0 1.5em;
}
li {
	line-height: 1.75;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em 0;
}
b,
strong {
	font-weight: bold;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	margin: 0 1.5em;
}
blockquote blockquote {
	margin: 0 0 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.3;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 11px;
	font-size: 1.1rem;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
td {
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}
tr:last-child > td {
	border-bottom: 0;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.more-link {
	background: #333;
	border: 1px solid #000;
	border-color: #222 #222 #000 #222;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.3 ), inset 0 15px 17px rgba( 255, 255, 255, 0.3 ), inset 0 -5px 12px rgba( 0, 0, 0, 0.05 );
	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.3 ), inset 0 15px 17px rgba( 255, 255, 255, 0.3 ), inset 0 -5px 12px rgba( 0, 0, 0, 0.05 );
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.3 ), inset 0 15px 17px rgba( 255, 255, 255, 0.3 ), inset 0 -5px 12px rgba( 0, 0, 0, 0.05 );
	color: #fff;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 0.82em 1.2em 0.7em;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.more-link:hover {
	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.4 ), inset 0 15px 17px rgba( 255, 255, 255, 0.4 ), inset 0 -5px 12px rgba( 0, 0, 0, 0.02 );
	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.4 ), inset 0 15px 17px rgba( 255, 255, 255, 0.4 ), inset 0 -5px 12px rgba( 0, 0, 0, 0.02 );
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.4 ), inset 0 15px 17px rgba( 255, 255, 255, 0.4 ), inset 0 -5px 12px rgba( 0, 0, 0, 0.02 );
	text-decoration: none;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.more-link:active {
	border-color: #000;
	-webkit-box-shadow: inset 0 -1px 0 rgba( 255, 255, 255, 0.5 ), inset 0 2px 5px rgba( 0, 0, 0, 0.15 );
	-moz-box-shadow: inset 0 -1px 0 rgba( 255, 255, 255, 0.5 ), inset 0 2px 5px rgba( 0, 0, 0, 0.15 );
	box-shadow: inset 0 -1px 0 rgba( 255, 255, 255, 0.5 ), inset 0 2px 5px rgba( 0, 0, 0, 0.15 );
	text-decoration: none;
}
.more-link {
	padding: 0.32em 0.7em 0.2em;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #111;
}
input[type=text],
input[type=email] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color: rgba( 0, 0, 0, 1 );
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
}
a img {
	border: 0;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}
img.alignleft,
img.alignright,
img.alignnone {
	margin-top: 0.5em;
}
img.aligncenter {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}


/* =Header
---------------------------------------------------- */

.site-header {
	border-bottom: 4px double #999;
	margin: 0 2% 15px;
	margin-bottom: 1.5rem;
	position: relative;
		z-index: 100;
}
.site-title {
	word-wrap: break-word;
}
.site-title,
.site-title a {
	color: #000;
}
.site-title {
	font-family: 'Old Standard TT', "Times New Roman", Times, serif;
	font-size: 30px;
	font-size: 3.0rem;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
	margin-bottom: 1.0rem;
	text-align: center;
	text-shadow: 0 2px 0 rgba( 0, 0, 0, .1 );
}
.site-title a {
	text-decoration: none;
}
.site-description {
	color: #999;
	font-family: 'Old Standard TT', "Times New Roman", Times, serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-style: italic;
	line-height: 1.5;
	margin: 0 auto 10px;
	margin: 0 auto 1.0rem;
	max-width: 450px;
	text-align: center;
}
.site-header-image {
	text-align:center;
	margin-bottom: 20px;
	margin-bottom: 2.0rem;
}


/* =Menu
---------------------------------------------------- */

.main-navigation {
	clear: both;
	font-family: 'Old Standard TT', "Times New Roman", Times, serif;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 10px 0;
	margin: 1.0rem 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.main-navigation .nav-menu {
	background: #fff;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
	box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
	display: none;
	margin: 0 5px 10px;
	padding: 10px 0 5px;
}
.main-navigation .nav-menu.toggled-on {
	display: block;
}
.main-navigation h1 {
	cursor: pointer;
	clip: auto;
	font-size: 16px;
	font-size: 1.6rem;
	position: static;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	display: block;
	position: relative;
}
.main-navigation a {
	color: #000;
	display: block;
	padding: 6px 0 12px;
	text-decoration: none;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
	border-top-color: #999;
}
.nav-menu li:hover > a,
.nav-menu li.focus > a {
	background: #f3f3f3;
}


/* =Layouts
---------------------------------------------------- */

.site-main {
	margin-right: 2%;
	margin-left: 2%;
}
.simfo-front-page .site-main {
	margin-right: 0;
	margin-left: 0;
}
.simfo-front-page .front-page-content,
.simfo-front-page .paging-navigation {
	margin-right: 2%;
	margin-left: 2%;
}


/* =Entry: Full
---------------------------------------------------- */

.entry {
	margin-bottom: 45px;
	margin-bottom: 4.5rem;
}
.entry-meta {
	clear: both;
	font-family: 'Old Standard TT', "Times New Roman", Times, serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
}
.entry-meta,
.entry-meta > a,
.entry-author,
.entry-author > a {
	color: #999;
}
.entry-categories:before,
.entry-tags:before,
.entry-meta .entry-discussion-link:before {
	color: #bbb;
	content: '\0020\002F\0020';
}
.entry-title {
	color: #000;
	font-family: 'Old Standard TT', "Times New Roman", Times, serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 1.3;
	margin: 0;
}
.entry-title a:hover {
	text-decoration: none;
}
.entry-content,
.entry-summary {
	margin: 1.0rem 0 0;
}
.entry-content > *:first-child,
.entry-summary > *:first-child,
.entry-content > *:only-child,
.entry-summary > *:only-child {
	margin-top: 0;
}
.entry-content > *:last-child,
.entry-summary > *:last-child,
.entry-content > *:only-child,
.entry-summary > *:only-child {
	margin-bottom: 0;
}
.entry-content img,
.entry-content > div {
	margin-bottom: 10px;
	margin-bottom: 1.0rem;
}
.entry-actions {
	margin-top: 10px;
	margin-top: 1.0rem;
}
.entry-edit-link {
	color: #bbb;
}
.entry-edit-link:before {
	content: '\005B';
}
.entry-edit-link:after {
	content: '\005D';
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.post-password-required input[type=submit] {
	padding: 0.6rem 1.0rem;
}
.sticky {
}
.error404 .not-found {
	text-align: center;
	min-height: 500px;
}

/* =Entry: Grid
----------------------------------------------- */

.entry-grid {
	width: 96%;
	margin: 0 2% 10%;
	overflow: hidden;
}
.entry-grid .entry-edit-link a {
	color: #666;
}
.featured-image {
	display: block;
	margin-bottom: 0.6rem;
	overflow: hidden;
	padding-bottom: 60%;
	position: relative;
	width: 100%;
	height: 0;
}
.featured-image img {
	max-width: 100%;
	height: auto; /* Featured images will always have height and width attributes. */
}
.featured-image-placeholder {
	display: none;
}
.featured-image-placeholder:hover {
	text-decoration: none;
}
.entry-grid .entry-title {
	word-wrap: break-word;
}


/* =Entry: Featured
----------------------------------------------- */

.featured-content {
	margin: 0 2% 2.0rem;
	padding-bottom: 42.3589744%;
	position: relative;
	width: 96%;
	height: 0;
}
.featured-content .entry {
	display: block;
	overflow: hidden;
	padding-bottom: 42.3589744%;
	position: absolute;
		top: 0;
		bottom: 0;
		z-index: 0;
	-moz-transition-duration: 600ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-timing-function: ease;
	-webkit-transition-duration: 600ms;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-timing-function: ease;
	visibility: hidden;
	width: 100%;
	height: 0;
}
.featured-content .entry:first-child {
	visibility: visible;
}
.featured-content img {
	max-width: 100%;
	position: absolute;
		top: 0;
		bottom: 0;
		z-index: 2;
	width: auto;
	height: 100%;
}
.featured-content .entry-title {
	background: rgba( 0, 0, 0, 0.75 );
	clear: none;
	display: none;
	font-size: 13px;
	font-size: 1.3rem;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0.5rem 0.75rem;
	position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 3;
}
.featured-content .entry-title,
.featured-content .entry-title a {
	color: #ccc;
	text-decoration: none;
}
.featured-content .midsize-image .entry-title {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	left: 2%;
	right: 41%;
}
.featured-content .no-image,
.featured-content .small-image {
	text-align: center;
}
.featured-content .no-image img,
.featured-content .small-image img {
	display: none;
}
.featured-content .no-image .entry-title,
.featured-content .small-image .entry-title {
	background-color: transparent;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: bold;
	margin: 1.5rem 0;
	padding: 17%; 0 0;
	position: static;
	width: auto;
}
.featured-content .no-image .entry-title a,
.featured-content .small-image .entry-title a {
	color: #000;
}
#featured-content-nav-individual {
	list-style-type: none;
	margin: 0 auto 4.0rem;
	text-align: center;
}
#featured-content-nav-individual li {
	display: inline-block;
	margin: 0 4px;
}
#featured-content-nav-individual a {
	background: #eee;
	background: rgba( 238, 238, 238, 0.9 );
	border: 2px solid transparent;
	border-radius: 12px;
	-webkit-box-shadow: inset 1px 1px 5px rgba( 0, 0, 0, 0.2 ), inset 0 0 2px rgba( 255, 255, 255, 0.2 );
	-moz-box-shadow: inset 1px 1px 5px rgba( 0, 0, 0, 0.2 ), inset 0 0 2px rgba( 255, 255, 255, 0.2 );
	box-shadow: inset 1px 1px 5px rgba( 0, 0, 0, 0.2 ), inset 0 0 2px rgba( 255, 255, 255, 0.2 );
	display: block;
	position: realtive;
	text-indent: -9000px;
	width: 10px;
	height: 10px;
}
#featured-content-nav-individual a:focus {
	outline: none;
}
#featured-content-nav-individual a.active,
#featured-content-nav-individual a:focus {
	background: #000;
	-webkit-box-shadow: inset 1px 1px 5px rgba( 0, 0, 0, 0.8 ), inset 0 0 2px rgba( 255, 255, 255, 0.8 );
	-moz-box-shadow: inset 1px 1px 5px rgba( 0, 0, 0, 0.8 ), inset 0 0 2px rgba( 255, 255, 255, 0.8 );
	box-shadow: inset 1px 1px 5px rgba( 0, 0, 0, 0.8 ), inset 0 0 2px rgba( 255, 255, 255, 0.8 );
	cursor: default;
	opacity: 0.8;
}
.featured-content-nav-directional a {
	background: rgba( 0, 0, 0, 0.75 );
	border-radius: 1.4rem;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 28px;
	line-height: 2.8rem;
	position: absolute;
		top: 45%;
	text-align: center;
	width: 28px;
	width: 2.8rem;
	height: 28px;
	height: 2.8rem;
}
.featured-content-nav-directional .previous-post {
	left: 10px;
}
.featured-content-nav-directional .next-post {
	right: 10px;
}
.featured-content-nav-directional a {
	text-decoration: none;
}
.featured-content-nav-directional a:active,
.featured-content-nav-directional a:focus {
	outline: none;
}
.featured-content-nav-directional a:hover,
.featured-content-nav-directional a:active,
.featured-content-nav-directional a:focus {
	background: rgba( 0, 0, 0, 0.50 );
}
.featured-content-nav-directional a:before {
	display: block;
	content: '\25b2';
}
.featured-content-nav-directional a.previous-post:before {
	transform: rotate( 270deg );
	-ms-transform: rotate( 270deg );
	-moz-transform: rotate( 270deg );
	-webkit-transform: rotate( 270deg );
	-o-transform: rotate( 270deg );
}
.featured-content-nav-directional a.next-post:before {
	transform: rotate( 90deg );
	-ms-transform: rotate( 90deg );
	-moz-transform: rotate( 90deg );
	-webkit-transform: rotate( 90deg );
	-o-transform: rotate( 90deg );
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
.widget img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	vertical-align: middle;
}
.wp-caption {
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-top: .4em;
	margin-bottom: 1.5em;
}
.wp-caption > img {
	display: block;
	max-width: 100%;
}
.wp-caption-text {
	text-align: center;
	font-style: italic;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Widget Areas.
--------------------------------------------- */

.sidebar {
	border-top: 4px double #999;
	margin-top: 30px;
	padding-top: 30px;
}


/* =Widgets: Global
----------------------------------------------- */

.widget-title {
	border-bottom: solid 1px #eee;
	font-size: 19px;
	font-size: 1.9rem;
	margin-bottom: 12px;
	padding-bottom: 4px;
}
.widget {
	margin: 0 0 30px;
	word-wrap: break-word;
}
.widget ul,
.widget > ol {
	margin: 0;
	padding: 2px 0 0;
}
.widget > ul,
.widget > ol,
.widget .menu {
	position: relative;
		top: -6px;
}
.widget > ul > li:first-child,
.widget > ol > li:first-child,
.widget .menu > li:first-child {
	border-top: none;
	padding-top: 0;
}
.widget li {
	border-top: solid 1px #eee;
	list-style: none;
	margin: 0;
	padding: 6px 0;
}
.widget ul ul {
	border-top: solid 1px #eee;
	margin: 6px 0 -6px;
	padding: 0 0 0 20px;
}
.widget ul ul li:first-child,
.widget.widget_text ul ul {
	border-top: none;
}
.widget ul a {
	text-decoration: none;
}
.widget ul a:hover {
	text-decoration: underline;
}
.widget select {
	max-width: 100%;
}


/* =Widgets: Individual
----------------------------------------------- */

#searchsubmit {
	padding: 0.6rem 1.0rem;
}


/* =Footer
--------------------------------------------- */

.site-footer {
	border-top: 4px double #999;
	clear: both;
	margin: 0 2% 15px;
	padding-top: 15px;
	position: relative;
	text-align: center;
}
.site-info {
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
}


/* =Contain Floats
--------------------------------------------- */

.featured-content-nav:after,
.footer-widgets:after,
.site-main:after,
.site-content:after {
	clear: both;
	content: '';
	display: block;
}


/* =Comments.
--------------------------------------------- */

.commentlist {
	margin-left: 0;
}
.comment-author .fn {
	margin-left: 10px;
}
.comment-author .avatar {
	float: left;
	width: 18px;
	height: 18px;
}
.comment-content,
.comment .reply,
.comment-meta {
	margin-left: 28px;
}
.comment-content a {
	word-wrap: break-word;
}
.comment-author .says {
	display: none;
}
.comment-meta time {
	color: #666;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: bold;
	text-transform: uppercase;
}
.comment-meta a:hover {
	text-decoration: none;
}
li.comment,
.trackback,
.pingback {
	border-top: 1px solid #eee;
	list-style: none;
	margin: 0 0 1rem;
	padding: 1.5rem 0 0;
}
li.comment li.comment {
	margin-bottom: 0;
}
.comments-title,
#reply-title {
	font-size: 23px;
	font-size: 2.3rem;
	font-style: italic;
	line-height: 1.3;
	margin: 0 0 15px;
	padding: 0;
}
.comment-author,
.comment-meta {
	margin-right: 80px;
	margin-right: 8.0rem;
}
.comment-author .fn,
.comment-author .fn > a {
 	color: #666;
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.3;
}
article.comment {
	position: relative;
}
.comment .reply {
	font-size: 11px;
	font-size: 1.1rem;
	position: absolute;
		top: 0;
		right: 2px;
	text-transform: uppercase;
}
.comment .reply a {
	text-decoration: none;
}
.comment .children {
	margin: 0;
}
.bypostauthor {
}


/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
	margin-bottom: 1.5em;
	overflow: hidden;
}
.nav-previous,
.nav-next {
	min-height: 2.8rem;
	padding: 1px;
	position: relative;
	max-width: 45%;
}
.nav-previous {
	float: left;
	text-align: left;
}
.nav-next {
	float: right;
	text-align: right;
}
.nav-previous a,
.nav-next a {
	display: block;
}
.nav-previous a:hover,
.nav-next a:hover {
	text-decoration: none;
}
.nav-previous a:hover .meta-nav,
.nav-next a:hover .meta-nav {
	background: #666;
}
.nav-previous .meta-nav,
.nav-next .meta-nav {
	background: #000;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 1.4px;
	font-size: 1.4rem;
	line-height: 28px;
	line-height: 2.8rem;
	text-align: center;
	vertical-align: middle;
	width: 28px;
	width: 2.8rem;
	height: 28px;
	height: 2.8rem;
}
.meta-nav:before {
	content: '\25b2';
	display: block;
}
.nav-previous .meta-nav {
	margin-right: 1rem;
}
.nav-previous .meta-nav:before {
	transform: rotate( 270deg );
	-ms-transform: rotate( 270deg );
	-moz-transform: rotate( 270deg );
	-webkit-transform: rotate( 270deg );
	-o-transform: rotate( 270deg );
}
.nav-next .meta-nav {
	margin-left: 1rem;
}
.nav-next .meta-nav:before {
	transform: rotate( 90deg );
	-ms-transform: rotate( 90deg );
	-moz-transform: rotate( 90deg );
	-webkit-transform: rotate( 90deg );
	-o-transform: rotate( 90deg );
}
.singular .post-navigation {
	margin-bottom: 6.5rem;
}
.paging-navigation {
	clear: both;
}


/* =Image Template
--------------------------------------------- */

.entry-image-attachment .site-navigation {
	margin-top: 10px;
	margin-top: 1.0rem;
}
.entry-image-attachment {
	position: relative;
	text-align: center;
}
#image {
	position: absolute;
	top: -40px;
	visibility: hidden;
}


/* =Full-width Templates
--------------------------------------------- */

.full-width .content-area {
	float: none;
	width: auto;
}


/* =Let's Stretch!
--------------------------------------------- */

@media ( min-width: 400px ) {
	.entry-grid {
		float: left;
		width: 46%;
	}
	.entry-grid:nth-child( 2n+1 ) {
		clear: both;
	}
	.featured-image-placeholder {
		background: #f3f3f3;
		color: #fff;
		display: block;
		font-size: 60px;
		font-size: 6.0rem;
		font-variant: small-caps;
		font-weight: bold;
		line-height: 0.8;
		margin-bottom: 0.6rem;
		overflow: hidden;
		padding-bottom: 60%;
		position: relative;
		width: 100%;
		height: 0;
	}
	.featured-image-placeholder > span {
		display: block;
		position: relative;
			top: -10px;
			left: -10px;
	}
}
@media ( min-width: 500px ) {
	.comment-author .avatar {
		margin-top: 2px;
		margin-top: 0.2rem;
		width: 35px;
		height: 35px;
	}
	.comment .children,
	.comment-content,
	.comment .reply,
	.comment-meta {
		margin-left: 45px;
	}
	.featured-content .entry-title {
		display: block;
	}
	.featured-content .small-image .entry-title {
		font-size: 16px;
		font-size: 1.6rem;
		padding-top: 0;
	}
	.featured-content .small-image img {
		margin-top: 9%;
		max-width: 200px;
		position: static;
		width: 20%;
		height: auto;
		display: inline;
	}
}
@media ( min-width: 600px ) {

	body {
		padding: 0 20px 30px;
	}
	.site {
		margin: 0 auto;
		max-width: 1015px;
	}


	/* =Header: Large
	--------------------------------------------- */

	.site-header {
		margin-bottom: 30px;
		margin-bottom: 3.0rem;
	}
	.site-title {
		font-size: 38px;
		font-size: 3.8rem;
	}


	/* =Menu: Large
	--------------------------------------------- */

	.main-navigation .nav-menu {
		background: transparent;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		display: block;
		margin: 0;
		padding: 0;
	}
	.main-navigation h1 {
		clip: rect( 1px, 1px, 1px, 1px );
		position: absolute;
	}
	.main-navigation li {
		display: inline-block;
	}
	.main-navigation li > a {
		border-top: solid 1px transparent;
	}
	.main-navigation li.focus > a,
	.main-navigation li:hover > a,
	.main-navigation li:active > a,
	.main-navigation li:focus > a {
		border-color: #ccc;
	}
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a,
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a {
		border-color: #999;
		font-weight: bold;
	}
	.main-navigation .current_page_item:hover > a,
	.main-navigation .current-menu-item:hover > a,
	.main-navigation .current_page_ancestor:hover > a,
	.main-navigation .current-menu-ancestor:hover > a {
		border-color: #000;
	}
	.main-navigation .sub-menu,
	.main-navigation .children {
		background: #fff;
		border: solid 1px #ccc;
		-webkit-box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
		box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
		display: none;
		min-width: 200px;
		padding: 5px 0;
		position: absolute;
			top: 2.5em;
			left: 0;
			z-index: 99999;
		text-align: left;
		text-transform: none;
	}
	.main-navigation .sub-menu .sub-menu,
	.main-navigation .children .children {
		left: 100%;
		top: -6px;
	}
	.main-navigation .sub-menu li,
	.main-navigation .children li {
		display: block;
	}
	.nav-menu > li {
		padding: 0 8px;
	}
	.nav-menu > li:hover > a,
	.nav-menu > li.focus > a {
		background: transparent;
	}
	.main-navigation .sub-menu > li > a,
	.main-navigation .children > li > a {
		padding: 7px 0
	}
	.main-navigation .sub-menu li a,
	.main-navigation .children li a {
		border-top: none;
		display: block;
		margin: 0;
		padding-left: 7px;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		display: block;
	}


	/* =Entries
	--------------------------------------------- */

	.entry-title {
		font-size: 29px;
		font-size: 2.9rem;
	}
	.featured-content .entry-title {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.featured-content .small-image .entry-title,
	.featured-content .no-image .entry-title {
		font-size: 29px;
		font-size: 2.9rem;
	}
	.entry-grid {
		margin-bottom: 4%;
	}
}
@media ( min-width: 740px ) {
	.content-area {
		float: left;
		width: 65%;
	}
	.content-area.no-sidebar {
		float: none;
		width: auto;
	}
	.sidebar {
		border-top: none;
		float: right;
		margin-top: 0;
		padding-top: 0;
		width: 26%;
	}
	.comment-author .avatar {
		width: 55px;
		height: 55px;
	}
	.comment .children,
	.comment-content,
	.comment .reply,
	.comment-meta {
		margin-left: 67px;
	}
	.featured-content .entry-title {
		font-size: 19px;
		font-size: 1.9rem;
	}
	.entry-grid {
		margin-bottom: 2%;
		width: 29.25%;
	}
	.entry-grid:nth-child( 2n+1 ) {
		clear: none;
	}
	.entry-grid:nth-child( 3n+1 ) {
		clear: both;
	}
	.featured-content .no-image .entry-title {
		padding-top: 17%;
	}
}
@media ( min-width: 880px ) {
	.featured-content .no-image .entry-title {
		padding-top: 17.75%;
	}
	.featured-image-placeholder > span {
		display: block;
		padding: 6px 0 0 1px;
	}
}


/* =HiDPI Displays
--------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		body {
			background-image: url( 'images/body-bg-2x.png' );
			background-size: auto;
		}
}


/* =Front Page Widget Area
--------------------------------------------- */

.front-page-widget-area {
	clear: both;
	margin: 5% 2%;
	position: relative;
}
.front-page-widget-area .widget {
	margin: 0 auto 2%;
	max-width: 350px;
}
@media ( min-width: 740px ) {
	.front-page-widget-area .widget {
		width: 30.4675%;
	}
	.front-page-widget-area .widget_text {
		max-width: none;
		width: 100%;
	}
}


/* =Footer Widget Area
--------------------------------------------- */

.footer-widgets {
	clear: both;
	margin-top: 5%;
	padding-top: 5%;
	position: relative;
}
.footer-widgets::before {
	border-top: 4px double #999;
	content: '';
	display: block;
	height: 1px;
	margin: 0 auto;
	position: absolute;
		top: 0;
		right: 2%;
		left: 2%;
		z-index: 100;
}
.footer-widgets .widget-area {
	margin: 0 2%;
	max-width: 350px;
	overflow: hidden;
}
.footer-widgets .widget {
	margin-bottom: 10%;
}
.footer-widgets .widget-title {
	margin-top: 0;
}
@media ( min-width: 400px ) {
	.footer-widgets .widget-area {
		margin: 0 2%;
	}
	.footer-widgets .widget-area {
		margin-right: auto;
		margin-left: auto;
	}
}
@media ( min-width: 600px ) {
	.footer-widgets.two .widget-area,
	.footer-widgets.three .widget-area {
		float: left;
		margin-right: 2%;
		margin-left: 2%;
		width: 46%;
	}
	.footer-widgets.two .widget-area:nth-child( 2 ) {
		float: right;
	}
	.footer-widgets.three .third {
		clear: both;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
}
@media ( min-width: 740px ) {
	.footer-widgets.three .first,
	.footer-widgets.three .second,
	.footer-widgets.three .third {
		clear: none;
		float: left;
		margin-right: 2%;
		margin-left: 2%;
		width: 29.25%;
	}
}

/* =Internet Explorer 8
--------------------------------------------- */

#ie8 .site-header img,
#ie8 .entry-content img,
#ie8 img.size-full {
	width: auto;
}


/* =WP.com
--------------------------------------------- */

.milestone-widget .widget-title {
	border-bottom: none;
}
.widget .milestone-content {
	max-width: 100%;
}
.widget .milestone-header {
	color: #4a4a4a;
	background: #fff;
	border: 3px double #eee;
	border-color: #dcdcdc;
	border-width: 3px 3px 0;
	padding: 1.615em 0 0;
}
.widget .milestone-countdown {
	color: #4a4a4a;
	background: #fff;
	border: 3px double #eee;
	border-width: 0 3px 3px;
}
.widget .milestone-countdown {
	border-color: #dcdcdc;
}
.milestone-header .date:before {
	content: "— ";
	color: #ddd;
}
.milestone-header .date:after {
	content: " —";
	color: #ddd;
}
.milestone-countdown {
	font-family: 'Old Standard TT', 'Times New Roman', Times, serif;
	font-style: italic;
}
.milestone-countdown .difference {
	color: #ddd;
	font-weight: normal;
	font-size: 700%;
	line-height: 1;
}
.widget_flickr #flickr_badge_uber_wrapper {
	width: auto;
}
.widget_flickr #flickr_badge_wrapper {
	border: none;
}
.widget_authors img {
	vertical-align: middle;
	margin-right: 5px;
	margin-right: 0.5rem;
}


/* =Jetpack
--------------------------------------------- */

.jp-post-flair {
	margin-top: 10px;
	margin-top: 1.0rem;
}
.tiled-gallery {
	margin: 10px 0;
	margin: 1.0rem 0;
}
.infinite-scroll .paging-navigation {
	display: none;
}
#infinite-handle,
.infinite-loader {
	clear: both;
	text-align: center;
}
#infinite-handle span {
	display: inline-block;
	margin: 20px 0;
	margin: 2.0rem 0;
}
.infinite-loader {
	display: block;
	padding: 18px 0;
	padding: 1.8rem 0;
}
.infinite-loader .spinner {
	width: 30px;
	width: 3.0rem;
	height: 30px;
	height: 3.0rem;
	margin: 0 auto;
}
.infinite-scroll.neverending #colophon #supplementary,
.infinite-scroll #nav-below,
.infinite-scroll.neverending #colophon {
	display: none;
}
.infinity-end.neverending #colophon {
	display: block;
}
#wpstats {
	display: block;
	margin: 20px auto;
	margin: 2.0rem auto;
	width: 5px;
	height: 5px;
}
