/*   
Theme Name: Ryan Stock's Theme
Theme URI: http://echoweb.com.au/
Description: Theme created by Ryan Stock (Echoweb)
Author: Ryan Stock
Author URI: http://echoweb.com.au/
Template: thematic
Version: 1.0
Tags: 

.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
.

*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');



/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


a {
	text-decoration:none;
    transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}

p,
ul,
ol,
hr, 
pre,
xmp,
code,
ul.spaced li,
.columns,
embed,
object,
iframe,
blockquote {
	margin-bottom:1.6em;	
}

p:last-child,
ul:last-child,
ol:last-child,
hr:last-child, 
pre:last-child,
xmp:last-child,
code:last-child,
.columns:last-child,
embed:last-child,
object:last-child,
iframe:last-child,
blockquote:last-child {
	margin-bottom:0;	
}

input, textarea {
	font-family:"Open Sans", "Source Sans Pro", arial, sans-serif;
}

hr {
	border:none;
	background:none;
	border-bottom:1px dashed #ddd;
	border-bottom-color:rgba(0,0,0,.2);	
	margin-bottom:1.6em;
}

b,
strong {
	font-weight:600;	
}

pre,
xmp,
code {
	background:#f9f9f9;
	border:1px solid #eee;
	padding:.7em 1em;	
	border-left:4px solid #ddd;
	word-break: break-word;
	display:block;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
  top: -0.5em;
}
 
sub {
  bottom: -0.25em;
}


blockquote {
	color:#aaa;
	font-size:1.3em;
	line-height:1.8em;
	padding:0 1.3em;
	border-left:.5em solid #e5e5e5;
	xfont-family:"Open Sans", Georgia, arial, sans-serif;	
}


input[type="text"],
input[type="email"],
input[type="password"],
textarea,
.text-box {
	padding:.4em .6em; border:1px solid #ddd;
	width:auto;
	font-size:1em;
	display:inline-block;
	font-weight:300;
	font-family:"Open Sans", sans-serif;
	
	background:#f8f8f8;
	border-color:#d9d9d9;
}



::-webkit-input-placeholder { /* WebKit browsers */
    color:rgba(0,0,0,0.3) !important;
	font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:rgba(0,0,0,0.3) !important;
	font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:rgba(0,0,0,0.3) !important;
	font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:rgba(0,0,0,0.3) !important;
	font-style:italic;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color:rgba(0,0,0,.15) !important;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color:rgba(0,0,0,.15) !important;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color:rgba(0,0,0,.15) !important;
}






/* Classes */

.skip-link {
	display:none;
}	

.relative {
	position:relative;	
}

.clear {
	clear:both;
}

.bold {
	font-weight:bold;	
}

a.no-color,
.no-color {
	color:inherit !important;	
}

p.centered {
	text-align:center;	
}
p.left {
	text-align:left;
}
p.right {
	text-align:right;
}	




.tick-list {
	
}

.tick-list li {
	x_padding-left:52px;
	x_background:url('images/icons/icon-tick-orange.png') 20px top no-repeat;	
	margin-bottom:.8em;
}

.tick-list li:before {
	content: "\f00c";
	content: "\f046";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right:0.5em;
	padding-left:1.5em;
	font-size:1.3em;
}
	
.signature {
	font-family:"Oleo Script Swash Caps", "Open Sans", arial, sans-serif;
	font-weight:bold;
}

ul.disc,
ol.disc,
.disc > li {
	list-style-type:disc;	
}

ul.num,
ol.num,
.num > li {
	list-style-type:decimal;	
}

.disc > li,
.num > li {
	margin-left:2em;
}







/* Images */

.entry-content img {
	width:100%;	
	height:auto;
    margin: 0 0 1.6em 0;
    max-width:100%;
	width:auto;
}

@media all and (min-width : 449px) {
.entry-content .wp-post-image {
	border: 1px solid #ccc;
	float:right;
	margin: 0 0 20px 18px;
	padding: 5px;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.alignfull,
img.alignfull {
	width:100%;
	display:block;
	height:auto;	
}
.wp-caption {
	border:1px solid #ccc;
	text-align: center;
	margin-bottom:18px;
	max-width: 96%;
	padding:9px 5px 0;
}
.wp-caption img {
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:18px 5px;
}
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
    padding:0 0 22px 0;
	}
.gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	}
.gallery-icon {
	margin: 0 5px;
}
#content .gallery img {
    border: 1px solid #ccc;
	margin:0;
	padding: 6px;
}
.gallery-item img, .gallery-item img.thumbnail {
	margin: 0 auto;
	}
.gallery-caption {
	padding:6px 6px 0;
}
.wp-caption-text,
.gallery-caption {
    color:#666;
    font-size:13px;
    line-height:18px;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}
}



/* // Images */






