/*
Theme Name: Claydell Media
Theme URI: http://jamiethompson.com/themes/claydell-media/
Author: Jamie Thompson
Author URI: http://jamiethompson.com/
Description: The Claydell Media WordPress Theme is a responsive, semantic, HTML5, theme. Features include logo management, social icons and an easy to use social menu, styling for post formats on both index and single views.
Version: 1.1.0
License: GNU General Public License
License URI: license.txt
Tags: dark, gray, black, one-column, two-columns, right-sidebar, fixed-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: claydell-media

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.

Claydell Media WordPress Theme, Copyright (C) 2013 Jamie Thompson

Credits:

Claydell Media is derived from the _s theme:

 _s (i.e., Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc.

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


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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	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,
.site-branding,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}


/* =Clear
----------------------------------------------- */

.clear {
	clear: both;
	display: block;
}
.clear-fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


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

#page {
	margin: 40px auto;
	max-width: 984px;
	padding: 0;
}
#masthead {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	margin: 0 0 3.5em 0;
	padding-bottom: 0; /* 1.7142857142em */
}
.site-content {
	float: left;
	margin: 0 -35.76422764% 0 0;
	width: 100%;
}
#content {
	margin: 0 29.76422764% 0 0;
}
.full-width #content,
.image-attachment #content,
.no-sidebar #content,
body.error404 #content {
	margin: 0;
}
#secondary {
	float: right;
	margin-right: 4%;
	margin-top: 0.7142857142em;
	overflow: hidden;
	width: 18.90243902%;
}
.site-footer {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	border-top: none;
	clear: both;
	margin: 0;
	padding: 3.1428571428em 4% 1.5714285714em;
}
/* Alignment */
.alignleft,
.thumb {
	display: inline;
	float: left;
	margin-right: 1.5714285714em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5714285714em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


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

body,
button,
input,
select,
textarea {
	color: #545454;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.5714285714em;
}
/* Add a wrapper when background image is set to maintain the readability */
body.custom-background #page {
	background: url(images/default-bg-texture.png) repeat 0 0;
}
/* Remove the wrapper when background is a solid color and background image is empty */
body.custom-background.custom-background-image-empty #page {
	background: none;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Droid Serif', serif;
	font-style: normal;
	font-weight: 400;
}
h1 {
	color: #545454;
	font-size: 30px;
	font-size: 3.0rem;
	margin: 0 0 0.3666666666em 0;
}
h2 {
	color: #545454;
	font-size: 21px;
	font-size: 2.1rem;
	margin: 0 0 0.5238095238em 0;
}
h3 {
	color: #545454;
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0 0 0.6111111111em 0;
}
h4 {
	color: #545454;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0 0 0.6875em 0;
}
h5 {
	color: #545454;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0 0 0.7857142857em 0;
}
h6 {
	color: #545454;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0 0 0.9166666666em 0;
}
hr {
	background-color: #cacaca;
	border: 0;
	box-shadow: 0 1px 0 0 #f5f2fd;
	height: 1px;
	margin-bottom: 1.5714285714em;
}
/* Text elements */
p {
	margin-bottom: 1.5714285714em;
}
ul, ol {
	margin: 0 0 1.5714285714em 1.5714285714em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5714285714em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5714285714em 1.5714285714em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	background: url(images/quote.png) no-repeat 0 0 transparent;
	border-left: none;
	margin: 0 1.5714285714em;
	padding: 0 1.5714285714em;
}blockquote p {
	font-family: 'Bitstream Charter', 'Georgia', 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.5em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
address {
	margin: 0 0 1.5714285714em;
}
pre {
	background: #fff;
	font-family: 'Courier 10 Pitch', Courier, monospace;
	margin-bottom: 1.5714285714em;
	padding: 1.5714285714em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 14px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #676767;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5714285714em;
	width: 100%;
}
th {
	font-weight: bold;
}
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 */
	max-width: 100%;
	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"] {
	background: #eee;
	border: 1px solid #c9c9c9;
	-moz-border-radius: 25px;
	border-radius: 25px;
	color: #545454;
	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: 12px;
	font-size: 1.4rem;
	line-height: 2.0em;
	padding: 0 1.5714285714em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #fff;
	color: #0054ff;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #fff;
	color: #0054ff;
}
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],
input[type=password],
textarea {
	color: #676767;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {
	color: #111;
}
input[type=text],
input[type=password],
input[type=email] {
	padding: 5px;
}
input[type=password] {
	margin: 0 0 1.5714285714em 0;
}
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: 97%;
}
.post.error404 #searchform {
	margin: 0 0 1.6666666666em;
}
:focus {
	outline: 0;
}
/* Links */
a {
	color: #0055ff;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #545454;
	text-decoration: underline;
}
/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


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

