/*
Theme Name: AHA Blog Theme 2: Electric Boogaloo
Author: Results Direct
Author URI: http://www.resultsdirect.com
*/

/* ------------------------------------ =reset -- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block; }
audio, canvas, video {
	display: inline-block; }
audio:not([controls]) {
	display: none; }
ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none; }
a {
	margin: 0; padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	outline: none; }
img {
	-ms-interpolation-mode: bicubic }
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none; }
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold; }
del {
	text-decoration: line-through; }
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help; }
table {
	border-collapse: collapse;
	border-spacing: 0;
	word-wrap: break-word; }
hr {
	display: block;
	height: 1px;
	border: 0;   
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0; }
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word; }
sub, sup {
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
	position: relative; }
sup {
	top: -0.5em; }
sub {
	bottom: -0.25em; }
input, select {
	vertical-align: middle; }


/* ------------------------------------ =basic -- */

html {
    font: 62.5%/1.5 "Trebuchet MS", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; }
body {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 20px;
    line-height: 2rem;
    color: #444;
    background-color: #e5e5e5; }

.header-container, #main, #footer-area, #copyright, #main-navigation, #footer-bounds {
	max-width: 1080px;
	padding: 0 13px;
	padding: 0 1.3rem;
	margin: 0 auto; }

a {
	text-decoration: none;
	color: #60a338;
		-webkit-transition: color 0.14s ease, background-color 0.14s ease;
		-moz-transition: color 0.14s ease, background-color 0.14s ease;
		-ms-transition: color 0.14s ease, background-color 0.14s ease;
		-o-transition: color 0.14s ease, background-color 0.14s ease;
	transition: color 0.14s ease, background-color 0.14s ease; }
	a:hover {
		color: #2268a6; }


/* ------------------------------------ =type -- */

.font-b,
#main-navigation h2, .hal-join, #main-navigation .menu-title, .footer-title, #complementary .widget-title, .button, #single .entry-title, #response-header h3, .archive-title {
	font-family: "PT Sans Narrow", "Trebuchet MS", sans-serif;
	font-weight: 400 !important; }

