/*
Theme Name: Amiable
Theme URI: http://assistware.co.za/amiable-theme/
Author: Arnold Goodway
Author URI: http://assistware.co.za/
Description: A simple all-purpose theme that puts the focus right where it should be, on your great content. The theme has all the makings of a great parent theme just begging for a creative child theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amiable
Tags: accessibility-ready, white, light, two-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, translation-ready,  threaded-comments, sticky-post, theme-options, featured-images, editor-style, custom-menu, custom-header, custom-colors, custom-background

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.

Amiable is based on Underscores http://underscores.me/, (C) 2012-2014 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 {font-size: 62.5%; -webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;box-sizing: border-box;}*,*:before,*:after {box-sizing: inherit;}body {background: #fff;}article,aside,details,figcaption,figure,footer,header,main,nav,section {display: block;}ol,ul {list-style: none;}table {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: none;}a:hover,a:active {outline: 0;}a img {border: 0;}

/*-------------------- Typography --------------------*/
body,
button,
input,
select,
textarea {
	color: #505050;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	background: #f8f8f8;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: 600;
}
h1 {
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 25px;
}
h2 {
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 23px;
}
h3 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 21px;
}
h4 {
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 19px;
}
h5 {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 17px;
}
h6 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 15px;
}
h3.widget-title,
h3.sitemap-title,
h4.widget-title {
	font-size: 20px;
	line-height: 20px;
}
p {margin-bottom: 25px;}
p.introductory {
	font-size: 18px; 
	line-height: 27px; 
	margin-bottom: 25px;
	display: none;
}
.single p.introductory {display: block;}
blockquote {
	background: url(images/blockquote.png) left top no-repeat;
	padding: 0 0 0 30px;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 0; 
}
cite {
	font-weight: 600;
	text-decoration: none; 
}
address {
	font-style: italic;
	margin: 0 0 20px; 
}
del, strike, s {text-decoration: line-through; }
em, q {font-style: italic; }
pre,
.chat-font {
	line-height: 20px;
	margin-bottom: 20px;
	overflow: auto;
	padding: 9px;
	font: .9em Monaco, monospace, Courier, "Courier New"; 
}
q:before, q:after {content: '"'; }
strong {font-weight: 700; }
sub {
	position: relative;
	top: 4px;
	font-size: 80%;
	vertical-align: baseline; 
}
sup {
	bottom: 4px;
	font-size: 80%;
	position: relative;
	vertical-align: baseline; 
}
.small,
small {font-size: 80%; }
big {font-size: 120%;}
pre code {font-size: 16px; }
tt,var,kbd,code {font: .9em Monaco, monospace, Courier, "Courier New"; }

/*-------------------- Layout --------------------*/
.site {
	margin: 40px auto 20px auto;
	overflow: hidden;
}
.site-wrapper {
	overflow: hidden;
	padding: 1px;
}
.site-header-left {
	float: left;
	background: #fff;
	margin-bottom: 40px;
}
.site-header-right {
	float: right;
	background: #fff;
	margin-bottom: 40px;
}
.site-header-image {margin-bottom: 15px;}
.site-branding {margin-bottom: 15px;}
/* the site-content-left and site-content-right have been turned around* /
/* this has been done to make the html coding a lot simpler */
/* if site-content-left is being used it means that the sidebar is on the left and vice versa */
.site-content-left {
	clear: right;
	float: right;
	overflow: hidden;
	margin: 0 0 0 7%;
}
.site-content-right {
	clear: left;
	float: left;
	overflow: hidden;
	margin: 0 7% 0 0;
}
.site-sidebar-left {
	clear: left;
	float: left;
	overflow: hidden;
	margin-bottom: 40px;
	background: #f1f1f1;
}
.site-sidebar-right {
	clear: right;
	float: right;
	overflow: hidden;
	margin-bottom: 40px;
	background: #f1f1f1;
}
.site-footer-widgets {
	background: #f1f1f1;
	border-bottom: 1px solid #ddd;
}
.site-footer {
	clear: both;
	width: 100%;
	background: #f1f1f1;
	padding: 20px;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}
