/*
Theme Name: Timepiece
Theme URI: http://theme.wordpress.com/themes/timepiece/
Description: Timepiece is built to make your archives shine. Like a river of content, it will make going back in time easy peasy and show it all to you in glorious color and a simple, minimalist layout.
Version: 1.0
Author: Automattic
Author URI: http://automattic.com/
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
bdi,
bdo,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
col,
colgroup,
command,
datalist,
dd,
del,
details,
dfn,
dir,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
frame,
frameset,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
map,
mark,
menu,
meter,
nav,
noframes,
noscript,
object,
ol,
optgroup,
option,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
script,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp,
wbr { /* HTML5 / HTML 4.01 / XHTML 1.0 tags all covered in reset */
	border: 0;
	font: inherit;
	line-height: 1;
	margin: 0;
	outline: 0;
	padding: 0;
	text-indent: 0;
	vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { /* HTML5 display-role reset for older browsers */
	display: block;
}
html {
	font-size: 62.5%; /* Define base font of 62.5% for convenient rem sizing. See http://snook.ca/archives/html_and_css/font-size-with-rem */
	overflow-y: scroll; /* Eliminate Jumps in Horizontal Centering By Forcing a Scroll Bar: http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/ */
	-webkit-text-size-adjust: 100%; /* Control text size in Safari for iOS without disabling user zoom */
	-ms-text-size-adjust: 100%; /* http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body,
button,
input,
select,
textarea {
	color: rgb( 85, 85, 85 ); /* #555555 */
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	text-rendering: optimizeLegibility;
}
body {
	background: #3a3a3a;
}


/* =Accessibility
-------------------------------------------------------------- */

.assistive-text {
	/**
	 * Using CSS clip as an Accessible Method of Hiding Content
	 * See: http://adaptivethemes.com/using-css-clip-as-an-accessible-method-of-hiding-content
	 */
	clip: rect( 1px 1px 1px 1px );
	clip: rect( 1px, 1px, 1px, 1px );
	position: absolute !important;
}


/* =Links @todo
-------------------------------------------------------------- */

a {
	color: rgb( 148, 33, 33 ); /* #942121 */
	text-decoration: none;
}
#page a { /* We're using #page before a so that the WordPress Toolbar isn't interfered with */
	-webkit-transition: all .1s ease-in; /* Safari 3.2+, Chrome */
	-moz-transition: all .1s ease-in; /* Firefox 4-15 */
	-o-transition: all .1s ease-in; /* Opera 10.5–12.00 */
	transition: all .1s ease-in; /* Firefox 16+, Opera 12.50+ */
}
#page a:hover {
	text-decoration: underline;
}
#page .sharedaddy a:hover {
	text-decoration: none;
}
.entry-content a {
	text-decoration: underline;
}


/* =Headings
-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-bottom: 24px;
}
h1 {
	/**
	 * Don't compose without a scale
	 * See http://www.webtypography.net/Harmony_and_Counterpoint/Size/3.1.1/
	 */
	font-size: 30px;
	font-size: 3rem;
}
h2 {
	font-size: 26px;
	font-size: 2.6rem;
}
h3 {
	font-size: 22px;
	font-size: 2.2rem;
}
h4 {
	font-size: 18px;
	font-size: 1.8rem;
}
h5 {
	font-size: 14px;
	font-size: 1.4rem;
}
h6 {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}


/* =Typography
-------------------------------------------------------------- */

