img.wp-smiley {
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .05em 0 .1em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}/**
 * Like Button toolbar button, loading text & container styles
 *
 * @todo: doesn't look like "style.css" is used anymore.
 */


/* Master container */
#jp-post-flair {
	padding-top: .5em;
}

/* Overall Sharedaddy block title */
div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
	clear: both;
}

div.sharedaddy h3.sd-title {
	margin: 0 0 1em 0;
	display: inline-block;
	line-height: 1.2;
	font-size: 9pt;
	font-weight: bold;
}

div.sharedaddy h3.sd-title:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 1px solid #ddd;
	margin-bottom: 1em;
}


/* Toolbar */
#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
	width: 61px;
	overflow: hidden;
}

#wpadminbar iframe.admin-bar-likes-widget {
	width: 61px;
	height: 28px;
	min-height: 28px;
	border-width: 0px;
	position: absolute;
	top: 0;
}

div.jetpack-likes-widget-wrapper {
	width: 100%;
	min-height: 50px;	/* Previous height, 60px */
	position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
}

div.jetpack-likes-widget-wrapper .sd-link-color {
	font-size: 12px;
}

div.jetpack-likes-widget-wrapper.slim-likes-widget {
	width: 1px; /* initial default */
	min-height: 0;
}

#likes-other-gravatars {
	display: none;
	position: absolute;
	padding: 10px 10px 12px 10px;
	background-color: #2e4453;
	border-width: 0;
	box-shadow: 0 0 10px #2e4453;
	box-shadow: 0 0 10px rgba(46,68,83,.6);
	min-width: 130px;
	z-index: 1000;
}

#likes-other-gravatars * {
	line-height: normal;
}

#likes-other-gravatars .likes-text {
	color: white;
	font-size: 12px;
	padding-bottom: 8px;
}

#likes-other-gravatars ul,
#likes-other-gravatars li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}

#likes-other-gravatars li::before {
	content: "";
}

#likes-other-gravatars ul.wpl-avatars {
	overflow: auto;
	display: block;
	max-height: 190px;
}

#likes-other-gravatars ul.wpl-avatars li {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 5px 5px 0;
}

#likes-other-gravatars ul.wpl-avatars li a {
	margin: 0 2px 0 0;
	border-bottom: none !important;
	display: block;
}

#likes-other-gravatars ul.wpl-avatars li a img {
	background: none;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	position: static;
}

div.sd-box {
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0,0,0,.13);
}

.entry-content .post-likes-widget, .post-likes-widget,
.comment-likes-widget {
	margin: 0;
	border-width: 0;
	display: block;
}


/* Loading text */
.post-likes-widget-placeholder {
	margin: 0;
	border-width: 0;
	position: relative;
}

.post-likes-widget-placeholder .button {
	display: none;	/* Let's not show a dummy like button, let's just make a great button experience once it's loaded */
}

.post-likes-widget-placeholder .button span {
}

.post-likes-widget-placeholder .loading {
	color: #999;
	font-size: 12px;
}

.slim-likes-widget .post-likes-widget {
	width: auto;
	float: none;
}


/* Like Special cases (display on it's own) */
div.sharedaddy.sd-like-enabled .sd-like h3 {
	display: none;
}

div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
	width: 100%;
	float: none;
	position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
	top: 0;
}

.comment-likes-widget {
	width: 100%;
}


/* Make ratings block. @todo: make !important unnecessary by removing inline style */
.pd-rating {
	display: block !important;
}


/* Hide G+ title */
.sd-gplus .sd-title {
	display: none;
}
/**

	WordAds V2! This CSS applies to all WordAds and Adsense themes

	HTML markup structure of an ad:

	<div class="wpcnt|mpb">
	<div class="wpa [wpmrec|wpwidesky|wpleaderboard]">

		<a class="wpa-about" href="https://en.support.wordpress.com/about-these-ads/" rel="nofollow">
		About these ads
		</a>

		<div class="u">
		[ad unit here]
		</div>

	</div>
	</div>

*/


/* outer container */
.wpcnt {
	text-align: center;
	line-height: 0;
}

.rtl .wpcnt{
	direction: ltr;
}

.mpb{
	text-align: center;
	margin: 0px auto;
	width: 100%;
}

