/*
	Bam Themes HTML5 Reset
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements: 
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*, 
*:before, 
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {
	overflow-y: scroll;
	overflow-x: hidden;
	max-width: 100%;
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

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

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
/*
	Bam Themes Steeple Styles
*/
html, body {
	height:100%
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height:22px;
}

body,select,input,textarea {
	color:#22272A
}

a {
	color:#03f;
	text-decoration:none;
	-webkit-transition:all .14s ease-in-out;
	-moz-transition:all .14s ease-in-out;
	-o-transition:all .14s ease-in-out;
	transition:all .14s ease-in-out
}

a:hover {
	color:#22272a;
	text-decoration:none
}

h1,h2,h3,h4,h5,h6 {
	color:#22272A;
	font-weight:700;
	margin-bottom:10px
}

h1 {
	font-size:37px;
	line-height:42px
}

h2 {
	font-size:22px;
	line-height:27px
}

h3 {
	font-size:25px;
	line-height:30px
}

h4 {
	font-size:20px;
	line-height:25px
}

h5 {
	font-size:16px;
	line-height:21px
}

h6 {
	font-size:14px;
	line-height:19px
}

ul,ol {
	padding-left:30px
}

b,strong {
	font-weight:700
}

blockquote {
	border-left:3px solid rgba(0,0,0,0.3);
	padding-left:10px;
	margin:10px 0
}

.container {
	width:100%;
	margin:0 auto;
	padding:0 10px;
	padding-top: 1px;
}

body.layout-standard .container, ul#posts.layout-standard li.post, body.permalink ul#posts li.post {
	max-width:900px;
}

body.layout-narrow .container, ul#posts.layout-standard li.post, body.permalink ul#posts li.post {
	max-width:650px;
}

body.layout-wide .container, ul#posts.layout-standard li.post, body.permalink ul#posts li.post {
	max-width:1200px;
}

ul#posts.layout-standard li.post,body.permalink ul#posts li.post {
	width: 100%!important;
	margin: 0 auto 60px auto;
}

header#main-head {
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	z-index: 10;
	padding: 35px 0;
}

#big-bg {
	height: 100%;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

header#main-head .container, .social-menu {
	position: relative;
	z-index: 100;
}

.navigation {
    display: block;
    float: right;
    margin: 10px 5px 0 0;
}

.navigation #toggle-nav {
	border: none;
	background: transparent;
	outline: none;
	display: inline-block;
	width: 31px;
	height: 24px;
	position: relative;
	z-index: 999;
}

.navigation #toggle-nav .fa.fa-bar {
    color: #fff;
    font-size: 22px;
    display: block;
}

.navigation .fa {
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.navigation #search-toggle {
	border: none;
	background: transparent;
	outline: none;
	z-index: 20;
	display: inline-block;
	width: 32px;
	height: 24px;
	position: relative;
}
.navigation #search-toggle .fa.fa-search, .navigation #search-toggle .fa.fa-times, .navigation #toggle-nav .fa-bars, .navigation #toggle-nav .fa-times {
	color: #fff;
	font-size: 22px;
	display: block;
	position: absolute;
	top: 0;
}

body.show-search .navigation #search-toggle .fa.fa-times, #search-toggle .fa.fa-search, .navigation #toggle-nav .fa-bars, .navigation #toggle-nav.active .fa-times {
	opacity: 1;
	display: block;
}
.navigation #search-toggle .fa.fa-times, body.show-search #search-toggle .fa.fa-search, .navigation #toggle-nav.active .fa-bars, .navigation #toggle-nav .fa-times {
	opacity: 0;
}

.vertical-center {
	position:absolute;
	display:table;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10
}

.header-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

header#main-head a.title-link {
	display: block;
}

.blog-description {
	color: #fff;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 28px;
	margin-top: 15px;
}

.blog-description p {
	margin-right: auto;
	margin-left: auto;
	display: block;
	max-width: 650px;
	font-weight: 300;
	font-style: italic;
}

header#main-head .avatar {
	position: relative;
	z-index: 20;
}