p {
	margin-bottom: 24px;
	line-height: 1.5;
}
b,
strong {
	font-weight: 700;
}
del,
s,
strike {
	color: rgb( 220, 220, 220 ); /* #dcdcdc */
	text-decoration: line-through;
}
dfn,
em,
i {
	font-style: italic;
}
abbr,
acronym {
	border-bottom: 1px dotted; /* Color inherited from body */
	cursor: help;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	/**
	 * Safari doesn't support the quotes attribute, so the following rules are used
	 * See http://www.paulchaplin.com/blog/css-reset-and-quirky-quotes
	 */
	content: ""; /* CSS 2; used to remove quotes in case "none" fails below. */
	content: none; /* CSS 2.1: will remove quotes if supported */
}
blockquote {
	margin: 24px;
	padding-left: 22px;
}
blockquote:before {
	content: '\f421';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: 32px/1 'Genericons';
	float: left;
	margin-left: -50px;
}
cite {
	font-style: italic;
}
address {
	background: rgb( 220, 220, 220 ); /* #dcdcdc */
	display: inline-block;
	font-style: italic;
	margin: 0 0 24px;
	padding: 24px;
}
pre {
	background: rgb( 220, 220, 220 ); /* #dcdcdc */
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 24px;
	padding: 24px;
	overflow: auto;
	max-width: 100%;
	white-space: pre;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 13px;
	font-size: 1.3rem;
}
mark,
ins {
	background: rgb( 220, 220, 220 ); /* #dcdcdc */
	text-decoration: none;
}
sup,
sub {
	font-size: 11px;
	font-size: 1.1rem;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 8px;
}
sub {
	top: 3px;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
hr {
	background: rgb( 220, 220, 220 ); /* #dcdcdc */
	border: none;
	color: rgb( 220, 220, 220 ); /* #dcdcdc */
	clear: both;
	float: none;
	margin: 0 0 23px;
	width: 100%;
	height: 1px;
}


/* =Webfont, thanks to FontSquirrel.com for conversion!
-------------------------------------------------------------- */
@font-face {
	font-family: 'Genericons';
	src: url('font/genericons-regular-webfont.eot');
	src: url('font/genericons-regular-webfont.eot%3F') format('embedded-opentype'),
		 url('font/genericons-regular-webfont.woff') format('woff'),
		 url('font/genericons-regular-webfont.ttf') format('truetype'),
		 url('font/genericons-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}

/* =Lists
-------------------------------------------------------------- */

dl {
	margin: 0 0 24px;
}
dt {
	line-height: 1.5;
	font-weight: 700;
}
dd {
	line-height: 1.5;
	margin: 0 0 0 24px;
}
ul,
ol {
	line-height: 1.5;
	margin: 0 24px 24px 0;
	padding-left: 20px;
}
li {
	line-height: 1.5;
}
li > ul,
li > ol {
	margin: 0;
}
ul,
ul ul ul ul {
	list-style: disc;
}
ul ul {
	list-style: circle;
}
ul ul ul {
	list-style: square;
}
ol,
ol ol ol ol {
	list-style: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}


/* =Tables
-------------------------------------------------------------- */

table {
	/**
	 * See http://www.the-art-of-web.com/css/bordercollapse/ and http://www.the-art-of-web.com/css/bordercollapse/1/
	 * for an illustration of border-collapse: separate; and border-collapse: collapse;
	 */
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 24px;
	width: 100%;
}
tfoot {
	font-size: 12px;
	font-size: 1.2rem;
}
th,
td,
caption {
	padding: 0 24px;
}
th {
	font-weight: 700;
}
th,
td {
	border-bottom: 1px solid rgb( 220, 220, 220 ); /* #dcdcdc */
	line-height: 36px;
}


/* =Embeds
-------------------------------------------------------------- */

embed,
iframe,
object { /* Make sure all embeds fit their containers */
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.single embed,
.single iframe,
.single object,
.page embed,
.page iframe,
.page object {
	margin: 0 auto 24px;
}


/* =Forms and Inputs
-------------------------------------------------------------- */

form {
	float: left;
	margin: 0 0 24px;
	width: 100%;
}
button,
input,
select,
textarea {
	border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
	border: 1px solid rgba( 230, 230, 230, 1 );
}
button,
input[ type="button" ],
input[ type="reset" ],
input[ type="submit" ] {
	-webkit-appearance: button; /* Display element using platform-native styling. See http://css-tricks.com/almanac/properties/a/appearance/ */
	background-color: rgb( 247, 247, 247 ); /* #f7f7f7 */
	background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 247, 247, 247, 0.8 ) ), to( rgba( 215, 215, 215, 0.8 ) ) );
	background-image: -webkit-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) );
	background-image: -moz-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) );
	background-image: -ms-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) );
	background-image: -o-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) );
	background-image: linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) );
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f7f7f7', endColorstr='#d7d7d7' );
	border-color: rgb( 231, 231, 231 ) rgb( 215, 215, 215 ) rgb( 231, 231, 231 ) rgb( 215, 215, 215 );
	border-color: rgba( 231, 231, 231, 0.8 ) rgba( 215, 215, 215, 0.8 ) rgba( 231, 231, 231, 0.8 ) rgba( 215, 215, 215, 0.8 );
	-webkit-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 );
	-moz-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 );
	-ms-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 );
	-o-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 );
	box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 );
	cursor: pointer;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 1%;
	padding: 1% 2%;
}
button:hover,
input[ type="button" ]:hover,
input[ type="reset" ]:hover,
input[ type="submit" ]:hover {
	background-color: rgb( 231, 231, 231); /* e7e7e7 */
	background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 231, 231, 231, 0.8 ) ), to( rgba( 199, 199, 199, 0.8 ) ) );
	background-image: -webkit-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) );
	background-image: -moz-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) );
	background-image: -ms-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) );
	background-image: -o-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) );
	background-image: linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) );
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#e7e7e7', endColorstr='#c7c7c7' );
	border-color: rgb( 215, 215, 215 ) rgb( 199, 199, 199 ) rgb( 215, 215, 215 ) rgb( 199, 199, 199 );
	border-color: rgba( 215, 215, 215, 0.8 ) rgba( 199, 199, 199, 0.8 ) rgba( 215, 215, 215, 0.8 ) rgba( 199, 199, 199, 0.8 );
	-webkit-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 );
	-moz-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 );
	-ms-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 );
	-o-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 );
	box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 );
}
button:active,
button:focus,
input[ type="reset" ]:active,
input[ type="reset" ]:focus,
input[ type="button" ]:active,
input[ type="button" ]:focus,
input[ type="submit" ]:active,
input[ type="submit" ]:focus {
	background-color: rgb( 215, 215, 215 ); /* #d7d7d7 */
	background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 215, 215, 215, 0.8 ) ), to( rgba( 183, 183, 183, 0.8 ) ) );
	background-image: -webkit-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) );
	background-image: -moz-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) );
	background-image: -ms-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) );
	background-image: -o-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) );
	background-image: linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) );
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#d7d7d7', endColorstr='#b7b7b7' );
	border-color: rgb( 199, 199, 199 ) rgb( 183, 183, 183 ) rgb( 199, 199, 199 ) rgb( 183, 183, 183 );
	border-color: rgba( 199, 199, 199, 0.8 ) rgba( 183, 183, 183, 0.8 ) rgba( 199, 199, 199, 0.8 ) rgba( 183, 183, 183, 0.8 );
	-webkit-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 );
	-moz-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 );
	-ms-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 );
	-o-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 );
	box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 );
}
select {
	max-width: 100%;
}
textarea {
	overflow: auto; /* Remove default scrollbars in Internet Explorer */
	padding: 2%;
	width: 96%;
}
input[ type="text" ]:focus,
input[ type="password" ]:focus,
textarea:focus {
	border: 1px solid rgb( 200, 200, 200 ); /* #c8c8c8 */
}
.comment-form-comment { /* WordPress Comment Form */
	margin-bottom: 13px;
}
.form-allowed-tags { /* Allowed HTML tags in WordPress Comment Form */
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 12px;
	padding: 1%;
}
.form-allowed-tags code {
	font-size: 12px;
	font-size: 1.2rem;
}