.entry-content {
	font-size: 13px;
	font-size: 1.3rem; }
    .entry-content p, .entry-content ol, .entry-content ul {
        	padding-bottom: 20px;
        padding-bottom: 2rem; }
    	.entry-content p:last-child, .entry-content ol:last-child, .entry-content ul:last-child {
            padding-bottom: 0; }
    .entry-content ol, .entry-content ul {
        margin-left: 2em; }
    .entry-content li + li {
    		padding-top: 10px;
    	padding-top: 1rem; }
    .entry-content ul {
        list-style-type: disc; }
    .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
        text-rendering: optimizeLegibility;
        color: #222; }
    .entry-content h1 {
		font-size: 21px;
		font-size: 2.1rem;
	}
	.entry-content h2 {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.entry-content h3 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.entry-content h4 {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.entry-content h5 {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.entry-content h6 {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.entry-content hr {
		background-color: #ccc;
		border: 0;
		height: 1px;
		margin: 24px;
		margin-bottom: 1.714285714rem;
	}
    .entry-content img {
    	max-width: 100%; }
    .entry-content table {
		border-bottom: 1px solid #ededed;
		border-collapse: collapse;
		border-spacing: 0;
		color: #757575;
		font-size: 12px;
		font-size: 0.857142857rem;
		line-height: 2;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.entry-content tr th {
		color: #636363;
		font-size: 11px;
		font-size: 0.785714286rem;
		font-weight: bold;
		line-height: 2.181818182;
		text-align: left;
		text-transform: uppercase;
	}
	.entry-content td {
		border-top: 1px solid #ededed !important;
		color: #757575;
		font-size: inherit;
		font-weight: normal;
		padding: 6px 10px 6px 0;
		text-align: left;
	}
	.entry-content pre {
		border: 1px solid #ededed;
		color: #666;
		font-family: Consolas, Monaco, Lucida Console, monospace;
		font-size: 12px;
		font-size: 0.857142857rem;
		line-height: 1.714285714;
		margin: 24px 0;
		margin: 1.714285714rem 0;
		overflow: auto;
		padding: 24px;
		padding: 1.714285714rem;
	}
	.entry-content address {
		display: block;
		line-height: 1.714285714;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}

/* wp */
.alignleft {
	display: inline;
	float: left;
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.aligncenter {
	clear: both;
	display: block;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	float:right;
	margin:0 0 1em 1em;
}
img.alignleft {
	float:left;
	margin:0 1em 1em 0;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	background: transparent;
	border: none;
	margin: 0;
	padding: 4px;
	text-align: left;
}
.wp-caption-dt {
	margin: 0;
}
.wp-caption .wp-caption-text,
.wp-caption-dd {
	color: #757575;
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.71429rem;
}
.mceContentBody blockquote {
	font-style: italic !important;
	font-weight: normal;
	margin: 0;
	padding: 24px;
	padding: 2.4rem;
}

/* ------------------------------------ =icons -- */

.icon-social {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	zoom: 1;
	width: 30px;
	height: 30px;
	background: transparent url('images/icons-social.png') no-repeat 0 0;
	font-size: 0;
	color: transparent;
	text-decoration: none;
	overflow: hidden;
	text-indent: 999px;
	line-height: 30px; }

.icon-tw {
	background-position: 0 0; }
.icon-fb {
	background-position: -40px 0; }
.icon-in {
	background-position: -80px 0; }
.icon-yt {
	background-position: -120px 0; }
.icon-pin {
	background-position: -160px 0; }
.icon-rss {
	background-position: -200px 0; }


/* ------------------------------------ =header -- */

#masthead {
	background: #343434 url('images/pattern-stripe.png') repeat 0 0; }

.header-container {
	padding-top: 20px;
	padding-top: 2rem;
	padding-bottom: 20px;
	padding-bottom: 2rem; }

#logo {
	width: 80px;
	float: left;
	margin-top: -20px;
	margin-top: -2rem;
	padding-right: 13px;
	padding-right: 1.3rem; }
	#logo a, #logo img {
		display: block;
		max-width: 100%;
		margin: 0 auto; }

#header-slogan {
	font-size: 15px;
	font-size: 1.5rem; }
	#header-slogan, #header-slogan a {
		color: #fafafa; }
	#header-slogan a {
		border-bottom: 1px solid #fafafa;
		border-bottom-color: rgba(255,255,255,0.4); }
		#header-slogan a:hover {
			color: #2268a6;
			border-bottom-color: #2268a6; }

#menu-toggle {
	display: none; }
	.js #menu-toggle {
		display: inline; }
.js .mobile-menu {
	display: none; }
	.js .mobile-menu.active {
		display: block; }

#header-aha-links {
	display: none; }

#header-utilities {
	clear: both;
	padding-top: 20px;
	padding-top: 2rem;
	text-align: center; }
#search-2 {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	margin-left: 1em; }
#s {
	display: block;
	width: 18em;
	height: 30px;
	line-height: 30px;
	padding: 0 1em;
	border: none;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	border-radius: 15px; }
#searchsubmit {
	display: none; }

#main-navigation {
	padding: 20px 13px;
	padding: 2rem 1.3rem;
	background-color: #555;
	position: relative;
	z-index: 10;
		-webkit-box-shadow: inset 0 3px 7px -3px rgba(0,0,0,0.9), inset 0 -2px 4px -2px rgba(0,0,0,0.4);
		-moz-box-shadow: inset 0 3px 7px -3px rgba(0,0,0,0.9), inset 0 -2px 4px -2px rgba(0,0,0,0.4);
	box-shadow: inset 0 3px 7px -3px rgba(0,0,0,0.9), inset 0 -2px 4px -2px rgba(0,0,0,0.4); }
#main-navigation .rss-link, #articles-menu ul > li + li + li + li, #topics-menu ul > li + li + li + li + li, #contributors-menu ul > li + li + li + li, #articles-menu .entry-summary, #main-navigation .menu-title, #main-navigation .menu-footer, #menu-browse {
	display: none; }