.avatar.square a img {
	border-radius: 0;
}

.avatar a {
    display: inline-block;
}

.avatar a img {
    border-radius: 50%;
    border: 4px solid #fff;
    display: block;
}

ul.social-icons {
    padding: 0;
    margin-bottom: 80px;
}
ul.social-icons li {
    display: inline-block;
}
ul.social-icons li a {
    display: block;
    padding: 4px;
    color: #fff;
}
ul.social-icons li a:hover {
	color: #d0d0da;
}
ul.social-icons li a i {
    font-size: 35px;
}

.arrow-down {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 85px;
    text-align: center;
}

.arrow-down i {
	font-size: 80px;
	color: #fff;
	position: relative;
	z-index: 20;
	-webkit-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-moz-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-o-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.arrow-down i.wiggle,.arrow-down i:hover {
	-webkit-transform: scale(1.2) rotate(0deg);
	-moz-transform: scale(1.2) rotate(0deg);
	-o-transform: scale(1.2) rotate(0deg);
	-ms-transform: scale(1.2) rotate(0deg);
	transform: scale(1.2) rotate(0deg);
}

body.nav {
	-webkit-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-moz-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-o-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	left: 0;
	position: relative;
}

body.push-left {
	left: -380px;
	position: relative;
	overflow-y: hidden;
} 

.popup-nav {
	background-color: #232329;
	padding: 90px 50px 50px 50px;
	position: fixed;
	width: 400px;
	height: 100%;
	right: -400px;
	overflow: hidden;
	overflow-y: auto;
	-webkit-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-moz-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-o-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.popup-nav ul.nav {
	position: relative;
	margin-bottom: 80px;
	list-style: none;
	top: 0;
	width: 100%;
	overflow: hidden;
}

.popup-nav ul.nav li {
	display: block;
}

.popup-nav ul.nav li a {
	display: block;
	width: 100%;
	padding: 10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
}

.popup-nav ul.nav li:before {
	display: inline-block;
	position: absolute;
	content: '\f0da';
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size: 14px;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 14px;
	left: 0;
}

.popup-nav.nav-on {
	right: -20px;
}

#twitter {
	position: relative;
	padding-top: 20px;
    margin-bottom: 80px;
}

#twitter h4 a {
	color: #fff;
	font-weight: 400;
	margin-bottom: 15px;
	display: block;
}

#twitter h4 a:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 0;
    border-top-width: 1px;
    border-top-style: solid;
    top: 0;
    left: 0;
}

#twitter a:hover {
    opacity: 0.8;
}

#twitter #tweets a {
    padding-bottom: 15px;
    display: block;
    color: #FFF;
}

.instagram {
    position: relative;
    padding-top: 20px;
}

.instagram .insta-token {
	display: none;
}

.instagram h4 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
    display: block;
}

.instagram h4:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 0;
    border-top-width: 1px;
    border-top-style: solid;
    top: 0;
    left: 0;
}

.instagram #instafeed a {
	float: left;
	width: 48%;
	margin: 0;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.instagram #instafeed a img {
	margin: 0;
	-webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
	-moz-transition: opacity .3s ease,-moz-transform .3s ease;
	-o-transition: opacity .3s ease,-o-transform .3s ease;
	transition: opacity .3s ease,transform .3s ease;
	-webkit-backface-visibility: hidden;
	display: block;
}

.instagram #instafeed a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    opacity: .8;
}

.site-info {
	display:table-cell;
	vertical-align:middle;
	text-align:center
}

.brand img {
	float:left;
	padding-right:10px
}

header#main-head h1.blog-title {
	color: #fff;
	opacity: 1;
	-webkit-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-moz-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-o-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

header#main-head h1.blog-title:hover {
	opacity: 0.8;
}

.circle img {
	border-radius:100%
}

ul.nav {
	margin:10px 0 0;
	padding:0
}

ul.nav li {
	display:inline-block;
	padding:0 8px 0 0;
	position: relative;
}

ul.nav li a {
	color:#444
}

ul.nav li a:hover {
	color:#d0d0da
}