/* =Images
-------------------------------------------------------------- */

img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	max-width: 100%; /* Prevent images from overflowing their boundaries */
}
#ie8 img {
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.attachment-timepiece-featured-thumbnail, /* featured thumbs */
.aligncenter,
.alignleft,
.alignright,
.alignnone { /* WordPress-generated image classes */
	display: block;
}
.aligncenter { /* Center-aligned images with no captions */
	margin: 24px auto;
}
.alignleft { /* Left-aligned images with no captions */
	float: left;
	margin: 24px 24px 24px 0;
}
.alignright { /* Right-aligned images with no captions */
	float: right;
	margin: 24px 0 24px 24px;
}
.alignnone { /* Images with no alignments and no captions */
	display: inline;
	margin: 0 0 -7px 0;
}
div.alignnone { /* Captions with no alignment */
	display: block;
}
.wp-caption { /* WordPress Captions */
	border: 1px solid rgb( 220, 220, 220 ); /* #dcdcdc */
	max-width: 96%; /* Prevent captions from overflowing into sidebars and other adjacent content */
	margin-bottom: 24px; /* Value should match line-height */
	padding: 12px 7px 2px; /* WordPress automatically adds 5 pixels of padding on the right and left sides of captions, add balance */
}
.wp-caption img {
	display: block;
	margin: 0 auto 3px auto;
}
.wp-caption-text { /* This text is contained within the caption */
	font-family: Georgia, Cambria, 'Times New Roman', Times, serif;
	font-size: 11px;
	font-size: 1.1rem;
	font-style: italic;
	margin: 0;
	padding: 2px 0 3px 0;
	text-align: center;
}