#masthead .site-branding {
	margin: 0 0 1.1428571428em 4%;
	overflow: hidden;
}
#masthead .site-branding {
	margin: 0 4%;
	overflow: hidden;
}
.site-title {
	clear: none;
	float: left;
	font-size: 44px;
	font-size: 4.4rem;
	line-height: 1.2em;
	margin: 0.5714285714em 0 0;
	padding: 0 0 0.2142857142em 0;
	width: 100%;
}
.site-title a {
	color: #e9e9e9;
}
.site-title a:hover {
	color: #0055ff;
	text-decoration: none;
}
.site-description {
	border-top: 1px dotted #e9e9e9;
	clear: none;
	color: #e9e9e9;
	float: right;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: normal;
	letter-spacing: 0.5em;
	line-height: 1.8333333333em;
	margin: 0 0 1.5em;
	text-align: center;
    width: 100%;
}
.site-logo {
	clear: none;
	float: left;
	margin: 0.5em 0 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
.header-image-link {
	line-height: 0;
	margin: 1.2857142857em 0 1em;
}
#main{
    border-bottom: 1px solid #c9c9c9;
    box-shadow: 0 1px 0 0 #fff;
}


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

.main-navigation {
	clear: both;
	display: block;
	margin: 0 3.16260162%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	font-size: 13px;
	font-size: 1.3rem;
	display: block;
	line-height: 1.0em;
	margin-bottom: 6px;
	padding: 13px 10px;
	text-decoration: none;
}
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a,
.main-navigation li.current-menu-ancestor > a {
    border-bottom: none;
	color: #fff;
}
.main-navigation a:hover {
	background: #222;
    border-bottom: none;
}
.main-navigation ul ul {
	background: #0a0a0a;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
		left: 0;
		top: 2.8em;
	z-index: 99999;
}
.main-navigation ul ul a {
	color: #fff;
	padding: 10px;
	width: 166px;
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul a:hover {
	background-color: #222;
}
.main-navigation ul ul li.current_page_item > a,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current_page_ancestor > a,
.main-navigation ul ul li.current-menu-ancestor > a {
	color: #fff;
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul ul :hover > a,
.main-navigation ul ul ul a:hover {
	background-color: #0055ff;
}
/* Small menu */
.menu-toggle {
	cursor: pointer;
}
.menu-toggle img {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
.main-small-navigation .menu {
	display: none;
}
.main-small-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-small-navigation .menu ul {
	background: #0a0a0a;
	border-bottom: none;
	border-top: 1px solid #000;
	display: block;
	list-style: none;
    margin: 0 0 1.5714285714em;
	padding: 0;
	text-align: left;
	width: 100%;
}
.main-small-navigation .menu li a {
    background: #222;
	border-bottom: 1px solid #0a0a0a;
    color: #0055ff;
	display: block;
	font-weight: bold;
	padding-left: 20px;
    text-decoration: none;
	text-transform: uppercase;
}
.main-small-navigation .menu li a:hover,
.main-small-navigation .menu li a:focus {
    background: #000;
}
/* Submenu Indicator */
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation li.has-children a {
	padding-right:25px;
}
.main-navigation li.has-children > a:after {
	bottom: 7px;
	content: url(images/darr.png);
	position: absolute;
	right: 10px;
}
.main-navigation li li.has-children > a:after {
	bottom: 10px;
	content: url(images/rarr.png);
	position: absolute;
	right: 10px;
}
.main-navigation li .menu-logout,
.main-navigation li .menu-login {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}


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

.hentry,
.not-found {
	margin: 0 0 3.1428571428em 5.6333333333%;
}
.full-width .hentry,
.image-attachment .hentry,
.no-sidebar .hentry,
.error404 .not-found {
	margin: 0 4% 3.1428571428em 4%;
	width: auto;
}
.avatar {
	background-color: #fff;
	border: 1px solid #e4dfe8;
	-webkit-box-shadow: (228, 223, 232, 0.5) 1px 1px 0px;
	-moz-box-shadow: (228, 223, 232, 0.5) 1px 1px 0px;
	box-shadow: rgba(228, 223, 232, 0.5) 1px 1px 0px;
	padding: 6px;
}
.entry-title  {
    border-bottom: 1px solid #c9c9c9;
    box-shadow: 0 1px 0 0 #fff;
    line-height: 1.5em;
    margin: 0 0 0.87em;
	clear: none;
	margin: -2px 0 0 0;
}
#content .sticky .entry-title {
	font-style: italic;
}


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

.sticky {
    color: #545454;
}
.sticky .page-title {
	font-style: normal;
}
.sticky .page-title a {
    color: #545454;
    text-decoration: none;
}
.sticky .page-title a:hover {
    color: 0055ff;
    text-decoration: none;
}
.sticky .entry-meta {
	color: #676767;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
}
.sticky .entry-meta:before {
	color: #0055ff;
	content: "\f308";
	margin-right: 2px;
	vertical-align: middle;
}
.sticky .sticky-meta {
	border: none;
	color: #545454;
}
span.sticky-meta {
    margin-right: 5px;
}
/* Modified date/time */
.modified-date,
.updated {
	display: inline;
}
span.modified-date {
    color: #545454;
    margin-right: 0;
}
.entry-meta,
.entry-footer {
	color: #676767;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: normal;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	clear: both;
	margin: 1.5714285714em 0 0 0;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px dotted #b3b3b3;
	margin: 0 0 1.5714285714em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #676767;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px dotted #b3b3b3;
	padding: 0.5em 0.7142857142em 0.5em 0;
}
.entry-content .sharing {
	clear: both;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.5714285714em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5714285714em;
}
.page-header {
	margin: 0 0 3.1428571428em 5.6333333333%;
}
.no-sidebar .page-header {
	margin: 0 0 3.1428571428em 4%;
}

.even {
	background-color: rgba(204, 204, 204, 0.2);
    border-bottom: 0 none;
	padding: 20px 20px 40px;
}
.odd {
	background-color: rgba(254, 254, 254, 0.4);
    border-bottom: 0 none;
	padding: 20px 20px 40px;
}
.even + .odd {
	clear: left;
}


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

/* Image style */
#content .gallery .gallery-icon img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	background-color: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3);
	box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3);
	margin-bottom: 1.5714285714em;
	padding: 5px;
}
#content .gallery .gallery-icon img,
#features a img,
.thumb img,
.entry-content a img,
.comment-content img[height], img[class*="align"], img[class*="wp-image-"] {
	background-color: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3);
	box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3);
	margin-bottom: 1.5714285714em;
	padding: 5px;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.thumb img,
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 98.5%; /* Fluid images for posts, comments, and widgets */
}
.thumb img,
.site-header img,
.entry-content img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.thumb img,
.site-header img,
.entry-content img,
img.size-full,
img.size-large,
img.header-image,
.wp-post-image {
	max-width: 98.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
#footer-widget .widget img,
#front-footer-widget .widget img {
	max-width: 100%;
}
#footer-widget img.size-large,
#front-footer-widget img.size-large {
	max-width: 100%;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.5714285714em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	height: auto;
	margin-bottom: 1.5714285714em;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom: 1.5714285714em;
}
.wp-caption img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 98.5%;
}
.wp-caption-text {
	font-style: italic;
	text-align: center;
}
.entry-caption {
	font-style: italic;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
#content .gallery {
	margin-bottom: 1.5714285714em;
}
.gallery-caption {
}
#content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
#content .gallery dd {
	margin: 0;
}
embed,
iframe,
object {
	max-width: 100%;
}


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