@media all and (min-width : 768px) {
	
	
/* Columns */
	
.columns {
	width:100%;
}

.columns:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
* html .columns { zoom: 1; } /* IE6 */
*:first-child+html .columns { zoom: 1; } /* IE7 */

.columns:last-child {
	margin-bottom:0;
}

.columns .column {
	float:left;
	min-height:2px;
	margin-bottom:1em;
}


/* Clears (for even height) */
.columns-1 .column-1,
.columns-1 .column:nth-child(1n+1),
.columns-2 .column-3,
.columns-2 .column:nth-child(2n+1),
.columns-3 .column-4,
.columns-3 .column:nth-child(3n+1),
.columns-4 .column-5,
.columns-4 .column:nth-child(4n+1),
.columns-5 .column-6,
.columns-5 .column:nth-child(5n+1),
.columns-6 .column-7,
.columns-6 .column:nth-child(6n+1),
.columns-7 .column-8,
.columns-7 .column:nth-child(7n+1),
.columns-8 .column-9,
.columns-8 .column:nth-child(8n+1) {
	clear:left;
}




/* Two even columns */

.columns-2 .column {
	width:50%;
}
.columns-2 .column-span-2 {
	width:100%;
}
	


/* Column with one 2/3 width column and one 1/3 width column */

.columns-2.columns-span-2-1 {
	
}

.columns-2.columns-span-2-1 .column-1 {
	width:67%;
}

.columns-2.columns-span-2-1 .column-2 {
	width:33%;
}

/* Column with one 1/3 width column and one 2/3 width column */

.columns-2.columns-span-1-2 {
	
}

.columns-2.columns-span-1-2 .column-1 {
	width:33%;
}

.columns-2.columns-span-1-2 .column-2 {
	width:67%;
}


/* Column with one 1/3 width column and one 2/3 width column */

.columns-2.columns-span-40-60 {
	
}

.columns-2.columns-span-40-60 .column-1 {
	width:40%;
}

.columns-2.columns-span-40-60 .column-2 {
	width:60%;
}

.columns-2.columns-padded .column-1,
.columns-2.columns-padded .column:nth-child(2n+1) {
	padding-right:1%;
}
.columns-2.columns-padded .column-2,
.columns-2.columns-padded .column:nth-child(2n+2) {
	padding-left:1%;
}

.columns-2 > .column:nth-last-child(-n+2) {
	margin-bottom:0 !important;
}

.columns-2 > .column:nth-last-child(-n+2):after {
	content:'';
	clear:both;
	display:block;	
}




/* Three even columns */

.columns-3 > .column {
	width:33%;
}
.columns-3 > .column-2,
.columns-3 > .column:nth-child(3n+2) {
	width:34%;
}

.columns-3.columns-padded .column-1,
.columns-3.columns-padded .column:nth-child(3n+1) {
	width:33%;
	padding-right:1%;
}
.columns-3.columns-padded .column-2,
.columns-3.columns-padded .column:nth-child(3n+2) {
	width:34%;
	padding-left:1%;
	padding-right:1%;
}
.columns-3.columns-padded .column-3,
.columns-3.columns-padded .column:nth-child(3n+0) {
	width:33%;
	padding-left:1%;
}

.columns-3 > .column:nth-last-child(-n+3) {
	margin-bottom:0 !important;	
}

.columns-3 .column-span-2 {
	width:67%;
}

.columns-3 .column-span-3 {
	width:100%;
}



/* Four even columns */

.columns-4 > .column {
	width:25%;
}

.columns-4 > .column:nth-last-child(-n+4) {
	margin-bottom:0 !important;	
}

.columns-4 .column-span-2 {
	width:50%;
}

.columns-4 .column-span-3 {
	width:75%;
}

.columns-4 .column-span-4 {
	width:100%;
}

.columns-4.columns-padded .column-1,
.columns-4.columns-padded .column:nth-child(4n+1) {
	padding-right:1%;
}
.columns-4.columns-padded .column-2,
.columns-4.columns-padded .column:nth-child(4n+2),
.columns-4.columns-padded .column-3,
.columns-4.columns-padded .column:nth-child(4n+3) {
	padding-left:1%;
	padding-right:1%;
}
.columns-4.columns-padded .column-3,
.columns-4.columns-padded .column:nth-child(4n+0) {
	padding-left:1%;
}



/* Five even columns */

.columns-5 > .column {
	width:20%;
}

.columns-5 > .column:nth-last-child(-n+5) {
	margin-bottom:0 !important;	
}

.columns-5 .column-span-2 {
	width:40%;
}

.columns-5 .column-span-3 {
	width:60%;
}

.columns-5 .column-span-4 {
	width:80%;
}

.columns-5 .column-span-5 {
	width:100%;
}

.columns-5.columns-padded .column-1,
.columns-5.columns-padded .column:nth-child(5n+1) {
	padding-right:1%;
}
.columns-5.columns-padded .column-2,
.columns-5.columns-padded .column:nth-child(5n+2),
.columns-5.columns-padded .column-3,
.columns-5.columns-padded .column:nth-child(5n+3),
.columns-5.columns-padded .column-4,
.columns-5.columns-padded .column:nth-child(5n+4) {
	padding-left:1%;
	padding-right:1%;
}
.columns-5.columns-padded .column-5,
.columns-5.columns-padded .column:nth-child(5n+0) {
	padding-left:1%;
}


}