#main-navigation .section-title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 40px;
	line-height: 4rem;
	color: #fafafa; }
	#main-navigation .section-title a {
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: baseline;
		margin-left: 1em;
		font-family: "Trebuchet MS", sans-serif;
		font-size: 15px;
		font-size: 1.5rem; }
#main-navigation li > a:hover {
	color: #fafafa; }
#main-navigation .more-link {
	color: #ffd200; }

#articles-menu ul > li + li {
	padding-top: 10px;
	padding-top: 1rem;
	margin-top: 10px;
	margin-top: 1rem;
	border-top: 1px solid #666; }
#articles-menu ul > li > a {
	display: block; }
#articles-menu .attachment-menu-thumb {
	display: block;
	float: left;
	max-width: 50px !important;
	margin-right: 1em; }

#topics-menu {
	margin: 0 -13px;
	margin: 2rem -1.3rem;
	padding: 2rem 1.3rem;
	background-color: #666; }
#topics-menu ul > li {
	width: 50%;
	float: left; }

#contributors-menu ul > li {
	width: 30%;
	float: left;
	text-align: center; }
#contributors-menu ul > li + li {
	padding-left: 5%; }
#contributors-menu ul > li a, #contributors-menu ul > li img {
	display: block;
	max-width: 100%;
	margin: 0 auto; }


@media all and (min-width: 30em) {
	.header-container {
		text-align: right; }
	#logo {
		margin-bottom: -40px; }
	#header-slogan {
		float: left;
		text-align: left; }
	#header-utilities {
		text-align: right; }
}


