/*
Theme Name: The Arc Blog
Theme URI: http://blog.thearc.org/
Author: David A. Kennedy
Author URI: http://davidakennedy.com/
Description: A responsive, HTML5 theme created from the _s theme as a starting point. The Arc Blog theme conforms to branding and accessibility guidelines of The Arc's current website.
Version: 2.0
License: GNU General Public License
License URI: license.txt
Tags: black, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-width, full-width-template, gray, left sidebar, light, microformats, one-column, orange, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, two columns, white

This theme uses portions of Inuit.CSS

* Author:             Harry Roberts
* Twitter:            @inuitcss
* Author URL:         csswizardry.com
* Project URL:        inuitcss.com
* Version:            3.2
* Date:               24 November 2011
* Adapted and modified by David A. Kennedy for The Arc.

Copyright 2011 Harry Roberts

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

/*------------------------------------*\
	$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: 100%;
	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 {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

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;
}
article ul li {
    list-style-position: outside;
    margin-left: 40px;
}
/* =Responsiveness and Structure
----------------------------------------------- */
/* Page wrapper */
.site {
	padding: 2.923em 0;
}
/*
* Breakpoint: 320px
*/
@media screen and (min-width:320px) {
#masthead,
#main,
#colophon {
	clear: both;
	margin: 0 auto;
	max-width: 92%;
	padding: 0 4%;
}
#supplementary {
	border-top: 1px dotted #474747;
	clear: both;
	margin: 0 auto;
	max-width: 92%;
	padding-top: 1.4615em;
}
.site-info {
	padding-top: 1.4615em;
}
.site-title {
	padding-bottom: 15px;
}
h1.site-title {
	margin-bottom: 0;
}
#main {
	padding-top: 1.4615em;
	padding-bottom: 1.4615em;
}
/* Header */
.logo-wrapper {
	float: none;
	margin: 0;
	width: 100%;
}
.utility-navigation {
	float: none;
	margin: 0;
	width: 100%;
}
.utility-navigation ul li {
	float: none;
}
.utility-navigation li.firstitem {
	background: transparent;
}
.utility-navigation a {
	padding: 0;
}
.site-search {
	float: none;
	margin: 1.4615em 0;
	width: 100%;
}
.site-search #searchform {
	float: none;
}
.wrap-media {
	float: none;
	margin: 0;
	width: 100%;
}
.main-navigation {
	float: none;
	margin: 30px 0 0;
	width: 100%;
}
.fullwidth {
	margin-bottom: 1.4615em;
	width: 100%;
}
.bread-wrapper {
	margin: 0 auto;
	width: 92%;
}
#breadcrumbs {
	padding-left: 0;
}
/* Main Content */
#primary {
	float: none;
	width: 100%;
}
#secondary {
	float: none;
	margin: 0;
	width: 100%;
}
/* Showcase */
#primary.showcase {
	width: 100% !important;
}
.featured-post {
	float: none;
}
article.feature-image {
	float: none;
	width: 98%;
}
.featured-post .attachment-feature-thumbnail {
	float: none;
	width: 100%;
}
.recent-posts {
	float: none;
	width: 100%;
}
section.recent-posts .other-recent-posts {
	float: none;
}
/* Footer */
.site-info {
	border-top: 1px dotted #474747;
	float: none;
	width: 100%;
}
#first,
#second,
#third,
#fourth {
	float: none;
	margin: 0;
	width: 100%;
}
#fourth.last {
	margin-right: 0;
}
.social-networking {
	float: none;
	width: 50%;
}
.trust-logos {
	float: none;
	width: 50%;
}
.one-column {
	padding-left: 4% !important;
	padding-right: 4% !important;
}
}
/*
* Breakpoint: 480px
*/
@media screen and (min-width:480px) {
#masthead,
#main,
#colophon {
	clear: both;
	margin: 0 auto;
	max-width: 92%;
	padding: 0 4%;
}
#supplementary {
	border-top: 1px dotted #474747;
	clear: both;
	margin: 0 auto;
	max-width: 92%;
	padding-top: 1.4615em;
}
.site-info {
	padding-top: 1.4615em;
}
.site-title {
	padding-bottom: 15px;
}
h1.site-title {
	margin-bottom: 0;
}
#main {
	padding-top: 1.4615em;
	padding-bottom: 1.4615em;
}
/* Header */
.logo-wrapper {
	float: none;
	margin: 0;
	width: 100%;
}
.utility-navigation {
	float: none;
	margin: 0;
	width: 100%;
}
.utility-navigation ul li {
	float: none;
}
.utility-navigation li.firstitem {
	background: transparent;
}
.utility-navigation a {
	padding: 0;
}
.site-search {
	float: none;
	margin: 1.4615em 0;
	width: 100%;
}
.site-search #searchform {
	float: none;
}
.wrap-media {
	float: none;
	margin: 0;
	width: 100%;
}
.main-navigation {
	float: none;
	margin: 30px 0 0;
	width: 100%;
}
.main-navigation ul li {
	float: none;
}
.fullwidth {
	margin-bottom: 1.4615em;
	width: 100%;
}
.bread-wrapper {
	margin: 0 auto;
	width: 92%;
}
#breadcrumbs {
	padding-left: 0;
}
/* Main Content */
#primary {
	float: none;
	width: 100%;
}
#secondary {
	float: none;
	margin: 0;
	width: 100%;
}
/* Showcase */
#primary.showcase {
	width: 100% !important;
}
.featured-post {
	float: none;
}
article.feature-image {
	float: none;
	width: 98%;
}
.featured-post .attachment-feature-thumbnail {
	float: none;
	width: 100%;
}
.recent-posts {
	float: none;
	width: 100%;
}
section.recent-posts .other-recent-posts {
	float: left;
}
/* Footer */
.site-info {
	border-top: 1px dotted #474747;
	float: none;
	width: 100%;
}
#first,
#second,
#third,
#fourth {
	float: none;
	margin: 0;
	width: 100%;
}
#fourth.last {
	margin-right: 0;
}
.social-networking {
	float: none;
	width: 50%;
}
.trust-logos {
	float: none;
	width: 50%;
}
.one-column {
	padding-left: 4% !important;
	padding-right: 4% !important;
}
}
/*
* Breakpoint: 768px
*/
@media screen and (min-width:768px) {
#masthead,
#main,
#colophon {
	clear: both;
	margin: 0 auto;
	max-width: 708px;
	padding: 0 30px;
}
#supplementary {
	border-top: 1px dotted #474747;
	clear: both;
	margin: 0 auto;
	max-width: 708px;
	padding-top: 1.4615em;
}
.site-info {
	padding-top: 1.4615em;
}
.site-title {
	padding-bottom: 15px;
}
h1.site-title {
	margin-bottom: 0.5em;
}
#main {
	padding-top: 1.4615em;
	padding-bottom: 1.4615em;
}
/* Header */
.logo-wrapper {
	float: left;
	margin: 0 2.174% 0 0;
	width: 22.826%;
}
	