/* Sections */

.section-outer {
	position:relative;
}

.section-inner {
	padding-left:1em;
	padding-right:1em;
}

.section-outer:last-child {
	border-bottom:none;	
}


.single-echoweb-feature #main-page-container,
#branding,
.section-inner,
#container {
	
}

.section-outer.section-full-width .section-inner {
	margin-left:0;
	margin-right:0;
	width:auto;	
}



.section-outer-type-no-border {
	border-bottom:none;	
}

.section-outer-type-centered .section-inner {
	text-align:center;
}

.section-outer-type-centered ol {
	text-align:left;
}

.section-outer-type-centered ul {
	list-style-type:none;	
}

.section-outer-type-centered ul > li {
	list-style-type:none;	
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}

.section-outer-type-centered li > :first-child:before {
	x_content:'- ';
}

.section-outer-type-white {
	background:#fff;	
}

.section-colored {
	color:#fff;	
}

.section-colored a {
	color:inherit !important;	
	font-weight:600;
}




/* Sections on desktops */

@media all and (min-width : 768px) {
.section-inner {
	padding-left:0;
	padding-right:0;
}

.single-echoweb-feature #main-page-container,
.section-inner,
#container {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.section-outer-type-slim .section-inner {
	width:700px;
}
}






.post-list {
	
}

#content .post-list .post {
	position:relative;
	margin-bottom:1.6em;
}

#content .post-list .category,
#content .post-list .date {
	display:block;
	color:#ccc;
	font-size:1.2em;
	
	position:absolute;
	color:#fff;
	display:block;
	text-shadow:0 1px 1px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.7);
	padding:.2em .4em;
	background:rgba(0,0,0,.2);
}

#content .post-list .date {
	bottom:0;
	left:0;
	text-align:left;
	display:none
}

#content .post-list .category {
	bottom:0;
	right:0;
	text-align:right;
	display:none
}

.archive #content .post-list .category {
	display:none !important;
}

#content .post-list .category a {
	color:inherit !important;
}
#content .post-list .title {
	font-family:"Merriweather", Georgia, serif;
	text-transform: uppercase;
	font-size: 1.1em;
	margin-bottom: .2em;	
	line-height:1.2em;
	position:absolute;
	width:100%;
	color:#fff;
	display:block;
	text-shadow:0 1px 1px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.7);
	padding:.2em .4em;
	background:rgba(0,0,0,.2);
}


.full-width-content #content .post-list .title {
	font-size: 1.1em;
}

#content .post-list .post .thumb-container {
	width:100%;
	display:block;
}

#content .post-list .post img {
	width:100%;	
	margin-bottom:0;
}

@media all and (min-width : 449px) {	
.full-width-content #content .post-list .title {
	font-size:1.5em;	
	line-height:1.3em;
}

#content .post-list .date,
#content .post-list .category {
	display:block;
}
}

@media all and (min-width : 768px) {	
.full-width-content #content .post-list .title {
	font-size:2em;	
	line-height:1.6em;
}
}

@media all and (min-width : 959px) {	
.full-width-content #content .post-list .title {
	font-size:3em;
}
}


/* Widths */
.wide-width,
#header-inner,
#container {
	width:100%;
	x_min-width:450px;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;	
}


body {
	background:#f8f8f8;	
	font-family:'Open Sans', arial, sans-serif;
}

#wrapper {
	position:relative;	
}

#header {
	position:fixed;	
	z-index:50;
	width:100%;
}

body.bg-youtube-embed-full #header {
	opacity:.2;	
}

body.bg-youtube-embed-full #header:hover {
	opacity:1;	
}


#header-inner {
	display:table;
	background:rgba(0,0,0,.15);
	box-shadow:0 2px 4px rgba(0,0,0,.15);
	transition:.5s linear opacity;
	-moz-transition:.5s linear opacity;
	-webkit-transition:.5s linear opacity;
}

#header #blog-title a:hover,
#access a:hover,
#header .social-links a:hover,
#access li.current-menu-item a,
.category #access li.menu-item-8 a,
.archive #access li.menu-item-8 a,
.single #access li.menu-item-8 a,
#access a:hover {
	background-color:rgba(0,0,0,.5);
}