@media all and (min-width: 45em) {
	.header-container {
		position: relative; }

	.js .mobile-menu, #main-navigation .rss-link, #articles-menu ul > li + li + li + li, #topics-menu ul > li + li + li + li + li, #contributors-menu ul > li + li + li + li, #articles-menu .entry-summary, #main-navigation .menu-title, #main-navigation .menu-footer, #menu-browse {
		display: block; }
	/* apologies for the sloppy nth-child replacement */
	.js #menu-toggle, #main-navigation .section-title > a, #topics-menu ul > li + li + li + li + li + li + li + li + li, #contributors-menu ul > li + li + li + li + li + li + li + li + li + li {
		display: none; }

	#logo {
		width: 140px; }

	#header-slogan {
		position: absolute;
		left: 166px;
		bottom: 20px;
		bottom: 2rem; }
		#header-slogan a {
			border: none; }

	#header-aha-links {
		display: block;
		text-align: right; }
		.hal-logo, .hal-join {
			display: -moz-inline-box;
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: bottom;
			line-height: 1; }
		.hal-logo {
			width: 140px;
			margin-right: 2em; }
			.hal-logo > img {
				display: block;
				max-width: 100%;
				margin: 0 auto; }
		.hal-join {
			font-size: 15px;
			font-size: 1.5rem; }
			.hal-join a {
				color: #ffd200; }

	#header-utilities {
		clear: right; }

	#main-navigation {
		padding: 0;
		background: transparent;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
		box-shadow: none; }
		#main-navigation > ul {
			padding: 10px 13px;
			padding: 1rem 1.3rem;
			float: right;
			background: #fafafa;
				-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
				-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
			box-shadow: 0 1px 5px rgba(0,0,0,0.3); }
			#main-navigation > ul > li {
				display: -moz-inline-box;
				display: inline-block;
				*display: inline;
				zoom: 1;
				vertical-align: baseline;
				position: relative; }
		#main-navigation .section-title {
			padding: 0 13px;
			padding: 0 1.3rem;
			border: 2px solid #fafafa;
			background: #2268a6 url('images/pattern-stripe.png') repeat 0 0;
				-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
				-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
			box-shadow: 0 1px 4px rgba(0,0,0,0.3); }
			#main-navigation .section-title:after {
				content: url('images/nav-arrow.png');
				position: relative;
				top: 0.1em; }
		#main-navigation .menu-title {
			padding: 10px 0;
			padding: 1rem 0;
			font-size: 15px;
			font-size: 1.5rem;
			color: #999; }
		#main-navigation .menu-container {
			width: 24em;
			max-height: 0;
			padding: 0 1em;
			overflow: hidden;
			position: absolute;
			right: 2px;
			top: 100%;
			margin: -2px 0 0;
			border: solid transparent;
			border-width: 0 2px;
			background: #444;
			opacity: 0;
				-webkit-transition: max-height 0.22s ease-out, border 0s linear 0.22s, opacity 0.35s ease;
				-moz-transition: max-height 0.22s ease-out, border 0s linear 0.22s, opacity 0.35s ease;
				-ms-transition: max-height 0.22s ease-out, border 0s linear 0.22s, opacity 0.35s ease;
				-o-transition: max-height 0.22s ease-out, border 0s linear 0.22s, opacity 0.35s ease;
			transition: max-height 0.22s ease-out, border 0s linear 0.22s, opacity 0.35s ease; }
		#main-navigation .menu-footer {
			display: block;
			margin: 20px -13px 0;
			margin: 2rem -1.3rem 0;
			padding: 1rem 1.3rem;
			font-family: "PT Sans Narrow", "Trebuchet MS", sans-serif;
			font-size: 15px;
			font-size: 1.5rem;
			text-transform: uppercase;
			color: #fff;
			background: #333 url('images/pattern-stripe.png') repeat 0 0; }
			#main-navigation .menu-footer:hover {
				background-color: #555; }
		#main-navigation > ul > li:hover .menu-container {
			max-height: 50em;
			border: 2px solid #fafafa;
			opacity: 1;
				-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
				-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
			box-shadow: 0 2px 5px rgba(0,0,0,0.4);
				-webkit-transition: max-height 0.22s ease-in, opacity 0.15s ease;
				-moz-transition: max-height 0.22s ease-in, opacity 0.15s ease;
				-ms-transition: max-height 0.22s ease-in, opacity 0.15s ease;
				-o-transition: max-height 0.22s ease-in, opacity 0.15s ease;
			transition: max-height 0.22s ease-in, opacity 0.15s ease; }

	#articles-menu, #topics-menu, #contributors-menu {
		background: transparent;
		padding: 0;
		margin: 0; }
	#articles-menu ul > li + li {
		border-top-color: #555; }
	#articles-menu .entry-summary {
		color: #999; }
	#contributors-menu ul {
		padding-top: 20px;
		padding-top: 2rem; }
	/* sigh */
	#contributors-menu ul > li + li + li + li, #contributors-menu ul > li + li + li + li + li + li + li {
		clear: left;
		padding-left: 0 }
	#contributors-menu ul > li + li + li + li + li, #contributors-menu ul > li + li + li + li + li + li + li + li {
		clear: none;
		padding-left: 5%; }
	#contributors-menu ul > li + li + li + li {
		padding-top: 1rem; }
}


@media all and (min-width: 60em) {
	#logo {
		width: auto;
		margin-bottom: -80px; }

	#header-slogan {
		left: 228px;
		text-transform: uppercase; }

	.hal-logo {
		width: auto; }

}


/* ------------------------------------ =main =layout =content -- */

#main {
	clear: both;
	position: relative;
	z-index: 1; }

#site-description {
	clear: both;
	padding: 20px 0 10px;
	padding: 2rem 0 1rem;
	border-bottom: 1px solid #87a0b4;
	font-family: "PT Sans", "Trebuchet MS", sans-serif;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	text-transform: uppercase;
	color: #74ad52;
	box-shadow: 0 1px 0 #fff; }