ul#posts {
	padding:0;
	margin-top: 50px;
}

ul#posts li.post {
	background:#fff;
    width: 32.5%;
}

ul#posts li.post .post-inner {
	padding: 20px 20px 0 20px;
	margin-bottom: 10px;
}

ul#posts li.post .post-inner.photo, ul#posts li.post .post-inner.photoset {
	padding: 0;
	margin: 0;
}

ul#posts li.post .post-inner.video,ul#posts li.post .post-inner.audio {
	padding: 0;
}

ul#posts li.post .post-inner.photo p, ul#posts li.post .post-inner.photoset p {
    margin: 10px;
}
ul#posts li.post .post-inner.photo blockquote, ul#posts li.post .post-inner.photoset blockquote {
    margin: 10px;
    padding: 0;
}

ul#posts li.post.featured {
	width: 66.3%;
}

.post-gutter {
	width: 1.25%;
}

.alternate.video iframe {
	width:100%
}

ul#posts img {
	width:100%;
	height:auto;
	display: block;
}

.post h3 {
	font-size:30px;
	font-weight:600;
	margin-bottom:10px
}

.posted {
	color: #fff;
	margin: 0 15px 0 0;
	float: left;
	font-weight: bold;
	opacity: .3;
	-webkit-transition: all .14s ease-in-out;
	-moz-transition: all .14s ease-in-out;
	-o-transition: all .14s ease-in-out;
	transition: all .14s ease-in-out;
}

.posted:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f017";
	padding: 0 5px 0 1px;
	font-weight: bold;
}

.posted:hover {
	opacity: 1;
}

ul.icons {
	padding:0;
	margin:0 0 0 0;
	float:right
}

ul.icons li {
	float:left;
	margin-right:10px;
	opacity:.3;
	-webkit-transition:all .14s ease-in-out;
	-moz-transition:all .14s ease-in-out;
	-o-transition:all .14s ease-in-out;
	transition:all .14s ease-in-out
}

ul.icons li:hover {
	opacity:1
}

ul.icons li:last-child {
	margin-right:0
}

ul.icons li.sharer {
	position:relative;
	margin-right:5px;
	cursor:pointer
}

ul.icons li.sharer .sharer-wrap {
	position:absolute;
	text-align:center;
	bottom:100%;
	width:150px;
	left:-42px;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all .14s ease-in-out;
	-moz-transition:all .14s ease-in-out;
	-o-transition:all .14s ease-in-out;
	transition:all .14s ease-in-out
}

ul.icons li.sharer:hover .sharer-wrap,ul.icons.active .sharer-wrap {
	opacity:1;
	visibility:visible
}

ul.icons li.sharer a {
	color: #fff;
	font-size: 15px;
	padding: 3px 6px 0 0;
	display: inline-block;
}

ul.icons li.reblog a,ul.icons li.like iframe {
	width:15px!important;
	height:16px!important;
	margin-top:3px
}

.icons li.sharer ul:after {
	content: '';
	position: absolute;
	bottom: -7px;
	right: 16px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid transparent;
	border-top-color: #31323a;
}

.the-link {
	background-color:#f2992e;
	display:block;
	color:#fff;
	font-size:20px;
	font-weight:700
}

.the-link:hover {
	background:#30363c;
	color:#fff
}

a.the-link .the-link-block {
	padding:37px 30px
}

a.the-link .the-link-block span {
	font-size:15px;
	display:block;
	opacity:.7;
	font-weight:400;
	text-transform:none;
	margin-top:10px;
	word-break:break-all
}

.post.link .description {
	margin-top:15px
}

.post-bottom {
	padding: 10px 20px;
	border-top: 1px solid #eee;
}

ul.icons li.sharer .sharer-wrap ul {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 5px 8px;
	list-style: none;
	z-index: 10;
	background: #31323a;
	border-radius: 4px;
}

ul.icons li.sharer .sharer-wrap ul li {
	width:32px;
	height:35px;
	padding-top:7px;
	margin:0;
	opacity: 1;
}