/* Header menu separators */
#header #blog-description {
	text-align:left;
	text-indent:-999em;
	width:0;
	position:absolute;	
}

#header .menu-sep {
	background:url('images/menu-bg.png') center top repeat-x;
	x_height:45px;
	width:auto;
	display:block;
	display:table-cell;
}

#header #blog-description {
	xx_width:300px;
}

#header #menu-sep-right {
	xx_width:380px;	
	display:none;
}



#header #branding {
	display:table-cell;	
}

#header #branding,
#header #blog-title,
#header #blog-title a {
	width:67px;
	height:45px;
}


@media all and (min-width : 768px) {	
#header #branding,
#header #blog-title,
#header #blog-title a {
	width:67px;
	width:200px;
}
}

#header #blog-title a {
	text-align:left;
	text-indent:-999em;
	background:url('images/menu-cutout-logo.png') left top no-repeat;
	display:block;
	xx_float:left;	
	position:absolute;
}

#access .sub-menu {
	display:none;
	position:absolute;
}

#access {
	x_background:url('images/menu-bg.png') center top repeat-x;
	xx_float:left;
	
	display:table-cell;
	width:200px;
}

#access .menu {	
	height:45px;
}

#access li,
#access a {
	float:left;
	display:block;
	width:100px;
	height:45px;
	color:#ccc;
	text-decoration:none;
	position:relative;
	width:40px;
}

#access a {
	background:url('images/menu-cutout-circle.png') center top no-repeat;
	font-size:.8em;
	text-align:left;
	width:100%;
	height:100%;
	position:absolute;
	text-align:center;	
}

#access a i {
	display:block;
	width:48px;
	text-align:center;	
	color:#fff;
	width:100%;
	height: 45px;
	padding-top: 1em;
	font-size: 1.3em;
	text-shadow:1px 1px 1px rgba(0,0,0,.2);
}

#access a span {
	display:block;
	position:absolute;	
	text-align:center;
	width:110px;
	left:50%;
	margin-left:-55px;
	background:rgba(0,0,0,.5);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:.6em 0;
	color:#fff;
	top:55px;
	display:none;
	transition:all .5s linear;
	-moz-transition:all .5s linear;
	-webkit-transition:all .5s linear;
	opacity:0;
}

#access a:hover span {
	display:block;	
	transition:all .5s linear;
	-moz-transition:all .5s linear;
	-webkit-transition:all .5s linear;
	opacity:1;
}

#access a span:before {
	content:'';
	position:absolute;
	border:10px solid transparent;
	border-bottom-color:rgba(0,0,0,.5);
	width:0;
	height:0;
	top:-20px;
	left:50%;
	margin-left:-10px;
}

#access li.menu-item-8 a i {
	padding-top:.9em;	
}



#header-social-links {
	xx_float:left;
	display:table-cell;	
	width:160px;
	display:none;
}


@media all and (min-width : 490px) {	
#header-social-links,
#header #menu-sep-right {
		display:table-cell;
}
}

#header .social-links li {
	float:left;	
}

#header .social-links a {
	width:40px;
	height:45px;
	display:block;
	float:left;
	background:url('images/menu-cutout-circle.png') center top no-repeat;
	color:#fff;
	padding-top:.7em;
	text-align:center;
	font-size:1.3em;
	text-shadow:1px 1px 1px rgba(0,0,0,.2);
}

#header .social-links .google-plus a {
	padding-top:.8em;
	font-size:1.2em;
}

#header .social-links a span {
	text-indent:-999em;
	display:block;
	position:absolute;
}





#below-header {
	position:relative;
	z-index:2;
}

#below-header .header-bg-container {
	background:#ccc;
	width:100%;
	overflow:hidden;
	position:relative;
}

.has-bg #below-header .header-bg-container {
	height:auto;
	transition:all .5s linear;
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	height:200px;
}


.has-bg.bg-youtube-embed-full #below-header .header-bg-container {
	height:750px;
	max-height:100%;
}

#below-header .header-bg {
	background:center top no-repeat;
	background-size:100% 100%;
	height:120%;
	top:-10%;
	left: -40%;
	position: absolute;
	width: 180%;
}

#below-header .header-bg img {
	width:100%; 
	height:auto; 
	left:0;;
	margin-left:0;
}

@media all and (min-width : 390px) {
.has-bg #below-header .header-bg-container {
	height:250px;
}
}

@media all and (min-width : 490px) {
#below-header .header-bg-container {
	height:300px;
}

.has-bg #below-header .header-bg-container {
	height:450px;
}
#below-header .header-bg {
	width:100%;
	left:0;
}

#below-header .header-bg img {
	min-width:1600px;
	position:absolute;
	left:50%;
	margin-left:-800px;
}
}

@media all and (min-width : 1599px) { 

#below-header .header-bg img {
	width:100%;
	left:auto;
	margin-left:0;
	margin-right:0;
}

}