.utility-navigation {
	float: left;
	margin: 10px 2.174% 0 0;
	width: 36.413%;
}
.utility-navigation ul li {
	float: left;
}
.utility-navigation li.firstitem {
	background:url(img/utilityNavDivider.gif) no-repeat right top;
}
.utility-navigation a {
	color: #000;
	padding: 0 10px;
	text-decoration: none;
}
.site-search {
	float: right;
	margin: 0;
	width: 34.239%;
}
.site-search #searchform {
	float: right;
}
.wrap-media {
	float: left;
	margin: 0 2.174% 0 0;
	width: 72.826%;
}
.main-navigation {
	float: left;
	margin: 30px 2.174% 0 0;
	width: 72.826%;
}
.main-navigation ul li {
	float: left;
}
.fullwidth {
	margin-bottom: 1.4615em;
	width: 100%;
}
.bread-wrapper {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 30px;
}
#breadcrumbs {
	padding-left: 25.174%;
}
/* Main Content */
#primary {
	float: left;
	width: 72.826%;
}	
#secondary {
	float: left;
	margin: 0 2.174% 0 0;
	width: 22.826%;
}
/* Showcase */
#primary.showcase {
	width: 100% !important;
}
.featured-post {
	float: left;
}
article.feature-image {
	float: left;
	max-width: 45%;
}
.featured-post .attachment-feature-thumbnail {
	float: right;
	max-width: 45%;
}
.recent-posts {
	float: left;
	width: 72.826%;
}
section.recent-posts .other-recent-posts {
	float: left;
}
/* Footer */
.site-info {
	border-top: 1px dotted #474747;
	float: left;
	width: 100%;
}
#first,
#second,
#third,
#fourth {
	float: left;
	margin: 0 2.174% 0 0;
	width: 22.826%;
}
#fourth.last {
	margin-right: 0;
}
.social-networking {
	float: left;
	width: 50%;
}
.trust-logos {
	float: right;
	text-align: right;
	width: 50%;
}
.one-column {
	padding-left: 11.413% !important;
	padding-right: 11.413% !important;
}
}
/*
* Breakpoint: 960px
*/
@media screen and (min-width:960px) {
#masthead,
#main,
#colophon {
	clear: both;
	margin: 0 auto;
	max-width: 900px;
	padding: 0 30px;
}
#supplementary {
	border-top: 1px dotted #474747;
	clear: both;
	margin: 0 auto;
	max-width: 900px;
	padding-top: 1.4615em;
}
.site-info {
	padding-top: 1.4615em;
}
.site-title {
	padding-bottom: 15px;
}
#main {
	padding-top: 1.4615em;
	padding-bottom: 1.4615em;
}
/* Header */
.logo-wrapper {
	float: left;
	margin: 0 2.174% 0 0;
	width:22.826%;
}
.utility-navigation {
	float: left;
	margin: 10px 2.174% 0 0;
	width: 36.413%;
}
.utility-navigation li.firstitem {
	background:url(img/utilityNavDivider.gif) no-repeat right top;
}
.utility-navigation a {
	color: #000;
	padding: 0 10px;
	text-decoration: none;
}
.site-search {
	float: right;
	margin: 0;
	width: 34.239%;
}
.site-search #searchform {
	float: right;
}
.wrap-media {
	float: left;
	margin: 0 2.174% 0 0;
	width: 72.826%;
}
.main-navigation {
	float: left;
	margin: 30px 2.174% 0 0;
	width: 72.826%;
}
.fullwidth {
	margin-bottom: 1.4615em;
	width: 100%;
}
.bread-wrapper {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 30px;
}
#breadcrumbs {
	padding-left: 25.174%;
}
/* Main Content */
#primary {
	float: left;
	width: 72.826%;
}
#secondary {
	float: left;
	margin: 0 2.174% 0 0;
	width: 22.826%;
}
/* Showcase */
#primary.showcase {
	width: 100% !important;
}
.featured-post {
	float: left;
}
article.feature-image {
	float: left;
	max-width: 45%;
}
.featured-post .attachment-feature-thumbnail {
	float: right;
	max-width: 45%;
}
.recent-posts {
	float: left;
	width: 72.826%;
}
section.recent-posts .other-recent-posts {
	float: left;
}
/* Footer */
.site-info {
	border-top: 1px dotted #474747;
	float: left;
	width: 100%;
}
#first,
#second,
#third,
#fourth {
	float: left;
	margin: 0 2.174% 0 0;
	width: 22.826%;
}
#fourth.last {
	margin-right: 0;
}
.social-networking {
	float: left;
	width: 50%;
}
.trust-logos {
	float: right;
	text-align: right;
	width: 50%;
}
.one-column {
	padding-left: 11.413% !important;
	padding-right: 11.413% !important;
}
}
	