/* =Responsive Galleries
-------------------------------------------------------------- */

#content .gallery-item img {
	border: 1px solid rgb( 220, 220, 220 ); /* #dcdcdc */
	padding: 2%;
	max-width: 90%;
}
.gallery-item { /* By default gallery items are set to text-align: center; */
	margin: 0 0 17px !important;
}
.gallery-icon > a {
	display: block;
	width: 100%;
}
.gallery-caption {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 auto !important;
	max-width: 90%;
	padding: 0;
}
.gallery-columns-1 img { /* Single column gallery images */
	padding: 1%;
	max-width: 96%;
}
.gallery-columns-1 .gallery-caption { /* Single column gallery captions */
	max-width: 97%;
}


/* =Page Structure
-------------------------------------------------------------- */

#page {
	width: 100%;
}
#page-liner:before,
#page-liner:after,
#main:before,
#main:after {
	/**
	 * Micro clearfix hack for Main Structure.
	 * See: http://nicolasgallagher.com/micro-clearfix-hack/
	 */
	content: '';
	display: table;
}
#page-liner:after,
#main:after {
	clear: both;
}
#page-liner,
#colophon {
	margin: 0 auto;
	max-width: 1040px;
	width: 100%;
	zoom: 1;
}
#main {
	background: rgb( 255, 255, 255 ); /* #fff */
	clear: both;
	zoom: 1;
}
#primary,
#secondary {
	float: left;
	word-wrap: break-word; /* Force long, unbroken text to wrap to a new line; useful for long URLs and super-long text within small containers. */
}
#primary {
	width: 100%;
}
#content {
	float: left;
	width: 100%;
}
#colophon { /* Footer */
	margin: 0 auto;
	clear: both;
}
#primary.image-attachment {
	margin: 0;
	width: 100%;
}


/* =Post formats
-------------------------------------------------------------- */

body.blog .format-status h1.entry-title,
body.blog .format-quote h1.entry-title,
body.blog .format-aside h1.entry-title,
body.archive .format-status h1.entry-title,
body.archive .format-quote h1.entry-title,
body.archive .format-aside h1.entry-title
{
	display: none;
}
.format-image .entry-content p,
.format-video .entry-content p {
	padding-right: 0 !important;
}


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

body.single #comments,
body.page #comments {
	background: #e9e9e9;
	clear: both;
	padding: 20px;
}
ol.commentlist {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ol.commentlist > li,
ol.commentlist .children > li {
	list-style: none;
}
ul.children li {
	margin-left: 0 !important; /* prevent left-jog animation */
}
ol.commentlist .comment-content a {
	text-decoration: underline;
}
div#respond {
	margin: 0;
	padding: 20px 0;
	overflow: hidden;
}
.commentlist div#respond {
	padding: 20px;
	background: #f7f7f7;
	margin-bottom: 1px;
}
.commentlist div#respond {
	margin-left: 20px !important;
}
div#respond h3 {
	color: #3a3a3a;
	margin: 0 0 .5em 0;
}
.comments-title {
	color: #3a3a3a;
}
article.comment {
	display: table;
	width: 100%;
	margin-bottom: 1px;
}
article.comment>footer, article.comment .comment-content, article.comment .reply {
	display: table-cell;
	padding: 17px 0 17px 20px;
	position: relative;
	vertical-align: top

}
article.comment .comment-content {
	display: inline-table;
}
article.comment>footer {
	padding: 17px 11px 17px 0;
}
article.comment>footer {
	height: 100%;
	width: 200px;
	color: rgba(85, 85, 85, .5);
	background: #e9e9e9;
}
article.comment>footer a {
	color: rgba(85, 85, 85, .5);
}
article.comment .reply {
	padding: 17px 20px 17px 0;
	text-align: right;
	width: 100px;
	color: #3a3a3a;
}
article.comment .reply a {
	color: #3a3a3a;
}
article.comment .comment-content:before {
	content: '\f503';
	position: absolute;
	width: 16px;
	top: 12px;
	left: -28px;
	display: inline-block;
	z-index: 1;
	color: white;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	vertical-align: top;
}
.comment-author cite {
	font-weight: bold;
	font-style: normal;
}
.comment-author img.avatar {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}
.commentmetadata {
	margin-bottom: 24px;
}
a.comment-reply-link:before {
	content: '\f412';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: 16px/1 'Genericons';
	position: relative;
	top: 3px;
	margin-right: 4px;
}
a.post-edit-link:before {
	content: '\f411';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: 16px/1 'Genericons';
	position: relative;
	top: 3px;
	margin-right: 4px;
}
a#cancel-comment-reply-link {
	width: 0 !important;
	visibility: hidden;
}
a#cancel-comment-reply-link:after {
	visibility: visible;
	content: '\f406';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: 16px/1 'Genericons';
	position: relative;
	top: 3px;
	margin-right: 4px;
}
#comments #respond form {
	width: 100% !important;
	background: none;
}
.reply {
	clear: both;
	margin: 0 0 24px;
}
article.comment {
	background: white;
}
.bypostauthor > article.comment .fn a {
	color: #555;
}
.highlander-dark #respond form#commentform {
	background: #222;
}
#respond .comment-form-service {
	border-bottom: none !important;
}
.form-allowed-tags {
	display: none;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label
{
	display: inline-block;
	min-width: 80px;
	float: left;
}
p.form-submit #submit {
	font-weight: bold;
	font-size: 14px;
}

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