#content .site-navigation {
	margin: 0 0 1.5714285714em 5.6333333333%;
	overflow: hidden;
}
.no-sidebar #content .site-navigation {
	margin: 0 0 1.5714285714em 5.6333333333%;
}
#content .comment-navigation,
.no-sidebar #content .comment-navigation {
	margin: 0 0 1.5714285714em 0;
}
#content #image-navigation {
	margin: 1.5714285714em 0;
}
#content .nav-previous {
	float: left;
	width: 50%;
}
#content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


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

.bypostauthor .avatar {
	background-color: #555;
}
#comments {
	margin: 0 0 1.5714285714em 5.63333%;
	padding: 1.5714285714em 0;
}
#comments h2 {
    color: #545454;
    font-weight: normal;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}
#comments span {
    font-style: italic;
}
.full-width #comments,
.image-attachment #comments,
.no-sidebar #comments {
	margin: 0 4% 1.57143em;
}
.commentlist,
.children {
	list-style: none;
	margin: 0;
}
.children {
	margin: 0 0 0 14.24242424%;
}
.full-width .commentlist .children,
.image-attachment .commentlist .children,
.no-sidebar .commentlist .children {
	margin: 0 0 0 10.98398169%;
}
.comment,
.pingback {
	margin: 1.5714285714em 0;
	position: relative;
}
.comment .avatar {
	float: left;
	margin: 3px 8px 0 0;
}
.comment .comment-content {
	margin: 0;
	padding: 0;
	position: relative;
	width: 80%;
}
.full-width .comment .avatar,
.image-attachment .comment .avatar,
.no-sidebar .comment .avatar {
	margin: 3px 0.7142857142em 0 0;
}
.commentmetadata {
	color: #676767;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
	line-height: 1.8333333333em
}
.reply a {
    background: #eee;
	border: 2px solid #e4dfe8;
    border-radius: 25px 25px 25px 25px;
	color: #545454;
	font-size: 12px;
	font-size: 1.2rem;
    padding: 0 10px;
	position: absolute;
	right: 0;
	top: 0;
}
.reply a:active,
.reply a:focus,
.reply a:hover {
	background: #fff;
	color: #0054ff;
	text-decoration: underline;
}
#comments #respond {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
#respond #reply-title {
	margin: 0 0 0.6111111111em 0;
}
.nopassword,
.nocomments,
.logged-in-as,
#respond .comment-notes {
	font-size: 12px;
	font-size: 1.2rem;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	width: 82%;
}
#respond label {
}
#respond .form-allowed-tags {
	display: none;
}
#respond input[type=submit] {
}
.required {
	color: #0054ff;
}


/* =Social Media feed link icons
----------------------------------------------- */