/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 81.25%;
	font-smoothing: antialiased;
	line-height: 1.4615em; /* 19px */
	text-rendering: optimizeLegibility; /* Improve default text rendering, handling of kerning pairs and ligatures */
	-webkit-font-smoothing: antialiased;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
	color: #000;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-style: italic;
	text-shadow: 1px 1px 1px rgba(0,0,0,.10);
}
h1,.alpha {
	font-size: 246.15%; /* 32px */
	line-height: 1.1875em; /* 38px */
	margin-bottom: 0.5em;
}
h2,.beta {
	color: #ea7125;
	font-size: 184.61%; /* 24px */
	line-height: 1.5833em; /* 38px */
	margin-bottom: 0.75em;
}
h3,.gamma {
	font-size: 153.84%; /* 20px */
	line-height: 1.9em; /* 38px */
	margin-bottom: 1em;
}
h4,.delta {
	font-size: 138.46%;  /* 18px */
	line-height: 1.0556em; /* 19px */
	margin-bottom: 1.25em;
}
h5,.epsilon {
	font-size: 123.07%; /* 16px */
	line-height: 1.1875em; /* 19px */
	margin-bottom: 1.5em;
}
h6,.zeta {
	font-size: 107.69%; /* 14px */
	line-height: 1.3571em; /* 19px */
	margin-bottom: 1.75em;
	text-transform: uppercase;
}
#secondary .widget-title { /* We're tweaking styles here to match thearc.org */
	color: #ea7125;
	border-bottom:1px dotted #474747;
}
#colophon .widget-title { /* We're tweaking styles here to match thearc.org */
	color: #ea7125;
}
hr {
	background-color: #474747;
	border: 0;
	height: 1px;
	margin-bottom: 1.4615em;
}
/* Text elements */
p {
	margin-bottom: 1.4615em;
}

/* Special styling for the sidebar uls */
#secondary ul {
	list-style: none none outside;
	margin-left: 0;
}


dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.4615em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
/*
Big up @boblet: html5doctor.com/blockquote-q-cite/
*/
q{ quotes:"‘" "’" "“" "”"; }