#headimg img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

#masthead {
	background: rgb( 114, 20, 20 ); /* #721414*/
	float: left;
	padding: 26px 0;
	position: relative;
	width: 100%;
	z-index: 11;
	max-width: 1040px;
}
body.demo-site #masthead {
	margin-top: 35px;
}
#masthead hgroup {
	margin-top: 3px;
	float: left;
	width: 50%;
}
.site-title,
.site-description {
	margin-bottom: 0;
	padding: 0 20px;
}
.site-description {
	color: rgba( 255, 255, 255, .65 ); /* #fff */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 24px;
	position: absolute;
	top: -35px;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 0 0 3px rgba( 0, 0, 0, .5 );
}

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

.site-navigation,
#image-navigation {
	clear: both;
	float: left;
	margin: 0 0 24px 0;
	width: 100%;
}
#nav-above,
#nav-below,
#image-navigation,
#comment-nav-above,
#comment-nav-below {
	background: #3a3a3a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0;
	padding: 24px;
	text-transform: uppercase;
}
#nav-above a,
#nav-below a,
#image-navigation a,
#comment-nav-above a,
#comment-nav-below a {
	color: #e9e9e9;
}
.nav-previous,
.nav-next,
.previous-image,
.next-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
}
#comment-nav-above {
	margin: 0 0 24px;
}


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