/* inner container */
.wpa, .wpadvert {				/* @todo: deprecate wpadvert */
	position: relative;
    /*overflow: hidden; */       /* this hides "about these ads" when there's no adfill */
    display: inline-block !important;
    max-width: 100%;
    text-align: left;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.wpa.wpwidesky, .wpa.wpleaderboard{
	width: auto;
}

.wpa.top{
	min-width: 728px;
}

.wpa.wpwidesky{
	min-width: 160px;
}

.wpa.wpmrec{
	min-width: 300px;
}

.mpb .wpa{
	padding: 10px 0 0;
}

@media screen and (max-width: 650px) {
	.mpb .wpa{
		min-width: 300px;
	}
}

/* about these ads */
/* all the !important use is to ensure consistency */
.wpa-about{	/* @todo: deprecate wpadvert-about */
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	display: block;
	min-width: 160px;
	/*margin-top: 5px;*/
	border-bottom: none !important;			/* some themes ad dotted underlines, that won't look nice */
	font: 10px/1 "Open Sans", Arial, sans-serif !important;
	text-align: left !important;
	text-decoration: none !important;
	opacity: 0.85;
}

.wpa-notice {
	display: block;
	position: relative;
	padding: 24px;
	overflow: hidden;
	border: 5px solid #efefef;
	font: 13px/1.75 "Merriweather sans", "Open Sans", Arial, sans-serif !important;
	color: #2e4453 !important;
	box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
}

.wpa-buttons{
	text-align: center;
	margin: 0;
}

.wpa-button {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
  outline: 0;
	padding: 7px !important;
	overflow: hidden;
	background: white;
	border-color: #c8d7e1;
  border-style: solid !important;
  border-width: 1px 1px 2px !important;
	border-bottom: 2px solid #c8d7e1 !important;
  cursor: pointer;
  vertical-align: top;
	color: #668eaa !important;
  font-size: 11px !important;
	font-weight: 600 !important;
  line-height: 1 !important;
	text-overflow: ellipsis;
  text-decoration: none !important;
	text-transform: uppercase !important;
  border-radius: 4px;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wpa-button:hover{
	border-color: #a8bece !important;
	color: #2e4453 !important;
}

.wpa-button.is-primary{
	background: #00aadc !important;
	border-color: #0087be !important;
	color: white !important;
}

.wpa-button.is-primary:hover{
	border-color: #005082 !important;
	color: white !important;
}

/* dark theme */
body.highlander-dark .wpa-about {
	color: #ddd;
}
body.highlander-dark .wpa-about:hover {
	color: #e9e9e9;
}

/* ad unit wrapper */
.wpa .u>div, .wpadvert>div>* {	/* @todo: deprecate wpdvert */
	display: block;
	margin-top: 5px;			/* this makes "about these ads" visible */
	margin-bottom: 1em;			/* every ad should have a little space below it */
}

div.wpa>div {
	margin-top: 20px;
}

#google_ads_div_wpcom_below_post_adsafe_ad_container {
	display: block !important;
}

.wa-sponsored-link {
	font: 9px/1 sans-serif;
}
/**
 * Add text colors to the playlist shortcode light color scheme.
 * 
 * Core ticket: https://core.trac.wordpress.org/ticket/27562
 */

.wp-playlist-light {
	color: #000;
}

.wp-playlist-light .wp-playlist-item {
	color: #333;
}

.wp-playlist-light .wp-playlist-playing {
	background: #fff;
	color: #000;
}

.wp-playlist-dark .wp-playlist-item .wp-playlist-caption {
	color: #fff;
}

.wp-playlist-caption {
	display: block;
}/**
 * MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper
 */

/* Invert stats sparkline on light theme */
body.admin-color-mp6-light li#wp-admin-bar-stats img {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

/* Fix dashicons priority so Japanese users can use the toolbar. Should long term be fixed in whatever plugin that forces all fonts to be Arial */
i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, .mce-close {
	font: normal 20px/1 'dashicons' !important;
}

.dashicons, .dashicons-before:before {
	font-family: 'dashicons' !important;
}

.noticon {
	font-family: "Noticons" !important;
}.bbp-staff-role {
	color: #f1831e;
}

.bbp-a8c-reply {
	background: #e9eff3 !important;
	border: 1px solid #c8d7e1;
	width: 98% !important;
}/*
Theme Name: Pinboard
Theme URI: https://wordpress.com/themes/pinboard/
Author: Automattic
Author URI: https://wordpress.com/themes/
Description: A crafty, textured theme with three post column sizes, optional right or left sidebar, and an area for a welcome message.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: artistic, blog, blog-excerpts, classic-menu, craft, custom-background, custom-colors, custom-header, custom-menu, design, featured-images, flexible-header, fluid-layout, four-columns, full-width-template, handcrafted, infinite-scroll, left-sidebar, lifestream, light, light, magazine, natural, paper-made, playful, red, responsive-layout, right-sidebar, rtl-language-support, scrapbooking, tan, textured, theme-options, three-columns, translation-ready, two-columns
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.
Pinboard is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =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 {
	height: 100%; /* required for containers to inherit vertical size from window */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	height: 100%; /* required for containers to inherit vertical size from window */
}
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: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


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

body,
button,
input,
select,
textarea {
	font: 80%/150% Georgia, "Times New Roman", Times, serif;
	color: #666;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	clear: both;
	color: #000;
	display: inline-block;
	font-family: Radley, Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	margin: 20px 0 .4em;
	width: 100%;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}