q:before{ content:"‘"; content:open-quote; }
q:after{ content:"’"; content:close-quote; }

q q:before{ content: "“"; content: open-quote; }
q q:after{ content: "”"; content: close-quote; }

blockquote{ quotes: "“" "”"; }
blockquote p:before{ content: "“"; content: open-quote; }
blockquote p:after{ content: ""; content: no-close-quote; }
blockquote p:last-of-type:after{ content: "”"; content: close-quote; }

blockquote{
	margin: 0 1.4615em;
}
blockquote, q, cite {
	font-style: italic;
}
blockquote {
	padding-left: 1.5em;
	border-left: 3px solid #ccc;
}
blockquote > p {
	padding: 0;
}
/*
Mark up the source of a quote with .source:
<blockquote>
	<p>Lorem ipsum dolor sit amet. <b class=source>Joe Bloggs</b></p>
</blockquote>
*/
.source{
	display: block;
	text-indent: 0;
	margin-top: -1.4615em;
}
	.source:before{
		content:"—";
	}
address {
	margin: 0 0 1.4615em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 75%;
	line-height: 1.5em
	margin-bottom: 1.4615em;
	max-width: 100%;
	padding: 1.5em;
	overflow: auto;
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word; /* Allow line wrapping of 'pre' */
}
code, kbd, tt, var {
	font: 75% Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
del {
	text-decoration:line-through;
}
/* selected text */
::-moz-selection {
	background:#44697d; 
	color:#fff;
	text-shadow:none;
}
/* selected text */
::selection {
	background:#44697d;
	color:#fff;
	text-shadow: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;
}
figure img {
	display: block;
	margin-bottom: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.4615em;
	width: 100%;
	max-width: 100%;
}
thead tr:last-of-type th {
	/* Thicker border on the table-headers of the last row in the table head. */
	border-bottom-width: 2px;
}
tbody th {
	/* Thicker right border on table-headers in the table body. */
	border-right-width: 2px;
}
th:empty {
	/* Hide the borders on any empty table-headers. */
	border: none;
}
th,td {
	vertical-align: top;
	padding: 0.75em;
	border: 1px solid #ccc;
}
th {
	font-weight: bold;
	text-align: center
}
table [colspan] {
	text-align: center;
}
table [rowspan] {
	vertical-align: middle;
}
/*
Assuming IE has an 'implied' colspan of one on cells without an explicit colspan attribute, fix/undo it.
See jsfiddle.net/csswizardry/UJJay/
*/
[colspan="1"] {
    text-align: left;
}
[rowspan="1"] {
    vertical-align: top;
}
tbody tr:nth-of-type(odd) {
	background: rgba(0,0,0,0.05);
}
tfoot {
	text-align: center;
}
tfoot td {
	border-top-width: 2px;
}
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"],
.menu-toggle {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	-webkit-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);
	-moz-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);
	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; /* 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: 81.25%;
	font-weight: bold;
	overflow: auto;
	padding: 1em 1.5em;
	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,
.menu-toggle:hover {
	border-color: #ccc #bbb #aaa #bbb;
	-webkit-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);
	-moz-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);
	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,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.menu-toggle:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.menu-toggle:active {
	border-color: #aaa #bbb #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
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 {
	border:1px solid #474747;
	background:#fff;
	color:#000;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #666;
}
input[type=text],
input[type=email] {
	padding: 5px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 5px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links
----------------------------------------------- */
a {
	color: #44697d;
	text-decoration: underline;
}
a:visited {
	color: #2b4350;
}
a:hover {
	background-color: #44697d;
	color: #fff;
	text-decoration: none;
}
a:active,
a:focus {
	/* Give clicked links a depressed effect. */
	position: relative;
	top: 1px;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: none; /* Better CSS Outline Suppression */
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: #000;
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	text-decoration: underline;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{
	color: #333;
}

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

/* =Misc
----------------------------------------------- */
/* We're doing odd jobs here. */

.left	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; float: none; }

.text-left		{ text-align: left; }
.text-right		{ text-align: right; }
.text-center	{ text-align: center; }
/*
Fix clearing issues as per: nicolasgallagher.com/micro-clearfix-hack/
*/
.cf,
.media {
	zoom: 1;
}
.cf:before,
.media:before {
	content: "";
	display: table;
}
.cf:after,
.media:after {
	content: "";
	display: table;
}
.cf:after,
.media:after {
	clear: both;
}
/* Image replacement */
.ir {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
}
/* Hide from screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}
/* Just hide visually, but let screenreaders see it: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* Extends the .visuallyhidden class to make it keyboard accessible: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/* Hide it visually but maintain the layout */
.invisible {
    visibility: hidden;
}
/*
Use a class of .island whenever you want to box off an area of content as per: csswizardry.com/2011/10/the-island-object/
Extend with classes like .promo to apply different colours etc to draw attention.
*/
.island {
	padding: 1.5em;
}
	.island > :last-child {
		margin-bottom: 0;
	}