ul.icons li.sharer .sharer-wrap ul li:hover {
	opacity: 0.5;
}

ul.icons li.sharer .sharer-wrap ul li.twitter a {
	font-size: 22px;
	padding: 0;
	color: #ffffff;
}

ul.icons li.sharer .sharer-wrap ul li.facebook a {
	font-size: 20px;
	padding: 1px;
	color: #ffffff;
}

ul.icons li.sharer .sharer-wrap ul li.google a {
	font-size: 20px;
	padding: 2px;
	color: #ffffff;
}

ul.icons li.sharer .sharer-wrap ul li.pintrest a {
	padding: 0 0 0 2px;
	font-size: 22px;
	color: #ffffff;
}

.reblogged,.submitted {
	margin: 20px 20px 10px 20px;
}

.reblogged img,.submitted img {
	float:left;
	margin:0 5px 0 0;
	width:auto!important;
	-webkit-transition:all .14s ease-in-out;
	-moz-transition:all .14s ease-in-out;
	-o-transition:all .14s ease-in-out;
	transition:all .14s ease-in-out
}

.reblogged a,.submitted a {
	line-height:23px;
	color:#111
}

.reblogged:hover a,.submitted:hover a {
	color:#aaa
}

.reblogged:hover img,.submitted:hover img {
	opacity:.5
}

.comment-link {
	margin-right: 8px!important;
}

.comment-link a {
	color: #000;
	font-size: 17px;
}

ul#tag {
	margin-top:35px;
	padding:0
}

ul#tag li {
	float:left;
	margin:0 10px 10px 0
}

ul#tag li a:hover {
	color:#000;
	opacity:1
}

.caption {
	margin-top:20px
}

.quote .quote-text {
	font-size:40px;
	line-height:1.4
}

.quote .source {
	margin-top:20px
}

.social-menu {
	padding: 0;
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
}

.social-menu li {
	display:inline-block
}

.social-menu li a {
	display:block;
	font-size:15px;
	width:38px;
	text-align:center;
	padding:8px 0;
	margin-bottom:3px;
	background:#222;
	color:#fff
}

.social-menu.circle li a {
	border-radius:50%
}

.social-menu li a:hover {
	opacity: 0.5;
}

.big-search {
    -webkit-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
    -moz-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
    -o-transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
    transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background-color: #fff;
    margin-top: -128px;
}
body.show-search .big-search {
	margin-top: 0;
}
.big-search .search {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
    padding: 42px 20px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.big-search .search .search-border {
	position: relative;
    float: right;
    text-align: right;
    font-size: 19px;
    letter-spacing: -1px;
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-backface-visibility: hidden;
}

.search .search-border {
	border:1px solid #aaa;
	display: inline-block;
	background: #fff;
}

.search .search-border input {
	border:none;
	padding:10px;
	outline: none;
	border-bottom: 2px solid #A9A9A9;
}

.search .search-border button {
    background: transparent;
    border: none;
    outline: none;
    display: inline-block;
    width: 25px;
    height: 30px;
    padding: 0;
    position: absolute;
    top: 5px;
    right: 0;
}

.search .search-border button i.fa {
    padding: 0;
    font-size: 18px;
}

.photo .photo-hide,.panorama .photo-hide {
	display: none;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.photoset-cell a {
    overflow: hidden;
    display:block;
}

.photo .photo-hide img,.panorama .photo-hide img,.photoset-cell a img {
    margin: 0;
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    -moz-transition: opacity .3s ease,-moz-transform .3s ease;
    -o-transition: opacity .3s ease,-o-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    -webkit-backface-visibility: hidden;
}

.photo .photo-hide:hover img, .panorama .photo-hide:hover img,.photoset-cell a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);  opacity: .8;
}

.photo.post-link .photo-post {
	display:block
}

.photo.image .photo-image {
	display:block
}

.photo.lightbox .photo-lightbox {
	display:block
}

.photo.none .photo-none {
	display:block
}

.panorama.post-link .panorama-post {
	display:block
}

.panorama.image .panorama-image {
	display:block
}