hr {
	background-color: #ccc;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	font: italic 110%/130% "Times New Roman", Times, serif;
	padding: 8px 30px 15px;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	padding: 1.6em;
	overflow: auto;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
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 {
	margin: 0 0 1.5em;
	width: 100%;
}
td {
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	padding: 5px;
}
tr.alternate {
	background-color: rgba(0,0,0,.05);
}
th {
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	font-weight: bold;
	font-size: 110%;
	padding: 5px;
}
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 */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 2px 1px #fff;
	color: rgba(0,0,0,.8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 9px;
	font-size: .9rem;
	padding: 5px 15px;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
	border-color: #bbb #bbb #aaa #bbb;
}
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 {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.15);
	box-shadow: inset 0 2px 2px rgba(0,0,0,.15);
}
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,
a:visited {
	text-decoration: none;
	outline: none;
	color: #c16b05;
}
a:hover {
	text-decoration: underline;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	display: block;
	margin: 1em 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 !important;
	width: auto;
}


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

.main-navigation ul {
	clear: both;
	display: block;
	float: left;
	width: 33%;
}
.main-navigation ul ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation ul li {
	float: left;
	position: relative;
}
.main-navigation ul a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-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;
	float: left;
	position: absolute;
		top: 1.5em;
		left: 0;
	z-index: 99999;
}
.main-navigation ul ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul ul a {
	width: 200px;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
}

/* Small menu */
.menu-toggle {
	cursor: pointer;
}
.main-small-navigation .menu {
	display: none;
}
.menu-toggle {
	background: rgba(0,0,0,.2);
	clear: both;
	color: #fff;
	display: block;
	font-size: 170%;
	margin: 0 auto 5px auto;
	padding: 5px 0;
	position: relative;
	text-align: center;
}
.main-small-navigation .menu {
	background-color: #be252a;
	clear: both;
	float: none;
	margin: 0 0 .5em;
	padding: .5em;
	position: relative;
	width: auto;
}
.main-small-navigation li {
	list-style: none;
}
.main-small-navigation a {
	color: #fff;
	display: block;
	padding: 5px;
}


/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.entry-meta {
	clear: both;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =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-"] {
	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;
	display: inline;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	text-align: center;
	margin-bottom: 15px;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom: 1.5em;
}
.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
	height: auto;
}
.wp-caption-text {
	font-style: italic;
	font-size: 95%;
	line-height: 120%;
	margin: 6px 0;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.home .wp-caption-text.gallery-caption {
	display: none;
}
#content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
#content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
#content .gallery dd {
	margin: 0;
}
#content .gallery-columns-4 .gallery-item {
}
#content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


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

#content .site-navigation {
	margin: 0 0 30px;
	padding: 15px 0;
	clear: both;
}
#content .nav-previous {
	float: left;
	width: 20%;
}
#content .nav-next {
	float: right;
	text-align: right;
	width: 20%;
}
#content .site-navigation a {
	background-color: #be252a;
	border-color: #be252a;
	color: #fff;
	display: block;
	font-size: 13px;
	padding: 6px 16px;
	text-align: center;
	text-decoration: none;
}
#content .site-navigation a:hover {
	color: rgba( 255, 255, 255, 0.7 );
	text-decoration: none;
}


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

.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

#searchsubmit {
	display: none;
}


/* =Theme Styles
----------------------------------------------- */

#masthead {
	background: #be252a url(/wp-content/themes/premium/pinboard/images/header-bg.png) repeat-x left bottom;
	border-bottom: solid 1px #333;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.3), 0 2px 1px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.3), 0 2px 1px rgba(0,0,0,.2);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.3), 0 2px 1px rgba(0,0,0,.2);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	clear: both;
	display: inline-block;
	min-height: 90px;
	margin: 0;
	padding: 0 250px 0 250px;
	position: relative;
	width: 100%;
	z-index: 200;
}
#masthead hgroup {
	color: #ecbec0;
	float: left;
	padding: 0;
	position: relative;
	width: 100%;
	min-height: 1px;
}
#masthead hgroup a {
	color: #fcfadd;
}
#search-wrap {
	float: left;
	margin: 1em -100% 0 0;
	padding: 0;
	position: relative;
	width: 250px;
}
#masthead #searchform {
	float: right;
	margin: 0 1.5em 0 0;
	width: 160px;
}
#masthead #searchform #s {
	color: #a5a099;
	background: white url(/wp-content/themes/premium/pinboard/images/search.png) no-repeat 8px center;
	border: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.1);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1);
	border-radius: 12px;
	float: right;
	padding-left: 28px;
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
	width: 60px;
}
#masthead #searchform #s:focus {
	color: #333;
	width: 140px;
}
#masthead .site-title {
	font: normal 30px/110% Damion, Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 12px 0 5px;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
}
#masthead .site-title a {
	color: #fff;
	text-decoration: none;
}
#masthead .site-title a:hover {
	text-decoration: none;
}
.site-description {
	color: #fcfadd;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
}
.header-image {
	display: block;
	height: auto;
	margin: 0 auto 2em auto;
	max-width: 100%;
}

/* Navigation */