.page-header,
.page-content {
	background: #fff;
	padding: 20px;
}
.page-header {margin-bottom: 40px;}
.page-content {padding: 20px 20px 5px 20px;}
.site-title,
.site-description {
	text-align: center;
	line-height: 1;
	padding: 0 20px;
	margin-bottom: 12px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/*-------------------- Widgets --------------------*/
.widget {
	padding: 20px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
}
.site-footer-widgets .widget{
	border-top: none;
	border-bottom: none;
}
.widget-title,
.sitemap-title {
	line-height: 1;
	margin-bottom: 15px;
}
.sitemap-double {margin-top: 15px;}
.widget input[type="search"] {
  	-webkit-box-sizing:border-box;
	width: 100%;
	margin-bottom: 0;
}

/*-------------------- Elements --------------------*/
hr {
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	border: 0;
	height: 1px;
	margin-top: 25px;
}
ul, ol {margin: 0 0 10px 20px;}
ul {list-style: disc;}
ol {list-style: decimal;}
ul li,
ol li {margin-bottom: 10px;}
li > ol,
li > ul {margin: 10px 0 10px 20px;}
dl {
	border: 1px solid #ddd;
	padding: 10px 15px 5px 15px;
	margin-bottom: 15px;
}
dt {
	display: block;
	font-weight: 600;
}
dt:after {content: ":";}
dd {
	margin: 0;
	padding: 0 0 10px 0;
}
figure {}
table {
	border-collapse: collapse;
	border-top: none;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 5px;
	width: 100%;
 }
table caption {text-align: left;}
table th {
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
	text-align: left;
 }	
table th, table td {
	border-bottom: none;
	border: 1px solid #ddd;
	padding: 3px 5px;
}
th {font-weight: bold;}

/*-------------------- Social Menu --------------------*/
.social-menu {
	margin: 0;
	padding: 0;
}
.social-menu ul {
	list-style: none;
	margin: 0;
	text-align: center;
	padding: 0;
}
.social-menu ul li {
	display: inline-block;
	position: relative;
}
.social-menu a {
	display: block;
	position: relative;
	text-decoration: none;
}
.social-menu ul li a:link,
.social-menu ul li a:visited,
.social-menu ul li a:hover,
.social-menu ul li a:focus,
.social-menu ul li a:active {border-bottom: none;}
.social-menu li:last-child {margin-right: 0;}
.social-menu li a:before {
	display: block;
	padding: 3px;
	font-family: 'Genericons';
	vertical-align: middle;
	font-size: 24px;
	text-decoration: none;
	-webkit-font-smoothing: antialiased; 
}
.social-menu li a[href*="wordpress.org"]::before,
.social-menu li a[href*="wordpress.com"]::before {content: '\f205';}
.social-menu li a[href*="facebook.com"]::before {content: '\f203';}
.social-menu li a[href*="twitter.com"]::before {content: '\f202';}
.social-menu li a[href*="dribbble.com"]::before {content: '\f201';}
.social-menu li a[href*="plus.google.com"]::before {content: '\f218';}
.social-menu li a[href*="pinterest.com"]::before {content: '\f210';}
.social-menu li a[href*="github.com"]::before {content: '\f200';}
.social-menu li a[href*="tumblr.com"]::before {content: '\f214';}
.social-menu li a[href*="youtube.com"]::before {content: '\f213';}
.social-menu li a[href*="flickr.com"]::before {content: '\f211';}
.social-menu li a[href*="vimeo.com"]::before {content: '\f212';}
.social-menu li a[href*="instagram.com"]::before {content: '\f215';}
.social-menu li a[href*="codepen.io"]::before {content: '\f216';}

/*-------------------- Accessibility --------------------*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute; 
}
.screen-reader-text:hover,
.screen-reader-text:focus,
.screen-reader-text:active {
	clip: auto;
	display: block;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	background: #fff;
}
.external:after {
	content: "\f442";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px "Genericons";
	padding: 0;
	vertical-align: top; 
	text-decoration: none;
}
#content:focus {outline: none;}

/*-------------------- Links --------------------*/
a:link,
a:visited {
	text-decoration: none;
	border-bottom: 1px solid #505050;
}
a:hover {
	text-decoration: none;
	border-bottom: none;
}
a:focus,
a:active {
	text-decoration: none;
	border-bottom: none;
	outline: thin dotted #000;
}
a:hover img,
a:focus img,
a:active img {outline: thin dotted #000;}

/*-------------------- Pages and Posts --------------------*/
.site-article {
	background: #fff;
	margin: 1px 1px 40px 1px;
}
.site-page {
	background: #fff;
	margin: 1px 1px 40px 1px;
}
.entry-title,
.entry-meta {
	padding: 0 20px;
	text-align: center;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.entry-title {padding-top: 15px;}
.site-page .entry-title{padding-top: 20px;}
.entry-meta {
	margin-bottom: 15px;
	font-style: italic;
}
.entry-content {padding: 0 20px 15px 20px;}
.entry-footer {
	padding: 15px 20px;
	margin: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	background: #f1f1f1;
	font-style: italic;
	border-bottom: 1px solid #ddd;
}
.more-link {
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 0;
}
.post-sticky {display: none;}
.sticky .post-sticky {display: inline-block;}
.more-link:link,
.more-link:visited {border-bottom: none;}
.sticky .post-sticky,
.format-aside .entry-format,
.format-image .entry-format,
.format-video .entry-format,
.format-quote .entry-format,
.format-link .entry-format,
.format-gallery .entry-format,
.format-status .entry-format,
.format-audio .entry-format,
.format-chat .entry-format,
.entry-date,
.byline,
.post-comment,
.cat-links,
.tags-links,
.edit-link {margin-right: 5px;}
.sticky .post-sticky:before,
.format-aside .entry-format:before,
.format-image .entry-format:before,
.format-video .entry-format:before,
.format-quote .entry-format:before,
.format-link .entry-format:before,
.format-gallery .entry-format:before,
.format-status .entry-format:before,
.format-audio .entry-format:before,
.format-chat .entry-format:before,
.entry-date:before,
.byline:before,
.post-comment:before,
.cat-links:before,
.tags-links:before,
.edit-link:before {
	margin-right: 2px;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px "Genericons";
	padding: 0;
	vertical-align: middle; 
}
.sticky .post-sticky:before {content: "\f308";}
.format-aside .entry-format:before {content: "\f101";}
.format-image .entry-format:before {content: "\f102";}
.format-gallery .entry-format:before {content: "\f103";}
.format-video .entry-format:before {content: "\f517";}
.format-status .entry-format:before {content: "\f105";}
.format-quote .entry-format:before {content: "\f106";}
.format-link .entry-format:before {content: "\f107";}
.format-chat .entry-format:before {content: "\f108";}
.format-audio .entry-format:before {content: "\f109";}
.entry-date:before {content: "\f307";}
.byline:before {content: "\f304";}
.post-comment:before {content: "\f300";}
.cat-links:before {content: "\f301";}
.tags-links:before {content: "\f302";}
.edit-link:before {content: "\f411";}

/*-------------------- Posts Pagination --------------------*/
.pagination .nav-links {
	padding: 15px 20px;
	background: #f1f1f1;
	margin-bottom: 40px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.pagination a.page-numbers:link,
.pagination a.page-numbers:visited {
	border-bottom: 1px solid #aaa;
	background: #f8f8f8;
}
.pagination a.page-numbers:hover {background: #fff;}
.pagination a.page-numbers:focus,
.pagination a.page-numbers:active {
	background: #fff;
	outline: thin dotted #000;
}
.pagination .page-numbers {
	padding: 5px 8px;
	border: 1px solid #aaa;
	margin-right: 3px;
}
.pagination .current {
	font-weight: 600;
	background: #f1f1f1;
}

/*-------------------- Post Pagination --------------------*/
.post-navigation .nav-links {
	background: #f1f1f1;
	padding: 10px 20px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
}
.post-navigation .nav-links a {
	border-bottom: none;
	display: block;
}
.post-navigation .post-title { position: relative;}
.post-navigation .nav-next {
	width: 50%;
	float: right;
	text-align: right;
}
.post-navigation .nav-previous {
	width: 50%;
	float: left;
}
.post-navigation .meta-nav {
	position: relative;
	text-transform: uppercase;
}

/*-------------------- Page Navigation --------------------*/
.page-links {
	clear: both;
	margin: 15px 0 0 0;
}
.page-links a,
.page-links > span {
	border: 1px solid #aaa;
	display: inline-block;
	margin: 0 5px 5px 0;
	text-align: center;
	padding: 0 5px;
}
.page-links > span {
	background: #f1f1f1;
	font-weight: 600;
}
.page-links a {background: #f8f8f8;}
.page-links a:hover,
.page-links a:focus {background: #fff;}
.page-links > .page-links-title {
	border: 1px solid #aaa;
	display: inline-block;
	margin: 0 5px 5px 0;
	text-align: center;
	padding: 0 5px;
	font-weight: normal;
}

/*-------------------- Forms --------------------*/
button,
input[type="submit"].search-submit {
	-webkit-appearance: button;
	background: #e6e6e6;
	color:#000;
	border: 1px solid #ddd;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer;
	line-height: 1;
	padding: 8px 15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	display: none;
}
button:hover,
input[type="submit"].search-submit:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);}
button:focus,
input[type="submit"].search-submit:focus {
	outline: thin dotted #000;
}
/* Required for Safari browser */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance:none;}
input[type="search"] {
	background: #f8f8f8; 
	margin-bottom: 15px;
}
input[type="search"]:focus,
input[type="search"]:active {
	background: #fff;
	outline: thin dotted #000;
}
textarea,
input {
	margin: 0;
	outline: none;
	display: block;
	padding: 5px;
	border: 1px dotted #aaa;
	-o-transition: all 5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	background: #f1f1f1;
}
textarea {width: 80%;}
input[name="author"],
input[name="email"],
input[name="url"] {width: 50%;}
input[type="checkbox"] {display: inline;}
textarea:focus,
input:focus {
	background: #fff; 
  	outline: none;
}
input[name="s"] {display: inline;}
input[type="submit"] {
	-webkit-appearance: button;
	background: #e6e6e6;
	color:#000;
	border: 1px solid #ddd;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer;
	line-height: 1;
	padding: 8px 15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
input[type="submit"]:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }
input[type="submit"]:focus,
input[type="submit"]:active {outline: thin dotted #000;}
.required {color: #a60000;}
.required:before {
	content: "\f408";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 12px "Genericons";
	padding: 0 3px 0 0;
	vertical-align: top; 
}

/*-------------------- Author Bio--------------------*/
.author-info {
	background: #fff;
	padding: 20px;
	margin-bottom: 40px;
}
.author-info .avatar {
	height: 80px;
	width: 80px;
	margin: 5px 15px 0 0;
	float: left;
}
.author-heading {
	color: #585858;
	margin-bottom: 15px;
}
.author-title {clear: none;}
.author-bio {
	padding-bottom: 1px;
	min-height: 90px;
}
.author-description {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
.author-description a {
	border-bottom: 1px solid #333;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.author-description a:hover,
.author-description a:focus {border-bottom: 0;}
.author-description > :last-child {margin-bottom: 0;}
.author-link {white-space: nowrap;}
.author-link:after {
	position: relative;
	top: 1px;
}

/*-------------------- Primary Menu and Widget Lists--------------------*/
.primary-navigation {
	padding: 0 15px;
	background: #f1f1f1;
}
.primary-navigation ul,
.widget ul,
.sitemap ul {
	list-style: none;
	margin: 0;
}
.primary-navigation ul li,
.widget ul li,
.sitemap ul li {
	margin: 0;
	padding: 0;
}
.primary-navigation ul,
.widget ul,
.sitemap ul {text-indent: 5px;}
.primary-navigation ul ul,
.widget ul ul,
.sitemap ul ul {text-indent: 20px;}
.primary-navigation ul ul ul,
.widget ul ul ul,
.sitemap ul ul ul {text-indent: 35px;}
.primary-navigation a:link,
.primary-navigation a:visited,
.widget a:link,
.widget a:visited,
.sitemap a:link,
.sitemap a:visited {
	display: block;
	padding: 7px 0;
	border-bottom: none;
}
.primary-navigation a:hover,
.primary-navigation a:focus,
.primary-navigation a:active,
.widget a:hover,
.widget a:focus,
.widget a:active,
.sitemap a:hover,
.sitemap a:focus,
.sitemap a:active {background: #f8f8f8;}
.primary-navigation .current_page_item > a,
.primary-navigation .current-menu-item > a {font-weight: 600;}
.primary-navigation .nav-menu {padding: 15px 0;}
.primary-navigation.toggled-on .nav-menu {display: block;}
.menu-toggle {
	width: 30%;
	margin: 0 auto 15px auto;
}

/*-------------------- Images --------------------*/
img {
	max-width: 100%;
	height: auto;
}
.entry-thumb {
	text-align: center;
}
.entry-thumb img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
embed,
iframe,
object,
video {
	margin-bottom: 20px;
	max-width: 100%;
	vertical-align: middle;
}

/*-------------------- Calendar --------------------*/
#wp-calendar {width: 100%;}
#wp-calendar thead th {
	background: #f5f5f5;
	border-top: none;
	border: 1px solid #ddd;
	font-weight: normal;
}
#wp-calendar tbody td {
	-moz-transition: background 0.15s ease;
	-o-transition: background 0.15s ease;
	-webkit-transition: background 0.15s ease;
	border: 1px solid #ddd;
	line-height: 2.5em;
	text-align: center;
	transition: background 0.15s ease;
}
#wp-calendar tbody td:hover {background: #f1f1f1;}
#wp-calendar tbody td a {
	background: #f1f1f1;
	display: block;
	text-decoration: none;
}
#wp-calendar tbody td:hover a {
	background: #4d4d4d;
	color: #fff;
}
#wp-calendar tfoot td {
	padding-top: 1px;
	padding: 4px;
}
#wp-calendar caption {
	background: #e1e1e1;
	color: #000;
	margin: 0;
	outline: 0 none !important;
	padding: 12px;
	text-align: center;
	text-transform: uppercase;
}
#wp-calendar tbody a {
	display: block;
	text-decoration: underline;
}

#wp-calendar th {
	border-top: none;
	border: 1px solid transparent;
	color: #000;
	padding: 7px 0;
	text-align: center;
}

/*-------------------- Comments --------------------*/
.comments-area {
	padding: 20px 20px 10px 20px;
	margin-bottom: 40px;
	background: #fff;
}
.bypostauthor > article *.fn:before {
	content: "\f408";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 12px "Genericons";
	padding: 0 5px 0 0;
	vertical-align: top; 
	text-decoration: none;
}
cite .fn a {text-decoration: none;}
.reply {
	padding: 10px;
	overflow: hidden;
	text-align: right;
	margin-bottom: 20px;
	background: #f1f1f1; 
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
}
.reply a {font-style: italic; }
.reply:before {
	content: "\f467";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 12px "Genericons";
	padding: 0;
	vertical-align: top;  
}
#cancel-comment-reply-link {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
	border-bottom: none;
}
.comment-list {
	padding: 0;
	margin: 0; 
}
.comment-list .vcard span.says {display: none; }
.comment-list .vcard img.avatar {
	float: left;
	margin-right: 10px;
	padding: 2px;
	background: #fff;
	width: 80px;
	height: 80px;
	border: 1px solid #ddd; 
}
.comment-content:before {
	content: "";
	display: table;
	clear: both; 
}
.comment-awaiting-moderation:before {
	content: "";
	display: table;
	clear: both; 
}
.comment-awaiting-moderation:after {
	color: #a60000;
	content: "\f408";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 12px "Genericons";
	padding: 0;
	vertical-align: top; 
}
ol.comment-list li {
	list-style: none;
	margin: 0; 
}
.comment-meta {
	overflow: hidden;
	padding: 10px;
	background: #f1f1f1; 
	border-bottom: 1px solid #ddd;
}
.comments-title { margin-bottom: 30px;}
.comment-navigation {margin: 20px 0; }
.comment-navigation ul li {
	overflow: hidden;
	margin: 0; 
}
.comment-navigation a {
	padding: 5px 10px;
	margin: 0;
	text-decoration: none;
	background: #f8f8f8;
	border-bottom: none;
	border: 1px solid #aaa;
}
.comment-navigation a:hover {background: #fff;}
.comment-navigation .current {
	padding: 5px 10px;
	margin: 0;
	text-decoration: none;
	background: #e1e1e1;
	border: 1px solid #aaa;
}
.comment-respond {margin: 0; }
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0; 
}
.comment-awaiting-moderation {
	padding: 5px 0;
	margin: 0; 
}
.comment-content {
	padding: 10px;
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff; 
}