/*
Based on @stubbornella’s media object: stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
<a class="media promo">
	<img src=product.jpg alt="" class=img>
	<p class=body>Get Product for half price!</p>
</a>
*/
.media {
	display: block;
}
	.media .img {
		float: left;
		margin-right: 10px;
	}
	.media .body {
		overflow: hidden;
		margin-bottom: 0;
	}
/* Create an abstraction, as per: csswizardry.com/2011/09/the-nav-abstraction/ */
.nav {
	list-style: none none outside;
}
.nav li {
	display: inline;
}
.nav a {
	display: inline;
}
.nav a:hover {
	background-color: #fff;
}
.bgCallout {
	background:#eee;
	font-weight:bold;
	padding:1.5em;
}
.noList {
	list-style: none none outside;
	margin:0;
	padding:0;
}
.primaryColor {
	color:#ea7125;
}
.secondaryColor {
	color:#fecb00;
}
.accentColor {
	color:#44697d;
}
.achieveTag {
	color:#ea7125;
	font-size:107.69%; /* 14px */
	font-style:italic;
	margin-top:2.5em;
}
/* Creates some CSS3 button styles */
/* Small Button */
.buttonSml {
	border-top:1px solid #474747;
	background:#ea7125;
	background:-webkit-gradient(linear, left top, left bottom, from(#eb7d38), to(#ea7125));
   	background:-webkit-linear-gradient(top, #eb7d38, #ea7125);
	background:-moz-linear-gradient(top, #eb7d38, #ea7125);
	background:-ms-linear-gradient(top, #eb7d38, #ea7125);
	background:-o-linear-gradient(top, #eb7d38, #ea7125);
	padding:6.5px 13px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow:rgba(0,0,0,1) 0 1px 0;
	box-shadow:rgba(0,0,0,1) 0 1px 0;
	text-shadow:rgba(0,0,0,.4) 0 1px 0;
	color:#fff;
	font-size:81.25%;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	vertical-align:middle;
}
.buttonSml:link,
.buttonSml:visited {
	color:#fff;
}
.buttonSml:hover {
	border-top-color:#ea7125;
	background:#ea7125;
	color:#eee;
}
.buttonSml:active {
	border-top-color:#555;
	background:#555;
}
/* Medium Button */
.buttonMed {
	border-top:1px solid #474747;
	background:#ea7125;
	background:-webkit-gradient(linear, left top, left bottom, from(#eb7d38), to(#ea7125));
   	background:-webkit-linear-gradient(top, #eb7d38, #ea7125);
	background:-moz-linear-gradient(top, #eb7d38, #ea7125);
	background:-ms-linear-gradient(top, #eb7d38, #ea7125);
	background:-o-linear-gradient(top, #eb7d38, #ea7125);
	padding:11px 22px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow:rgba(0,0,0,1) 0 1px 0;
	box-shadow:rgba(0,0,0,1) 0 1px 0;
	text-shadow:rgba(0,0,0,.4) 0 1px 0;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;
}
.buttonMed:link,
.buttonMed:visited {
	color:#fff;
}
.buttonMed:hover {
	border-top-color:#ea7125;
	background:#ea7125;
	color:#eee;
}
.buttonMed:active {
	border-top-color:#555;
	background:#555;
}
/* Large Button */
.buttonLrg {
	border-top:1px solid #474747;
	background:#ea7125;
	background:-webkit-gradient(linear, left top, left bottom, from(#eb7d38), to(#ea7125));
   	background:-webkit-linear-gradient(top, #eb7d38, #ea7125);
	background:-moz-linear-gradient(top, #eb7d38, #ea7125);
	background:-ms-linear-gradient(top, #eb7d38, #ea7125);
	background:-o-linear-gradient(top, #eb7d38, #ea7125);
	padding:15.5px 31px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow:rgba(0,0,0,1) 0 1px 0;
	box-shadow:rgba(0,0,0,1) 0 1px 0;
	text-shadow:rgba(0,0,0,.4) 0 1px 0;
	color:#fff;
	font-size:125%;
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;
}
.buttonLrg:link,
.buttonLrg:visited {
	color:#fff;
}
.buttonLrg:hover {
	border-top-color:#ea7125;
	background:#ea7125;
	color:#eee;
}
.buttonLrg:active {
	border-top-color:#555;
	background:#555;
}

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

.site-header {
	margin-top: 30px;
}
.logo {
	display: block;
}
.logo:hover {
	background-color: #fff;
}
.tagline {
	color: #ea7125;
	font-size: 138.46%;
	font-style: italic;
	padding: 1.4615em 0;
}
.wrap-media {
	background: url(img/interriorPageHeader.gif) no-repeat top left;
}
.site-title {
	padding-top: 120px;
}
.site-description {
	display: none;
}
/* Breadcrumbs */
#bread {
	background-color: #ea7125;
	color: #fff;
	float: left;
}
#breadcrumbs {
	margin-bottom: 0;
	padding-bottom: 12px;
	padding-top: 12px;
}
#breadcrumbs a {
	color: #fff;
	text-decoration: none;
}
#breadcrumbs a:hover {
	background: none;
}
	
/* =Menu
----------------------------------------------- */
/*
Create a pure CSS dropdown.
*/
.main-navigation {
	background-color: #474747;
}
.main-navigation ul {
	display: block;
	font-size: 100%;
	list-style: none none outside;
	line-height: 1em;
	margin: 0;
	padding: 0 0.7692em;
	zoom: 1;
}
.main-navigation li {
	float: left;
	position: relative;
	padding: 0;
	zoom: 1;
}
.main-navigation li.topRound {
	margin-top: -5px;
	padding: 0 1px;
}
.main-navigation li.topRound a {
	line-height: 35px;
}
.main-navigation ul {
	overflow: visible;
}
.main-navigation ul li {
	position: relative;
}
.main-navigation a {
	color: #fff;
	display: block;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
	padding: 0 8px;
	text-decoration: none;
}
.main-navigation li.blue a {
	background-color:#44697D;
	color:#fff;
}
.main-navigation li.blue a:hover {
	background-color:#ea7125;
	color:#fff;
}
.main-navigation li.orange a {
	background-color: #ea7125;
	color: #fff;
}
.main-navigation li.orange a:hover {
	background-color:#44697D;
	color:#fff;
}
.main-navigation ul ul { /* Set up the dropdown and hide it off-screen. */
	background: url(img/menuDropdownBG.png) repeat;
	list-style: none none outside;
	font-size: 100%;
	margin: 0;
	padding: 0 0 5px;
	position: absolute;
	left: -99999px;
	top: 100%;
	width: 240px;
	z-index: 99999;
}
.main-navigation ul li:hover ul { /* Bring the dropdown back onto screen when you hover its parent li. */
	left: 0;
}
.main-navigation ul ul li {
	width: 100%
}
.main-navigation ul ul ul {
	font-size: 100%;
	position: absolute;
	margin-left: -99999px;
	padding: 0;
	top: 0;
}
.main-navigation ul ul li:hover ul {
	margin-left: 240px;
}
.main-navigation ul ul a {
	color: #b4b4b4;
	font-weight: normal;
	white-space: nowrap; /* Stop the list items breaking. */
}
/* Hover Styles */
.main-navigation ul a:hover,
.main-navigation ul a:hover {
	background-color: #ea7125;
	color: #fff;
	text-decoration: none;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
	background-color: #ea7125;
	color: #fff;
}
/* Small Menu */
.menu-toggle {
	cursor: pointer;
}
.main-small-navigation .primary {
	display: none;
}
.main-small-navigation.toggled-on,
.menu-toggle {
	display: inline-block;
}
.main-small-navigation ul {
	list-style: none none outside;
	padding: 0;
}
/* Post Navigation */
#content .site-navigation {
	margin:0 0 1.4615em;
	overflow: hidden;
}
#content .nav-previous {
	float: left;
	width: 50%;
}
#content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	display: none;
}
/* The menu for the login and for chapters. */
.utility-navigation ul {
	list-style: none none outside;
	margin:0;
	padding-left:0;
}
.utility-navigation li {
	float: left;
	position: relative;
}
.utility-navigation a:hover {
	color: #000;
	background-color: #fff;
	text-decoration: underline;
}
.utility-navigation a:visited {
	color: #000;
}
.utility-navigation li.firstitem a {
	padding-left: 0;
	margin-right: 1px;
}
/* Search Form and Button */
#searchsubmit {
	background: url(img/searchButton.gif) no-repeat 100% 0%;
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
	height: 21px;
	left: 0;
	margin-right: 21px;
	overflow: hidden;
	padding: 0;
	position: static;
	vertical-align: middle;
	width: 21px;
}

/* =Content
----------------------------------------------- */
.page-title {
	font-size: 107.69%; /* 14px */
	line-height: 1.3571em; /* 19px */
	margin-bottom: 1.75em;
	text-transform: uppercase;
}
.sticky {
}
.hentry,
.no-results {
	border-bottom: 1px dotted #474747;
	margin: 0 0 1.4615em;
	padding: 0 0 1.4615em;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 92.3%;
}
.entry-header .entry-meta {
	font-weight:bold;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.4615em 0 0;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
ol, ul {
	list-style: none;
}
ul, ol {
	margin: 0 0 1.4615em; 1.5em;
}
ul {
	list-style: disc inside;
}
ol {
	list-style: decimal inside;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 2.4615em;
}
dl.gallery-item {
	margin: 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.4615em;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #666;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	font-size: 92.3%;
	line-height: 1.5em;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}
/* Showcase */
/* Intro */
article.intro {
	background: #f6f6f6;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-top: -2.923em;
	padding: 0 1.4615em; 
}
article.intro .entry-title {
}
article.intro .entry-content {
	color: #666;
	font-size: 123%;
	padding-bottom: 0.4615em;
}
article.intro .edit-link a {
	background: #aaa;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 92.3%;
	padding: 0 1%;
	text-decoration: none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
	background: #777;
}
/* Featured post */
section.featured-post {
	margin-bottom: 1.4615em;
	padding-bottom: 1.4615em;
	width: 100%
}
section.featured-post .hentry {
	border: none;
	color: #666;
}
section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
article.feature-image {
	margin: 0 0 1.4615em;
}
article.feature-image .entry-summary {
	color: #555;
}
article.feature-image .entry-summary p a {
	background: #474747;
	color: #eee;
	display: block;
	margin-top: 9px;
	padding: 9px 18px;
	text-decoration: none;
}
article.feature-image .entry-summary p a:hover {
	background: #999;
	color: #eee;
}
/* Image featured post */
section.featured-post .attachment-feature-thumbnail {
	margin: 0 0 1.4615em 0;
}
section.featured-post .attachment-feature-thumbnail:hover,
section.featured-post .attachment-feature-thumbnail:focus,
section.featured-post .attachment-feature-thumbnail:active {
	opacity: .8;
}
/* Recent Posts */
section.recent-posts {
	padding: 0 0 1.4615em;
}
section.recent-posts .hentry {
	border: none;
}
section.recent-posts .other-recent-posts {
	border-bottom: 1px dotted #474747;
	list-style: none none outside;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	clear: both;
	border-top: 1px dotted #474747;
	display: block;
	position: relative;
	width: 100%;
}
section.recent-posts .other-recent-posts .entry-title a {
	float: left;
	max-width: 70%;
	padding: 0.73075em 0;
	text-decoration: none;
}
section.recent-posts .other-recent-posts .showcase-entry-date,
section.recent-posts .other-recent-posts .showcase-entry-date > span {
	color: #000;
	display: block;
	float: right;
	font-size: 50%;
	max-width: 20%;
	padding: 2em 0 0;
	text-align: right;
	text-transform: uppercase;
}
section.recent-posts .other-recent-posts .showcase-entry-date > span {
	color: #000;
}
.page-template-showcase-php .sharedaddy {
	display: none;
}

/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* =Link
----------------------------------------------- */
.format-link .entry-title,
.format-link .entry-header .comments-link {
	display: none;
}
.single .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 1.4615em 0 0;
}

/* =Gallery
----------------------------------------------- */
.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.4615em 0 0;
}

/* =Status
----------------------------------------------- */
.format-status .entry-title,
.format-status .entry-header .comments-link {
	display: none;
}
.single .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 1.4615em 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}

/* =Quote
----------------------------------------------- */
.format-quote blockquote {
	color: #666;
	font-size: 100%;
	margin: 0;
}

/* =Image
----------------------------------------------- */
.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image .entry-content p {
	margin: 1em 0;
}
.indexed.format-image .entry-content p:first-child,
.indexed.format-image .entry-content p:first-child a,
.indexed.format-image .entry-content p:first-child img {
	display: block;
	margin: 0;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
	margin: 0;
	padding-bottom: 1em;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	overflow: hidden;
	padding: 4%;
	max-width: 96%;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #555;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 2% 2% 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}

/* =Footer
----------------------------------------------- */
#supplementary .widget_nav_menu h5 {
	margin-bottom: 0;
	color: #ea7125;
}
#supplementary .menu {
	font-size:92.30%; /* 12px */
	list-style: none none outside;
	margin:0;
	padding:0 0 1.4615em;
}
#supplementary .menu a {
	color: #44697d;
	display: block;
	text-decoration: none;
}
#supplementary .menu a:hover {
	background-color:#fff;
	color:#44697d;
	text-decoration: underline;
}
#supplementary .menu a:visited {
	color:#44697d;
}
#supplementary .menu-footer-six-menu-container ul a {
	font-weight: bold;
	background-color: #ea7125;
	color: #fff !important;
	display: block;
	text-decoration: none;
	padding: 0 5px;
	}
#supplementary .menu-footer-six-menu-container ul li.first a {
	padding-top: 5px;
}
#supplementary .menu-footer-six-menu-container ul li.last a {
	padding-bottom: 5px;
}
#supplementary .menu-footer-six-menu-container ul a:hover {
	background-color: #ea7125;
	color: #fff;
	display: block;
	text-decoration: underline;
}