.main-navigation {
	float: left;
	margin: 1em 0 0 -99%;
	padding: 0;
	position: relative;
	width: 250px;
		right: 250px;
	z-index: 300;
}
.main-navigation ul {
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
}
.main-navigation ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.main-navigation ul a {
	color: #fcfadd;
	display: block;
	margin: 0;
	padding: 5px 12px;
	text-decoration: none;
}
.main-navigation ul a:hover {
	color: #fff;
}
.main-navigation ul .current_page_item a,
.main-navigation ul .current-menu-item a {
	background: #5b2416;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.3);
	box-shadow: inset 0 1px 0 rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.3);
	color: #fff;
}
.main-navigation ul .current_page_item a:hover,
.main-navigation ul .current-menu-item a:hover {
	color: #fff;
}
.main-navigation ul ul a,
.main-navigation ul .current_page_item ul a,
.main-navigation ul ul .current_page_item a,
.main-navigation ul .current-menu-item ul a,
.main-navigation ul ul .current-menu-item a,
.main-navigation ul li:hover > ul a,
.main-navigation ul li.focus > ul a {
	background: none;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #666;
	display: block;
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
	margin: 0;
	padding: 6px 6px 6px 15px;
	text-shadow: none;
	text-transform: none;
	width: 180px;
}
.main-navigation ul ul a:hover,
.main-navigation ul .current_page_item ul a:hover,
.main-navigation ul ul .current_page_item a:hover,
.main-navigation ul .current-menu-item ul a:hover,
.main-navigation ul ul .current-menu-item a:hover,
.main-navigation ul li:hover > ul a:hover,
.main-navigation ul li.focus > ul a:hover {
	background: #f3f3f3;
	color: #000;
}
.main-navigation ul ul {
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	display: none;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	position: absolute;
	width: 201px;
	z-index: 100;
}
.main-navigation ul ul li {
	background: none;
	float: none;
	margin: 0;
	padding: 0;
}
.main-navigation ul ul ul {
	top: -2px;
	left: 190px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display: block;
}

/* =Layout
--------------------------------------------*/

#main {
	margin: 0 auto;
	padding: 1em 0 40px 0;
	width: 978px;
	zoom: 1;
}
.left-sidebar #main,
.right-sidebar #main {
	width: 1178px;
}
#main:before,
#main:after {
	content: "";
	display: table;
}
#main:after {
	clear: both;
}
#content-wrapper {
	margin-left: -20px;
	overflow: visible !important;
}
.right-sidebar #content-wrapper {
	margin-left: 0;
	margin-right: -20px;
}
.no-sidebar #content-wrapper {
	margin-left: -10px;
}
#primary {
	float: left;
	padding: 0 0 60px;
	width: 978px;
}
.left-sidebar #primary {
	margin-right: -20px;
}
.no-sidebar #primary {
	float: none;
	width: 100%;
}
#secondary {
	float: right;
	padding: 0 0 60px;
	width: 200px;
}
.left-sidebar #primary {
	float: right;
}
.left-sidebar #secondary {
	float: left;
}


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

#colophon {
	clear: both;
	font: italic 100%/120% Radley, Georgia, "Times New Roman", Times, serif;
	padding-bottom: 30px;
	text-align: center;
}


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