.button {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
		padding: 0 13px;
	padding: 0 1.3rem;
	border: 2px solid #e4e4e4;
		line-height: 30px;
	line-height: 3rem;
		font-size: 18px;
	font-size: 1.8rem;
	color: #fafafa;
	background: #60a338 url('images/pattern-stripe.png') repeat 0 0;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 #fff; }
	.button:hover {
		color: #fafafa;
		background-color: #89c46a; }

#primary {
		padding-top: 20px;
	padding-top: 2rem;
		padding-bottom: 20px;
	padding-bottom: 2rem; }

.post + .post {
	padding-top: 30px;
	padding-top: 3rem;
	margin-top: 30px;
	margin-top: 3rem;
	position: relative; }
.post + .post:before {
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	position: absolute;
	top: -8px;
	left: 0;
	background: url('images/pattern-stripe-dark.png') repeat 0 0; }
.entry-title {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400; }
	.entry-title > a {
		color: #2268a6; }
.wp-post-image {
	display: block;
	max-width: 30% !important;
	float: left;
	margin: 0 1em 0.3em 0; }
.author-info {
	padding-top: 20px;
	padding-top: 2rem; }
.author-avatar {
	width: 50px;
	float: right; }
	.author-avatar img {
		display: block;
		max-width: 100%; }
.author-link .feed {
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-o-transform: scale(0.6);
	transform: scale(0.6); }
.entry-content .button {
		margin-top: 10px;
	margin-top: 1rem; }


#complementary {
		padding-bottom: 20px;
	padding-bottom: 2rem; }
#complementary .widget-title {
	padding: 0 13px;
	padding: 0 1.3rem;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 40px;
	line-height: 4rem;
	color: #fafafa;
	background-color: #2268a6;
		background-image: -webkit-linear-gradient(top, #3978bd 0, #2469a8 50%, #105b96 100%);
		background-image: -moz-linear-gradient(top, #3978bd 0, #2469a8 50%, #105b96 100%);
		background-image: -ms-linear-gradient(top, #3978bd 0, #2469a8 50%, #105b96 100%);
		background-image: -o-linear-gradient(top, #3978bd 0, #2469a8 50%, #105b96 100%);
	background-image: linear-gradient(top, #3978bd 0, #2469a8 50%, #105b96 100%); }
#complementary .widget-title + div {
	padding: 20px 13px;
	padding: 2rem 1.3rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	background-color: #fafafa;
		-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px rgba(0,0,0,0.3); }

.posts-navigation {
		padding: 40px 0;
	padding: 4rem 0; }
	.posts-navigation .assistive-text, .posts-navigation .meta-nav {
		display: none; }
	.posts-navigation .nav-previous > a, .posts-navigation .nav-next > a {
		display: block;
			padding: 0 13px;
		padding: 0 1.3rem;
		border: 2px solid #e4e4e4;
			line-height: 40px;
		line-height: 4rem;
			font-size: 18px;
		font-size: 1.8rem;
		color: #fafafa;
		background: #60a338 url('images/pattern-stripe.png') repeat 0 0;
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 #fff;
			-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 #fff;
		box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 #fff; }
		.posts-navigation .nav-previous > a:hover, .posts-navigation .nav-next > a:hover {
			color: #fafafa;
			background-color: #89c46a; }
		.posts-navigation .nav-previous > a:after, .posts-navigation .nav-next > a:before {
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: middle;
			position: relative;
			top: 0.2em; }
	.posts-navigation .nav-previous {
		float: right; }
		.posts-navigation .nav-previous > a:after {
			content: url('images/nav-arrow-right.png');
			margin-left: 0.6em; }
	.posts-navigation .nav-next {
		float: left; }
		.posts-navigation .nav-next > a:before {
			content: url('images/nav-arrow-left.png');
			margin-right: 0.6em; }

#single {
		padding-bottom: 40px;
	padding-bottom: 4rem; }
	#single .entry-title {
			padding-bottom: 10px;
		padding-bottom: 1rem;
			font-size: 24px;
		font-size: 2.4rem;
			line-height: 30px;
		line-height: 3rem;
		color: #2268a6; }
	#single .entry-meta {
		padding-bottom: 2rem;
		color: #777; }
		#single .entry-meta .permalink:before, #single .entry-meta .shortlink:before {
			content: "/";
			display: inline-block;
			*display: inline;
			zoom: 1;
			color: #ccc;
			margin: 0 0.3em; }
	#single .author-info {
			padding: 0 0 20px;
		padding: 0 0 2rem; }
.author-info.single-bottom {
	display: none; }

#comments {
		margin-top: 30px;
	margin-top: 3rem;
		padding-top: 30px;
	padding-top: 3rem;
	position: relative; }
#comments:before {
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	position: absolute;
	top: -8px;
	left: 0;
	background: url('images/pattern-stripe-dark.png') repeat 0 0; }
#back-to-top {
	position: relative;
		top: -10px;
	top: -1rem;
	text-align: center;
	cursor: pointer; }
#response-header {
	padding: 0 0 2rem;
	text-align: center; }
	#response-header > li {
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		zoom: 1; }
	#response-header > li + li {
		margin-left: 20%; }
	#response-header h3 {
			font-size: 18px;
		font-size: 1.8rem; }