/* =Media
----------------------------------------------- */
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	color:#c00; /* Give it some text styles to offset alt text */
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	-ms-interpolation-mode: bicubic; /* Improve IE's resizing of images */
	margin-bottom: 1.4615em;
}
svg:not(:root) {
	overflow: hidden; /* Correct IE9 overflow */
}
.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%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.4615em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom: 1.4615em;
}
.wp-caption img {
	display: block;
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption-text {
	color: #666;
	font-family: Georgia, serif;
	font-size: 92.3%;
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 10px 5px 10px !important;
	position: relative;
}
#content .gallery {
	margin-bottom: 1.4615em;
}
#content .gallery a img {
	border: none;
}
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 92.3%;
}
#content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
#content .gallery dd {
	margin: 0;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}
/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.4615em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f9f9f9;
}
/* Author Info */
#author-info {
	font-size: 92.3%;
	overflow: hidden;
}
.single #author-info {
	background: #f9f9f9;
	border: 1px solid #ddd;
	margin: 1.4615em 0;
	padding: 15px 30px;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.4615em;
	padding: 0 0 1.4615em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-weight: bold;
	margin: 5px 0 10px;
}
/* Pull Quotes */
blockquote.pull {
	font-size: 131.25%;
	font-weight: bold;
	line-height: 1.4615em;
	margin: 0 0 1.4615em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 1.4615em;
}
.pull.alignleft {
	margin: 0 1.4615em 0 0;
	text-align: right;
}
.singular .pull.alignleft {
	margin: 0 1.4615em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 1.4615em;
	text-align: left;
}
blockquote.pull.alignleft,
blockquote.pull.alignright {
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.4615em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}