.hentry,
.single-post #primary,
.page #primary {
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	box-shadow: 0 1px 4px rgba(0,0,0,.3);
	margin-bottom: 20px;
	padding: 0;
}
.home #content-wrapper .hentry,
.archive #content-wrapper .hentry,
.search #content-wrapper .hentry {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration:    0.5s;
	-o-transition-duration:      0.5s;
	transition-duration:         0.5s;
}
.blog .hentry,
.archive .hentry,
.search .hentry {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property:    opacity;
	-o-transition-property:      opacity;
	transition-property:         opacity;
}
.single-post #main,
.page #main {
	width: 914px;
}
.left-sidebar.single-post #primary,
.left-sidebar.page #primary,
.right-sidebar.single-post #primary,
.right-sidebar.page #primary {
	margin: 0;
}
.single-post #primary,
.page #primary {
	width: 694px;
}
.no-sidebar.single-post #primary,
.no-sidebar.page #primary,
.no-sidebar.single-post .hentry,
.no-sidebar.page .hentry {
	width: 100%;
}
.single-post .hentry,
.page .hentry {
	background: transparent;
	border-radius: 0;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	width: 666px;
}
.author {
	display: inline;
}
.hentry header {
	padding: 14px 14px 0 14px;
}
.hentry .entry-content,
.hentry .entry-summary {
	padding: 0 14px 14px 14px;
}
.single-post .hentry .entry-content,
.single-post .hentry .entry-summary,
.single-post .hentry header,
.page .hentry .entry-summary,
.page .hentry header {
	margin-top: 0;
	padding: 0;
}
.page .hentry .entry-content {
	padding: 0;
}
.single-post #content,
.page #content {
	padding: 14px;
}
.single-post #content:before,
.page #content:before,
.single-post #content:after,
.page #content:after {
	content: " ";
	display: table;
}
.single-post #content:after,
.page #content:after {
	clear: both;
}
.hentry .author-img {
	float: left;
	margin: 0 10px 5px 0;
}
.paged .author-img img,
.archive .author-img img,
.search .author-img img,
.home .hentry .author-img img {
	width: 34px;
	height: 34px;
}
.entry-content {
	min-width: 120px;
}
.entry-meta {
	clear: both;
	color: #999;
	font-size: 85%;
	line-height: 110%;
	margin: 0 0 10px;
}
.attachment footer.entry-meta {
	padding: 0 14px 14px 14px
}
.attachment .entry-date {
	display: inline;
	font-size: 110%;
	font-style: normal;
}
#image-navigation {
	clear: both;
	min-height: 20px;
	width: 100%;
}
.next-image {
	float: right;
}
.entry-title {
	clear: none;
	display: block;
	margin: 0;
	padding: 0;
	font: normal 16px/110% Radley, Georgia, "Times New Roman", Times, serif;
	width: auto;
}
.entry-title a {
	color: #000;
}
.home .entry-title,
.paged .entry-title {
	word-break: break-word;
	/* @todo Commenting out these properties until we find a better solution for FF15/IE9
	-ms-word-break: break-all;
	word-break: break-all;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;*/
}
.single-post .entry-title,
.page .entry-title {
	display: inline-block;
}
.entry-date {
	color: #999;
	display: block;
	font: italic 85%/110% "Times New Roman", Times, serif;
}
.single-post .entry-date {
	clear: both;
	display: inline-block;
	float: none;
	margin: 0 0 10px 0;
}
.sep {
	display: inline;
	margin: 0 0 10px;
}
.post-image {
	margin: 0 0 5px;
}
.post-image img {
	max-width: 100%;
	height: auto;
}
a.more-link,
a.more-link:visited {
	background: #be252a;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	zoom:1;
	*display:inline;
	font-size: 12px;
	line-height: 100%;
	margin-left: 4px;
	padding: 3px 10px 4px;
	text-decoration: none;
	text-transform: uppercase;
}
.single-post {
	position: relative;
}
.single-post .entry-title {
	clear: both;
	display: inline-block;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 5px;
	width: 100%;
}
.single-post .entry-content {
	display: block;
	margin: 0 0 0 130px;
	min-height: 140px;
	position: relative;
}
.single-post .entry-meta {
	display: inline-block;
	float: left;
	position: relative;
	width: 110px;
}
.single-post .entry-meta em {
	display: none;
}
.single-post .entry-meta .author,
.single-post .entry-meta .cat-links,
.single-post .entry-meta .tag-links,
.single-post .entry-meta .comments-link a,
.single-post .entry-meta .edit-link a {
	border-top: solid 1px #ddd;
	clear: both;
	display: block;
	padding: 5px 0;
	text-align: right;
}
.single-post .entry-meta .author-img {
	display: block;
	float: right;
	margin: 0;
	padding: 5px 0;
	text-align: right;
}
.page-title {
	line-height: 110%;
	margin: 0 0 15px;
	padding: 0;
	font-size: 240%;
}
.author-bio {
	margin: 0 0 30px;
}
.author-bio .author-avatar {
	float: left;
	margin: 0 15px 0 0;
}
.author-bio .author-avatar img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.author .page-title {
	clear: none;
	font-size: 160%;
	margin: 0 0 5px;
	padding: 0;
	width: auto;
}
.author-posts-by {
	clear: both;
	display: block;
	font-size: 140%;
	margin: 0 0 20px;
	padding: 10px 0 0;
	text-transform: uppercase;
}
.author .page-header {
	border-bottom: double 4px #ccc;
	margin: 0 0 1em;
}


/* =Columns
--------------------------------------------*/

.four-column .hentry {
	float: left;
	font-size: 95%;
	line-height: 140%;
	margin-left:20px;
	width: 224px;
}
.right-sidebar.four-column .hentry {
	margin-left: 0;
	margin-right: 20px;
}
.four-column .entry-title {
	font-size: 120%;
}
.three-column .hentry {
	float: left;
	margin-left: 20px;
	width: 306px;
}
.right-sidebar.three-column .hentry {
	margin-left: 0;
	margin-right: 20px;
}
.three-column .entry-title {
	font-size: 150%;
}
.two-column .hentry {
	float: left;
	margin-left: 20px;
	width: 468px;
}
.right-sidebar.two-column .hentry {
	margin-left: 0;
	margin-right: 20px;
}
.two-column .entry-title {
	font-size: 170%;
}


/* =404
--------------------------------------------*/

.error404 .hentry .widget {
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}


/* =Sidebar & Widgets
--------------------------------------------*/