.commentlist, .commentlist ol {
	list-style: none; }
.commentlist > li + li {
		margin-top: 20px;
	margin-top: 2rem;
	border-top: 1px solid #d4d4d4;
		padding-top: 20px;
	padding-top: 2rem; }
.commentlist li li {
		padding: 20px 0 0 2em;
	padding: 2rem 0 0 2em; }
.commentlist .avatar {
	display: block;
	max-width: 50px;
	margin-right: 1em;
	float: left;
	border: 2px solid #fafafa;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4); }
.commentlist .comment-content {
	clear: left; }

.archive-title {
		padding-bottom: 20px;
	padding-bottom: 2rem;
		font-size: 24px;
	font-size: 2.4rem; }

.contrib-list {
	margin-left: 0 !important; }
	.contrib-list > li {
		list-style: none;
		padding-top: 0 !important;
			padding-bottom: 10px;
		padding-bottom: 1rem; }
	.contrib-list .avatar {
		display: block;
		max-width: 48px;
		float: left;
		margin-right: 1em; }

#author-archive {
		padding-top: 40px;
	padding-top: 4rem;
	border-top: 1px solid #ccc;
		margin-top: 40px;
	margin-top: 4rem;
	box-shadow: inset 0 1px 0 #fafafa; }


@media all and (min-width: 30em) {
	.contrib-list > li {
		width: 50%;
		float: left; }
}


@media all and (min-width: 45em) {
	.mobile-only {
		display: none; }
	#site-description {
		padding: 40px 0 20px;
		padding: 4rem 0 2rem;
		font-size: 24px;
		font-size: 2.4rem; }
	#primary, #complementary {
		padding-top: 40px;
		padding-top: 4rem; }
	.entry-title {
		padding-bottom: 10px;
		padding-bottom: 1rem;
		font-size: 18px;
		font-size: 1.8rem; }
	.wp-post-image {
		max-width: 150px !important; }
	#home .wp-post-image {
		padding-bottom: 20px;
		padding-bottom: 2rem; }
	.entry-content {
		width: 80%;
		float: left; }
		.entry-content.full-width {
			width: auto;
			float: none; }
	.author-info {
		padding-top: 0;
		text-align: right; }
	.author-avatar {
		width: 75px;
		padding-bottom: 2rem; }
	.author .author-info {
		text-align: left; }
	.author .author-avatar {
		width: auto;
		float: left;
		margin: 0 1em 0.5em 0; }
	.date {
		clear: right; }
	#single .entry-content {
		width: auto;
		float: none; }
	#single .entry-title {
		font-size: 36px;
		font-size: 3.6rem; }
	#single .author-info.single-top {
		padding: 0 0 0.5em 2em;
		float: right; }
	#single .author-name {
		clear: right; }
	#response-header h3 {
			font-size: 24px;
		font-size: 2.4rem; }
	.commentlist .avatar + .comment {
		margin-left: 63px; }
	.commentlist .comment-content {
		clear: none;
			padding-top: 10px;
		padding-top: 1rem; }
	.commentlist .reply {
			padding-top: 10px;
		padding-top: 1rem; }
	.archive-title {
			padding-bottom: 40px;
		padding-bottom: 4rem;
			font-size: 36px;
		font-size: 3.6rem;
			line-height: 40px;
		line-height: 4rem; }
	.contrib-list > li {
		text-align: center;
		width: 25%;
			padding-bottom: 20px;
		padding-bottom: 2rem; }
	.contrib-list .avatar {
		max-width: 96px;
		float: none;
		margin: 0 auto;
		border: 2px solid #fafafa;
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
			-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
		box-shadow: 0 1px 3px rgba(0,0,0,0.4); }
}