/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 0 1.4615em;
	overflow: hidden;
	padding: 1.4615em 1.4615em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.4615em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 62.5%;
	letter-spacing: 0.1em;
	line-height: 1.3571em;
	margin: 0 0 1.75em;
	text-transform: uppercase;
}

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

#content .site-navigation {
	margin: 0 0 1.4615em;
	overflow: hidden;
}
#content .nav-previous {
	float: left;
	width: 50%;
}
#content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.archive-link {
	clear: both;
	margin-top: 1.4615em;
	padding-top: 1.4615em;
}

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

.comments-title {
	font-size: 107.69%; /* 14px */
	line-height: 1.3571em; /* 19px */
	margin-bottom: 1.75em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 184.61%;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none none outside;
	margin: 0 auto;
	width: 64.493%;
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.4615em;
	padding: 1.4615em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.4615em;
	padding: 0 1.4615em;
}
.commentlist .children {
	list-style: none none outside;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.4615em 0 0;
	padding: 1.4615em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
	margin-left: 50px;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 93.75%;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.4615em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.4615em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(img/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 1.4615em;
	padding: 0;
	top: 1.4615em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 75%;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}
/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(img/comment-arrow-bypostauthor.png);
}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.4615em;
	padding: 1.4615em;
	position: relative;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 38px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 137.5%;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	font-size: 93.75%;
	font-weight: bold;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
}
#respond input#submit:active {
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.4615em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 137.5%;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 107.69%; /* 14px */
	line-height: 1.3571em; /* 19px */
	margin-bottom: 1.75em;
	position: absolute;
	right: 1.4615em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 93.75%;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}
/* =Widgets
----------------------------------------------- */

.widget {
	clear: both;
	margin: 0 0 1.4615em;
}
/* Search Widget */
.widget_search form {
	margin: 0 0 1.4615em;
}
.widget_search #s {
	width: 77%;
}
/* Tag Cloud */
.widget_tag_cloud a {
	line-height: 1.4615em;
}
/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}
/* Widget Image */
.widget_image img {
	border: 0;
	padding: 0;
	height: auto;
	max-width: 100%;
}
/* Calendar Widget */
.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}

.wrapMedia {
	background: url(https://www.thearc.org/image/_headers/TriangleBackground.png) no-repeat 259px 0 !important;
}