.social-media ul {
	list-style: none;
	margin: 0 0 0.933333333em 0;
	overflow: hidden;
}
.social-media li {
	border: 1px solid #e4e4e4;
	-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);
	float: left;
	margin: 0 6% 0.933333333em 0; /* 0 2.5% 0.933333333em 0 */
}
.social-media li:last-child {
	margin-right: 0;
}
.social-media li a {
	display: block;
	height: 24px;
	opacity: 0.5;
	width: 24px;
}
.social-media li a:hover {
	opacity: 1;
}
/* Social icons */
.genericon-feed:before {
	background-color: #ff9900;
	color: #fafafa;
}
.genericon-twitter:before {
	background-color: #00aced;
	color: #fff;
}
.genericon-facebook:before {
	background-color: #fff;
	color: #3c5a98;
}
.genericon-googleplus:before {
	background-color: #fff;
	color: #dd4b39;
}
.genericon-flickr:before {
	background-color: #dededf;
	color: #ff0084;
}
.genericon-linkedin-alt:before {
	background-color: #fff;
	color: #017dad;
}
.genericon-wordpress:before {
	background-color: #207297;
	color: #fff;
}
.genericon-pinterest-alt:before {
	background-color: #cb2027;
	color: #fff;
}
.genericon-youtube:before {
	background-color: #dbdbdc;
	color: #bc2b28;
}
.genericon-vimeo:before {
	background-color: #64c4fb;
	color: #fff;
}
.genericon-dribbble:before {
	background-color: #ea4c89;
	color: #fff;
}
.genericon-tumblr:before {
	background-color: #44627e;
	color: #dedfe1;
}
.genericon-github:before {
	background-color: #d8d8d9;
	color: #3a3a3a;
}
.genericon-instagram:before {
	background-color: #;
	color: #0c0d0d;
}


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

.widget {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6666666666em;
	margin: 0 0 1.6666666666em;
	overflow: hidden;
	padding: 0;
}
.widget-title {
    border-bottom: 1px solid #c9c9c9;
    box-shadow: 0 1px 0 0 #fff;
	color: #545454;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.3333333333em;
	margin: 0 0 1.3333333333em 0;
	text-transform: uppercase;
}
.widget-title a {
	color: #545454;
}
.widget ul {
	list-style: none;
	margin: 0;
}
.widget ul ul {
	margin-left: 0.7142857142em;
}
.widget input:focus {
	outline: none;
}
/* Authors Widget */
.widget_authors li {
	background: none !important;
	overflow: hidden;
}
.widget_authors ul ul {
	overflow: hidden;
}
.widget_authors img {
	float: left;
	margin: 0 5px 5px 0 !important;
}
/* Author Grid Widget */
.widget_author_grid .avatar {
	max-width: none;
}
/* Calendar Widget */
.widget_calendar #wp-calendar {
	width: 100%;
}
.widget_calendar #wp-calendar caption {
	margin-bottom: 0.7142857142em;
}
.widget_calendar #wp-calendar thead th {
	background: #545454;
	color: #fff;
	font-weight: normal;
	padding: 0.2em 0;
	text-align: center;
}
.widget_calendar #wp-calendar tbody td {
	background-color: rgba(0,0,0,0.02);
	border: 1px solid rgba(0,0,0,0.04);
 	height: 2em;
 	padding: 0;
	text-align: center;
	vertical-align: middle;
}
.widget_calendar #wp-calendar tbody td a {
	background: #0055ff;
	display: block;
	color: #fff;
	height: 100%;
	width: 100%;
}
.widget_calendar #wp-calendar tbody td a:hover {
	background: #545454;
	color: #fff;
	text-decoration: none;
}
.widget_calendar #wp-calendar #prev,
.widget_calendar #wp-calendar #next {
	color: #0055ff;
	padding-top: 0.7142857142em;
}
.widget_calendar #wp-calendar tfoot #next {
	text-align: right;
}
.widget_calendar #wp-calendar tbody .pad {
	background: none;
}
/* Cloud Widgets */
.wp_widget_tag_cloud div,
.widget_tag_cloud div {
 	word-wrap: break-word;
}
/* Flickr Widget (WP.com) */
.widget_flickr #flickr_badge_uber_wrapper a {
	color: #267172 !important;
}
.widget_flickr #flickr_badge_uber_wrapper a:hover {
	text-decoration: underline !important;
}
.widget_flickr #flickr_badge_wrapper {
	background-color: transparent !important;
	border: none !important;
}
.widget_flickr table {
	margin: 0 !important;
}
.widget_flickr .flickr-size-thumbnail {
	margin: 0 auto;
}
.widget_flickr .flickr-size-thumbnail br,
.widget_flickr .flickr-size-small br {
	display: none;
}
.widget_flickr .flickr-size-thumbnail img {
	display: block;
	margin-bottom: 1em;
}
.widget_flickr .flickr-size-small img {
	display: block;
	margin-bottom: 0.7142857142em;
	max-width: 100%;
}
/* Gravater Widget */
.widget_gravatar p img {
	margin: 0;
}
/* Recent Comments Widget */
.widget_recent_comments .avatar {
	max-width: none;
}
.widget_recent_comments table {
	margin: 0;
}
.widget_recent_comments td.recentcommentstexttop,
.widget_recent_comments td.recentcommentstextend {
	line-height: 1.2em;
	vertical-align: top;
}
.widget_recent_images .recent_images img {
	margin: 0;
}
/* RSS Widget */
.widget_rss li {
	margin: 0 0 1.0em 0;
}
/* RSS links Widget */
.widget_rss_links p img {
	margin-bottom: 0;
	vertical-align: middle;
}
/* Search widget */
.widget_search #searchsubmit {
	display: none;
}
.widget_search #searchform input#s {
	width: 92%;
}
/* Twitter Widget */
.widget_twitter li {
	margin: 0 0 1.0em 0;
}


