/*
Theme Name: Axial
Theme URI: http://interconnectit.com/
Description: Axial, a fully responsive theme designed, primarily, for personal blogging. It offers eyecatching, large scale imagery, displayed in an innovative and contemporary style.
Version: 1.2
Tags: white, one-column, two-columns, flexible-width, custom-colors, custom-menu, editor-style, featured-images, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging, mobile-first
Author: Anthony Casey, Robert O'Rourke
Author URI: http://interconnectit.com/
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl.html
*/

/*------------------------------------*\
	RESET
*------------------------------------*/

/* A more considered reset; more of a restart...
by Harry of CSS Wizardy fame */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	font-family: Roboto, 'Helvetica Neue', Calibri,  Arial, sans-serif;
	margin:0;
	padding:0;
	-webkit-backface-visibility: hidden;
}

article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section{
	display:block;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

strong,b,mark{
	font-weight:bold;
	font-style:inherit;
}

em,i,cite,q,address,dfn,var{
	font-style:italic;
	font-weight:inherit;
}

abbr[title],dfn[title]{
	cursor:help;
	border-bottom:1px dotted;
}

ins{
	border-bottom:1px solid;
}

a,u,ins{
	text-decoration:none;
}

del,s{
	text-decoration:line-through;
}

pre,code,samp,kbd{
	font-family:monospace;
}

small{
	font-size:0.75em;
}

img{
	border:none;
	font-style:italic;
	-ms-interpolation-mode: bicubic;
}

input,
select,
textarea{
	font:inherit;
}

/* End of the reset */

/* ------------
Global declarations and things
--------------- */

p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {
	font-family: Roboto, Calibri, 'Helvetica Neue', Arial, sans-serif;
	-webkit-font-feature-settings:"liga", "dlig"; 
	   -moz-font-feature-settings:"liga=1, dlig=1"; 
       -moz-font-feature-settings:"liga", "dlig"; /* EDIT: new syntax for FF 15+ */ 
        -ms-font-feature-settings:"liga", "dlig"; 
         -o-font-feature-settings:"liga", "dlig"; 
            font-feature-settings:"liga", "dlig";
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-family: Lato, 'Helvetica Neue', Arial, Sans-serif;
	-webkit-font-feature-settings:"liga", "dlig"; 
	   -moz-font-feature-settings:"liga=1, dlig=1"; 
       -moz-font-feature-settings:"liga", "dlig"; /* EDIT: new syntax for FF 15+ */ 
        -ms-font-feature-settings:"liga", "dlig"; 
         -o-font-feature-settings:"liga", "dlig"; 
            font-feature-settings:"liga", "dlig";
}

/* icon fonts, built for free at http://icomoon.io */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.svg#icomoon') format('svg'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/* Ye olde Clearfix */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}


/* Responsify all teh imagezs */
img,
.wp-caption {
	height: auto;
	max-width: 100%;
}

/* Link colours - stylable? */
a { }
a:link { color: #f30; color: rgba(255,51,0,1); } /* Stylable */
a:visited { color: #f30; color: rgba(255,51,0,1); } /* Stylable */
a:hover { color: #b00; }
a:active { color: #f00; }

.icon-alone {
  display: inline-block; /* Fix for clickability issue in WebKit */
}

.screen-reader-text { /* Reusable, toolbox kind of class */
  left: -9999px;
  position: absolute;
  top: -9999px;
}

[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	line-height: 1;
}


/* ----------

STYLING BEGINS
aka: Your first styles are your first media query.

---------- */


/* --------- OVERALL MAIN HEADER ---------- */

/* Overall blog title */
.title {
	font-family: Lato, 'Helvetica Neue', Arial, Sans-serif;
	font-size: 1.5em; /* 24px */
	font-weight: 300;
	line-height: 1.25; /* 30px */
	padding: .816em 0 .4em 0;
	text-align: center;
}

.title a:link { color: #000; }
.title a:visited { color: #000; }
.title a:hover { color: #b00; }
.title a:active { color: #f00; }


/* Search - Dirty hide?????? */
.search_box {
	display: none;
}


/* Navigation system */

.nav {
	padding: 0 5%;
	text-align: center;
	white-space: nowrap;
}

.nav ul {
	display: inline-block;
	*display: inline;
	text-align: center;
	vertical-align: top;
	zoom: 1;
}

.nav li {
	display: inline-block;
	*display: inline;
	font-size: 0.875em; /* 14px */
	font-weight: 700;
	line-height: 1.4286em; /* 20px */
	padding: 0 .3em 1.4286em 0;
	text-transform: uppercase;
	zoom: 1;
}

.nav a {

}



.nav ul ul.children,
.nav ul .sub-menu {
	display: inline-block;
	*display: inline;
	padding: 0;
	text-align: left;
	zoom: 1;
}

.nav ul ul {

}

.nav ul ul li {
	display: block;
	font-size: 1em;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 0 0;
	padding: 0 .3em 0 .5em;
	text-transform: none;
}

.nav [class*="current-menu-"].has-children:before,
.nav li[class*="current-menu-"].has-children > a:after {
	color: #FF997F; /* Stylable */
	color: rgba(255,51,0,.5); /* Stylable */
	content: "\21a3";
	font-family: 'icomoon';
	font-size: .7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-transform: none;
	speak: none;
}

.nav [class*="current-menu-"].has-children:before {
	padding: 0 1em 0 0;
}

.nav li[class*="current-menu-"].has-children > a:after {
	padding: 0 0 0 1em;
}



/* ---------- End of header ---------- */



/* --------- STYLING FOR FRONT PAGE ---------- */

.welcome {
	position: relative;
}

.welcome img {
	display: block;
}

.welcome_text {
	background: #f30; /* Stylable */
	background: rgba(255,51,0,1); /* Stylable */
	right: 0;
	height: 100%;
}

.welcome_text p {
	font-size: 1em; /* 16px */

	font-family: Lato, 'Helvetica Neue', Arial, Sans-serif;
	font-weight: 900;
	line-height: 1.25em; /* 20px */
	padding: 1.25em;
}

.blank-img {
	width: 100%;
	height: auto;
}

.tile {
	background: #f30; /* Stylable */
	background: rgba(255,51,0,1); /* Stylable */
	overflow: hidden;
	position: relative;
}

.tile.has-thumbnail {
	background: #222 !important;
}

.tile img {
	display: block;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: .7;
	-webkit-transition: opacity .5s ease-in-out 0s;
	   -moz-transition: opacity .5s ease-in-out 0s;
	     -o-transition: opacity .5s ease-in-out 0s;
	    -ms-transition: opacity .5s ease-in-out 0s;
	        transition: opacity .5s ease-in-out 0s;
}

.tile:hover img {
	filter: alpha(opacity=30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	opacity: .3;
}

.tile:hover h2 {
	text-decoration: underline;
}

.tile.has-thumbnail:hover h2 {
	text-decoration: none;
}

.tile h2 {
	color: #000;
	font-size: 1.25em; /* 20px */
	font-weight: 700;
	line-height: 1em; /* 20px */
	position: absolute;
	padding: 1em;
	top: 0;
	z-index: 3;

	-webkit-backface-visibility: hidden;
}

.tile h2 em {
	font-size: .6em;
	font-style: normal;
	font-weight: 500;
	display: block;
	padding-top: .2em;
}

.tile.has-thumbnail h2 {
	color: #fff;
}

.main {
	position: relative;
	min-height: 16em;
}


/* --------- End of front page ----------- */


/* --------- STYLING FOR POST & ARCHIVE HEADER ---------- */


/* Post header area */
.post_title,
.main_title {
	background: #f30; /* Stylable */
	background: rgba(255,51,0,1); /* Stylable */
	padding: 5%;
}

.post_title h1,
.main_title h1 {
	font-size: 1.5em; /* 24px */
	font-weight: 900;
	line-height: 1.25; /* 30px */
}

.post_date,
.archive_links {
	font-size: 1em; /* 16px */
	font-weight: 300;
	line-height: 1.25; /* 20px */
	padding-top: .625em;
}

.archive_links a:link { color: #000; }
.archive_links a:visited { color: #000; }
.archive_links a:hover { color: #000; text-decoration: underline; }
.archive_links a:active { color: #000; text-decoration: underline; }


.post_date a,
.archive_links a,
.social_icons a {
	color: #000;
}

.post_date a.author_link { color: #000; font-weight: bold; }
.post_date a.author_link:link { color: #000; }
.post_date a.author_link:visited { color: #333; }
.post_date a.author_link:hover {  text-decoration: underline; }
.post_date a.author_link:active {  text-decoration: underline; }





.social_icons {
	font-size: .8em;
	list-style: none;
	padding: 1.4em 0 0 0;
}

.post_title .social_icons li {
	display: inline-block;
	*display: inline;
	padding: 0 .2em;
	vertical-align: middle;
	zoom: 1;
}

.post_title .social_icons li a span {
	content: attr(data-icon);
	font-family: icomoon;
	font-size: 1.6em;
	text-align: right;
}

.social_icons a:link { color: #000; }
.social_icons a:visited { color: #000; }
.social_icons a:hover { color:#fff; }
.social_icons a:active { color:#fff; }





.title_extra { /* eg for archive pages */
	padding: 5%;
}

.title_extra p {
	font-family: Lato, 'Helvetica Neue', Arial, Sans-serif;
	font-size: 1.125em; /* 18px */
	font-style: italic;
	line-height: 1.3; /* 20px */
}

.title_extra a {
	font-weight: 700;
}

/* --------- End of post/archive header ---------- */


/* --------- STYLING FOR POST PAGE ---------- */

/* Meta data */
.post_meta p  {
	float: left;
	font-size: 0.875em; /* 14px */
	line-height: 1.4286; /* 20px */
	padding: .416em 5% 1.4285em 5%;
}


.post_meta .tags {
	font-weight: 300;
}

.post_meta .categories {
	font-weight: 500;
}

/* ---------- Widget area ----------- */

.widget {
	clear: both;
	margin: 1em 5% 1em 5%;
	padding: 0;
}

.widget h2 {
	font-size: 0.875em; /* 14px */
	font-weight: 700;
	line-height: 1.4286; /* 20px */
}

.widget p {
	font-size: 0.875em; /* 14px */
	line-height: 1.4286; /* 20px */
	padding-bottom: 1.4286em;
}

.widget ul {
	list-style: none;
}

.widget li {
	font-size: 0.875em; /* 14px */
	line-height: 1.4286; /* 20px */
}

.widget li li {
	font-size: 1em;
	font-style: italic;
}

.tagcloud {
	line-height: 1;
}

.widget_calendar {
	background: none;
	padding: 0 0 0 0;
	width: 60%;
}

.widget_calendar table {
	background: #FF997F;
	background: rgba(255,51,0,.25);
	font-size: 0.875em; /* 14px */
	line-height: 1.4286; /* 20px */
	margin: 0 0 2em 0;
	max-width: 18em;
	min-width: 10em;
	width: 100%;
}

.widget_calendar caption {
	line-height: 1.75; /* 20px */
	font-weight: 700;
	text-align: left;
}

.widget_calendar th {
	background: rgba(255,51,0,.5);
	padding: .5em .3em;
	text-align: center;
}

.widget_calendar td {
	padding: .5em .3em;
	text-align: center;
}

.widget_calendar td a {
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}

.widget_calendar tbody td:nth-child(odd) {
	background: rgba(255,51,0,.25);
}

#prev { text-align: left; padding-left: .5em; }
#next { text-align: right; padding-right: .5em; }

.widget .search_box {
	padding: 0;
	width: 100%;
}

.widget .search_box #s {
	border: 1px solid #FF997F;
	border: 1px solid rgba(255,52,0,.25);
}

/* Main post */


/* Typography */
.main_content h1,
.main_content h2 {
	font-size: 1.5em; /* 20px */
	font-weight: 500;
	line-height: 1; /* 20px */
	padding: .5em 5%;
}

.main_content h3 {
	font-size: 1.25em; /* 24px */
	font-weight: 500;
	line-height: 1; /* 24px */
	padding: .5em 5%;
}

.main_content h4 {
	font-size: 1em; /* 20px */
	font-weight: 700;
	line-height: 1; /* 20px */
	padding: .2em 5% .8em 5%;
}

.main_content h5,
.main_content h6 {
	font-size: 1em; /* 16px */
	font-style: italic;
	font-weight: 700;
	line-height: 1; /* 16px */
	padding: .2em 5% .8em 5%;
}

.main_content h6 {
	font-weight: 300
}

.main_content p {
	font-size: 1em; /* 16px */
	font-weight: 300;
	line-height: 1.25; /* 20px */
	padding: 0 5% 1.25em 5%;
}

.main_content>p:first-of-type,
.main_content .intro {
	color: #000;
	font-family: Lato, Calibri, Arial, Sans-serif;
	font-size: 1.375em; /* 22px */
	font-style: italic;
	line-height: 1.3636; /* 30px */
	padding: 0em 5% .9em 5%;

}

.main_content ul,
.main_content ol {
	margin: 0 5% 1.5em 2.5em;
}

.main_content ul {
	list-style: square;
}

.main_content li {
	font-size: 1em; /* 16px */
	font-weight: 300;
	line-height: 1.5; /* 20px */
	padding: 0 0 0 .5em;
}


.main_content dl {
	margin: 0 5% 1.5em 5%;
}
.main_content dt {
	font-size: 1em; /* 16px */
	font-weight: 700;
	line-height: 1.5; /* 20px */
	padding: .5em 0 0 0;
}

.main_content dd {
	color: #333;
	font-size: 1em; /* 16px */
	font-style: italic;
	font-weight: 300;
	line-height: 1.5; /* 20px */
}

.main_content a {
	font-weight: bold;
}

.main_content blockquote {
	border-left: 6px solid #f30; /* Stylable */
	border-left: 6px solid rgba(255,51,0,1); /* Stylable */
	margin: 0 0 1.4em 5%;
}

.main_content blockquote p {
	color: #000;
	font-family: Lato, Calibri, Arial, Sans-serif;
	font-style: italic;
	font-size: 1.125em; /* 18px */
	font-weight: 700;
	line-height: 1.1111; /* 20px */
	padding: 0 5% 0 15%;
	text-align: right;
}

.main_content hr {
	border: none;
	border-top: 1px solid #FF997F; /* Stylable */
	border-top: 1px solid rgba(255,51,0,.25); /* Stylable */
	color: #f30;
	margin: .25em auto 1em auto;
	width: 90%;
}

.main_content fieldset {
	border: 1px solid #FF997F; /* Stylable */
	border: 1px solid rgba(255,51,0,.25); /* Stylable */
	margin: 0 auto 1.2em auto;
	width: 90%;
}

.main_content legend {
	font-size: 1.125em; /* 18px */
	font-weight: 700;
	line-height: 1.1111; /* 20px */
	margin-bottom: 1.1111em;
	padding: 0 5% 0 5%;
}

.main_content label {
	font-weight: 500;
}

.main_content input[type="text"],
.main_content input[type="password"],
.main_content textarea {
	border: 1px solid #FF997F; /* Stylable */
	border: 1px solid rgba(255,51,0,.25); /* Stylable */
}

.main_content table {
	border: 1px solid #FF997F; /* Stylable */
	border-collapse: collapse;
	font-size: 0.875em; /* 14px */
	line-height: 1.4286; /* 20px */
	margin: 0 auto 1.25em auto;
	width: 90%;
}

.main_content th {
	background: #FFCFBF; /* Stylable */
	border-right: 1px solid #FF997F; /* Stylable */
	padding: .5em 1em;
	text-align: left;
}

.main_content tr:nth-child(odd) {
	background: #f5f5f5;
}

.main_content tr td {
	border-right: 1px solid #FF997F; /* Stylable */
	color: #333;
	padding: .5em 1em;
}



.wp-caption {
	background: #FFCFBF; /* Stylable */
	background: rgba(255,51,0,.25); /* Stylable */
	margin: 0 auto 1.5em auto;
    padding: 0;
    text-align: center;
}

.wp-caption p.wp-caption-text {
    color: #000;
    font-size: 0.875em; /* 14px */
    font-style: italic;
	line-height: 1.4286; /* 20px */
    margin: 0;
    padding: .45em 1em .76em 1em;
}


/* Galleries */

.gallery {
	overflow: hidden;
	margin: 1.8em 0;
}

.gallery-item {
	background: #333;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;


}

.gallery-item img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	opacity: 1;
	position: relative;

	-webkit-transition: opacity .5s ease-in-out;
	   -moz-transition: opacity .5s ease-in-out;
	     -o-transition: opacity .5s ease-in-out;
	    -ms-transition: opacity .5s ease-in-out;
	        transition: opacity .5s ease-in-out;
}

.gallery-item:hover img {
	opacity: 0.7;
}

.gallery .gallery-caption {
	background: rgba(0,0,0,0.5);
	bottom: 0;
	margin: 0;
	position: absolute;
	width: auto;
	z-index: 2;
}

.main_content p.gallery-caption {
	color: #fff;
	font-size: 0.875em;
	font-weight: 500;
	line-height: 1.4286; /* 20px */
	padding: 1em;
}

/* 2 columns */
@media only screen and (min-width : 1400px) {
	.gallery-columns-2 .gallery-item { width: 50%; }
	.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-3 .gallery-item { width: 33.3%; }
	.gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: left; }
	.gallery-columns-4 .gallery-item { width: 25%; }
	.gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: left; }
	.gallery-columns-5 .gallery-item { width: 25%; }
	.gallery-columns-5 .gallery-item:nth-child(4n+1) { clear: left; }
	.gallery-columns-6 .gallery-item { width: 25%; }
	.gallery-columns-6 .gallery-item:nth-child(4n+1) { clear: left; }
}
@media only screen and (min-width : 1100px) and (max-width : 1399px) {
	.gallery-columns-2 .gallery-item { width: 50%; }
	.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-3 .gallery-item { width: 33.3%; }
	.gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: left; }
	.gallery-columns-4 .gallery-item { width: 33.3%; }
	.gallery-columns-4 .gallery-item:nth-child(3n+1) { clear: left; }
	.gallery-columns-5 .gallery-item { width: 33.3%; }
	.gallery-columns-5 .gallery-item:nth-child(3n+1) { clear: left; }
	.gallery-columns-6 .gallery-item { width: 33.3%; }
	.gallery-columns-6 .gallery-item:nth-child(3n+1) { clear: left; }
}
@media only screen and (min-width : 950px) and (max-width : 1099px) {
	.gallery-columns-2 .gallery-item { width: 50%; }
	.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-3 .gallery-item { width: 50%; }
	.gallery-columns-3 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-4 .gallery-item { width: 50%; }
	.gallery-columns-4 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-5 .gallery-item { width: 50%; }
	.gallery-columns-5 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-6 .gallery-item { width: 50%; }
	.gallery-columns-6 .gallery-item:nth-child(2n+1) { clear: left; }
}
/* single column starts */
@media only screen and (min-width : 700px) and (max-width : 949px) {
	.gallery-columns-2 .gallery-item { width: 50%; }
	.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-3 .gallery-item { width: 33.3%; }
	.gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: left; }
	.gallery-columns-4 .gallery-item { width: 33.3%; }
	.gallery-columns-4 .gallery-item:nth-child(3narchive+1) { clear: left; }
	.gallery-columns-5 .gallery-item { width: 33.3%; }
	.gallery-columns-5 .gallery-item:nth-child(3narchive+1) { clear: left; }
	.gallery-columns-6 .gallery-item { width: 33.3%; }
	.gallery-columns-6 .gallery-item:nth-child(3narchive+1) { clear: left; }
}
@media only screen and (min-width : 480px) and (max-width : 699px) {
	.gallery-columns-2 .gallery-item { width: 50%; }
	.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-3 .gallery-item { width: 50%; }
	.gallery-columns-3 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-4 .gallery-item { width: 50%; }
	.gallery-columns-4 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-5 .gallery-item { width: 50%; }
	.gallery-columns-5 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-6 .gallery-item { width: 50%; }
	.gallery-columns-6 .gallery-item:nth-child(2n+1) { clear: left; }
}
@media only screen and (min-width : 320px) and (max-width : 479px) {
	.gallery-columns-2 .gallery-item { width: 50%; }
	.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-3 .gallery-item { width: 50%; }
	.gallery-columns-3 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-4 .gallery-item { width: 50%; }
	.gallery-columns-4 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-5 .gallery-item { width: 50%; }
	.gallery-columns-5 .gallery-item:nth-child(2n+1) { clear: left; }
	.gallery-columns-6 .gallery-item { width: 50%; }
	.gallery-columns-6 .gallery-item:nth-child(2n+1) { clear: left; }
}
@media only screen and (max-width : 320px) {
	.gallery .gallery-item { width: 100%; clear: left; }
}

/* Related posts styling */

.related ul {
	list-style: none;
	margin: 0 0 1em 0;
}

.related li {
	float: left;
	font-family: Lato, Calibri, Arial, Sans-serif;
	font-size: 1.125em; /* 18px */
	font-weight: 700;
	line-height: 1.1111; /* 20px */
	width: 50%;
}

.related li a {
	-webkit-transition: background .3s ease;
	   -moz-transition: background .3s ease;
	     -o-transition: background .3s ease;
    	-ms-transition: background .3s ease;
	        transition: background .3s ease;
	}
.related li a:link { color: #000; }
.related li a:visited { color: #000; }
.related li a:hover, .related li:last-of-type a:hover { background: #f30; background: rgba(255,51,0,1); } /* Stylable */
.related li a:active, .related li:last-of-type a:active { background: #f00; }



.related li a {
	display: block;
	background: #FF997F; /* Stylable */
	background: rgba(255,51,0,.5); /* Stylable */
	min-height: 6em;
	padding: 1em;
	position: ;
}

.related li:last-of-type a {
	background: #FFCFBF; /* Stylable */
	background: rgba(255,51,0,.25); /* Stylable */
}

.related h3 {
		color: #f30; /* Stylable */
		font-size: 0.875em; /* 14px */
  		line-height: 1em; /* 20px */
		font-weight: 500;
		text-transform: uppercase;
	}


/* End of post page  */


/* -------- POST STYLES -------- */

.sticky {}


/* --------- COMMENTS ---------- */

.comments h2 {
	font-size: 1.5em; /* 20px */
	font-weight: 700;
	line-height: 1; /* 20px */
	padding: .5em 5%;
}

.comments h3 {
	padding: .5em 5% 0 5%;
}

.comments p.comment_cancel {
	padding: 0 5% 1.5em 5%;
}


.comment {
	border-bottom: 1px solid #f30;
	margin: 0 auto;
	padding: 1.1em 0 0 0;
	width: 90%;
}

.comment > .comment {
	border: none;
}

.depth-2,
.depth-3 {
	padding-top: 1em;
}

.depth-2 h3:before,
.depth-3 h3:before {
	color: #FF997F; /* Stylable */
	color: rgba(255,51,0,.5); /* Stylable */
	content: "\21af";
	font-family: 'icomoon';
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-right: .3em;
	text-transform: none;
	speak: none;
}

.depth-2 .col60,
.depth-3 .col60 {
	border: none;
	width: 100%;
}

.comments p {
	font-size: 0.875em; /* 14px */
	font-weight: 300;
	line-height: 1.4286; /* 20px */
	padding: 0 0 1.25em 0;
}

.comment h3 {
	font-size: 1.125em; /* 18px */
 	line-height: 1.1111; /* 20px */
 	padding: .555em 0;
}

.comments h2:after {
	color: #FF997F; /* Stylable */
	color: rgba(255,51,0,.5); /* Stylable */
	content: "\2710";
	font-family: 'icomoon';
	font-size: 1em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4;
	padding: 0 0 0 .3em;
	text-transform: none;
}

.avatar {
	float: right;
	margin: 0 0 1em 1em;
	width: 20%;
}

.comment p.comment_meta {
	color: #666;
	font-size: 0.875em; /* 14px */
	font-style: italic;
	line-height: 1.4286; /* 20px */
	padding: 0;
}

.bypostauthor {}



.leave_comment form {
	margin: 0 auto;
	width: 90%;
}

.leave_comment label {
	display: block;
	font-weight: 500;
	cursor: pointer;
}

.leave_comment input[type="text"],
.leave_comment input[type="email"] {
	border: 1px solid #FFCCBF;
	border: 1px solid rgba(255,51,0,.25);
	padding: .3em;
	width: 80%;
}

.leave_comment form textarea {
	border: 1px solid #FFCCBF;
	border: 1px solid rgba(255,51,0,.25);
	padding: .3em;
	width: 80%;
}

/* styling for Mark Jaquith's subscribe to comments splugin */
.leave_comment .subscribe-to-comments label {
	display: inline;
}

.comments_paging {
	padding: 1em 5% 0 5%;
}

/* End of comments  */


/* STYLING FOR ARCHIVES PAGE */

.archive_section li p {
	padding-left: 0;
}

.archive_section li a {
	font-weight: 700;
}

ul.tags {
	margin: 1em 5%;
}

.archive_section ul li {
	display: inline-block;
	*display: inline;
	vertical-align: top;
	zoom: 1;
}

ul.tags li {
	font-size: 0.875em; /* 14px */
	line-height: 1.4286; /* 20px */
	margin: 0 10% 1.4286em 0;
	padding: 0;
	width: 20%;
}

ul.category {
	margin: 0 5%;
}

ul.category ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.category ul li {
	display: list-item;
	font-style: italic;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.category li {
	font-size: 0.875em; /* 14px */
	line-height: 1.4286; /* 20px */
	margin: 0 5% 1.4286em 0;
	padding: 0;
	width: 40%;
}

ul.category li p {
	font-size: 14px; /* 14px */
	font-size: 0.875rem; /* 14px */
	line-height: 1.4286; /* 20px */
}

ul.year {
	margin: 0 5%;
}

ul.year li {
	font-size: 1em; /* 16px */
	line-height: 1.25; /* 20px */
	margin: 0 2% .5em 0;
	padding: 0;
	width: 20%;
}

ul.year li p {
	font-size: 14px; /* 14px */
	font-size: 0.875rem; /* 14px */
	line-height: 1.4286; /* 20px */
}

/* ---------- End of archives page ---------- */




/* ---------- STYLING FOR AN ARCHIVE RESULTS PAGE ---------- */

.archive_content {
	padding-top: 1em;
}

.result p {
	padding-bottom: 0;
}

.result h2 a:link { color: #000; }
.result h2 a:visited { color: #000; }
.result h2 a:hover { color: #b00; }
.result h2 a:active { color: #f00; }

.result .result_date {
	font-size: 0.875em; /* 14px */
	font-weight: 300;
	line-height: 1.4286; /* 20px */
}

.result .read_more {
	padding-bottom: 2em;
}


.pagination {
	padding-top: 1em;
}

.pagination .next,
.pagination .previous,
.pagination .loadmore,
.pagination .front_more {
	display: block;
	font-size: 0.875em; /* 14px */
	font-weight: 700;
	line-height: 1.4286; /* 20px */
	padding-bottom: 1em;
	text-transform: uppercase;
	width: 40%;
}

.pagination .next {
	float: right;
	text-align: right;
	padding-right: 5%;
}

.pagination .previous {
	float: left;
	padding-left: 5%;
}

.pagination .front_more {
	padding: 0 5%;
}

.pagination .front_more .next a,
.pagination .front_more .previous a {
	display: inline;
	float: none;

	padding: 0;
	width: auto;
}

.pagination .front_more .next,
.pagination .front_more .previous {
	display: inline;
	float: none;
	font-size: 1em;
	padding: 0;
	width: auto;
}

.pagination .gallery_back {
	text-align: center;
	padding-bottom: .5em;
}

.read_more:after,
.next a:after,
.previous a:before,
.loadmore:before {
	color: #FF997F; /* Stylable */
	color: rgba(255,51,0,.5); /* Stylable */
	font-family: 'icomoon';
	font-size: .8em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-transform: none;
}

.read_more:after,
.next a:after {
	content: "\2192";
	padding-left: .5em;

}

.previous a:before {
	content: "\2190";
	padding-right: .5em;
}

.loadmore:before {
	content: "\2193";
	padding-right: .5em;
}

/* ---------- end of archive results page ---------- */

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

body .content404 .search404 .search_box {
	display: block !important;
	float: left;
	margin: 0 5% 2em 5%;
	padding: 0;
	text-align: left;
	width: 100%;
}

.content404>p:first-of-type,
.content404 .intro {
	padding-top: 0;
}

/* ---------- FOOTER ---------- */

.footer {
	border-top: 1px solid #FF997F; /* Stylable */
	border-top: 1px solid rgba(255,51,0,.5); /* Stylable */
	padding: .625em 0;
}

.footer p {
	font-family: Lato, Calibri, Arial, Sans-serif;
	font-size: 0.875em; /* 14px */
	font-style: italic;
	font-weight: 300;
	line-height: 1.4; /* 20px */
	padding: 0 5%;
}

/* ----- end of footer ----- */


/* ----------

Tablety ish MQ, based on the design rather than chasing device resolutions.

---------- */

@media only screen and (min-width : 450px) {

/* --------- STYLING FOR FRONT PAGE ---------- */

	.welcome img {
		float: left;
		width: 50%;
	}

	.welcome_text {
		background: #f30; /* Stylable */
		background: rgba(255,51,0,1); /* Stylable */
		float: right;
		right: 0;
		height: 100%;
		position: absolute;
		width: 50%;
	}

	.welcome_text p {
		font-size: 1.5em; /* 24px */
  		line-height: 1.25em; /* 30px */
		padding: .5em 6.666% 1em 6.6666%;
	}

	.tile h2 {
		font-size: 1.5em; /* 24px */
		font-weight: 700;
		line-height: 1.1;
		padding: .5em 3.3333% .5em 3.333%;
	}

	.tile_container .tile {
		float: left;
	}


	.tile_container .tile {
		width: 50%;
	}

	.tile_container .tile h2 {
		padding: .5em 16.6666% .5em 6.6666%;
	}

	.tile_container .tile img {
		height: auto;
		width: auto;
	}


	.tile_container .square {
		float: left;
	}

	.tile_container .square:nth-child(2n) {
		float: right;
	}

	.tile_container .rectangle {
		float: left;
	}

	.tile_container .rectangle:nth-child(3n),
	.tile_container .rectangle:nth-child(4n) {
		float: right;
	}


	/* --------- End of front page ----------- */


	/* Tablet Gallery - default max 3 columns is ok */


}

@media only screen and (min-width : 600px) {

	.container {
		width: 90%;
		float: right;
	}

	/* --------- OVERALL MAIN HEADER ---------- */

	.header {
		position: relative;
	}

	/* Overall blog title */
	.title {
		display: inline-block;
		font-size: 2.125em; /* 34px */
		line-height: 1em;
		left: -8%;
		margin: 0;
		padding:0;
		position: absolute;
		top: 650px;
		text-align: right;
		width: 600px;
		-ms-writing-mode: lr-bt;
		writing-mode: lr-bt;
		white-space: nowrap;
		z-index: 100;

		-webkit-transform-origin: 0 0;
		   -moz-transform-origin: 0 0;
		    -ms-transform-origin: 0 0;
	    	 -o-transform-origin: 0 0;
		        transform-origin: 0 0;

		-webkit-transform: rotate(270deg);
		   -moz-transform: rotate(270deg);
		   	-ms-transform: rotate(270deg);
		     -o-transform: rotate(270deg);
		        transform: rotate(270deg);
	}

	.ie .title {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}

	.title a {
		display: block;
		font-family: Lato, 'Helvetica Neue', Arial, Sans-serif;
		font-weight: 300;
		-ms-writing-mode: lr-bt;
		writing-mode: lr-bt;
	}


	.search_box {
		display: block;
		float: right;
		padding: 0 1em 0 0;
		text-align: right;
		width: 35%;
	}

	.search_box input[type="text"] {
		background: none;
		border: none;
		display: inline;
		font-size: 0.875em; /* 14px */
		line-height: 2;
		padding: 0 .3em 0 0;
		margin: 0;
		text-align: right;
	}

	.search_box input[type="text"]:-ms-input-placeholder {
		padding-bottom: 2em;
	}

	.search_box button {
		background: none;
		border: none;
		color: #f30; /* Stylable */
		color: rgba(255,51,0,1); /* Stylable */
		cursor: pointer;
		display: inline;
		font-family: icomoon;
		font-size: 1em; /* 16px */
		line-height: 2.7;
		padding: 0;
	}

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

	.nav {
		float: left;
		padding: 0;
		text-align: left;
		width: 60%;
		white-space: nowrap;
	}

	.nav li {
		display: inline-block;
		*display: inline;
		font-weight: 700;
		font-size: 0.75em; /* 12px */
  		line-height: 1.6667em; /* 20px */
		line-height: 4.1;
		padding: 0 .5em 0 0;
		text-transform: uppercase;
		zoom: 1;
	}

	.nav a {

	}

	.nav [class*="current-menu-"].has-children:before,
	.nav li[class*="current-menu-"].has-children > a:after {
		padding: 0 0 0 .7em;
	}

	.nav [class*="current-menu-"].has-children:before {
		padding: 0 1em 0 0;
	}

	.nav ul ul.children li,
	.nav ul .sub-menu li {
		padding: 0 0 0 .5em;
	}

	.nav ul ul li {
		display: inline-block;
		*display: inline;
		zoom: 1
	}

	/* ---------- End of main header ---------- */





	/*  ---------- POST and ARCHIVE page header ----------  */

	.post_title,
	.main_title {
		padding: 0;
		width: 60%;
	}

	.post_title h1,
	.main_title h1 {
		font-size: 2.125em; /* 34px */
		font-weight: 900;
		line-height: 1.1765; /* 40px */
		padding: .58825em 30% .58825em 8.5%;
		margin: 0;
	}



	.post_date,
	.archive_links {
		font-size: 1em; /* 14px */
		font-weight: 300;
		line-height: 1.25; /* 20px */
		padding: 1.2em 8.5% 2em 8.5%;
	}

	.social_icons {
		padding: 1.2em 8.5% 2em 8.5%;
	}

	.social_icons li {
		line-height: 1.8;
	}

	.archive_header h1.attach_header {
		padding-bottom: 0em;
	}

	.archive_links {
		padding-bottom: 0;
	}

	.attach_links {
		padding-bottom: 1.4em;
	}

	.title_extra { /* eg blurb for archive pages in abscence of pic */
		background: #f30; /* Stylable */
		background: rgba(255,51,0,1); /* Stylable */
		padding: 0;
	}

	.title_extra p {
		font-family: Lato, 'Helvetica Neue', Arial, Sans-serif;
		font-size: 2.125em; /* 34px */
		font-style: normal;
		line-height: 1.1765; /* 40px */
		padding: 1.1765em 8.5% 1.1765em 5%;
	}

	.title_extra a:link { color: #000; }
	.title_extra a:visited { color: #000; }
	.title_extra a:hover { color: #000; }
	.title_extra a:active { color: #000; }

	/* ---------- end of page header ---------- */



	/* ---------- Widget area ----------- */

	.widget {
		clear: both;
		margin: 1em 5% 1em 0;
		padding: 0;
	}




	/* --------- STYLING FOR POST PAGE ---------- */

	/* Meta data */
	.post_meta p  {
		padding: .416em 5% 1.4285em 0;
	}

	/* Post content */

	/* Main typography */
	.main_content h1,
	.main_content h2 {
		font-size: 1.75em; /* 28px */
		font-weight: 900;
		line-height: 1.0714; /* 30px */
		padding: .5357em 8.547% .5357em 0;
	}

	.main_content h3 {
		font-size: 1.5em; /* 24px */
		font-weight: 500;
		line-height: 1.25; /* 30px */
		padding: .625em 8.547% .625em 0;
	}

	.main_content h4 {
		font-size: 1.5em; /* 24px */
		font-weight: 300;
		line-height: 1.25; /* 30px */
		padding: .625em 8.547% .625em 0;
	}

	.main_content h5,
	.main_content h6 {
		font-size: 1.125em; /* 18px */
		font-style: italic;
		line-height: 1.1111; /* 20px */
		padding: .555em 8.547% .555em 0;
	}

	.main_content p {
		color: #333;
		font-size: 1.125em; /* 18px */
		line-height: 1.66665; /* 30px */
		padding: 0 8.547% 1.25em 0;
	}

	.main_content>p:first-of-type,
	.main_content .intro {
		font-size: 2.125em; /* 34px */
		font-weight: 700;
		line-height: 1.1765; /* 40px */
		padding: .882375em 8.547% .882375em 0;
	}

	.main_content ul,
	.main_content ol {
		margin: 0 8.547% 1.5em 1.6em;
	}

	.main_content li {
		font-size: 1.125em; /* 18px */
		line-height: 1.66665; /* 30px */
	}

	.main_content dl {
		font-size: 1.125em; /* 18px */
		line-height: 1.66665; /* 30px */
		margin: 0 8.546% 1.5em 0;
	}

	.main_content dt {
		font-weight: 700;
		padding: .75em 0 0 0;
	}

	.main_content blockquote {
		border-left-width: 8px;
		margin: .625em 0 1.875em 0;
	}

	.main_content blockquote p {
		font-size: 1.5em; /* 24px */
		line-height: 1.25; /* 30px */
		padding: 0 5% 0 10%;
		text-align: right;
	}

	.main_content hr {
		margin: .25em 0 1em 0;
		width: 91.5%;
	}

	.main_content fieldset {
		margin: .25em 0 1em 0;
		width: 91.5%;
	}

	.main_content fieldset p,
	.main_content fieldset h2,
	.main_content fieldset h3 {
		padding-left: 5%;
		padding-right: 5%;
	}

	.main_content legend {
		font-size: 1.5em; /* 24px */
		line-height: 1.25; /* 30px */
		margin-bottom: 1.25em;
	}

	.main_content label {
		font-weight: 500;
	}

	.main_content table {
		font-size: 1em; /* 18px */
		line-height: 1.25; /* 30px */
		margin: 0 0 1.25em 0;
		width: 91.5%;
	}


	/* WordPress Core Alignment
	-------------------------------------------------------------- */


	.aligncenter,
	div.aligncenter {
	    display: block;
	    margin: 0 auto;
	}

	.alignright {
	    float:right;
	    margin: 0 0 1em 3em;
	}

	.alignleft,
	img[align="left"] {
	    float: left;
	    margin: 0 3em 1em 0;
	}

	.aligncenter {
	    display: block;
	    margin: 0 auto;
	}

	a img.alignright,
	img[align="right"] {
	    float: right;
	    margin: 0 0 1em 3em;
	}

	a img.alignnone {

	}

	a img.alignleft {
	    float: left;
	    margin: 0 3em 1em 0;
	}

	a img.aligncenter {
	    display: block;
	    margin-left: auto;
	    margin-right: auto
	}

	.wp-caption {
		margin: 0 8.547% 1.5em 0;
	}

	.wp-caption p.wp-caption-text {
		text-align: left;
	}

	.wp-caption.alignnone {

	}

	.wp-caption.aligncenter {
		margin: 0 auto 1.5em auto;
	}

	.wp-caption.alignleft {
	    float: left;
	    margin: 0 2em 1em 0;
	    max-width: 50%
	}

	.wp-caption.alignright {
	    float: right;
	    margin: 0 0 1em 2em;
	    max-width: 50%
	}

	.wp-caption img {

	}



	/* ----------- end of post page --------- */


	/* --------- COMMENTS ---------- */

	.comments {
		float: right;
		width: 90%;
	}

	.depth-2,
	.depth-3 {
		clear: both;
		padding-top: 2em;
	}

	.depth-2 .col60 {
		width: 55%;
	}

	.depth-3 .col60 {
		width: 50%;
	}

	.comment {
		border-bottom: 1px solid #f30;
		margin: 0 auto;
		padding: 2em 0 0 0;
		width: 100%;
	}

	.comment > .comment {
		width: 100%;
	}

	.comments h2 {
		font-size: 2.125em; /* 34px */
  		line-height: 1.1765; /* 40px */
		padding: .835em 8.547% .235em 0;
	}

	.comments h3 {
		padding: .5em 8.547% 0 0;
	}

	.comments p.comment_cancel {
		padding: 0 8.547% .5em 0;
	}


	.comment h3 {
		font-size: 1.5em; /* 24px */
		font-weight: 500;
  		line-height: 1.25; /* 30px */
	 	padding: .2em 8.547% .2em 0;
	}

	.avatar {
		margin: 0 8.547% 2em 1em;
		width: 15%;
	}

	.comment p.comment_meta {
		color: #666;
		font-size: 0.875em; /* 14px */
		font-style: italic;
		line-height: 1.4286; /* 20px */
		padding: 0 8.547% 0 0;
	}

	.comments p {
		font-size: 1em; /* 16px */
  		line-height: 1.25; /* 20px */
		padding: 0 8.547% 1.25em 0;
	}

	.comment p.reply {
		padding-bottom: 2em;
	}

	.leave_comment form {
		padding: 2em 0;
		width: 100%;
	}

	.leave_comment label {
		font-weight: 500;
	}

	.leave_comment input[type="text"],
	.leave_comment input[type="email"] {
		padding: .5em;
		width: 50%;
	}

	.leave_comment form textarea {
		padding: .5em;
		width: 100%;
	}

	.comments_paging {
		padding: 1em 0 0 0;
	}


	/* End of comments  */


	/* --------- STYLING FOR ARCHIVES PAGE ---------- */

	.archive_content {
		padding: 2em 0 2em 0;
	}

	.archive_section h2 {
		font-size: 2.25em; /* 36px */
		font-weight: 700;
		line-height: 1.1111; /* 40px */
		padding-bottom: 1.1em;
	}

	ul.tags {
		margin: 0;
	}

	ul.tags li {
		font-size: 0.875em; /* 14px */
		line-height: 1.4286; /* 20px */
		margin: 0 8% 1.4286em 0;
		padding: 0;
		width: 15%;
	}

	ul.category {
		margin: 0;
	}

	ul.category li {
		margin: 0 3.3% 1.4286em 0;
		width: 26.6%;
	}

	ul.category li p {
		font-size: 14px; /* 14px */
		font-size: 0.875rem; /* 14px */
		line-height: 1.4286; /* 20px */
	}

	ul.year {
		margin: 0;
	}

	ul.year li {
		font-size: 1em; /* 16px */
		line-height: 1.25; /* 20px */
		margin: 0 1.1% .5em 0;
		padding: 0;
		width: 13.3%;
	}

	ul.year li p {
		font-size: 14px; /* 14px */
		font-size: 0.875rem; /* 14px */
		line-height: 1.4286; /* 20px */
	}

	/* ----------- end of archives page --------- */

	/* ---------- STYLING FOR AN ARCHIVE RESULTS PAGE ---------- */


	.archive_content .result h2 {
		font-weight: 700;
		padding-bottom: .3em;
		padding-top: .3em;
	}

	.archive_content .result p {
		font-size: 1em; /* 16px */
		line-height: 1.25; /* 20px */
		padding-bottom: 0;
	}

	.archive_content .result .read_more {
		font-size: 1em; /* 16px */
		font-weight: 500;
		line-height: 1.25; /* 20px */
		padding-top: .625em;
		padding-bottom: 2em;
	}


	/* Pagination */
	.pagination .next,
	.pagination .previous,
	.pagination .loadmore,
	.pagination .front_more {
		display: block;
		font-size: 0.875em; /* 14px */
		font-weight: 700;
		line-height: 1.4286; /* 20px */
		padding-bottom: 1em;
		text-transform: uppercase;
		width: 40%;
	}

	.pagination .next {
		float: right;
		text-align: right;
		padding-right: 8.55%;
	}

	.pagination .previous{
		padding-left: 0;
	}


	.pagination .front_more {
		padding: 0;
	}

	.pagination .front_more .next a,
	.pagination .front_more .previous a {
		display: inline;
		float: none;

		padding: 0;
		width: auto;
	}

	.pagination .front_more .next,
	.pagination .front_more .previous {
		display: inline;
		float: none;
		font-size: 1em;
		padding: 0;
		width: auto;
	}


	/* ---------- end of archive results page ---------- */


	/* ---------- FOOTER ------------ */

	.footer {
		padding: .625em 0;
	}

	.footer p {
		font-size: 0.875em; /* 14px */
		font-weight: 300;
		line-height: 1.4; /* 20px */
		padding: 0 8.547% 0 0;
	}

	.footer .col30 {
		float: left;
		width: 30%;
	}

	.footer .col60 {
		width:  60%;
		float: right;
		text-align: right;
	}

	/* end of footer */


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

	.content404 .archive_section {
		clear: both;
	}

	body .content404 .intro404>p:first-of-type,
	body .content404 .intro404 .intro {
		padding-top: 0;
	}

	body .content404 .search404 .search_box {
		margin: 0 0 1.5em 0;
	}

	.content404 .search_box input#s {
		padding: .3em;
		text-align: left;
	}

	.search404 {
		clear: both;
	}

	.search404 h2 {
		font-size: 2.25em; /* 36px */
		font-weight: 700;
  		line-height: 1.1111em; /* 40px */
		text-align: left;
		padding: 0 0 .4em 0;
	}


	/* ----- WIDGETS ----- */

	.widget {
		float: left;
		width: 45%;
		margin-right: 4.9%;
		margin-left: 0;
		clear: right;
	}

}

/* ----------

Desktoppy ish MQ, based on the design rather than chasing device resolutions.

---------- */

@media only screen and (min-width : 950px) {

	.container {
		float: none;
		position: relative;
		margin: 0 auto;
		max-width: 1400px;
		width: 100%;
	}

	.col30 {
		float: left;
		text-align: right;
		width: 30%;
	}

	.col60 {
		float: right;
		width: 60%;
	}


	/* --------- MAIN HEADER ---------- */

	.title {
		left: 34%;
	}

	.search_box {
		float: left;
		text-align: right;
		width: 30%;
	}

	.nav {
		float: right;
		width: 60%;
	}

	.nav li {
		margin-right: 1.5em;
	}

	.nav ul ul li {
		margin: 0 0.5em;
	}

	.nav [class*="current-menu-"].has-children:before {
		margin-left: -1.5em;
		padding: 0 1.5em 0 0;
	}

	.nav li[class*="current-menu-"].has-children > a:after {
		padding: 0 0 0 1.5em;
	}

	/* ---------- End of main header ---------- */


	/* --------- STYLING FOR FRONT PAGE ---------- */

	.welcome img {
		float: none;
		width: 100%;
	}

	.welcome_text {
		position: relative;
		width: 100%;
	}

	.welcome_text p {
		font-size: 1.75em; /* 28px */
		font-weight: 700;
		line-height: 1.0714; /* 30px */
		padding: .5em 6.666% 4em 16.6666%;
		text-align: right;
	}


	.tile h2 {
		font-weight: 900;
		padding: .5em 8.3333% .5em 3.333%;
	}



	/* --------- End of front page ----------- */


	/*  ---------- POST and ARCHIVE page header ----------  */

	.post_header,
	.archive_header {
		position: relative;
		min-height: 100%;
	}

	.post_title {
		float: left;
		height: 100%;
		position: absolute;
		width: 30%;
	}

	.main_title {
		height: 100%;
		position: absolute;
	}

	.attachment_header .main_title {
		height: auto;
		min-height: 16em;
	}

	.post_header h1,
	.archive_header h1,
	.attachment_header h1 {
		padding: .4em 6.66% 0 16.66%;
		text-align: right;
	}



	.title_extra p {
		font-style: normal;
		padding: .4em 16.6% 5em 3.3%;
	}


	/* --------- end of page/archive header --------- */

	/* ---------- Attachment page header ---------- */

	.archive_header h1.attach_header {
		padding-bottom: 6em;
	}

	/* --------- STYLING FOR POST PAGE ---------- */

	.post_date,
	.archive_links {
		bottom: 0;
		padding: 0 0 1.4em 0;
		position: absolute;
		text-align: right;
		width: 94.4%;
	}



	.social_icons {
		bottom: 0;
		right: 0;
		font-size: 1.1em;
		list-style: none;
		padding: 0 6.6% 1.4em 6.6%;
		position: absolute;
		text-align: right;
	}

	.post_image {
		background: #f30; /* Stylable */
		background: rgba(255,51,0,1); /* Stylable */
		float: right;
		min-height: 18em;
		width: 60%;
	}

	.post_header img {
		display: block;

	}

	/* Meta data */

	.post_meta p {
		float: none;
		padding: 0 6.66%;
	}

	.post_meta .categories {
		background: #FF997F; /* Stylable */
		background: rgba(255,51,0,.5); /* Stylable */
		font-size: 1em; /* 16px */
		line-height: 1.25; /* 20px */
		padding-top: .625em;
		padding-bottom: .625em;
	}

	.post_meta .tags {
		background: #FFCCBF; /*Stylable */
		background: rgba(255,51,0,.25); /* Stylable */
		font-size: 0.875em; /* 14px */
		line-height: 1.4286; /* 20px */
		padding-top: .7143em;
		padding-bottom: .7143em;
	}

	.post_meta a:link { color: #000; }
	.post_meta a:visited { color: #000; }
	.post_meta a:hover { color: #000; text-decoration: underline; }
	.post_meta a:active { color: #000; text-decoration: underline; }

	/* ---------- Widget area ----------- */

	.widget {
		clear: none;
		margin: 1em 0 0 0;
		padding: 1em 0;
		width: 100%;
		float: none;
	}

	.tagcloud {
		padding-left: 20%;
	}

	.widget_calendar {
		background: none;
		padding: 0 0 0 40%;
		width: 60%;
	}

	.widget_calendar caption {
		text-align: right;
	}

	.widget_calendar table {
		float: right;
		margin-bottom: .5em;
		min-width: 15em;
	}

	.widget_container {
		float: left;
		top: 0;
		padding: 1em 0 3em 0;
		text-align: right;
		width: 30%;
	}

	.single .widget_container {
		padding-bottom: 15em
	}

	.attachment .widget_container {
		padding-top: 18em;
	}

	/* --- End of widget --- */

	.main_content>p:first-of-type,
	.main_content .intro {
		padding-top: .882375em;
	}

	.main_content blockquote {
		margin: .625em 0 1.875em -16.7%;
	}

	.main_content blockquote p {
		font-size: 2.125em; /* 34px */
		font-weight: 300;
		line-height: 1.1765; /* 40px */
		padding: 0 30% 0 14%;
		text-align: left;
	}


	/* Related posts styling */

	.related {
		bottom: 0;
		padding-top: 2em;
		position: absolute;
		width: 30%;
	}

	.related h3 {
		color: #f30; /* Stylable */
		font-size: 0.875em; /* 14px */
  		line-height: 1em; /* 20px */
		font-weight: 500;
		text-align: right;
		text-transform: uppercase;
	}

	.related li {
		text-align: right;
	}

	.related li a {
		min-height: 7em;
	}

	/* ----------- end of post page --------- */


	/* --------- COMMENTS ---------- */

	.comments {
		clear: both;
		float: none;
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
	}

	.comment .col60 {
		border-bottom: 1px solid #f30;
	}

	.comments h2 {
		font-size: 2.25em; /* 36px */
  		line-height: 1.1111; /* 40px */
		padding: 1.387em 0 0 0;
		text-align: right;
		width: 30%;
	}

	.comment h3 {
		font-size: 1.5em; /* 24px */
		font-weight: 500;
  		line-height: 1.25; /* 30px */
	 	padding: .2em 8.547% .6em 0;
	}

	.avatar {
		max-width: 13%;
	}

	.comment p.comment_meta {
		color: #000;
		font-weight: 300;
		padding: .85em 0 0 0;
	}

	.comments p {
		font-size: 1em; /* 16px */
  		line-height: 1.25; /* 20px */
		padding: 0 8.547% 1.25em 0;
	}

	.leave_comment form {
		padding: 2em 0;
		width: 100%;
	}

	.leave_comment label {
		font-weight: 500;
	}

	.leave_comment input[type="text"],
	.leave_comment input[type="email"] {
		padding: .5em;
		width: 50%;
	}

	.leave_comment form textarea {
		padding: .5em;
		width: 100%;
	}


	/* End of comments  */


	/* ---------- STYLING FOR ARCHIVES PAGE ---------- */

	.archive_content {
		padding: 2em 0 4em 0;
	}

	.archive_section {
		padding: 1em 0 0 0;
	}

	.archive_section h2 {
		padding-top: 1em;
		text-align: right;
		width: 30%;
	}

	ul.tags,
	ul.category,
	ul.year {
		margin: 0 0 0 40%;
		width: 60%;
	}

	ul.tags li {
		margin: 0 3.3% 2.5em 0;
		padding: 0;
		vertical-align: top;
		width: 13.3%;
		zoom: 1;
	}

	/* ----------- end of archives page --------- */


	/* ---------- STYLING FOR AN ARCHIVE RESULTS PAGE ---------- */


	.result {
		padding: .5em 0;
	}

	.result p.result_date {
		padding: 1em 0 0 0;
	}

	.result:first-of-type {
		padding: 2em 0 0 0;
	}


	/* ---------- end of archive results page ---------- */


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


	body .content404 .search404 .search_box {
		margin: 0 0 1.5em 0;
		padding: 3em 0 0 0;
	}

	.search404 {
		clear: both;
		padding-top: 1.5em;
	}

	.search404 h2 {
		text-align: right;
	}


	/* ---------- FOOTER ------------ */

	.footer {
		border-top: none;
		padding: .625em 0;
	}

	.footer p {
		font-size: 1em; /* 16px */
		line-height: 1.25; /* 20px */
		padding: .625em 0;
	}

	.footer .col30 {
		border-top: 1px solid #FF997F; /* Stylable */
		border-top: 1px solid rgba(255,51,0,.5); /* Stylable */
		float: left;

	}

	.footer .col60 {
		border-top: 1px solid #FF997F; /* Stylable */
		border-top: 1px solid rgba(255,51,0,.5); /* Stylable */
		float: right;
		text-align: left;
	}

	/* ----------- end of footer ---------- */


}

@media only screen and (min-width : 1100px) {


	.tile.home_featured h2 {
		font-size: 2.25em; /* 36px */
  		line-height: 1em; /* 40px */
	}

	.tile h2 {
		font-size: 1.75em; /* 28px */
  		line-height: 1em; /* 30px */
	}

	.tile.home_featured h2 em {
		font-size: .4em;
	}

	.tile h2 em {
		font-size: .5em;
		padding-top: 0;
	}
}


/* Disqus styling */
#disqus_thread,
#comments {
	margin: 2em 5% 2em;
}

@media only screen and (min-width : 600px) {
	#disqus_thread,
	#comments {
		margin: 2em 5% 2em 0;
	}
}

@media only screen and (min-width : 950px) {
	#disqus_thread,
	#comments {
		float: right;
		width: 60%;
		margin: 2em 0;
	}
}

@media only screen and (min-width : 1400px) {

.pagination .next {

		padding-right: 0;
	}

}