.main-navigation {
	clear: none;
	float: left;
	margin-bottom: 0;
	position: relative;
	width: 50%;
}
.main-navigation ul {
	background: rgb( 225, 225, 225, 1 ); /* #cfe1df */
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	list-style: none;
	margin: 0;
	padding: 0 24px;
	text-transform: uppercase;
}
.main-navigation > div {
	float: right;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation li li {
	width: 180px;
}
.main-navigation a {
	color: rgba( 225, 225, 225, 1 ); /* #7f7f7f */
	display: block;
	padding: 12px 20px;
	word-wrap: break-word;
}
.main-navigation li li a {
	padding: 6px 20px;
}
.main-navigation ul ul {
	-webkit-box-shadow: 2px 3px 0 0 rgba( 225, 225, 225, .7 );
	box-shadow: 2px 3px 0 0 rgba( 225, 225, 225, .7 );
	display: none;
	float: left;
	font-weight: 300;
	padding: 0;
	position: absolute;
		top: 36px;
	width: 180px;
	z-index: 99999;
}
.main-navigation ul ul ul {
	top: 0;
	left: 180px;
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color: rgba( 255, 255, 255, 1 ); /* #fff */
}


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

.hentry {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	display: table;
	table-layout: fixed;
	float: left;
	position: relative;
	width: 100%;
}
.page .hentry {
	display: block;
}
.article-liner,
.entry-content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	height: 300px; /* with the table-cell display, this appears to act like a min-height */
	font-size: 18px;
	font-size: 1.8rem;
}
body.blog .entry-content>a>img { /* will only target feature images */
	width: 100%;
}
body.blog .entry-content p,
body.archive .entry-content p {
	padding-right: 20px;
	margin-bottom: 0;
}
.page .entry-content,
.error404 .entry-content,
.search-no-results .entry-content {
	padding: 0 20px;
}
.error404 .entry-content {
	padding-bottom: 24px;
}
.article-liner {
	position: relative;
	vertical-align: middle;
	padding-left: 20px;
}
.entry-title {
	word-wrap: break-word;
	margin-bottom: 0;
	padding-right: 24px;
}
.page .entry-title,
.error404 .entry-title,
.search-no-results .entry-title {
	margin-bottom: 24px;
	padding: 24px 20px 0;
}
.entry-title a {
	color: rgb( 85, 85, 85 ); /* #555555 */
	display: block;
}
.entry-meta {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
}
body.archive .entry-meta,
body.blog .entry-meta {
	position: absolute;
	top: 20px;
}
.entry-meta a {
	color: rgba(85,85,85, .5);
}
header .entry-meta {
	text-transform: uppercase;
}
header .entry-meta a {
	display: block;
	line-height: 24px;
}
footer.entry-meta {
	color: rgba( 153, 153, 153, .5 ); /* #999 */
	padding-right: 24px;
	text-transform: lowercase;
}
body.archive footer.entry-meta,
body.blog footer.entry-meta {
	position: absolute;
	top: auto;
	bottom: 20px;
	max-width: 460px;
}
footer.entry-meta a {
	color: rgba( 85,85,85, .3 );
}
.page-links,
.more-link {
	clear: both;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 0 24px;
}
.excerpt-more-link a {
	text-decoration: none;
}
.excerpt-more-link a:hover {
	text-decoration: underline;
}
.page .edit-link {
	clear: both;
	display: block;
	margin: 0 0 24px;
}
.entry-attachment img {
	display: block;
	margin: 0 auto 24px;
}
.entry-attachment {
	clear: both;
	float: left;
	width: 100%;
}
.entry-caption {
	padding: 0 20px;
}
footer.entry-meta .cat-links, footer.entry-meta .tag-links, footer.entry-meta .comments-link, footer.entry-meta .author {
	margin-right: 10px;
}
footer.entry-meta .cat-links:before {
	content: '\f301';
	text-transform: uppercase;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: 16px/1 'Genericons';
	position: relative;
	top: 3px;
	margin-right: -2px;
}
footer.entry-meta .tag-links:before {
	content: '\f302';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: 16px/1 'Genericons';
	position: relative;
	top: 3px;
	margin-right: -2px;
}
footer.entry-meta .comments-link:before {
	content: '\f300';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: 16px/1 'Genericons';
	position: relative;
	top: 3px;
	margin-right: 2px;
}
footer.entry-meta .author:before {
	content: '\f304';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: 16px/1 'Genericons';
	position: relative;
	top: 3px;
}
.single-content {
	padding: 0 20px;
}
.single .entry-header {
	padding: 24px 20px;
}
.single footer.entry-meta {
	padding: 0 20px 24px;
}
.image-title {
	margin: 0;
	padding: 24px 20px 0;
}
.image-meta {
	margin: 0 0 24px;
	padding: 0 20px;
}


/* =Timepiece Color Swatch
-------------------------------------------------------------- */

