/*
Theme Name: Periodic
Theme URI: http://themes.designcrumbs.com/periodic
Description: Periodic is a premium WordPress magazine theme that is highly customizable. Tailor Periodic to your needs with 6 widgetized areas (home sidebar, left sidebar, right sidebar and three in the footer), 3 custom menus, 11 custom widgets, 4 page templates, Theme Customizer integration and a host of theme options to personalise your environment.
Version: 4.0.2
Author: Jake Caputo
Author URI: http://www.designcrumbs.com/
Tags: fluid-layout, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready 

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*----------------------------------------------------------------------------*/
/* Resets
/*----------------------------------------------------------------------------*/

body, html, div, blockquote, img, label, p, a, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, fieldset, input, th, td, figure {
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img {
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
}
video {
	height: auto;
	max-width: 100%;
}
a, :focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
::-moz-selection {
	background: #ffff00;
}
::selection {
	background: #ffff00;
}

/*----------------------------------------------------------------------------*/
/* HTML5 Tags
/*----------------------------------------------------------------------------*/

header, footer, section, nav, article, figure, figcaption, time, audio, video {
	display: block;
}

/*----------------------------------------------------------------------------*/
/* Utility
/*----------------------------------------------------------------------------*/

body {
	background-color: #f8f8f8;
}
.wrapper {
	margin: 0 auto;
	max-width: 67.5em;
	position: relative;
}
div[role=main] {
	background-color: #fff;
}
.left-content, .right-content {
	padding: 1.875em 2.77778%;
	position: relative;
}
.full-content {
	padding: 1.875em 2.77778%;
	position: relative;
}
a {
	-moz-transition: color 0.25s ease-in-out 0s;
	-ms-transition: color 0.25s ease-in-out 0s;
	-o-transition: color 0.25s ease-in-out 0s;
	-webkit-transition: color 0.25s ease-in-out 0s;
	transition: color 0.25s ease-in-out 0s;
}
a, a:visited {
	color: #af1035;
	text-decoration: none;
}
a:hover, a:active {
	color: #aeaeae;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.screen-reader {
	left: -9999em;
	position: absolute;
	top: -9999em;
}
.sticky {
	display: block;
}

/*----------------------------------------------------------------------------*/
/* Clear Floats
/*----------------------------------------------------------------------------*/

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

/*----------------------------------------------------------------------------*/
/* Icons
/*----------------------------------------------------------------------------*/

.icon-button {
	background-color: rgba( 0, 0, 0, 0.8 );
	height: 2.5em;
	left: 1.875em;
	position: absolute;
	text-align: center;
	top: 1.875em;
	width: 2.5em;
	z-index: 100;
	-moz-border-radius: 12.5em;
	-webkit-border-radius: 12.5em;
	border-radius: 12.5em;
}
.icon-button a {
	color: #777 !important;
	font-size: 0.875em;
	line-height: 1;	
	position: relative;
}
.icon-button a:hover {
	color: #fff !important;
}
.periodic-play {	
	left: 0.143em;
	top: 0.571em;
}
.periodic-listen, .periodic-gallery {
	left: 0;
	top: 0.571em;
}
.carousel-column .icon-button {
	left: 0.938em;
	top: 2.813em;
}
.center-carousel-column .icon-button {
	left: 2.813em;
	top: 2.813em;
}
.index-wrapper .icon-button, .article-column .icon-button {
	left: 0.938em;
	top: 0.938em;
}
.video-poster .icon-button {
	left: 1.071em;
	top: 1.071em;
}

/*----------------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------------*/

a.button {
	display: inline-block;
	line-height: 2.5;
	padding: 0 1.25em;
	-moz-border-radius: 0.188em;
	-webkit-border-radius: 0.188em;
	border-radius: 0.188em;
}
a.blue-button, a.green-button, a.orange-button {
	color: #fff !important;
}
a.blue-button {
	background-color: #00aed7;
	border: 1px solid #0085a3;
	text-shadow: -1px -1px 0 rgba( 0, 100, 122, 0.7 );
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 174, 215)), to(rgb(0, 133, 163)));
	background-image: -webkit-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: -moz-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: -o-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: -ms-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	-moz-box-shadow: 1px 1px 1px 0 rgba( 194, 244, 255, 0.6 ) inset;
	-webkit-box-shadow: 1px 1px 1px 0 rgba( 194, 244, 255, 0.6 ) inset;
	box-shadow: 1px 1px 1px 0 rgba( 194, 244, 255, 0.6 ) inset;
}
a.blue-button:hover {
	background-color: #0085a3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 133, 163)), to(rgb(0, 174, 215)));
	background-image: -webkit-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: -moz-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: -o-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: -ms-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
}
a.chrome-button {
	background-color: #eee;
	border: 1px solid #bbb;
	color: #222 !important;
	text-shadow: 1px 1px 0 rgba( 255, 255, 255, 0.8 );
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 238)), to(rgb(221, 221, 221)));
	background-image: -webkit-linear-gradient(top, rgb(238, 238, 238), rgb(221, 221, 221));
	background-image: -moz-linear-gradient(top, rgb(238, 238, 238), rgb(221, 221, 221));
	background-image: -o-linear-gradient(top, rgb(238, 238, 238), rgb(221, 221, 221));
	background-image: -ms-linear-gradient(top, rgb(238, 238, 238), rgb(221, 221, 221));
	background-image: linear-gradient(top, rgb(238, 238, 238), rgb(221, 221, 221));
	-moz-box-shadow: 1px 1px 1px 0 #fff inset;
	-webkit-box-shadow: 1px 1px 1px 0 #fff inset;
	box-shadow: 1px 1px 1px 0 #fff inset;
}
a.chrome-button:hover {
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 221, 221)), to(rgb(238, 238, 238)));
	background-image: -webkit-linear-gradient(top, rgb(221, 221, 221), rgb(238, 238, 238));
	background-image: -moz-linear-gradient(top, rgb(221, 221, 221), rgb(238, 238, 238));
	background-image: -o-linear-gradient(top, rgb(221, 221, 221), rgb(238, 238, 238));
	background-image: -ms-linear-gradient(top, rgb(221, 221, 221), rgb(238, 238, 238));
	background-image: linear-gradient(top, rgb(221, 221, 221), rgb(238, 238, 238));
}
a.green-button {
	background-color: #a5cf14;
	border: 1px solid #86a711;
	text-shadow: -1px -1px 0 rgba( 75, 93, 9, 0.4 );
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(165, 207, 20)), to(rgb(134, 167, 17)));
	background-image: -webkit-linear-gradient(top, rgb(165, 207, 20), rgb(134, 167, 17));
	background-image: -moz-linear-gradient(top, rgb(165, 207, 20), rgb(134, 167, 17));
	background-image: -o-linear-gradient(top, rgb(165, 207, 20), rgb(134, 167, 17));
	background-image: -ms-linear-gradient(top, rgb(165, 207, 20), rgb(134, 167, 17));
	background-image: linear-gradient(top, rgb(165, 207, 20), rgb(134, 167, 17));
	-moz-box-shadow: 1px 1px 1px 0 rgba( 239, 249, 199, 0.6 ) inset;
	-webkit-box-shadow: 1px 1px 1px 0 rgba( 239, 249, 199, 0.6 ) inset;
	box-shadow: 1px 1px 1px 0 rgba( 239, 249, 199, 0.6 ) inset;
}
a.green-button:hover {
	background-color: #86a711;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(134, 167, 17)), to(rgb(165, 207, 20)));
	background-image: -webkit-linear-gradient(top, rgb(134, 167, 17), rgb(165, 207, 20));
	background-image: -moz-linear-gradient(top, rgb(134, 167, 17), rgb(165, 207, 20));
	background-image: -o-linear-gradient(top, rgb(134, 167, 17), rgb(165, 207, 20));
	background-image: -ms-linear-gradient(top, rgb(134, 167, 17), rgb(165, 207, 20));
	background-image: linear-gradient(top, rgb(134, 167, 17), rgb(165, 207, 20));
}
a.orange-button {
	background-color: #ff5800;
	border: 1px solid #e04f00;
	text-shadow: -1px -1px 0 rgba( 184, 64, 0, 0.7 );
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 88, 0)), to(rgb(224, 79, 0)));
	background-image: -webkit-linear-gradient(top, rgb(255, 88, 0), rgb(224, 79, 0));
	background-image: -moz-linear-gradient(top, rgb(255, 88, 0), rgb(224, 79, 0));
	background-image: -o-linear-gradient(top, rgb(255, 88, 0), rgb(224, 79, 0));
	background-image: -ms-linear-gradient(top, rgb(255, 88, 0), rgb(224, 79, 0));
	background-image: linear-gradient(top, rgb(255, 88, 0), rgb(224, 79, 0));
	-moz-box-shadow: 1px 1px 1px 0 rgba( 255, 228, 214, 0.6 ) inset;
	-webkit-box-shadow: 1px 1px 1px 0 rgba( 255, 228, 214, 0.6 ) inset;
	box-shadow: 1px 1px 1px 0 rgba( 255, 228, 214, 0.6 ) inset;
}
a.orange-button:hover {
	background-color: #e04f00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 79, 0)), to(rgb(255, 88, 0)));
	background-image: -webkit-linear-gradient(top, rgb(224, 79, 0), rgb(255, 88, 0));
	background-image: -moz-linear-gradient(top, rgb(224, 79, 0), rgb(255, 88, 0));
	background-image: -o-linear-gradient(top, rgb(224, 79, 0), rgb(255, 88, 0));
	background-image: -ms-linear-gradient(top, rgb(224, 79, 0), rgb(255, 88, 0));
	background-image: linear-gradient(top, rgb(224, 79, 0), rgb(255, 88, 0));
}