.panorama.none .panorama-none {
	display:block
}

/* Grid */
.row {
	clear:both;
	padding:0;
	margin:0
}

.row:before,.row:after {
	content:"";
	display:table
}

.row:after {
	clear:both
}

.row {
	zoom:1
}

.col {
	display:block;
	float:left;
	margin:1% 0 1% 1.6%
}

.col:first-child {
	margin-left:0
}

.span-12 {
	width:100%
}

.span-11 {
	width:91.53%
}

.span-10 {
	width:83.06%
}

.span-9 {
	width:74.6%
}

.span-8 {
	width:66.13%
}

.span-7 {
	width:57.66%
}

.span-6 {
	width:49.2%
}

.span-5 {
	width:40.73%
}

.span-4 {
	width:32.26%
}

.span-3 {
	width:23.8%
}

.span-2 {
	width:15.33%
}

.span-1 {
	width:6.86%
}

.text-left {
	text-align:left
}

.text-right {
	text-align:right
}

.text-center {
	text-align:center
}

.text-justify {
	text-align:justify
}

.pagination.standard {
    margin-left: -10px;
    margin-right: -10px;
}

.paginationcont {
	margin-top:5px
}

.pagination {
	text-align:center;
	margin-top:20px
}

.pagination a {
	padding:30px 10px;
	display:block;
	margin-bottom:10px;
	text-align: center;
}

.pagination a span {
	text-align: center;
}

.pagination a:hover {
	background:#F2992E;
	color:#fff
}

.pagination.standard .pagination-next {
	width:48%;
	float:right
}

.pagination.standard .pagination-previous {
	width:48%;
	float:left
}

.pagination.standard .pagination-next span.standard,.pagination.load .pagination-next span.load,.pagination.load.loading .pagination-next span.loading {
	display:block
}

.pagination.standard .pagination-next span.load,.pagination.load .pagination-next span.standard,.pagination .pagination-next span.loading,.pagination.load.loading .pagination-next span.load {
	display:none
}

.pagination.infinite {
	display:none
}

.footer {
	padding:80px 0;
	text-align: center;
}

.chat ul {
	padding:0
}

.chat ul li {
	border-top:2px solid #ecf0f1;
	padding:12px 0
}

.video iframe,.audio iframe {
	position:relative;
	display:block;
	width:100%
}

.post-notes {
	width:100%;
	margin-top:25px
}

.post-notes .note-count {
	font-size:11px
}

.post-notes ol {
	list-style:none;
	padding:0
}

.post-notes li {
	display:block;
	padding:7px 0;
	font-size:13px;
	line-height:15px
}

.post-notes .avatar_frame {
	float: left;
	margin-right:5px
}

.post-notes li img.avatar {
	width: 16px!important;
	height: 16px!important;
	padding: 0;
	margin: 0;
}

.post-notes blockquote {
	margin:10px 0 10px 30px
}

.previous-post {
	position: absolute;
	left: 0;
	top: 100%;
}

.next-post {
	position: absolute;
	right: 0;
	top: 100%;
}

a.post-link {
	padding: 2px 12px 0;
	opacity: .3;
	color: #FFF;
	display: block;
	line-height: 40px;
	font-size: 20px;
}

a.post-link i {
	font-size: 75px;
}

a.post-link:hover {
	opacity:1;
	color:#FFF
}

.next-post a.post-link {
	padding-left: 15px;
}

.answer img,.answer .answer-image {
	display:inline-block;
	width:auto!important
}

.answer-person {
	display:inline-block;
	margin:12px 0 0 10px;
	font-size:17px;
	vertical-align:top
}

.answer .answer-text {
	margin:15px 0;
	color:#111;
	font-size:120%
}

.answer-wrap p {
	font-size:120%
}

.answer hr {
	height:2px;
	border-top:2px solid #AAA
}
.back-to-top {
    text-align: center;
}
.back-to-top a {
    font-size: 65px;
	color: #000000;
	opacity: 0.3;
    padding: 0 0 8px 0;
}
.back-to-top a:hover {
    opacity: 1;
}