/* =IE8
-------------------------------------------------------------- */

#ie8 img.size-full,
#ie8 img.size-large,
#ie8 .wp-caption img {
	width: auto;
	height: auto;
}
#ie8 .syndicate li {
	margin: 0 0 0.933333333em 5.91397849%;
}
#ie8 .syndicate li:first-child {
	margin-left: 0;
}


/* =WP.com
-------------------------------------------------------------- */

#content div.sharedaddy {
	margin: 0 0 1.5714285714em 0;
}
#content div.sharedaddy div.sd-block {
	border-top: 1px dotted #b3b3b3;
}
.syntaxhighlighter {
	overflow: auto;
}
#content .reblog-post {
	border-color: #267172;
}
#wpstats {
	display: block;
	margin: 10px auto;
	position: relative;
	z-index: 999;
}


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

#footer-widget {
    background: #0a0a0a;
	border-bottom: none;
    display: block;
    height: auto;
    overflow: hidden;
	padding-top: 0.625em; /* padding-top: 1.6666666666em; */
    width: 100%;
}
#footer-widget-1 {
	float: left;
	margin-left:2.4em;
	margin-right:2.2em;
	width: 29%;
}
#footer-widget-2 {
	float: left;
	margin-right:2.2em;
	width: 29%;
}
#footer-widget-3 {
	float: left;
	width: 29%;
}
#footer-widget .widget-title {
    border-bottom: none; /* border-bottom: 1px solid #c9c9c9; */
    box-shadow: none; /* box-shadow: 0 1px 0 0 #fff; */
	color: #545454;
    font-family: Arial, Verdana, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.3333333333em;
	margin: 0 0 1.3333333333em 0;
    margin-bottom: 10px;
	padding-bottom: 5px;
    text-align: justify;
	text-transform: uppercase;
}
#footer-widget .widget,
#footer-widget .widget ul,
#footer-widget .widget_text,
#footer-widget .widget_pages, 
#footer-widget .widget_search, 
#footer-widget .widget_archive,
#footer-widget .widget_nav_menu,
#footer-widget .widget_tag_cloud,
#footer-widget .widget_calendar {
    background-color: #222;
    border-bottom: 0 none;
    border-radius: 5px;
    color: #fff;
    margin: 2em 0;
    padding: 0.625em;
}
#footer-widget .widget,
#footer-widget .widget ul a,
#footer-widget .widget_text a,
#footer-widget .widget_pages a,
#footer-widget .widget_search a,
#footer-widget .widget_archive a,
#footer-widget .widget_nav_menu a,
#footer-widget .widget_tag_cloud a,
#footer-widget .widget_calendar a {
    color: #fff;
    text-decoration: none;
}
#footer-widget .widget ul a:hover,
#footer-widget .widget_text a:hover,
#footer-widget .widget_search a:hover,
#footer-widget .widget_archive a:hover,
#footer-widget .widget_nav_menu a:hover,
#footer-widget .widget_tag_cloud  a:hover,
#footer-widget .widget_calendar a:hover {
    color: #0055ff;
    text-decoration: none;
}
.home #footer-widget {
    display: block; /* display: none; */
}


/* =Front Footer Widget
-------------------------------------------------------------- */

#front-footer-widget {
    background: #0a0a0a;
	border-bottom: none;
    display: block;
    height: auto;
    overflow: hidden;
	padding-top: 0.625em; /* padding-top: 1.6666666666em; */
    width: 100%;
}
#front-footer-widget-1 {
	float: left;
	margin-left:2.4em;
	margin-right:2.2em;
	width: 29%;
}
#front-footer-widget-2 {
	float: left;
	margin-right:2.2em;
	width: 29%;
}
#front-footer-widget-3 {
	float: left;
	width: 29%;
}
#front-footer-widget .widget-title {
    border-bottom: none; /* border-bottom: 1px solid #c9c9c9; */
    box-shadow: none; /* box-shadow: 0 1px 0 0 #fff; */
	color: #545454;
    font-family: Arial, Verdana, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.3333333333em;
	margin: 0 0 1.3333333333em 0;
    margin-bottom: 10px;
	padding-bottom: 5px;
    text-align: justify;
	text-transform: uppercase;
}
#front-footer-widget .widget,
#front-footer-widget .widget ul,
#front-footer-widget .widget_text,
#front-footer-widget .widget_pages, 
#front-footer-widget .widget_search, 
#front-footer-widget .widget_archive,
#front-footer-widget .widget_nav_menu,
#front-footer-widget .widget_tag_cloud,
#front-footer-widget .widget_calendar {
    background-color: #222;
    border-bottom: 0 none;
    border-radius: 5px;
    color: #fff;
    margin: 2em 0;
    padding: 0.625em;
}
#front-footer-widget .widget,
#front-footer-widget .widget ul a,
#front-footer-widget .widget_text a,
#front-footer-widget .widget_pages a,
#front-footer-widget .widget_search a,
#front-footer-widget .widget_archive a,
#front-footer-widget .widget_nav_menu a,
#front-footer-widget .widget_tag_cloud a,
#front-footer-widget .widget_calendar a {
    color: #fff;
    text-decoration: none;
}
#front-footer-widget .widget ul a:hover,
#front-footer-widget .widget_text a:hover,
#front-footer-widget .widget_search a:hover,
#front-footer-widget .widget_archive a:hover,
#front-footer-widget .widget_nav_menu a:hover,
#front-footer-widget .widget_tag_cloud  a:hover,
#front-footer-widget .widget_calendar a:hover {
    color: #0055ff;
    text-decoration: none;
}
.home #front-footer-widget {
    display: block; /* display: none; */
}