.widget {
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	box-shadow: 0 1px 4px rgba(0,0,0,.3);
	margin-bottom: 30px;
	padding: 10px 14px;
	/* @todo Commenting these out until a better method is found for FF 15/IE 9
	-ms-word-break: break-all;
	word-break: break-all;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;*/
	word-wrap: break-word;
}
.widget-title,
.widgettitle {
	font: normal 170%/110% Radley, Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	margin: 0 0 10px;
	padding: 0;
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	border-top: solid 1px #ddd;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 6px 0;
}
.widget ul ul {
	border-top: none;
	margin: 6px 0 -6px 0px;
	padding: 0;
}
.widget ul ul li {
	margin: 0;
	padding-left: 10px;
}
.widget #wp-calendar caption {
	font-weight: bold;
	padding-bottom: 10px;
}
.widget #wp-calendar td {
	padding: 4px 2px;
	text-align: center;
	width: 31px;
}
#secondary #searchform {
	position: static;
}
#secondary #searchform #s {
	width: 93%;
}
.footer-widgets {
	clear: both;
	margin: 20px auto 0 auto;
	max-width: 80%;
	position: relative;
}
.footer-widgets:before,
.footer-widgets:after {
	content: " ";
	display: table;
}
.footer-widgets:after {
	clear: both;
}
.footer-widgets .widget-area {
	float: left;
	margin: 20px 0 0;
	width: 30%;
}
.footer-widgets #second {
	margin: 20px 5% 0 5%;
}
#flickr_badge_uber_wrapper,
#flickr_badge_uber_wrapper td {
	border: 0 none;
	display: block;
	margin: 0 auto;
}
#flickr_badge_wrapper,
#flickr_badge_wrapper td {
	border: 0 none;
}
#wp-calendar caption,
#wp-calendar th,
#wp-calendar td {
	text-align: center;
}


/* =Gallery
--------------------------------------------*/

#main .gallery {
	margin: 0 0 5px;
}
#main .gallery img {
	border: none;
	max-width: 100%;
	width: auto; /* ie8 */
	height: auto;
}
#main .gallery dl {
	display: inline-block;
	float: none;
	margin: 0 8px 8px 0;
	text-align: center;
	vertical-align: top;
	width: auto;
	zoom:1;
	*display:inline;
}
#main .gallery dd {
	font-size: 90%;
	line-height: 120%;
	margin: 5px 0 0;
	text-align: center;
	width: 140px;
}
.gallery br {
	display: none;
}
.four-column .gallery img,
.three-column .gallery img {
	max-width: 50px;
}


/* =Welcome Message
--------------------------------------------*/

.welcome-message {
	background: #fff796 url(/wp-content/themes/premium/pinboard/images/staple.png) no-repeat center 8px;
	border: solid 1px #d2cb6d;
	border-bottom-color: #bcb55a;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 1px 1px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 1px 1px rgba(0,0,0,.1);
	color: #7f7b4b;
	margin: 0 auto 20px;
	max-width: 760px;
	padding: 15px 4% 5px;
	text-align: center;
	width: 80%;
}
.welcome-message h1,
.welcome-message h2,
.welcome-message h3,
.welcome-message h4,
.welcome-message h5,
.welcome-message h6 {
	color: #895a25;
	font-family: Radley, Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 .2em;
}
.welcome-message p {
	margin: 0;
	padding: 0 0 .7em;
}

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

.commentwrap {
	clear: both;
	margin: 10px 0 20px;
	position: relative;
}
.comment-title, #reply-title {
	font-size: 160%;
	margin: 0 0 10px;
	padding: 0;
}
.commentwrap .pagenav {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 10px 0;
}
.commentwrap .pagenav.top {
	margin: 0;
	position: absolute;
		top: 0;
		right: 0;
}
.commentlist {
	border-top: solid 1px #ddd;
	margin: 0 0 30px;
	padding: 5px 0 0;
}
.commentlist li.comment,
.commentlist li.pingback,
.commentlist li.trackback {
	list-style: none;
	margin: 0;
	padding: 15px 0 0;
	position: relative;
}
.commentlist .comment-author {
	margin: 0 0 5px;
	padding: 0;
}
.commentlist .comment-content {
	padding: 15px 0 0 55px;
}
.commentlist .avatar {
	float: left;
	margin: 0 15px 0 0;
}
.commentlist cite {
	font: italic 130% Radley, Georgia, "Times New Roman", Times, serif;
}
.commentlist cite a {
	text-decoration: none;
}
.commentlist .bypostauthor > .comment-author cite {
	padding-left: 18px;
}
.commentlist .comment-time {
	font-size: 75%;
	text-transform: uppercase;
}
.commentlist article.comment,
li.pingback p,
li.trackback p {
	border-bottom: solid 1px #ddd;
	min-height: 40px;
	overflow: hidden;
	padding-bottom: 5px;
	word-wrap: break-word;
}
.commentlist ul,
.commentlist ol {
	margin: 0 0 0 7%;
	padding: 0;
}
.commentlist .reply {
	position: absolute;
		top: 8px;
		right: 0;
}
.commentlist .comment-reply-link {
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}
.commentlist .comment-reply-link:hover {
	text-decoration: none;
}
#respond {
	clear: both;
	margin: 0;
	padding: 10px 0 0;
	position: relative;
}
#respond #cancel-comment-reply-link {
	background: #e41d24;
	background: -moz-linear-gradient(top, #fb4e55 0%, #d7020a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb4e55), color-stop(100%,#d7020a));
	background: -webkit-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
	background: -o-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
	background: -ms-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4e55', endColorstr='#d7020a',GradientType=0 );
	background: linear-gradient(top, #fb4e55 0%,#d7020a 100%);
	border: solid 1px #9e0b0f;
	border-radius: 5px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.2);
	color: #fff;
	display: block;
	font-size: 85%;
	line-height: 100%;
	padding: 5px 10px;
	position: absolute;
		top: 20px;
		right: 0;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
#respond #cancel-comment-reply-link:hover {
	background: #fb4e55;
}
#commentform {
	margin: 15px 0 0;
}
#commentform input[type=text] {
	margin-right: 5px;
	width: 206px;
}
#commentform label {
	font-weight: bold;
}
#commentform label small {
	font-weight: normal;
}
#commentform textarea {
	height: 140px;
}
#commentform input#submit {
	padding: 7px 20px;
}