/*----------------------------------------------------------------------------*/
/* Typography
/*----------------------------------------------------------------------------*/

body {
	color: #444;
	font: normal 400 1em/1.563 'Source Sans Pro', sans-serif;
}
h1 {
	font-size: 2.5em;
	font-weight: 200;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h2, h3, h4 {
	font-weight: 700;
}
h5, h6 {
	font-style: italic;
	font-weight: 600;
}
h2 {
	font-size: 1.625em;
	line-height: 1.346;
	margin-bottom: 0.962em;
}
h3 {
	font-size: 1.438em;
	line-height: 1.304;
	margin-bottom: 1.087em;
}
h4 {
	font-size: 1.125em;
	line-height: 1.389;
	margin-bottom: 0.833em;
}
h5 {
	margin-bottom: 0.625em;	
}
h6 {
	font-size: 0.875em;
	line-height: 1.429;
	margin-bottom: 0.357em;
}
p, address {
	margin-bottom: 1.563em;
}
p + h1, blockquote + h1, ul + h1, ol + h1, dl + h1, table + h1, pre + h1 {
	margin-top: 1.333em;
}
p + h2, blockquote + h2, ul + h2, ol + h2, dl + h2, table + h2, pre + h2 {
	margin-top: 2.692em;
}
blockquote {
	background-color: #f8f8f8;
	border-left: 0.313em solid;
	border-right: 0.313em solid;
	margin-bottom: 1.563em;
	padding: 1.563em 1.563em 0.063em;
}
blockquote p {
	font-style: italic;
	quotes: '\201c' '\201d';
	text-indent: -0.313em;
}
blockquote p:before, q:before, q q:before {
	content: open-quote;
}
blockquote p:after, q:after, q q:after {
	content: close-quote;
}
q {
	quotes: '\201c' '\201d' '\2018' '\2019';
}
strong, b {
	font-weight: 700;
}
em, i, cite {
	font-style: italic;
}
small {
	font-size: 0.875em;
	line-height: 1.429;
}
mark {
	background-color: #ffff00;
}
strike, del {
	color: #af1035;
	text-decoration: line-through;
}
abbr, acronym, ins {
	border-bottom: 1px dotted;
}
abbr, acronym {
	cursor: help;
	text-transform: uppercase;
}
ins {
	text-decoration: none;
}
sup, sub {
	font-size: 0.75em;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.333em;
}
sub {
	bottom: -0.333em;
}
address {
	font-style: normal;
}

/*----------------------------------------------------------------------------*/
/* Lists
/*----------------------------------------------------------------------------*/

ul, ol, dl, dd {
	margin-bottom: 1.563em;
}
ul, ol {
	margin-left: 1.25em;
}
ul {
	list-style: disc;
}
ul ul, ol ul {
	list-style: circle;
}
ol, ul ol, ol ol ol {
	list-style: decimal;
}
ol ol {
	list-style: lower-alpha;
}
ul ul, ol ul, ul ol, ol ol {
	margin: 0.625em 0 0.938em;
	padding-left: 1.563em;
}
dt {
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.389;
}

/*----------------------------------------------------------------------------*/
/* Tables
/*----------------------------------------------------------------------------*/

table {
	margin: 0 0 1.563em;
	width: 100%;
}
caption {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 1.25em;
	text-align: center;
}
th {
	font-weight: 600;
}
th, td {
	border-bottom: 1px solid #ebebeb;
	padding: 0.75em 0.625em 0.75em 0;
	text-align: center;
	vertical-align: top;
}

/*----------------------------------------------------------------------------*/
/* Code and Pre-Formatted Text
/*----------------------------------------------------------------------------*/

code {
	color: #0861bc;
	font: 0.875em/1.429 Courier, Monaco, monospace;
}
pre {
	background-color: #f8f8f8;
	margin-bottom: 1.714em;
	overflow: auto;
	overflow-y: hidden;
	padding: 0 0 1.429em 1.429em;
}
pre code {
	font-size: 14px;
	padding: 0;
}

/*----------------------------------------------------------------------------*/
/* Form Elements
/*----------------------------------------------------------------------------*/

form {
	position: relative;
}
label {
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1.429;
}
input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], input[type=submit], textarea, select {
	font-family: 'Source Sans Pro', sans-serif;
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
}
input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], textarea {
	background-color: #fff;
	border: 0.25em solid #ebebeb;
	color: #444;
	font-size: 1em;
	padding: 0.625em;
	width: 100%;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus,
input[type=password]:focus, input[type=search]:focus, textarea:focus {
	background-color: #444;
	border-color: #444;
	color: #f8f8f8;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
input[type=checkbox], input[type=radio] {
	background-color: #fff;
	border: 1px solid #ebebeb;
	margin-right: 0.313em;
}
input[type=checkbox]:checked, input[type=radio]:checked {
	background-color: #444;
	border-color: #444;
}
select {
	border: 0.25em solid #ebebeb;
	color: #444;
	font-size: 1em;
	font-weight: 700;
	padding: 0.625em;
	width: 100%;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
select option {
	font-weight: 400;
}
textarea {
	height: 12.5em;
	line-height: 1.563;
	resize: none;
	overflow: auto;
}
input[type=submit] {
	background-color: #00aed7;
	border: 1px solid #0085a3;
	color: #fff;
	font-size: 0.875em;
	padding: 0.714em 1.429em;
	text-shadow: -1px -1px 0 rgba( 0, 100, 122, 0.7 );
	-moz-border-radius: 0.214em;
	-webkit-border-radius: 0.214em;	
	border-radius: 0.214em;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 174, 215)), to(rgb(0, 133, 163)));
	background-image: -webkit-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: -moz-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: -o-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: -ms-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	-moz-box-shadow: 1px 1px 1px 0 rgba( 194, 244, 255, 0.6 ) inset;
	-webkit-box-shadow: 1px 1px 1px 0 rgba( 194, 244, 255, 0.6 ) inset;
	box-shadow: 1px 1px 1px 0 rgba( 194, 244, 255, 0.6 ) inset;
}
input[type=submit]:hover {
	cursor: pointer;
	background-color: #0085a3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 133, 163)), to(rgb(0, 174, 215)));
	background-image: -webkit-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: -moz-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: -o-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: -ms-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
}