/*
#below-header #bg-youtube-embed,
#below-header #bg-youtube-embed .video-wrapper {
	width:100%;
	height:200%;
	position:relative;
	margin-top:-50%;
}*/



#below-header #bg-youtube-embed {
	display:none;
    position: relative;
    width:100%;
	top:50%;
}
@media all and (min-width : 490px) {
#below-header #bg-youtube-embed {
	display: inline-block;
}
}

#below-header #bg-youtube-embed .dummy {
    margin-top: 75%; /* 4:3 aspect ratio */
}

#below-header #bg-youtube-embed .content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#below-header #bg-youtube-embed .content .video-wrapper {
	width:100%;
	height:100%;
	margin-top:-37.5%;
	position:absolute;
}



#below-header .header-bg iframe,
#below-header .header-bg object,
#below-header .header-bg embed {
	width:100%;
	height:100%;
}

#bg-youtube-embed-controls {
	position:absolute;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,.2);
	text-align:right;
	width:100px;
	height:100%;
	z-index:100;
	opacity:0;
	width:3.5em;
	font-size:1.1em;
	right:0;
}

#bg-youtube-embed-controls .top,
#bg-youtube-embed-controls .bottom {
	position:absolute;
}

#bg-youtube-embed-controls .top {
	top: .5em;
	right: .5em;
	
	top:46%;
}

#bg-youtube-embed-controls .bottom {
	bottom: .5em;
	right: .5em;
}

#bg-youtube-embed-controls a {
	color:#fff;	
	display:block;
	text-align:right;
	margin-bottom:.3em;
}

#bg-youtube-embed-controls .restart {
	display:inline-block;	
	
	display:block;
}

#bg-youtube-embed-controls .play {
	display:inline-block;	
	
	display:block;
}

#bg-youtube-embed-controls i span {
	display:none;	
}

#bg-youtube-embed-controls .mute.ismuted .text-mute,
#bg-youtube-embed-controls .mute .text-unmute,
#bg-youtube-embed-controls .play.isplaying .text-play,
#bg-youtube-embed-controls .play .text-pause,
#bg-youtube-embed-controls .fullscreen .text-small,
.bg-youtube-embed-full #bg-youtube-embed-controls .fullscreen .text-large {
	display:none;
}
#bg-youtube-embed-controls .mute .text-mute,
#bg-youtube-embed-controls .mute.ismuted .text-unmute,
#bg-youtube-embed-controls .play .text-play,
#bg-youtube-embed-controls .play.isplaying .text-pause,
.bg-youtube-embed-full #bg-youtube-embed-controls .fullscreen .text-small,
#bg-youtube-embed-controls .fullscreen .text-large {
	display:block;
}



#main {
	padding-top:45px;	
}

.has-bg #main {
	
}


#container {
	background:#fdfdfd;
	box-shadow:0 2px 15px rgba(0,0,0,.1);
	position:relative;
	z-index:20;
	min-height:400px;
	padding:5%;
	line-height:1.6em;
	transition:.5s linear margin;
	-moz-transition:.5s linear margin;
	-webkit-transition:.5s linear margin;
}

@media all and (min-width : 459px) {
#container {
	padding:40px;
}
}

body.has-bg #container {
	padding-top:40px;
	margin-top:-100px;
}


body.bg-youtube-embed-full #container {
	margin-top:40px;
}



#container #above-container-box {
	position:absolute;
	left:0;
	top:-1.7em;
	height:1.75em;	
	width:100%;
}

#container #above-container-box .sidebar-heading,
#container #above-container-box .article-category {
	bottom:0;
	position:absolute;
	color:#fff;
	font-size:2.4em;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing: -2px;
	line-height: .8em;
	text-shadow:0 -1px 1px rgba(0,0,0,.3);
}

#container #above-container-box .sidebar-heading a,
#container #above-container-box .article-category a {
	color:#fff;	
}

#container #above-container-box .sidebar-heading {
	font-size:1.8em;
	right: .1em;
	left:auto;
	text-align:right;
	display:none;
}

#container #above-container-box .article-category {
	font-size:1.8em;
	left:-.05em;
}


#container #primary {
	float:none;
	width:auto;
}

@media all and (min-width : 959px) {	

#container #above-container-box .sidebar-heading {
	display:block;
}

#container #above-container-box .article-category {
	font-size:2.4em;
}

#container #primary {
	float:right;
	width:26%;
}
}

.full-width-content #container #primary {
	width:100%;
	float:none;
}

#container #primary .post-list {
	
}

#container #primary .post-list .post-list-item {
	position:relative;
	margin-bottom:1.6em;
	clear:both;
}

#container #primary .post-list-item .category {
	color:#999;
	font-weight:bold;
	font-size:.8em;
}