/* =WordPress.com Styles
---------------------------------------------*/

/* Grunion Contact Forms */
input[type="text"],
input[type="email"],
textarea {
	max-width: 97%;
}
/* Sharing buttons on 3-column and 4-column layouts */
.three-column #primary #content div.sharedaddy h3.sd-title,
.four-column #primary #content div.sharedaddy h3.sd-title {
	float: none;
	width: auto;
	margin-bottom: 10px;
}
.three-column #primary #content div.sharedaddy div.sd-content,
.four-column #primary #content div.sharedaddy div.sd-content {
	width: auto;
}


/* =Media Queries for Responsive Layout
---------------------------------------------*/

/* Small posts reduced to three columns plus sidebar */
@media screen and ( min-width: 938px ) and ( max-width: 1182px ) {

	.four-column #main {
		width: 732px;
	}
	.four-column.left-sidebar #main,
	.four-column.right-sidebar #main {
		width: 932px;
	}
	.four-column #primary {
		width: 732px;
	}

}

/* Medium posts reduced to two columns plus sidebar */
@media screen and ( min-width: 862px ) and ( max-width: 1182px ) {

	.three-column #main {
		width: 652px;
	}
	.three-column.left-sidebar #main,
	.three-column.right-sidebar #main {
		width: 852px;
	}
	.three-column #primary {
		width: 652px;
	}

}

/* Large posts reduced to one column plus sidebar */
@media screen and ( min-width: 700px ) and ( max-width: 1180px ) {

	.two-column #main {
		width: 488px;
	}
	.two-column.left-sidebar #main,
	.two-column.right-sidebar #main {
		width: 688px;
	}
	.two-column #primary {
		width: 488px;
	}

}

/* Small posts reduced to two columns plus sidebar; also resizes single post/pages for smaller screens */
@media screen and ( min-width: 714px ) and ( max-width: 937px ) {

	.four-column #main {
		width: 488px;
	}
	.four-column.left-sidebar #main,
	.four-column.right-sidebar #main {
		width: 688px;
	}
	.four-column #primary {
		width: 488px;
	}
	.single-post #main,
	.page #main {
		width: 700px;
	}
	.left-sidebar.single-post #primary,
	.left-sidebar.page #primary,
	.right-sidebar.single-post #primary,
	.right-sidebar.page #primary {
		margin: 0;
	}
	.single-post #primary,
	.page #primary {
		width: 480px;
	}
	.no-sidebar.single-post #primary,
	.no-sidebar.page #primary,
	.no-sidebar.single-post .hentry,
	.no-sidebar.page .hentry {
		width: 100%;
	}
	.single-post .hentry,
	.page .hentry {
		width: 450px;
	}

}

/* Medium posts reduced to one column with sidebar for smaller screens */
@media screen and ( min-width: 714px ) and ( max-width: 870px ) {

	.three-column #main {
		width: 326px;
	}
	.three-column.left-sidebar #main,
	.three-column.right-sidebar #main {
		width: 526px;
	}
	.three-column #primary {
		width: 326px;
	}

}

/* Reduce masthead contents for small screens */
@media screen and ( max-width: 820px ) {

	#masthead {
		padding: 0;
		width: 100%;
	}
	#masthead hgroup {
		margin: 1em 0 1em 1.5em;
		width: 94%;
	}
	#masthead .site-title,
	#masthead .site-description  {
		clear: both;
		float: none;
		padding: 3px 0 2px;
		text-align: left;
	}
	#masthead .site-title a {
		font-size: 30px;
	}
	#masthead .site-description {
		margin: 0 0 5px;
	}
	#search-wrap {
		display: none;
	}

}