/* Responsive */
@media screen and (max-width: 938px) {
ul#posts li.post {
	width: 48.75%;
}
ul#posts li.post.featured {
	width: 98.7%;
}
.post-gutter {
	width: 1.25%;
}
.popup-nav {
	width: 280px;
}
body.push-left {
	left: -260px;
}
}
@media screen and (max-width: 520px) {
.col {
	margin:1% 0
}

.span-12 {
	width:100%
}

.span-11 {
	width:100%
}

.span-10 {
	width:100%
}

.span-9 {
	width:100%
}

.span-8 {
	width:100%
}

.span-7 {
	width:100%
}

.span-6 {
	width:100%
}

.span-5 {
	width:100%
}

.span-4 {
	width:100%
}

.span-3 {
	width:100%
}

.span-2 {
	width:100%
}

.span-1 {
	width:100%
}
ul#posts li.post {
	width: 100%;
	margin-bottom: 30px;
}
ul#posts li.post.featured {
	width: 100%;
	margin-bottom: 30px;
}
.post-gutter {
	width: 0;
}
.popup-nav {
	width: 200px;
}
body.push-left {
	left: -180px;
}
.popup-nav {
	padding: 50px 25px 20px 20px;
}
.instagram #instafeed a {
	width: 100%;
}
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,#cboxOverlay,#cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden
}

#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%
}

#cboxMiddleLeft,#cboxBottomLeft {
	clear:left
}

#cboxContent {
	position:relative
}

#cboxLoadedContent {
	overflow:auto
}

#cboxTitle {
	margin:0
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
	cursor:pointer
}

.cboxPhoto {
	float:left;
	margin:auto;
	border:0;
	display:block
}

.cboxIframe {
	width:100%;
	height:100%;
	display:block;
	border:0
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background:#000
}

#colorbox {
	outline:none
}

#cboxContent {
	margin-top:32px;
	overflow:visible
}

#cboxError {
	padding:50px;
	border:1px solid #ccc
}

#cboxLoadedContent {
	background:#000;
	padding:1px;
	overflow:hidden!important
}

#cboxLoadingGraphic {
	background:url(http://static.tumblr.com/fftf9xi/rkklqu1ni/loading.gif) no-repeat center center
}

#cboxLoadingOverlay {
	background:#000
}

#cboxTitle {
	position:absolute;
	top:-22px;
	left:0;
	color:#fff
}

#cboxCurrent {
	position:absolute;
	top:-22px;
	right:205px;
	text-indent:-9999px
}

#cboxSlideshow,#cboxPrevious,#cboxNext,#cboxClose {
	text-indent:-9999px;
	width:20px;
	height:20px;
	position:absolute;
	top:-20px;
	background:url(http://static.tumblr.com/fftf9xi/1dslqu1o1/controls.png) no-repeat 0 0;
	border:none;
	outline:none
}

#cboxPrevious {
	background-position:0 0;
	right:44px
}

#cboxPrevious:hover {
	background-position:0 -25px
}

#cboxNext {
	background-position:-25px 0;
	right:22px
}

#cboxNext:hover {
	background-position:-25px -25px
}

#cboxClose {
	background-position:-50px 0;
	right:0
}

#cboxClose:hover {
	background-position:-50px -25px
}

.cboxSlideshow_on #cboxPrevious,.cboxSlideshow_off #cboxPrevious {
	right:66px
}

.cboxSlideshow_on #cboxSlideshow {
	background-position:-75px -25px;
	right:44px
}

.cboxSlideshow_on #cboxSlideshow.hover {
	background-position:-100px -25px
}

.cboxSlideshow_off #cboxSlideshow {
	background-position:-100px 0;
	right:44px
}

.cboxSlideshow_off #cboxSlideshow.hover {
	background-position:-75px -25px
}

.cboxElement {
	outline:none
}

#infscr-loading img {
	width:auto!important;
	height:auto!important
}
a.post-author {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	z-index: 20;
}
a.post-author img {
	width: 85px!important;
	display: inline-block!important;
}