#content .hentry:nth-of-type( 5n + 1 ) {
	background: #fff;
	color: rgba(0,0,0,.7)
}
#content .hentry:nth-of-type( 5n + 1 ) .entry-content a {
	color: rgba(0,0,0,.7)
}
#content .hentry:nth-of-type( 5n + 2 ) {
	background: #10948a;
}
#content .hentry:nth-of-type( 5n + 2 ) .entry-meta a,
#content .hentry:nth-of-type( 5n + 2 ) .entry-meta {
	color: rgba(255,255,255,.3)
}
#content .hentry:nth-of-type( 5n + 2 ) .entry-title a,
#content .hentry:nth-of-type( 5n + 2 ) .entry-content {
	color: rgba(255,255,255,.7)
}
#content .hentry:nth-of-type( 5n + 2 ) footer.entry-meta a {
	color: rgba(255,255,255,.3)
}
#content .hentry:nth-of-type( 5n + 2 ) .entry-content a {
	color: rgba(255,255,255,.7)
}
#content .hentry:nth-of-type( 5n + 3 ) {
	background: #e9e9e9;
}
#content .hentry:nth-of-type( 5n + 3 ) .entry-meta a {
	color: rgba(255,255,255,.4)
}
#content .hentry:nth-of-type( 5n + 3 ) .entry-title a,
#content .hentry:nth-of-type( 5n + 3 ) .entry-content {
	color: rgba(0,0,0,.7)
}
#content .hentry:nth-of-type( 5n + 3 ) footer.entry-meta a,
#content .hentry:nth-of-type( 5n + 3 ) footer.entry-meta {
	color: rgba(255,255,255,.4)
}
#content .hentry:nth-of-type( 5n + 3 ) .entry-content a {
	color: rgba(0,0,0,.7)
}
#content .hentry:nth-of-type( 5n + 4 ) {
	background: #05293f;
	color: rgba(255,255,255,.4)
}
#content .hentry:nth-of-type( 5n + 4 ) .entry-title a,
#content .hentry:nth-of-type( 5n + 4 ) .entry-content a {
	color: rgba(255,255,255,.4)
}
#content .hentry:nth-of-type( 5n + 5 ) {
	background: #e09447;
}
#content .hentry:nth-of-type( 5n + 5 ) .entry-meta a {
	color: rgba(255,255,255,.3)
}
#content .hentry:nth-of-type( 5n + 5 ) .entry-title a,
#content .hentry:nth-of-type( 5n + 5 ) .entry-content {
	color: rgba(255,255,255,.7)
}
#content .hentry:nth-of-type( 5n + 5 ) .entry-content a {
	color: rgba(255,255,255,.7)
}


/* =Sticky Posts
-------------------------------------------------------------- */

.sticky {
}


/* =Archives
----------------------------------------------- */

.page-header {
	padding: 24px 20px 0;
}
.page-title {
	font-size: 22px; /* like a default h4 */
	font-size: 2.2rem;
	line-height: 24px;
}
.page-content {
	padding: 0 20px;
}
.archive #nav-above {
	margin-bottom: 24px;
}


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

#colophon {
	background: #555555;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
	color: rgb( 152, 152, 152 ); /* #989898 */
	font-size: 10px;
	font-size: 1rem;
	font-weight: 700;
	padding: 24px;
	text-transform: uppercase;
}
#colophon a {
	color: rgb( 185, 185, 185 ); /* #b9b9b9 */
}
.site-info .sep {
	color: rgb( 152, 152, 152 ); /* #989898 */
	margin-right: 10px;
	visibility: hidden;
}


/* =WordPress.com Post Flair
----------------------------------------------- */

body.blog #jp-post-flair,
body.archive #jp-post-flair {
	margin-top: 24px;
}


/* =WordPress.com Sharing
----------------------------------------------- */

.sharedaddy {
	margin: 0 0 24px;
}
.sharedaddy .sharedaddy {
	margin: 0;
}
#content div.sharedaddy div.sd-block {
	border-color: rgb( 230, 230, 230 );
	border-color: rgba( 230, 230, 230, 0.8 );
	padding: 16px 0 5px !important;
}
#content div.sharedaddy div.wpl-likebox {
	padding-bottom: 12px !important;
}
div.sharedaddy .wpl-count {
	padding: 7px 0 0;
}
.wpl-count-number {
	line-height: 1;
}
div.sharedaddy ul.wpl-avatars {
	padding-bottom: 2px !important;
}
.entry-content div.sharedaddy .sd-content ul li.share-google-plus-1 {
	margin-top: 3px !important;
	margin-bottom: -1px !important;
}


/* =WordPress.com Stats Smiley
----------------------------------------------- */

#wpstats {
	display: block;
	margin: -36px auto 0;
}


/* =VideoPress Styles
----------------------------------------------- */

.video-player {
	margin: 0 0 24px !important;
	padding: 0 !important;
}

/* =WordPress.com Follow
----------------------------------------------- */

#bit h3 {
	line-height: 24px;
}
#bit form {
	float: none;
	margin: 0;
}


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