/* On small screens, reduce to one column for all post sizes and sidebars */
@media screen and ( max-width: 713px ) {
	#main,
	.left-sidebar #main,
	.right-sidebar #main {
		margin: 0 auto;
		width: 94%;
	}
	#primary,
	.left-sidebar #primary,
	.right-sidebar #primary {
		clear: both;
		float: none;
		width: 100%;
		margin: 0;
		max-width: 100%;
	}
	#content-wrapper,
	.right-sidebar #content-wrapper,
	.left-sidebar #content-wrapper,
	.no-sidebar #content-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
	.single-post #main,
	.page #main {
		width: 94%;
	}
	.left-sidebar.single-post #primary,
	.left-sidebar.page #primary,
	.right-sidebar.single-post #primary,
	.right-sidebar.page #primary {
		margin-bottom: 2em;
		margin-left: 0;
		margin-right: 0;
	}
	.single-post #primary,
	.page #primary {
		width: 100%;
		max-width: 100%;
	}
	.no-sidebar.single-post #primary,
	.no-sidebar.page #primary,
	.no-sidebar.single-post .hentry,
	.no-sidebar.page .hentry {
		width: 100%;
		max-width: 100%;
	}
	.single-post .hentry,
	.page .hentry {
		width: 100%;
		max-width: 100%;
	}
	#secondary {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
	}
	.four-column .hentry,
	.three-column .hentry,
	.two-column .hentry {
		float: none;
		margin-left: 0;
		width: 100%;
		max-width: 100%;
	}
	#masthead {
		padding: 0;
		width: 100%;
	}
	#masthead hgroup {
		margin: 1em 0 1em 1.5em;
		width: 94%;
	}
	#masthead .site-title,
	#masthead .site-description  {
		clear: both;
		float: none;
		padding: 3px 0 2px;
		text-align: left;
	}
	#masthead .site-title a {
		font-size: 30px;
	}
	#masthead .site-description {
		margin: 0 0 5px;
	}
	#search-wrap {
		display: none;
	}
	.footer-widgets {
		max-width: 100%;
	}
	.entry-title {
		margin: 0 0 2px;
		font-size: 2em;
	}
	.post-image {
		float: none;
		margin-right: 0;
		margin-left: 0;
	}
	.hentry header,
	.hentry .entry-content,
	.hentry .entry-summary,
	.hentry footer {
		float: none;
		overflow: visible;
	}
	.site-navigation .nav-previous,
	.site-navigation .nav-next {
		clear: both;
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}
	.commentlist {
		padding-left: 0;
	}
	.commentlist .comment {
		clear: left;
	}
	.commentlist .avatar {
		float: left;
		margin: 0 10px 10px 0;
		width: 40px;
		height: 40px;
	}
	.footer-widgets .widget-area {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.footer-widgets #second {
		margin: 0;
	}
	#footer-logo {
		position: static;
	}
	.footer-nav {
		padding: 0;
	}

}

/* More adjustments for smaller screens */
@media screen and ( max-width: 480px ) {
	.single-post .entry-meta {
		float: none;
		width: 100%;
	}
	.single-post .entry-meta .author-img {
		float: none;
	}
	.single-post .entry-meta .author,
	.single-post .entry-meta .author-img,
	.single-post .entry-meta .cat-links,
	.single-post .entry-meta .tag-links,
	.single-post .entry-meta .comments-link a,
	.single-post .entry-meta .edit-link a {
		text-align: left;
	}
	.single-post .entry-content {
		margin: 0;
	}
}


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

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.welcome-message {
		background-image: url(/wp-content/themes/premium/pinboard/images/staple-2x.png);
		background-size: 43px;
	}
}


/* =Jetpack: Infinite Scroll
-------------------------------------------------------------- */

.infinite-scroll #content-wrapper:after {
	clear: both;
	content: '';
	display: block;
}
.infinite-scroll #content-wrapper {
	margin-bottom: 40px;
}
.infinite-scroll.neverending #content-wrapper {
	margin-bottom: 70px;
}
.infinite-scroll .hentry:last-of-type,
.infinite-scroll .hentry.last-before-infinite {
	border-bottom: none;
}
#infinite-footer {
	z-index: 1000;
}
#infinite-footer .blog-credits a,
#infinite-footer .blog-info a {
	color: #c16b05;
}
#infinite-handle span {
	background-color: #be252a;
	border-color: #be252a;
	color: #fff;
	display: none;
	margin-left: -85px;
	position: absolute;
		bottom: -70px;
		left: 50%;
}
#infinite-handle span:before {
	color: #fff;
}
#infinite-handle span:hover:before,
#infinite-handle span:hover {
	color: rgba(255,255,255,.7);
}
.infinite-loader {
	margin-left: -14px;
	position: absolute;
		bottom: -70px;
		left: 50%;
}

/* Elements to hide */
.infinite-scroll #nav-below,
.infinite-scroll.neverending #colophon {
	display: none;
}
.infinity-end.neverending #colophon {
	display: block;
}