#container #primary .post-list-item .category a {
	color:inherit;
}

#container #primary .post-list-item .thumb-container {
	height:130px;
	overflow:hidden;
	display:block;	
	margin-bottom:.5em;
	border:7px solid #fff;
	box-shadow:2px 0 3px rgba(0,0,0,.2);
	width:100%;
}

#container #primary .post-list-item .thumb {
	width:100%;	
	display:block;
}

#container #primary .post-list-item .title,
#container #primary .post-list-item .content {
	display:block;
}


#container #primary .post-list-item .title {
	color:#222;
	font-weight:bold;
}

#container #primary .post-list-item .content {
	color:#888;
	font-size:.8em;
}



@media all and (min-width : 450px) {
#container #primary .post-list .post-list-item {
	height:150px;
}
#container #primary .post-list-item .thumb-container {
	height:auto;
	overflow:visible;
	margin:0;
	width:auto;
	height:auto;
	float:right;
	margin-left:1em;
}
#container #primary .post-list-item .title,
#container #primary .post-list-item .content {
	overflow:hidden;
}
#container #primary .post-list-item .title {
	max-height:3.2em;
}
#container #primary .post-list-item .content {
	max-height:6em;
	color:#bbb;
}
}



@media all and (min-width : 959px) {

#container #primary .post-list-item .thumb-container {
	position:absolute;
	top:0;
	width:45%;
	height:auto;
	right:-18%;
	float:none;
	margin-left:0;
}
#container #primary .post-list-item .title,
#container #primary .post-list-item .content {
	padding-right:37%;	
}

}


#container #content {
	width:100%;
	min-height:400px;
	border-bottom:5px solid #ddd;
	margin-bottom:2em;
}

@media all and (min-width : 959px) {	
#container #content {
	float:left;
	width:70%;
	padding-right:40px;
	border-right:10px solid #ddd;
	border-bottom:none;
	margin-bottom:0;
}
}

.full-width-content #container #content {
	width:100%;
	float:none;
	padding-right:0;
	border:none;
}

#container h1,
#container .page-title {
	font-family:"Merriweather", Georgia, serif;
	font-size: 2em;
	text-transform: uppercase;
	margin-bottom: .2em;	
	line-height:1.6em;
	font-weight:bold;
	display:block;
}

#container .page-title {
	text-align:center;	
}


@media all and (min-width : 759px) {	
#container h1,
#container .page-title {
	font-size: 2.5em;
}
}

@media all and (min-width : 959px) {	
#container h1,
#container .page-title {
	font-size: 3em;
}
}


#container .category-title {
	text-align:left;
	font-size:1em;
	margin:0;
	padding:0;
}



.entry-content h2,
.entry-content .h2 {
	font-size:2.2em;
	margin-bottom:.2em;	
	font-weight:bold;
	color:#000;
	border-top:1px solid #ddd;
	padding-top:.7em;
	margin-top:1.3em;
	line-height:1.3em;
}


h2.numbered,
.h2.numbered {
	counter-increment: h2-num;
}

h2.numbered:before,
.h2.numbered:before {
	content: counter(h2-num, decimal) ". ";
}


h3.numbered,
.h3.numbered {
	counter-increment: h2-num;
}

h3.numbered:before,
.h3.numbered:before {
	content: counter(h2-num, decimal) ". ";
}



h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a {
	font-weight:inherit !important;
}

.entry-content h2,
.entry-content .h2,
.entry-content h3,
.entry-content .h3 {
	display:block;
	x_padding-top:.7em;
}

.entry-content h3,
.entry-content .h3 {	
	font-size:1.6em;
	font-weight:300;
	margin-top:.9em;
	margin-bottom:0.8em; _x:.4em;	
	border-top:none;
	
	font-weight:400;
	color:#444;
	line-height:1.3em;
	
	
}

.entry-content h4,
.entry-content .h4 {
	font-weight: 600;
	font-size:1em;
}




#container .entry-meta {
	margin-bottom:1.3em;
	color:#ddd;
	font-size:1.3em;
}

#container .meta-prep-entry-date {
	display:none;	
}

	
#container .entry-content {
	font-family: Georgia, sans-serif;
	color: #666;
	font-weight: 100;	
	padding-bottom:2.6em;
	word-wrap:break-word;
}
	
#container a {
	color:#000;	
	font-weight:bold;
}
	
#content a {
	color:inherit;	
	font:inherit;
	text-decoration:underline;
}

#container embed,
#container object,
#container iframe {
	width:100%;	
}





#fb-comments-container-inner, 
.fb-comments, 
.fb-comments iframe[style], 
.fb-comments span {
	x_width:100% !important;
}

#fb-comments-container-outer {
	text-align:center;	
}

#fb-comments-container-inner {
	display:inline-block;
	width:550px;
}



.single .article-social {
	padding:2em 0;
	text-align:center;
}