@media screen and (max-width: 800px) {
	.article-liner,
	.entry-content {
		height: 200px; /* with the table-cell display, this appears to act like a min-height */
	}
	.article-liner h1.entry-title {
		font-size: 26px;
		font-size: 2.6rem;
	}
}
@media screen and (max-width: 520px) {
	article.post {
		display: block;
	}
	.article-liner, .entry-content {
		width: 100%;
		display: block;
	}
	article.format-image .article-liner,
	article.format-gallery .article-liner {
		margin-top: 200px;
	}
	article.format-image .entry-content>a {
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -100px;
	}
	.article-liner h1.entry-title {
		padding-top: 60px;
	}
	.entry-content {
		height: auto;
	}
	.entry-content p {
		padding: 20px 20px 40px 20px;
	}
	article.format-image .entry-content,
	article.format-gallery .entry-content {
		position: absolute;
		top: 0;
		overflow: hidden;
		height: 200px;
	}
	article.format-video .entry-content p {
		padding: 0;
	}
	#masthead hgroup {
		float: none;
		width: 100%;
	}
	.main-navigation {
		clear: both;
		float: none;
		width: 100%;
	}
	.site-title {
		font-size: 24px;
		font-size: 2.4rem;
	}
	#masthead {
		padding: 5px 0;
	}
	article.format-aside .article-liner,
	article.format-status .article-liner,
	article.format-quote .article-liner
	{
		height: 100px;
	}
	ol.commentlist li.comment article footer {
		width: 20%;
		font-size: 8pt;
		min-width: 60px;
	}
	ol.commentlist li.comment article .comment-content {
		width: 60%;
	}
	ol.commentlist li.comment article .reply {
		width: 20%;
		min-width: 60px;
	}
	ol.commentlist li.comment img.avatar {
		float: none;
	}
}
/**
 * Theme Name: Timepiece
 *
 * This stylesheet will be loaded when Infinite Scroll (IS) is enabled.
 * It is enqueued in timepiece.php via timepiece_infinite_scroll_enqueue_styles().
 *
 * Three of the classes that are available to body when IS is enabled are .infinite-scroll, .neverending, and .infinity-end.
 *
 * .infinite-scroll is always available; it's used for hiding common site navigation and adjusting common margins.
 * .neverending will be added to body when IS is set to 'scroll'.
 * .infinity-end is added to body when IS has completed and body is no longer set to 'scroll'.
 *
 * The checks for whether or not a site is set to scroll are located in infinite_scroll_has_footer_widgets().
 */

/**
 * Globally hidden elements when IS is supported and in use.
 */
.infinite-scroll #nav-above, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll #nav-below,
.infinite-scroll.neverending #colophon { /* Theme Footer (when set to scrolling) */
	display: none;
}

/**
 * When IS has reached its end we need to re-display elements that were hidden (via .neverending) before
 */
.infinity-end.neverending #colophon {
	display: block;
}

/**
 * Global style tweaks when IS is supported and in use
 */
.infinite-scroll .infinite-wrap, /* Each IS loop content wrapper (multiple instances) */
.infinite-scroll .infinite-loader, /* Each IS loading spinner (multiple instances) */
.infinite-scroll #infinite-handle /* The Load more posts button */ {
	clear: both;
}
.infinite-scroll .infinite-wrap {
	border-top: none;
	padding: 0;
}

/**
 * Make sure that clicking Load more posts doesn't cause any jarringness.
 */
.infinite-scroll #infinite-handle {
	float: none;
	height: 60px;
	max-width: 40%;
	margin: 0 auto;
	padding-top: 20px;
}
.infinite-scroll #infinite-handle span {
	display: block;
	margin: 0 0 20px 0;
	border-radius: 0;
	text-align: center;
	padding: 10px 26px;
}
.infinite-scroll .infinite-loader {
	margin: 10px auto 26px;
	padding-top: 24px;
	width: 34px;
}

/**
 * Color Adjustments
 */
#page #infinite-footer .container {
	background-color: #7f7f7f;
	background-color: rgba( 0, 0, 0, 0.5 );
	border-color: #b2b2b2;
	border-color: rgba( 0, 0, 0, .3 );
}
#infinite-footer .blog-credits {
	color: #888;
}
#page #infinite-footer .blog-credits a,
#page #infinite-footer .blog-info a,
#page #infinite-footer .blog-credits a:hover,
#page #infinite-footer .blog-info a:hover {
	color: #aaa;
}