/*----------------------------------------------------------------------------*/
/* Search Form
/*----------------------------------------------------------------------------*/

.search-form label {
	color: #444 !important;
	font-size: 1em;
	left: 0.938em;
	line-height: 1.563;
	position: absolute;
	top: 0.75em;
}
.search-form label span {
	display: none;
}
.search-form input[type=search] {
	padding-left: 2.188em;
}

/*----------------------------------------------------------------------------*/
/* Password Form
/*----------------------------------------------------------------------------*/

.post-password-required form {
	overflow: hidden;
}
.post-password-required label {
	float: left;
	width: 75%;
}
.post-password-required input[type=submit] {
	float: left;
	margin-left: 0.714em;
	margin-top: 1.429em;
}

/*----------------------------------------------------------------------------*/
/* Utility Banner
/*----------------------------------------------------------------------------*/

.utility-banner {
	background-color: #222;
	position: relative;
}
.utility-banner .wrapper {
	max-width: 67.375em;
}
.utility-banner a, .utility-banner a:visited {
	color: #aaa;
}
.utility-banner a:hover, .utility-banner a:active {
	color: #fff;
}
.utility-banner ul {
	font: 400 0.75em/3.333 'Oswald', sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.utility-banner li {
	float: left;
	position: relative;
}
.utility-banner li a, .utility-banner li a:visited {
	display: block;
	padding: 0 1.25em;
}

/*----------------------------------------------------------------------------*/
/* Utility Banner Header Menu
/*----------------------------------------------------------------------------*/

.utility-banner ul.header-menu {
	float: left;
}
.utility-banner ul.header-menu li {
	border-right: 1px solid #444;
}

/*----------------------------------------------------------------------------*/
/* Utility Banner Header Menu First Level Drop Down Menu
/*----------------------------------------------------------------------------*/

.header-menu li ul {
	background-color: #222;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: inherit;
	font-weight: 400;
	left: 0;
	position: absolute;
	text-transform: none;
	top: -9999em;
	width: 16.667em;
	z-index: 100;
}
.header-menu li li {
	border-bottom: 1px solid #444;
	border-right: none;
	float: none;
}

/*----------------------------------------------------------------------------*/
/* Utility Banner Header Menu First Level Drop Down Menu Sub Menus
/*----------------------------------------------------------------------------*/

.header-menu li li ul {
	left: -9999em;
	top: -9999em;
}

/*----------------------------------------------------------------------------*/
/* Show Utility Banner Header Menu Drop Down Menus
/*----------------------------------------------------------------------------*/

.header-menu li:hover ul, .header-menu li.sfHover:hover ul {
	top: 3.333em;
}
.header-menu li li:hover ul, .header-menu li li.sfHover:hover ul {
	left: 16.583em;
	top: -1px;
}

/*----------------------------------------------------------------------------*/
/* Mobile Menus
/*----------------------------------------------------------------------------*/

select.select-menu {
	display: block;
	width: 100%;
    position: relative;
    z-index: 10;
    height: 40px;
    line-height: 26px;
    top:0;
    -webkit-appearance: menulist-button;
}

span.select {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    cursor: default;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    font:700 0.938em/2.667 'Oswald',sans-serif;
    text-transform: uppercase;
    background-color: rgba(255,255,255,.05);
}

span.select i.fa {
    margin-right: 20px;
    position: relative;
    top:-2px;
}

ul.header-menu,
ul.main-nav-anchors {
	display: none;
}

.main-nav span.select {
	background-color:rgba(0,0,0,.05);;
}

/*----------------------------------------------------------------------------*/
/* Social Menu
/*----------------------------------------------------------------------------*/

.utility-banner {
	width: 100%;
}

.utility-banner ul.social-menu {
	float:left;
	position: relative;
	left:50%;
	font-size: 1.2em;
	line-height: 2.5em;
	list-style: none;
	margin: 0;
	padding: 0;
}

.utility-banner ul.social-menu li {
	float:left;
	position: relative;
	right:50%;
	padding: .2em .6em;
}

.utility-banner ul.social-menu li a {
	padding: 0;
}

/*----------------------------------------------------------------------------*/
/* Masthead
/*----------------------------------------------------------------------------*/

.masthead {
	background-color: #fff;
	padding: 1.875em 0;
	position: relative;
}
.logo {
	float: none;
	text-align: center;
	margin: 1.875em auto 1.875em;
	max-width: 100%;
}
.logo a, .logo a:visited {
	font-size: 1.875em;
	font-weight: 700;
	line-height: 1;
}
.logo img {
	margin: auto;
}

/*----------------------------------------------------------------------------*/
/* Masthead Banner Ads
/*----------------------------------------------------------------------------*/

.periodic-leaderboard {
	width: 728px;
}
.periodic-full-banner {
	margin-top: 0.938em;
	width: 468px;
}

.periodic-leaderboard,
.periodic-full-banner {
	margin-right: auto;
	margin-left: auto;
	float: none;
	text-align: center;
	max-width: 96%;
	margin-bottom: 1.875em;
}

/*----------------------------------------------------------------------------*/
/* Main Navigation
/*----------------------------------------------------------------------------*/

.main-nav {
	background-color: #fff;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	position: relative;
}
.main-nav .wrapper {
	border-left: 1px solid #ebebeb;
	max-width: 67.438em;
}
.main-nav ul {
	font: 700 0.938em/2.667 'Oswald', sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.main-nav li {
	border-right: 1px solid #ebebeb;
	float: left;
	position: relative;
}
.main-nav li a, .main-nav li a:visited {
	color: #444;
	display: block;
	padding: 0 1em;
}
.main-nav li a:hover, .main-nav li a:active {
	color: #af1035;
	text-decoration: none;
}

/*----------------------------------------------------------------------------*/
/* Main Navigation First Level Drop Down Menu
/*----------------------------------------------------------------------------*/

.main-nav li ul {
	background-color: #fff;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	font: 600 0.933em/2.857 'Source Sans Pro', sans-serif;
	left: 0;
	position: absolute;
	text-transform: none;
	top: -9999em;
	width: 14.286em;
	z-index: 1000;
}
.main-nav li li {
	border-bottom: 1px solid #ebebeb;
	border-right: none;
	float: none;
}
.main-nav li li a {
	padding: 0 1.071em;
}

/*----------------------------------------------------------------------------*/
/* Main Navigation First Level Drop Down Menu Sub Menus
/*----------------------------------------------------------------------------*/

.main-nav li li ul {
	font-size: inherit;
	left: -9999em;
	top: -9999em;
}

/*----------------------------------------------------------------------------*/
/* Show Main Navigation Drop Down Menus
/*----------------------------------------------------------------------------*/

.main-nav li:hover ul, .main-nav li.sfHover:hover ul {
	top: 2.857em;
}
.main-nav li li:hover ul, .main-nav li li.sfHover:hover ul {
	left: 14.286em;
	top: -1px;
}

/*----------------------------------------------------------------------------*/
/* Slides
/*----------------------------------------------------------------------------*/

.slides li {
	display: none;
}

/*----------------------------------------------------------------------------*/
/* Carousel Slider
/*----------------------------------------------------------------------------*/

.periodic-carousel-wrapper {
	background-color: #222;
	color: #aaa;
	position: relative;
}
.periodic-carousel-wrapper a, .periodic-carousel-wrapper a:visited {
	color: #aaa;
}
.periodic-carousel-wrapper a:hover, .periodic-carousel-wrapper a:active {
	color: #fff;
}
.carousel-slider-controls {
	border-bottom: 1px solid #444;
	position: relative;
}
.carousel-slider-controls .wrapper {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	max-width: 67.375em;
}
.carousel-slider-controls h2 {
	border-right: 1px solid #444;
	font: normal 0.75em/3.333 'Oswald', sans-serif;
	float: left;
	margin-bottom: 0;
	padding: 0 1.25em;
	text-transform: uppercase;
}
.carousel-controls {
	float: right;
	font-size: 0.75em;
	line-height: 3.333;
	list-style: none;
	margin: 0;
}
.carousel-controls li {
	border-left: 1px solid #444;
	float: left;
}
.carousel-controls li a, .carousel-controls li a:visited {
	display: block;
	padding: 0 1.25em;
}
.carousel-controls li a:hover, .carousel-controls li a:active {
	text-decoration: none;
}
.carousel-slides {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	margin: 0 auto;
	max-width: 67.375em;
	overflow: hidden;
	position: relative;
}
.carousel-slide-group {
	position: relative;
}
.carousel-slide-group h3 {
	font-size: 0.875em;
	font-style: italic;
	font-weight: 400;
	line-height: 1.429;
	margin: 0;
	text-align: center;
	float: right;
	width: 35%;
}
.carousel-column {
	margin-left: 2.69017%;
	margin-right: 2.69017%;
	padding: 1.875em 0;
	position: relative;
}
.center-carousel-column {
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	padding: 1.875em 2.69017%;
	position: relative;
}
.carousel-slide-group .attachment-periodic-300 {
	float: left;
	width: 60%;
}

/*----------------------------------------------------------------------------*/
/* Featured Slider
/*----------------------------------------------------------------------------*/

.featured-wrapper {
	border-bottom: 0.313em solid #ebebeb;
	margin-bottom: 1.875em;
	padding-bottom: 1.875em;
	position: relative;
}
.page-template-periodic-home-php .featured-wrapper {
	border-bottom: none;
	padding-bottom: 0;
}
.archive .featured-wrapper {
	padding-bottom: 0;
}
.periodic-featured-slider {
	position: relative;
}
.featured-slider-controls {
	background-color: rgba( 0, 0, 0, 0.8 );
	font-size: 0.75em;
	line-height: 3.333;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 200;
	-moz-border-radius: 0.333em;
	-webkit-border-radius: 0.333em;
	border-radius: 0.333em;
}
.featured-slider-heading {
	color: #fff;
	float: left;
	font-family: 'Oswald', sans-serif;
	margin-left: 1.25em;
	text-transform: uppercase;
}
.featured-controls {
	float: right;
	list-style: none;
	margin: 0 0.833em;
}
.featured-controls li {
	float: left;
}
.featured-controls li a, .featured-controls li a:visited {
	color: #777;
	display: block;
	padding: 0 0.417em;
}
.featured-controls li a:hover, .featured-controls li a:active {
	color: #fff;
	text-decoration: none;
}
h2.featured-title {
	bottom: 1em;
	font-size: 1em;
	font-weight: 400;
	left: 1em;
	line-height: 1.4;
	margin-bottom: 0;
	position: absolute;
	width: 50%;
}
h2.featured-title a, h2.featured-title a:visited {
	background-color: rgba( 0, 0, 0, 0.8 );
	color: #fff;
	-moz-transition: all 0.25s ease-in-out 0s;
	-ms-transition: all 0.25s ease-in-out 0s;
	-o-transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}
h2.featured-title a:hover, h2.featured-title a:active {
	background-color: rgba( 0, 0, 0, 1.0 );
	color: #777;
	text-decoration: none;
}

/*----------------------------------------------------------------------------*/
/* Articles
/*----------------------------------------------------------------------------*/

.article-wrapper {
	position: relative;
}
.blog .article-wrapper {
	border-bottom: 1px solid #ebebeb;
}
.page-header {
	border-bottom: 0.313em solid #ebebeb;
	margin-bottom: 1.563em;
	padding-bottom: 1.25em;
	position: relative;
}
.page-header h1 {
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.125;
	margin-bottom: 0;
}
.post-header {
	margin-bottom: 1.563em;
	position: relative;
}
.index-wrapper .post-header {
	margin-bottom: 0.625em;
}
.single .post-header {
	border-bottom: 0.313em solid #ebebeb;
	padding-bottom: 1.25em;
}
.post-header h1 {
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.125;
	margin-bottom: 0.5em;
}
.article-date {
	color: #aeaeae;
	font-size: 0.813em;
	letter-spacing: 0.077em;
	line-height: 1.538;
	text-transform: uppercase;
}
.article-meta {
	font: 0.875em/1.429 'Vollkorn', serif;
	margin-bottom: 0;
}
.article-meta span {
	font-style: italic;
}
.with-avatar {
	padding-left: 3.571em;
}
.post-header .avatar {
	bottom: 1.375em;
	left: 0;
	position: absolute;
	-moz-border-radius: 12.5em;
	-webkit-border-radius: 12.5em;
	border-radius: 12.5em;
}
.post-date {
	color: #aeaeae;
	display: block;
	font: italic 0.875em/1.429 'Vollkorn', serif;
}
.article-content p {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.tag-meta {
	font: italic 0.875em/1.429 'Vollkorn', serif;
	margin-bottom: 1.429em;
}
.traverse-articles {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	font-size: 0.875em;
	list-style: none;
	line-height: 1.429;
	margin-bottom: 3.571em;
	margin-left: 0;
	margin-top: 3.571em;
	text-align: center;
}
.traverse-articles li {
	width: 50%;
}
.traverse-articles li a {
	display: block;
	font-family: 'Vollkorn', serif;
	font-style: italic;
	min-height: 4.286em;
	padding: 1.071em 10%;
	-moz-transition: all 0.25s ease-in-out 0s;
	-ms-transition: all 0.25s ease-in-out 0s;
	-o-transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}
.traverse-articles li a:hover {
	background-color: #f8f8f8;
	text-decoration: none;
}
.traverse-articles li span {
	display: block;
	font-size: 0.857em;
	font-weight: 700;
	line-height: 1.667;
	letter-spacing: 0.083em;
	text-transform: uppercase;
}
.traverse-articles li a span {
	color: #aeaeae;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
}

/*----------------------------------------------------------------------------*/
/* Images
/*----------------------------------------------------------------------------*/

img.alignleft {
	margin: 0.313em 1.563em 0.625em 0;
}
img.alignright {
	margin: 0.313em 0 0.625em 1.563em;
}
img.alignnone {
	margin-bottom: 1.563em;
}
img.aligncenter {
	margin: 0 auto 1.563em;
}

/*----------------------------------------------------------------------------*/
/* Image Captions
/*----------------------------------------------------------------------------*/

figure.alignright {
	margin: 0.313em 0 0.625em 1.563em;
}
figure.alignleft {
	margin: 0.313em 1.563em 0.625em 0;
}
figure.aligncenter img {
	margin: 0 auto;
}
figure.aligncenter, figure.alignnone {
	margin-bottom: 1.563em;
}
.wp-caption {
	position: relative;
}
.wp-caption-text {
	font: italic 0.875em/1.429 'Vollkorn', serif;
	margin: 0.714em 0 0;
}
figure.aligncenter .wp-caption-text {
	text-align: center;
}

/*----------------------------------------------------------------------------*/
/* Image Galleries
/*----------------------------------------------------------------------------*/

.gallery,
.gallery-caption {
	position: relative;
}
.gallery {
	margin-bottom: 2.25em;
}
.gallery-item {
	float: left;
	margin: 1% 0;
	padding: 0 1%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery-icon a {
	border: none;
}
.gallery-icon img {
	border: 1px solid #e3e3e3;
	height: auto;
	width: 100%;
}
.gallery-columns-1 .gallery-item {
	padding-right: 0;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-3 .gallery-item {
	width: 33.3333%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery-columns-5 .gallery-item {
	width: 20%;
}
.gallery-columns-6 .gallery-item {
	width: 16.6667%;
}
.gallery-columns-7 .gallery-item {
	width: 14.2856%;
}
.gallery-columns-8 .gallery-item {
	width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

/*----------------------------------------------------------------------------*/
/* Audio Player
/*----------------------------------------------------------------------------*/

.jp-audio-cover, .jp-audio {
	position: relative;
}
.jp-audio-cover {
	margin-bottom: -0.188em;
}
.jp-audio {
	background-color: #181818;
	margin-bottom: 1.563em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.jp-audio a {
	display: block;	
}
.jp-audio a:hover {
	color: #666 !important;
}
.jp-audio a, .jp-current-time {
	color: #fff !important; /* using !important to prevent color from being overridden by theme customizer */
	font-size: 0.625em;
	line-height: 3em;
	text-align: center;
}
.jp-current-time {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	width: 6.81818%;
}
.jp-player-volume {
	color: #fff !important;
	font-size: 0.9375em;
	line-height: 2;
	text-align: center;
	width: 7.54717%;
}
.jp-audio ul {
	height: 1.875em;
	list-style: none;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 6.81818%;
}
.jp-progress {
	width: 60.6061%;
	margin-top: 0.625em;
}
.jp-mobile-progress.jp-progress {
	width: 66.037736%;
}
.jp-volume-bar {
	margin-top: 0.625em;
	width: 16%;
}
.jp-seek-bar:hover, .jp-volume-bar:hover {
	cursor: pointer;
}
.jp-current-time, .jp-player-volume, .jp-audio ul, .jp-progress, .jp-volume-bar {
	float: left;
}
.jp-progress, .jp-seek-bar, .jp-volume-bar {
	background-color: #333;
}
.jp-progress, .jp-seek-bar, .jp-volume-bar, .jp-play-bar, .jp-volume-bar-value {
	height: 0.625em;
}
.jp-progress, .jp-seek-bar, .jp-volume-bar, .jp-play-bar,
.jp-volume-bar-value {
	-moz-border-radius: 12.5em;
	-webkit-border-radius: 12.5em;
	border-radius: 12.5em;
}
.jp-play-bar, .jp-volume-bar-value {
	background-color: #fff;
}

/*----------------------------------------------------------------------------*/
/* Pull Quotes
/*----------------------------------------------------------------------------*/

blockquote.pullquote {
	width: 40%;
}
blockquote.pullleft {
	border-left: none;
	margin-bottom: 0;
	margin-right: 1.5683em;
}
blockquote.pullright {
	border-right: none;
	margin-bottom: 0;
	margin-left: 1.5683em;
}

/*----------------------------------------------------------------------------*/
/* Related Articles
/*----------------------------------------------------------------------------*/

.related-articles {
	position: relative;
	margin: 3.125em 0;
}
.related-articles ul {
	border-top: 1px solid #ebebeb;
	list-style: none;
	margin: 0;
}
.related-articles li {
	border-bottom: 1px dotted #ebebeb;
	padding: 0.625em 0 1.563em 4.375em;
	position: relative;
}
.related-articles img {
	left: 0;
	position: absolute;
	top: 0.625em;
}

/*----------------------------------------------------------------------------*/
/* Author Bio
/*----------------------------------------------------------------------------*/

.author-wrapper {
	border-top: 0.214em solid #ebebeb;
	margin: 3.125em 0;
	padding-top: 0.143em;
	position: relative;
}
.author-info {
	border-top: 1px solid #ebebeb;
	padding: 1.563em 0 0 5.688em;
	position: relative;
}
.author-info a {
	color: #af1035;
}
.author-info a:hover {
	color: #aeaeae;
}
.author-info h4 span {
	font-size: 0.875em;
	font-weight: 400;
}
.author-info .avatar {
	border-right: 1px solid #ebebeb;
	left: 0;
	padding-right: 1.071em;
	position: absolute;
	top: 1.563em;
}

/*----------------------------------------------------------------------------*/
/* Breadcrumbs
/*----------------------------------------------------------------------------*/

.breadcrumbs-bar {
	background-color: #222;
	color: #aaa;
	position: relative;
}
.breadcrumbs-bar .wrapper {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	max-width: 65.625em;
	padding: 0.625em 0.875em;
}
.breadcrumbs {
	font-size: 0.875em;
	line-height: 1.429;
}
.breadcrumbs a, .breadcrumbs a:visited {
	color: #fff;
}
.breadcrumbs a:hover, .breadcrumbs a:active {
	color: #aaa;
}

/*----------------------------------------------------------------------------*/
/* Pagination
/*----------------------------------------------------------------------------*/

.archive-pagination {
	border-bottom: 1px solid #ebebeb;
	font-size: 0.875em;
	line-height: 2.857;
	margin-top: -2.143em;
	position: relative;
}
.archive-pagination p {
	float: left;
	margin-bottom: 0;
}
.archive-pagination p span {
	font-family: 'Vollkorn', serif;
	font-style: italic;
	margin-right: 0.143em;
}
.archive-pagination ul {
	float: right;
	font-weight: 700;
	list-style: none;
	margin: 0;
}
.archive-pagination li {
	border-left: 1px solid #ebebeb;
	float: left;
}
.archive-pagination li:first-child {
	border-left: none;
}
.archive-pagination li a {
	display: block;
	padding: 0 1.071em;
}
.archive-pagination li span {
	padding: 0 1.071em;
}
.post-pagination {
	font: italic 0.875em/1.429 'Vollkorn', serif;
	text-align: right;
}
.post-pagination a {
	margin: 0 0.357em;
}

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

#comments {
	background-color: #f8f8f8;
	border: 1px solid #ebebeb;
	margin-bottom: 1.563em;
	padding: 0.938em;
	position: relative;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.commentlist {
	list-style: none;
	margin-bottom: 3.125em;
	margin-left: 0;
}
.commentlist li {
	position: relative;
	padding: 1.563em 0 0;
}
.commentlist li div {
	border-bottom: 1px solid #ebebeb;
	position: relative;
	padding: 0;
}
.commentlist li .avatar {
	left: 0;
	position: absolute;
	top: 0;
	-moz-border-radius: 12.5em;
	-webkit-border-radius: 12.5em;
	border-radius: 12.5em;
	display: none;
}
.commentlist .children {
	list-style: none;
	margin: 0;
	padding-left: 2.5em;
}
.commentlist .children .children {
	padding-left: 0;
}
.commentlist address {
	font-weight: 700;
	margin-bottom: 0.313em;
}
.commentlist .comment-date {
	display: block;
	font: italic 0.875em/1.429 'Vollkorn', serif;
	margin-bottom: 0.357em;
}
.commentlist .reply {
	bottom: auto;
	font-size: 0.75em;
	font-weight: 700;
	letter-spacing: 0.083em;
	line-height: 1;
	margin: 0 0 1.563em;
	position: relative;
	right: 0;
	text-transform: uppercase;
}
.bypostauthor {
	border-top: 0.313em solid;
}

/*----------------------------------------------------------------------------*/
/* Trackbacks
/*----------------------------------------------------------------------------*/

.trackbacklist {
	margin-bottom: 3.125em;
}
.trackbacklist li {
	border-bottom: 1px solid #ebebeb;
	padding: 1.25em 0;
}
.trackbacklist li:first-child {
	padding-top: 0;
}

/*----------------------------------------------------------------------------*/
/* Comment Form
/*----------------------------------------------------------------------------*/

#respond {
	position: relative;
	margin-top: 1.563em;
}
#commentform {
	overflow: hidden;
}
#commentform input[type=submit] {
	float: right;
	margin-top: 0;
}

/*----------------------------------------------------------------------------*/
/* Blog & Search Results
/*----------------------------------------------------------------------------*/

.index-wrapper, .periodic-excerpt {
	position: relative;
}
.index-wrapper {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 1.875em;
	padding-bottom: 1.5em;
}
h2.post-title {
	font-size: 1.25em;
	line-height: 1.25;
	margin-bottom: 1em;
}
.index-wrapper img.attachment-periodic-300 {
	margin-bottom: 1.375em;
	width: 100%
}
.periodic-excerpt {
	font-size: 0.875em;
	line-height: 1.429;
	margin-bottom: 2.143em;
}
.periodic-excerpt p {
	margin-bottom: 0;
}

/*----------------------------------------------------------------------------*/
/* Category Archive
/*----------------------------------------------------------------------------*/

.archive-feature h2.post-title {
	font-size: 1.875em;
	line-height: 1.167;
	margin-bottom: 0.5em;
}
.archive-feature .post-header {
	margin-bottom: 0.625em;
	margin-top: 0.938em;
}
.category-feed {
	font-size: 0.9375em;
	line-height: 1.33333333;
	position: absolute;
	right: 0;
	top: 1.33333333em;
}
.category-feed span {
	display: none;
}
.category-feed .wap8-icon {
	font-size: 85.7143%;
}
.cat-description {
	background-color: #f8f8f8;
	border: 1px solid #ebebeb;
	margin-bottom: 1.563em;
	padding: 0.938em;
	position: relative;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;	
}
.cat-description p {
	margin-bottom: 0;
}

/*----------------------------------------------------------------------------*/
/* Author Archive
/*----------------------------------------------------------------------------*/

.archive-bio {
	background-color: #f8f8f8;
	border: 1px solid #ebebeb;
	margin-bottom: 1.563em;
	padding: 0.938em 0.938em 0.938em 5.625em;
	position: relative;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.archive-bio .avatar {
	left: 0.938em;
	position: absolute;
	top: 0.938em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.archive-bio a, .archive-bio a:visited {
	color: #af1035;
}
.archive-bio a:hover, .archive-bio a:active {
	color: #aeaeae;
}
.archive-bio p {
	margin-bottom: 0;
}
.archive-bio .twitter-follow-button {
	position: relative;
	margin-top: 1.2em;
}

/*----------------------------------------------------------------------------*/
/* Custom Home Page
/*----------------------------------------------------------------------------*/

.home-article-columns {
	border-top: 0.313em solid #ebebeb;
	margin-bottom: 1.875em;
	position: relative;
}
.home-article-column {
	position: relative;
	width: 45.454545%;
}
.home-article-column h2 {
	border-bottom: 1px solid #ebebeb;
	font: 400 0.875em/1.429 'Oswald', sans-serif;
	margin-bottom: 1.429em;
	padding-bottom: 0.714em;
	padding-top: 0.714em;
	text-transform: uppercase;
}
.article-column {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 0.625em;
	overflow: hidden;
	padding-bottom: 0.625em;
	position: relative;
}
.article-column h3 {
	font-size: 0.938em;
	font-weight: 400;
	line-height: 1.333;
	margin-bottom: 0.333em;
}
.article-column img.attachment-periodic-300 {
	margin-bottom: 0.625em;
}
.article-column img.attachment-periodic-60 {
	display: none;
}

/*----------------------------------------------------------------------------*/
/* Sidebar
/*----------------------------------------------------------------------------*/

.sidebar {
	position: relative;
	background-color: #F8F8F8;
    border-top: 5px solid #E8E8E8;
}

/*----------------------------------------------------------------------------*/
/* Sidebar Widgets
/*----------------------------------------------------------------------------*/

.sidebar-widgets {
	padding: 1.875em 2.77778%;
	position: relative;
}
.sidebar-widget {
	font-size: 0.875em;
	line-height: 1.429;
	padding: 2.143em 0 0;
}
h3.widget-head {
	border-bottom: 1px solid #ebebeb;
	font: 400 1em/1.429 'Oswald', sans-serif;
	margin-bottom: 1.429em;
	padding-bottom: 1.429em;
	text-transform: uppercase;
}
.sidebar-widget ul, .sidebar-widget ol {
	list-style: none;
	margin-left: 0;
}
.sidebar-widget ul ul, .sidebar-widget ol ul, .sidebar-widget ul ol,
.sidebar-widget ol ol {
	margin: 0;
	padding-left: 0;
}
.sidebar-widget li {
	border-bottom: 1px dotted #ebebeb;
	margin-bottom: 0.357em;
	padding-bottom: 0.357em;
}
.sidebar-widget li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.sidebar-widget li li {
	border-bottom: none;
	border-top: 1px dotted #ebebeb;
	margin-bottom: 0;
	margin-top: 0.357em;
	padding-bottom: 0;
	padding-top: 0.357em;
}
.sidebar-widget caption {
	font-size: 100%;
	line-height: 1.429;
	margin-bottom: 0.714em;
}


/*----------------------------------------------------------------------------*/
/* Recent Video Widget
/*----------------------------------------------------------------------------*/

.wap8_recent_video_widget {
	display: none;
}
.video-poster {
	position: relative;
}
.video-title {
	display: inline-block;
	margin-top: 0.357em;
}
.wap8-recent-video-widget .post-date {
	margin-top: 0.417em;
}

/*----------------------------------------------------------------------------*/
/* Tabbr Widget
/*----------------------------------------------------------------------------*/

.tab-nav {
	border-bottom: 1px solid #ebebeb;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 0.714em;
	padding-bottom: 1.071em;
	text-transform: uppercase;
}
.tab-nav li {
	border-bottom: none;
	margin-bottom: 0;
	margin-right: 1.071em;
	float: left;
}
.tab-nav li a, .tab-nav li a:visited {
	color: #444;
}
.tab-nav li a:hover, .tab-nav li a:active, .tab-nav li.ui-tabs-active a {
	color: #af1035;
	text-decoration: none;
}
.footer-widgets .tab-nav {
	border-bottom-color: #444;
}
.footer-widgets .tab-nav li a, .footer-widgets .tab-nav li a:visited {
	color: #aaa;
}
.footer-widgets .tab-nav li a:hover, .footer-widgets .tab-nav li a:active,
.footer-widgets .tab-nav li.ui-tabs-active a {
	color: #fff;
}
.tab-body ol li {
	overflow: hidden;
	padding: 0.714em 0;
	position: relative;
}
.tab-body ol img {
	float: left;
	margin: 0 0.714em 0.714em 0;
}

/*----------------------------------------------------------------------------*/
/* Square Button Ads Widget
/*----------------------------------------------------------------------------*/

.sidebar-widget.wap8_square_button_ads_widget ul {
	margin-bottom: 0;
}
.wap8_square_button_ads_widget li {
	border-bottom: none;
	float: left;
	margin: 0 4% 0.857em;
	padding: 0;
	width: 41.667%;
}

/*----------------------------------------------------------------------------*/
/* Skyscraper Ads Widget
/*----------------------------------------------------------------------------*/

.sidebar-widget.wap8_skyscraper_ads_widget ul {
	margin-bottom: 0;
}
.wap8_skyscraper_ads_widget li {
	border-bottom: none;
	float: left;
	margin: 0 5% 1.071em;
	padding: 0;
	width: 40%;
}

/*----------------------------------------------------------------------------*/
/* Vertical Banner Ads Widget
/*----------------------------------------------------------------------------*/

.sidebar-widget.wap8_vertical_banner_ads_widget ul {
	margin-bottom: 0;
}
.wap8_vertical_banner_ads_widget li {
	border-bottom: none;
	float: left;
	margin: 0 5% 1.071em;
	padding: 0;
	width: 40%;
}

/*----------------------------------------------------------------------------*/
/* Topical Widget
/*----------------------------------------------------------------------------*/

.wap8_topical_widget li {
	color: #aeaeae;
	overflow: hidden;
	text-align: right;
}
.wap8_topical_widget li a {
	float: left;
}

/*----------------------------------------------------------------------------*/
/* Calendar Widget
/*----------------------------------------------------------------------------*/

.widget_calendar a {
	text-decoration: underline;
}

/*----------------------------------------------------------------------------*/
/* 404 Page
/*----------------------------------------------------------------------------*/

.error404 .left-content {
	float: none;
}

/*----------------------------------------------------------------------------*/
/* Archive Lists
/*----------------------------------------------------------------------------*/

.archival {
	position: relative;
}
.archive-column {
	float: left;
	margin: 0 2.777778%;
	position: relative;
	width: 27.777778%;
}
.archive-column ul {
	list-style: none;
	margin-left: 0;
}
.archive-column li {
	border-top: 1px solid #ebebeb;
	margin-top: 0.625em;
	padding-top: 0.625em;
}

/*----------------------------------------------------------------------------*/
/* Footer Widgets
/*----------------------------------------------------------------------------*/

.footer-widgets {
	background-color: #222;
	border-bottom: 1px solid #444;
	color: #aaa;
	position: relative;
}
.footer-widgets .wrapper {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	max-width: 67.375em;
}
.footer-column-one {
	float: left;
	margin-left: 2.69017%;
	margin-right: 2.78293%;
	padding: 0.625em 0 2.5em;
	position: relative;
	width: 27.8293%;
}
.footer-column-two {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	float: left;
	position: relative;
	padding: 0.625em 2.69017% 2.5em;
	width: 27.8293%;
}
.footer-column-three {
	float: left;
	margin-left: 2.78293%;
	margin-right: 2.5974%;
	padding: 0.625em 0 2.5em;
	position: relative;
	width: 27.8293%;
}
.footer-widgets h3.widget-head {
	border-bottom-color: #444;
}
.footer-widgets li, .footer-widgets th, .footer-widgets td {
	border-color: #444;
}
.footer-widgets a, .footer-widgets a:visited {
	color: #fff;
}
.footer-widgets a:hover, .footer-widgets a:active {
	color: #aaa;
}

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

.colophon {
	background-color: #222;
	color: #aaa;
	position: relative;
	text-align: center;
}
.colophon .wrapper {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	max-width: 63.75em;
	padding: 1.5em 1.813em;
}
.colophon p {
	font-size: 0.875em;
	line-height: 1.429;
	margin-bottom: 0;
}
.colophon a, .colophon a:visited {
	color: #fff;
}
.colophon a:hover, .colophon a:active {
	color: #aaa;
}

/*----------------------------------------------------------------------------*/
/* 320px and lower
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 1em ) {

	.utility-banner,
	.footer-widgets .wrapper {
			overflow: hidden;
	}
	.footer-column-one,
	.footer-column-two,
	.footer-column-three {
		width: 100%;
		height: auto !important;
	}
	.footer-column-two {
		border-left: none;
	}
	.footer_social .social-banner .wrapper {
		padding: 1.5em 1.813em 0 1.813em;
	}
	.footer_social .social-banner ul.social-menu {
		float: none;
		text-align: center;
		margin: 0;
	}
	.footer_social .social-banner ul.social-menu li {
		float: none;
		display: inline-block;
	}

}

/*----------------------------------------------------------------------------*/
/* 321px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 20.063em ) {

	.index-wrapper img.attachment-periodic-300 {
	    float: left;
	    margin-bottom: 0.375em;
	    margin-right: 0.938em;
	    width: 45.5235%;
	}

}

/*----------------------------------------------------------------------------*/
/* 450px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 28.125em ) {

	.logo {
		max-width: 50%;
	}
	h2.featured-title {
		font-size: 1.875em;
	}

}

/*----------------------------------------------------------------------------*/
/* 490 and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 30.625em ) {
	
	.carousel-column {
		float: left;
		margin-left: 2.69017%;
		margin-right: 2.69017%;
		padding: 1.875em 0;
		position: relative;
		width: 27.8293%;
	}
	.center-carousel-column {
		border-left: 1px solid #444;
		border-right: 1px solid #444;
		border-top: none;
		border-bottom: none;
		float: left;
		height: 18.125em;
		padding: 1.875em 2.675%;
		position: relative;
		width: 27.8293%;
	}
	.carousel-slide-group h3 {
		font-size: 0.875em;
		margin:  1.071em 2.143em 0;
		text-align: center;
		float: none;
		width: auto;
	}
	.carousel-slide-group .attachment-periodic-300 {
		float: none;
		width: auto;
	}
	.article-column img.attachment-periodic-60 {
		float: left;
		margin: 0 0.625em 1.25em 0;
		display: block;
	}
		
}

/*----------------------------------------------------------------------------*/
/* 600px and wider - Increase main content font size
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 37.5em ) {

	.left-content, .right-content {
		width: 61.1111%;
	}
	.left-content {
		float: left;
	}
	.right-content {
		float: right;
	}	
	.featured-slider-controls {
		right: 2.5em;
		top: 2.5em;
	}
	.sidebar {
		float: left;
		width: 33.3333%;
		border:none;
		background-color:transparent;
	}
	.sidebar-widgets {
	    padding: 0 8.3333% 1.875em;
	    width: 83.3333%;
	}
	h2.featured-title {
		font-size: 1em;
	}
	.commentlist li div {
		padding: 0 5em;
	}
	.commentlist li .avatar {
		display: block;
	}
	.commentlist .reply {
		position: absolute;
		bottom: 2.5em;
		margin: 0;
	}
	.commentlist .children {
		padding-left: 5em;
	}
	.utility-banner,
	.footer-widgets .wrapper {
			overflow: visible;
	}
	.footer-column-one, 
	.footer-column-two,
	.footer-column-three {
		width: 33.33333333%;
		height: inherit;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding: 0.625em 2.69017% 2.5em;
		margin: 0;
	}
	.footer-column-two {
		border-left: 1px solid;
	}

}

/*----------------------------------------------------------------------------*/
/* 705px and wider - Increase main content font size
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 44.0625em ) {
	
	.author-info h4,
	.archive.author .page-header h1 {
		padding-right: 140px;
	}
	.author-info .twitter-follow-button {
	    position: absolute;
	    right: 0;
	    top: 1.75em;
	}
	.archive.author .page-header .twitter-follow-button {
	    position: absolute;
	    right: 0;
	    top: 1.125em;
	    margin: 0;
	}

	
	
}

/*----------------------------------------------------------------------------*/
/* 785px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 49.0625em ) {

	h2.featured-title {
		font-size: 1.375em;
	}
	
}

/*----------------------------------------------------------------------------*/
/* 860px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 53.75em ) {
	
	.logo {
		float: left;
	    margin: 1.875em 0 1.875em 0.938em;
	    max-width: 26.8519%;
	}
	
	.periodic-leaderboard,
	.periodic-full-banner {
		max-width: 69.1481%;
		margin-right: 1.388889%;
		margin-bottom: 0;
		text-align: right;
	}
	
}

/*----------------------------------------------------------------------------*/
/* 960px and wider - Main navigation breakpoint
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 60em ) {

	/* Hide the mobile menu */
	select.select-menu,
	span.select {
		display: none;
	}
	/* Show the desktop menus */
	ul.header-menu,
	ul.main-nav-anchors {
		display: block;
	}
	.utility-banner ul.social-menu {
		float:right;
		position: relative;
		left:auto;
		font-size: 0.9375em;
	}	
	.utility-banner ul.social-menu li {
		float:left;
		right:auto;
		padding: 0;
		border-left: 1px solid #444;
	}
	.utility-banner ul.social-menu li a {
	    padding: 0 1.25em;
	}
	.utility-banner .wrapper {
		border-left: 1px solid #444444;
		border-right: 1px solid #444444;
	}
	.utility-banner .social-banner {
		float: right;
	}
	.utility-banner .social-banner .wrapper {
		border: none;
	}
	
	

}

/*----------------------------------------------------------------------------*/
/* 1060px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 66.25em ) {
	
	
	
}

/*----------------------------------------------------------------------------*/
/* 1280px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 80em ) {
	
	
	
}