.single .article-social-bottom {
	x_display:none;
}

.single .article-social.fixed {
	position: fixed;
	right: 0;
	background: #fff;
	padding: 1em 1.5em .7em;
	z-index: 100;
	bottom: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	opacity: .7;
}

.single .article-social:hover {
	opacity:1;
}


.single .article-social > div {
	display:inline-block;
	margin:0 0.5em;
}

.single .article-social iframe {
	margin:0 !important;
}	

.single .article-social .fb-like span {
	width:51px !important;	
}

.fb-comments, 
.fb-comments span[style], 
.fb-comments iframe[style] {
	x_width: 100% !important;
}




#footer {
	text-align:center;
	color:#bbb;	
	padding:2em 0 3em;
	line-height:1.5em;
}

#footer p {
	display:block;	
}


@media all and (min-width : 750px) {	
#footer p {
	display:inline-block;
	padding:0 .5em;
}
}


#footer a {
	color:#999;	
}








#container #blog-menu {
	
}

#container #blog-menu ul {
	
}

#container #blog-menu ul li {
	text-align:center;
	width:50%;
	float:left;
}	

#container #blog-menu ul li h1 {
	margin:0;
	padding:0;	
}

@media all and (min-width : 449px) {	
#container #blog-menu ul li {
	width:33.333%;
}	
}

@media all and (min-width : 649px) {	
#container #blog-menu ul li {
	width:25%;
}	
}

@media all and (min-width : 999px) {	
#container #blog-menu ul li {
	width:12.5%;
}	
}

#container #blog-menu ul li a {
	color:#bbb;
	font-weight:normal;
	text-decoration:none;
}	


#container #blog-menu ul li a h1 {
	font-size:1em !important;
	color:inherit !important;
	font-weight:inherit !important;
	font:inherit !important;
	text-transform:inherit !important;
}

#container #blog-menu ul li.current-menu-item a {
	color:#222;
	font-weight:bold;
}


/* Portfolio Page */

.porfolio-columns {
	
}

.portfolio-columns .agency {
	font-size:.7em;
	color:#666;
}

.portfolio-columns .agency a {
	color:inherit !important;
}





/* Scenes */

.scene-container {
	position:relative; 
	overflow:hidden;
}



.scene-container .bottom-links {
	bottom:1em;
	right:1em;	
	position:absolute;
}

.scene-container .social-links .social-link {
	padding:.5em .5em;
	line-height:1.3em;
	border-radius:3em;
	-moz-border-radius:3em;
	-webkit-border-radius:3em;
	background:#333;
	color:#fff !important;
	font-size:1.4em;
	display:inline-block;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
}
.scene-container .social-links .social-link.facebook {
	background-color:#4469a7;
}

.scene-container .social-links .social-link.google-plus {
	background-color:#b72725;
}

.scene-container .social-links .social-link.twitter {
	background-color:#57d4fc;
}

.scene-container .social-links .social-link.linkedin {
	background-color:#006c99;
}

.scene-container .social-links .social-link.youtube {
	background-color:#ff554e;
}

.scene-container .social-links .social-link span {
	position:absolute;
	text-indent:-999em;	
}


.person {
	width:222px;
	height:319px;
	display:block;
	position:absolute;
}

.person .person-features {
	position:relative;
	width:222px;
	height:319px;	
}

.person .person-head {
	height:183px;
	position:relative;
	margin-top:42px;
}

.person .person-eyes-blinking {
	background:url('images/character-eyes-blink.png') left top no-repeat;
	width:126px;
	height:72px;
	position:relative;
	display:none;
}

.person .person-eyes-blinking:before {
	content:'';
	background:url('images/character-eyes-blink.png') -999em -999em no-repeat;
	width:0;
	height:0;
	visibility:hidden;
}

.person .person-eyes {
	background:url('images/character-eyes.png') left top no-repeat;
	position:absolute;
	width:126px;
	height:72px;
	left:50%;
	top:50%;
	margin-left:-63px;
	margin-top:-36px;
}
.person .person-eyes .person-pupils {
	position:relative;
	height:72px;
}
.person .person-eyes .person-pupils .person-pupil {
	position:absolute;	
	background:#222;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	top:52%;
	width:8px;
	height:8px;
	margin-top:-4px;
	margin-left:-4px;
}
.person .person-eyes .person-pupils .person-pupil-l {
	left:35%;
	
}
.person .person-eyes .person-pupils .person-pupil-r {
	left:65%;
}


.person.person-blinking .person-eyes {
	background:none;
}
.person.person-blinking .person-eyes-blinking {
	display:block;	
}
.person.person-blinking .person-eyes .person-pupils {
	display:none;
}