@media all and (min-width: 60em) {
	#site-description {
		font-size: 30px;
		font-size: 3rem; }
	#primary {
		width: 70%;
		float: left; }
	#complementary {
		width: 25%;
		float: right; }
	.author-info.single-top {
		display: none; }
	.author-info.single-bottom {
		display: block;
		text-align: left;
		padding-bottom: 2rem; }
	.author-info.single-bottom .author-avatar {
		float: left; }
	.author-info.single-bottom .author-name {
		clear: left; }
}


/* ------------------------------------ =footer -- */

#footer {
	padding: 20px 0;
	padding: 2rem 0;
	background: #343434 url('images/pattern-stripe.png') repeat 0 0;
	color: #ccc; }
	#footer a, #footer .emphasis {
		color: #ffd200; }
#footer-bounds {
	position: relative; }
#footer-logo {
	display: none; }
.footer-title {
	border-bottom: 1px solid #777;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 40px;
	line-height: 4rem;
	text-transform: uppercase;
	color: #b4b4b4; }
#footer-connect .icon-social + .icon-social {
	margin-left: 5px; }
#footer-contact {
	padding-top: 20px;
	padding-top: 2rem; }
#footer-contact > p {
	padding-bottom: 10px;
	padding-bottom: 1rem;
	font-size: 12px;
	font-size: 1.2rem; }


@media all and (min-width: 45em) {
	.footer-title {
		font-size: 24px;
		font-size: 2.4rem; }
	#footer-connect, #footer-contact {
		width: 47%;
		float: left; }
	#footer-contact {
		padding: 0 0 0 6%; }
}


@media all and (min-width: 60em) {
	#footer-content {
		margin-right: 226px; }
	#footer-logo {
		display: block;
		width: 200px;
		height: auto;
		position: absolute;
		right: 0;
		top: -30px;
		top: -3rem;
		bottom: -20px;
		bottom: -2rem;
		background-color: #fafafa;
		box-shadow: 0 0 5px rgba(0,0,0,0.4); }
		#footer-logo > img {
			display: block;
			margin: 4rem auto 0; }
	#footer-connect {
		width: 33%; }
	#footer-contact {
		width: 61%; }
	.contact-column-1 {
		width: 46%;
		float: left; }
	.contact-column-2 {
		width: 46%;
		float: right;
		clear: right; }
	#footer .copyright {
		color: #858585; }
}


/* ------------------------------------ =fixes -- */

.clear:after, article:after, .commentlist .comment:after, .entry-content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
* html .clear, * html article, * html .commentlist .comment, * html .entry-content {
	height: 1%; }
*:first-child+html .clear, *:first-child+html article, *:first-child+html .commentlist .comment, *:first-child+html .entry-content {
	min-height: 1px; }


/* ------------------------------------ =comment form -- */

#respond p.comment-subscription-form {
	display:none;
}
#respond {
	background: #fff;
	margin: 0 auto;
	position: relative;
	top: 0;
	border: solid 1px #53983b;
	padding: 20px;
}
#respond h2.comment-notes {
	color: rgb(83, 153, 59);
	font-family: "PT Sans Narrow",sans-serif;
	font-size: 24px;
	font-weight: 400;
	padding:15px 0px;
}
.comment-form-author #author {
    padding: 0px 0em;
}
#respond p {
	padding:10px 0px;
}
#respond label {
	padding-right: 5px;
}
#respond .comment-form-comment label {
	display:table-cell;
}
#respond .form-submit #submit {
	background-color:rgb(83, 153, 59);
	color:#FFF;
	cursor:pointer;
	padding:3px 5px;
	border:none;
	border-radius: 5px;
}
#respond textarea {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%; }