/* =Jetpack: Infinite Scroll
-------------------------------------------------------------- */
.infinite-scroll #content {
	margin-bottom: 50px;
}
.infinite-scroll #content .infinite-wrap {
	border-top: none;
}
.infinite-scroll .infinite-loader,
.infinite-scroll #infinite-handle span {
	margin-left: 14.28571428%;
}
/**
* Elements to hide:
* (footer widgets, post navigation, regular footer)
*/
.infinite-scroll #nav-below,
.infinite-scroll #nav-above,
.infinite-scroll.neverending #colophon {
	display: none;
}
/**
* Hooks to infinity-end body class to restore footer
*/
.infinity-end.neverending #colophon {
	display: block;
}
.full-width .hentry,
.image-attachment .hentry,
.no-sidebar .hentry,
.error404 .not-found {
    margin: 0 4% 3.14286em;
    width: auto;
}


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

.site-footer .backtotop {
    float: right;
}
.site-footer .backtotop a {
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
    bottom: 5px;
    height: 50px;
    opacity: 0.2;
    position: fixed;
    right: 5px;
    width: 50px;
    z-index: 9999;
}
.site-footer .backtotop a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}


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

.entry-content .attachment img {
	background: #e1e1e1;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3);
	box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3);
	margin-bottom: 3.2em;
	padding: 5px;
	overflow: hidden;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 97%;
}
dt.gallery-icon {
    font-weight: bold;
    margin-bottom: -11px;
}


/* =Links
-------------------------------------------------------------- */

.edit-link {
	clear: both;
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
}
.edit-link a {
	background: #eee;
	border: 1px solid #c9c9c9;
	-moz-border-radius: 25px;
	border-radius: 25px;
	color: #545454;
	padding: 0 10px;
	margin: 0 2px;
	text-decoration: none;
}
.edit-link a:active,
.edit-link a:focus,
.edit-link a:hover {
	background: #fff;
	color: #0054ff;
	text-decoration: underline;
}
.page-links {
	clear: both;
	margin: 0 0 24px;
}
.page-links a {
	border: 1px solid #c9c9c9;
	color: #00aaff;
	padding: 5px;
	background: #eee;
	border: 1px solid #c9c9c9;
	margin: 0 2px;
	text-decoration: none;
}
.page-links a:active,
.page-links a:focus,
.page-links a:hover {
	background: #fff;
	color: #0054ff;
	text-decoration: underline;
}
.more-link {
    background: none ;
    border: medium none;
    display: inline-block;
    font-size: 11px;
    line-height: 1.5em;
    margin: 0;
    padding: 0 6px 0 0;
}
.more-link a {
	color: #0055ff;
	font-style: italic;
	outline: 0;
	text-decoration: none;
}
.more-link a:focus,
.more-link a:active,
.more-link a:hover {
	color: #0054ff;
	text-decoration: underline;
}


/* =Blog
-------------------------------------------------------------- */

.archive-header {
    margin-bottom: 2.85714rem;
}
.archive-title {
	border-bottom: 1px solid #c9c9c9;
	box-shadow: 0 1px 0 0 #fff;
	font-size: 24px;
	font-size: 1.5rem;
	margin: 0 0 14px;
	margin: 0 0 0.875em;
	padding-bottom: 5px;
	padding-bottom: 0.3125em;
	text-align: left;
}
.archive-title p {
	margin: 0;
}
/* Author Info */
.author-info {
    margin: 0 0 3.1428571428em 5.6333333333%;
	overflow: hidden;
    padding: 0;
}
.singular .author-info {
	background: #f9f9f9;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	box-shadow: 0 1px 0 0 #fff;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.author .page-title  {
    border-bottom: 1px solid #c9c9c9;
    box-shadow: 0 1px 0 0 #fff;
    line-height: 1.5em;
    margin: 0 0 0.87em;
	clear: none;
	margin: -2px 0 0 0;
}
.author h2.page-title {
	color: #545454;
	font-size: 30px;
	font-size: 3.0rem;
	margin: 0 0 0.3666666666em 5.6333333333%;
}
.author .entry-header .author-nothing-found h3 {
    color: #545454;
    font-size: 1.8rem;
    margin: 3.5714285714em 0 0.6111111111em;
}
.author h3.nothing-found,
.author h3.author-posts {
    color: #545454;
    font-size: 1.8rem;
    margin: 1.5714285714em 0 2em;
}
.author-description h3 {
	color: #545454;
	margin: 0;
}
.author .entry-content,
.author .entry-summary {
    clear: both;
    margin: 1.5714285714em 0 0;
}
.author-avatar {
    float: left;
    margin-right: 0;
    margin-top: 1.5714285714em
}
.author-avatar ul {
    float: right;
	list-style: none;
    margin: 0;
	padding: 0;
}
.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;
	float: left;
	height: 80px;
	margin: 0 15px 0 0;
	margin: 0 0.9375em 0 0;
	padding: 3px;
	padding: 0.1875em;
	width: 80px;
}
.author-description {
	float: left;
	margin: 1.5714285714em 0 0;
}
.author-description ul {
	color: #545454;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: lighter;
    list-style: square;
	margin: 5px 0 10px -16px;
	margin: 0.3125em 0 0.625em -1em;
}