.person .person-mouth {
	background:url('images/character-mouth-plain.png') left top no-repeat;
	position:absolute;
	width:50px;
	height:25px;
	display:block;	
	left:50%;
	top:84%;
	margin-left:-25px;
	margin-top:-12px;
}

.person.person-excited .person-mouth {
	background:url('images/character-mouth-excited.png') left top no-repeat;
}



.person .person-items .person-item-phone {
	background:url('images/character-item-phone.png') left top no-repeat;
	width:52px;
	height:70px;
	display:block;
	position:absolute;	
	margin-left:-35px;
	margin-top:-26px;
	text-indent:-999em;
	left:83%;
	top:65%;
}



.thought-bubble,
.thought-bubble:before,
.thought-bubble:after {
	display:block;
	background:#fff;
    -moz-border-radius: 100% / 100%;
    -webkit-border-radius: 100% / 100%;
    border-radius: 100% / 100%;
	box-shadow:2px 2px 0 rgba(0,0,0,.05);
	/*-webkit-backface-visibility: hidden;
  -webkit-transition: translate3d(0,0,0);
  -webkit-font-smoothing: none;*/
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

.thought-bubble:hover {
	transform:scale(1.05, 1.05);
	-moz-transform:scale(1.05, 1.05);
	-webkit-transform:scale(1.05, 1.05);
}

.thought-bubble {
	width:300px;
	height:150px;
	position:relative;
}

.thought-bubble:before,
.thought-bubble:after {
	content:'';
	position:absolute;
	display:none;	
}

.thought-bubble:before {
	width:18%;
	height:18%;
	left:90%;
	top:90%;
}
.thought-bubble:after {
	width:8%;
	height:8%;
	left:110%;
	top:110%;
}

.thought-bubble:hover:before {
	transform:scale(.95, .95);	
	-moz-transform:scale(.95, .95);	
	-webkit-transform:scale(.95, .95);	
	left:86%;
	top:86%;
}

.thought-bubble:hover:after {
	left:106%;
	top:106%;
	transform:scale(.95, .95);
	-moz-transform:scale(.95, .95);	
	-webkit-transform:scale(.95, .95);		
}

.thought-bubble.thought-bubble-right:before {
	left:auto;
	right:90%;
}
.thought-bubble.thought-bubble-right:after {
	left:auto;
	right:110%;
}
.thought-bubble.thought-bubble-right:hover:before {
	left:auto;
	right:86%;
}
.thought-bubble.thought-bubble-right:hover:after {
	left:auto;
	right:106%;
}



.thought-bubble .content {
	position:absolute;
	text-align:center;
	padding:10%;
	width:100%;
	height:100%;
}

.thought-bubble .content h3,
.thought-bubble .content .title {
	margin:.3em 0 .3em;
	padding:0;
	font-size:2em;
}

.thought-bubble .content .subtitle {
	color:#888;
}




/* Home */
body.home #home-scene-container .scene-bg {
	background:#e5e4e4 url('images/bg-south-park.jpg') left top no-repeat;
	background-size:auto 100%;
	height:390px;
	width:100%;
	opacity:.3;
}
body.home #home-scene-container a {
	color:#222;	
}
body.home #home-scene-container .person {
	background:left top no-repeat;
	position:absolute;	
}
body.home #home-scene-container .person-ryan {
	background:url('images/character-ryan-base.png') left top no-repeat;
	left:50%;
	top:65%;
	margin-top:-190px;
	margin-left:-111px;
}

body.home #home-scene-container .person-ryan .thought-bubble-container {
	position:absolute;
	width:100%;
	height:100%;
	display:none;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble {
	position:absolute;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-1 {
	left:-210px;
	top:-170px;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-2 {
	left:-260px;
	top:0;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-3 {
	right:-210px;
	top:-170px;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-4 {
	right:-260px;
	top:0;
}


@media all and (min-width : 449px) {
body.home #home-scene-container .scene-bg {
	height:auto;
	min-height:664px;;
}
body.home #home-scene-container .person-ryan {
	margin-top:-150px;
}

}



@media all and (min-width : 590px) {
body.home #home-scene-container .person-ryan .thought-bubble-container {
	display:block;
}
}

@media all and (min-width : 785px) {
	
.thought-bubble:before,
.thought-bubble:after {
	display:block;
}
	
}

@media all and (min-width : 760px) {
body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-1 {
	left:-280px;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-2 {
	left:-320px;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-3 {
	right:-280px;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-4 {
	right:-320px;
}
}

@media all and (min-width : 900px) {
body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-1 {
	left:-330px;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-2 {
	left:-430px;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-3 {
	right:-330px;
}

body.home #home-scene-container .person-ryan .thought-bubble-container .thought-bubble-4 {
	right:-430px;
}
}



@media all and (min-width : 1450px) {
body.home #home-scene-container .scene-bg {
	background-size:100% auto;
}
}


body.home #container {
	display:none;
}