/*-------------------- Alignments --------------------*/
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.wp-caption.alignleft,
img.alignleft {margin: 4px 15px 15px 0;}
.wp-caption.alignright,
img.alignright {margin: 4px 0 15px 15px;}
.wp-caption.alignnone,
img.alignnone {
	max-width: 100%;
	height: auto;
	margin: 4px 0 15px 0;
}
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 4px;
	margin-bottom: 15px;
}

/*-------------------- Galleries and Captions --------------------*/
.gallery {margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%; 
}
.gallery-columns-2 .gallery-item {width: 50%; }
.gallery-columns-4 .gallery-item {width: 25%; }
.gallery img {
	box-shadow: 0px 0px 4px #999;
	border: 1px solid white;
	padding: 8px;
	background: #f1f1f1; 
}
.gallery img:hover {background: white; }
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto; 
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto; 
}
.gallery .gallery-caption {
	margin: 0 0 12px;
	text-align: left;
	color: #888;
	font-size: 12px; 
}
.gallery dl, .gallery dt {margin: 0; }
.gallery br + br {display: none; }
.wp-caption img {
	display: block;
	max-width: 100% !important;
	height: auto !important; 
}
.wp-caption .wp-caption-text {
	margin-bottom: 6px;
	position: relative;
	text-align: left; 
}

/*------------------------- Miscellaneous --------------------------*/
.jetpack_subscription_widget input[type=text], 
.jetpack_subscription_widget input[type=email] {
	background: #f8f8f8;
	padding: 7px !important;
	width: 100% !important;
	border: 1px dotted #aaa;
}
.jetpack_subscription_widget input[type=text]:focus,
.jetpack_subscription_widget input[type=text]:active,  
.jetpack_subscription_widget input[type=email]:focus,
.jetpack_subscription_widget input[type=email]:active {
	background: #fff;
	outline: thin dotted #000;
}
/*------------------------- Media Queries --------------------------*/
/*-- Most of the media queries are handled in  inc/customizer.php --*/
@media screen and (max-width: 960px) {
	.site-footer-widgets .widget{
		border-top: 1px solid #f8f8f8;
		border-bottom: 1px solid #ddd;
	}
	.site-footer-widgets {border-bottom: none;}
	textarea {width: 100%;}
	input[name="author"],
	input[name="email"],
	input[name="url"] {width: 100%;}
	.author-bio {overflow: inherit;}
	li > ol,
	li > ul {margin: 10px 0 10px 0;}
}