/* =Responsive Structure
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 * taken from Twenty Fourteen 1.0
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (max-width: 1008px) {
	.da-slide .da-link{
		border-radius: 0 !important;
		border: none !important;
		padding: 0px !important;
	}
	.thumb img,
	.site-header img,
	.entry-content img,
	.comment-content img[height],
	img[class*="align"],
	img[class*="wp-image-"],
	img[class*="attachment-"] {
		height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	}
	.thumb img,
	.site-header img,
	.entry-content img,
	img.size-full,
	img.header-image,
	.wp-post-image {
		max-width: 98.5%;
		width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	}
	img.size-large {
		max-width: 98.5%;
		width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	}
	img.alignleft,
	img.alignright,
	img.aligncenter {
		margin-bottom: 1.5714285714em;
	}
	#page {
		margin-bottom: 0;
		margin-top: 0;
        padding: 0;
	}
  #footer-widget-1 {
		float: left;
		margin-left: 1.4em;
		margin-right: 2.2em;
		width: 29%;
	}
	#footer-widget-2 {
		float: left;
		margin-right: 2.2em;
		width: 29%;
	}
	#footer-widget-3 {
		float: left;
		width: 29%;
	}
	
   #front-footer-widget-1 {
		float: left;
		margin-left: 1.4em;
		margin-right: 2.2em;
		width: 29%;
	}
	#front-footer-widget-2 {
		float: left;
		margin-right: 2.2em;
		width: 29%;
	}
	#front-footer-widget-3 {
		float: left;
		width: 29%;
	}
	.social-media {
		display: block;
		margin: 0 4%;
	}
}

@media screen and (max-width: 768px) {
	.site-title {
		float: none;
		width: 100%;
	}
	.site-description {
		clear: both;
		border-top: 1px dotted #545454;
		float: none;
		margin: 0.7857142857em 0 0 0;
		width: 100%;
	}
	#masthead .site-branding {
		margin: 0 4% 0.7142857142em;
	}
	.main-navigation {
		clear: both;
		display: block;
		margin: 0 2.16260162%;
	}
	.site-content {
		float: none;
		margin: 0;
	}
	#content {
		margin: 0;
	}
	#secondary {
		float: none;
		width: 100%;
	}
	.hentry {
		margin: 0 4% 3.1428571428em;
	}
	#content .site-navigation {
		margin: 0 5.6333333333% 1.5714285714em 4%;
	}
	.syndicate,
	.widget {
		padding: 1.6666666666em 4% 0;
	}
	.page-header {
		margin: 0 4% 3.1428571428em;
	}
	#comments {
		margin: 0 4% 1.5714285714em;
	}
	.comment .avatar {
		margin: 0.2142857142em 0.7142857142em 0.2142857142em 0;
	}
	#content .site-navigation.comment-navigation {
		margin: 0 0 1.5714285714em 0;
	}
	.error404 article .widget {
		padding: 1.6666666666em 0 0 0;
	}
	.syndicate li {
		margin: 0 0 0.933333333em 1.4285714285em;
	}
	.syndicate li:first-child {
		margin: 0;
	}
	.archive-header {
		margin: 0 4% 2.85714em;
	}
	#footer-widget-1 {
		float: left;
		margin-left: 1.5em;
		margin-right: 1.2em;
		width: 29%;
	}
	#footer-widget-2 {
		float: left;
		margin-right: 1.2em;
		width: 29%;
	}
	#footer-widget-3 {
		float: left;
		width: 29%;
	}
	
	#front-footer-widget-1 {
		float: left;
		margin-left: 1.5em;
		margin-right: 1.2em;
		width: 29%;
	}
	#front-footer-widget-2 {
		float: left;
		margin-right: 1.2em;
		width: 29%;
	}
	#front-footer-widget-3 {
		float: left;
		width: 29%;
	}
}

@media screen and (max-width: 600px) {
	img[class*="align"],
	img[class*="wp-image-"],
	#content .gallery .gallery-icon img {
		background-color: #fff;
		border: 1px solid #e4dfe8;
		box-shadow: 1px 1px 0 rgba(228, 223, 232, 0.5);
		padding: 2px;
	}
	img.size-large {
		max-width: 98.5%;
		width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	}
	#masthead {
		margin: 0 0 3.1428571428em 0;
    padding-bottom: 0;
	}
	#masthead .site-branding {
		margin: 0;
	}
	.site-title {
		font-size: 22px;
		text-align: center;
	}
	.site-description {
		clear: both;
		font-size: 12px;
		margin: 0;
		text-align: center;
	}
	.main-small-navigation {
		border-bottom: none;
		border-top: none;
	}
	.menu-toggle {
		font-size: 17px;
		line-height: 2.0em;
		margin: 0;
		text-align: center;
		text-transform: uppercase;
	}
	.menu-small-menu-container {
		margin: 0 auto;
		width: 50%;
	}
	.byline {
		display: inline;
	}
	.hentry,
	.full-width .hentry,
	.image-attachment .hentry,
	.no-sidebar .hentry,
	.error404 .not-found {
		margin: 0 4% 3.1428571428em 4%;
	}
	.entry-content, .entry-summary {
		margin: 1.5714285714em 0 0 0;
	}
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 19px;
	}
	h3 {
		font-size: 17px;
	}
	h4 {
		font-size: 15px;
	}
	h5 {
		font-size: 14px;
	}
	.site-logo {
		clear: none;
		float: left;
		margin: 0.5em 4% 0;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}
	.site-logo img {
		width: 70%;
	}
	.site-description {
		border-top: 1px dotted #545454;
		clear: both;
		float: none;
		font-size: 12px;
		margin: 0 4%;
		text-align: center;
		width: auto;
	}
	.site-navigation .social-media {
		display: none;
		float: none;
		margin: 0 4%;
		padding: 0;
		position: relative;
		width: auto;
	}
	.no-sidebar .page-header {
		margin: 0 0 3.1428571428em 0;
	}
	#comments #respond {
		margin: 0 4%;
		padding: 0;
		position: relative;
		width: auto;
	}
	#comments,
	.full-width #comments,
	.image-attachment #comments,
	.no-sidebar #comments {
		margin: 0 0 1.5714285714em 0;
	}
	.comment .avatar {
		display: none;
	}
	.no-sidebar #content .site-navigation {
		margin: 0 0 1.5714285714em 0;
	}
	#content .site-navigation {
		margin: 0 4% 1.5714285714em 4%;
	}
	.page-header {
		margin: 0 0 3.1428571428em 0;
	}
	.syndicate, .widget {
		padding: 1.6666666666em 0 0 0;
	}
	.site-footer {
		padding: 1.5714285714em 4% 1.5714285714em 4%;
	}
	.entry-content .attachment img {
	margin: 0 auto 3.2em -0.1428571428em;
	}
	.widget_search #searchform input#s {
		width: 97%;
	}
	#secondary {
		float: none;
		margin: 0 4%;
		padding: 0;
		width: auto;
	}
	.social-media {
		display: block;
		margin: 0 4%;
	}
	#footer-widget-1 {
		float: left;
		margin-left: 1.5em;
		margin-right: 1.2em;
		width: 28%;
	}
	#footer-widget-2 {
		float: left;
		margin-right: 1.2em;
		width: 28%;
	}
	#footer-widget-3 {
		margin-right: left;
		width: 28%;
	}
	
	#front-footer-widget-1 {
		float: left;
		margin-left: 1.5em;
		margin-right: 1.2em;
		width: 28%;
	}
	#front-footer-widget-2 {
		float: left;
		margin-right: 1.2em;
		width: 28%;
	}
	#front-footer-widget-3 {
		margin-right: left;
		width: 28%;
	}
	.thumb,
	.thumb img {
		clear: both;
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
}

@media screen and (max-width: 400px) {
	.thumb,
	.thumb img {
		clear: both;
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 97%;
	}
	img.size-large {
		max-width: 96.5%;
		width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	}
	#masthead {
		margin: 0 0 1.5714285714em 0;
	}
	#masthead .site-branding {
		margin: 0 0 1.1428571428em 0;
	}
	.site-logo {
		clear: none;
		float: left;
		margin: 0.5em 4% 0;
		overflow: hidden;
		padding: 0;
		text-align: left;
	}
	.hentry {
		margin: 0 0 1.5714285714em 0;
	}
	.entry-content, .entry-summary {
		margin: 0.7857142857em 0 0 0;
	}
	.commentmetadata {
		margin: 0 0 0.9166666666em 0;
	}
	.entry-content embed,
	.entry-content iframe,
	.entry-content object {
		height: auto;
	}
	.syndicate, .widget {
		padding: 1.6666666666em 0.1% 0;
	}
	.widget_search #searchform input#s {
		width: 96%;
	}
	.social-media {
		display: block;
		margin: 0;
	}
	#footer-widget-1 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	#footer-widget-2 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	#footer-widget-3 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	
	#front-footer-widget-1 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	#front-footer-widget-2 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	#front-footer-widget-3 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
}