@charset "UTF-8";
/* BROWSER RESET CODE */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	/* -webkit-text-size-adjust:none; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
    font-family: 'stmarie';
    src: url('../../fonts/stmarie/StMarie-Thin-webfont.eot');
    src: url('../../fonts/stmarie/StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/stmarie/StMarie-Thin-webfont.woff') format('woff'),
         url('../../fonts/stmarie/StMarie-Thin-webfont.ttf') format('truetype'),
         url('../../fonts/stmarie/StMarie-Thin-webfont.svg#st_marie_thinthin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ArvoRegular';
    src: url('../../fonts/arvo/Arvo-Regular-webfont.eot');
    src: url('../../fonts/arvo/Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/arvo/Arvo-Regular-webfont.woff') format('woff'),
         url('../../fonts/arvo/Arvo-Regular-webfont.ttf') format('truetype'),
         url('../../fonts/arvo/Arvo-Regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family:'ArvoRegular', 'stmarie', Georgia, sans-serif;
	font-size:13px;
	color:#6e6e6e;
}
body.popped {
	overflow: hidden;
}
button {
	font-family: 'ArvoRegular', 'stmarie', Georgia, sans-serif;
	cursor: pointer;
}
a {
	color:#ca8a82;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

.restraint {
	width:980px;
	margin:0 auto;
	padding:25px 20px 5px;
}
#sidebar {
	width:228px;
	padding-right:5px;
	position:fixed;
	left:50%;
	top:30px;
	margin-left:-490px;
}
@media screen and (max-width: 980px), screen and (max-height: 640px){
  #sidebar {
	  position:relative;
	  top:5px;
	  float:left;
  }
}
#content {
	width:747px;
	padding:20px 0 0;
	float:left;
	margin-left:233px;
}

#logo {
	margin:60px 0 20px;
}
#nav {
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
	padding:1px 0;
}
#nav li {
	background:#454545;
	height:30px;
	margin:1px 0;
	
	
}
#nav a {
	color:white;
	position: relative;
	display:block;
	height:22px;
	padding:8px 10px 0;
}
#nav a:hover {
	text-decoration: none;
}
#nav .indicator {
	-webkit-transition:height 0.25s ease-out;
	-o-transition:height 0.25s ease-out;
	-moz-transition:height 0.25s ease-out;
	transition:height 0.25s ease-out;
	width:100%;
	height:0;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
}
#nav li.active .indicator, #nav li:hover .indicator {
	height: 100%
}
#nav .home .indicator {
	background:#b5ca82;
}
#nav .map .indicator {
	background:#ca8a82;
}
#nav .story .indicator {
	background:#82abca;
}
#nav .photos .indicator {
	background:#82cabd;
}
#nav .contact .indicator {
	background:#cab182;
}
/*---------- EVERY ELEMENT THAT USES THE MAIN SPRITE ------------*/
#nav .icon, #nav .accessory, #social img, .bar .icon, button .chevron, .post_filter li.active img, .entry .info .icon, .haze .entry .close, .haze .info .icon, .new {
	background-image:url(../../images/core/1.png?v=5);
	background-repeat:no-repeat;
}
#nav .icon {
	margin-right:5px;
}
#nav .indicator .icon {
	position:relative;
	top:8px;
	left:10px;
}
#nav .home .indicator .icon {
	background-position:-58px 0;
}
#nav .map .icon {
	background-position:-12px 0;
}
#nav .map .indicator .icon {
	background-position:-70px 0;
}
#nav .story .icon {
	background-position:-76px -122px;
	margin:0 8px 0 0;
}
#nav .story .indicator .icon {
	background-position:-86px -122px;
	margin:0 8px 0 0;
}
#nav .photos .icon {
	background-position:-76px -134px;
	margin:0 8px 0 0;
}
#nav .photos .indicator .icon {
	background-position:-91px -134px;
	margin:0 8px 0 0;
}
#nav .contact .icon {
	background-position:-28px 0;
}
#nav .contact .indicator .icon {
	background-position:-86px 0;
}
#nav li span {
	position:relative;
}
#nav .accessory {
	float:right;
	background-position:-39px 0;
	position:relative;
	top:-1px;
}
#social {
	width:192px;
	margin:0 auto;
	padding:20px 0;
	height:31px;
}
#social li {
	float:left;
	margin:5px;
}
#social img {
	background-position:1px -17px;
}
#social .facebook {
	background-position:-21px -17px;
}
#social .tumblr {
	background-position:-42px -17px;
}
#social .gplus {
	background-position:-64px -17px;
}
#social .instagram {
	background-position:-85px -17px;
}
#social .youtube {
	background-position:-108px -17px;
}
#social .flickr {
	background-position:-53px -123px;
}
#footer {
	border-top:1px solid #454545;
	font-size:11px;
	padding:20px 0;
	line-height: 1.4em;
}
#footer p {
	margin-bottom:5px;
}

.bar {
	height:40px;
	margin:0 0 5px 0;
	position: relative;
}

.bar .icon {
	background-position: 0 -39px;
	float:left;
	margin:3px 0 0 5px;
}
#map .bar .icon {
	background-position:-31px -39px;
}
#contact .bar .icon {
	background-position:-63px -39px;
}
#story .bar .icon {
	background-position:-95px -39px;
}
#page_note {
	font-size:18px;
	float:left;
	margin:10px 0 0 6px;
	width:0;
	overflow: hidden;
}
.bar .filter {
	float:right;
}
.bar .select {
	margin:5px 0 0 7px;
	width:100px;
}
button.select {
	padding:5px 15px;
	background:#454545;
	border:none;
	box-shadow: none;
	position:relative;
	color:white;
	text-align: left;
	height:30px;
	z-index: 100;
	font-size:11px;
	overflow: visible;
}
button .chevron {
	background-position:-98px 0;
	float:right;
	margin:6px 0 0 0;
}

.post_filter {
	position: absolute;
	width:100px;
	top:35px;
	right:0;
	z-index: 50;
	display:none;
	opacity:0;
}
.post_filter li {
	background:#5d5d5d;
	border-top:1px solid white;
}
.post_filter a {
	color:white;
	display:block;
	height:100%;
	padding:5px 0 5px 15px;
	-webkit-transition-property:background-color, color;
	-webkit-transition-duration: 0.3s;
	-o-transition-property:background-color, color;
	-o-transition-duration: 0.3s;
	-moz-transition-property:background-color, color;
	-moz-transition-duration: 0.3s;
	transition-property:background-color, color;
	transition-duration: 0.3s;
	position: relative;
}
.post_filter a:hover {
	text-decoration: none;
	background:#f4f4f4;
	color:#454545;
}
.post_filter li.active img {
	position: absolute;
	background-position:-105px 0;
	top:9px;
	right:10px;
}
.post_filter li.active:hover img {
	background-position:-113px 0;
}



/*---------- POSTS ------------*/
.entry {
	background:#f4f4f4 center center;
	float:left;
	margin:0 0 5px 5px;
	overflow: hidden;
	line-height: 1.5;
	position: relative;
	opacity:0;
	background-size:cover;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
	cursor: pointer;
}
.entry.left {
	float:left;
}
.entry.right {
	float:right;
}
.entry.in_view {
	opacity:1;
}
.entry.active {
	z-index: 10;
	position: absolute;
}
.entry .content {
	padding:20px;
	margin:0 0 50px 0;
	height:255px;
	overflow: hidden;
	position: relative;
}
.entry h2, .entry h1 {
	margin-bottom:20px;
	font-size:20px;
}
.entry .content p {
	margin:10px 0;
}
.entry .content img {
	max-width:100%;
}
.entry .overflow_gradient {
	position:absolute;
	bottom:0;
	left:0;
	height:20px;
	width:100%;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,0)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */
filter:none;
}
.entry .info {
	padding:15px 20px;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.entry .info .icon {
	margin:0 15px 0 0;
	width:24px;
	height:24px;
	background-position:0px -71px;
	vertical-align: middle;
}
.entry.full {
	width:742px;
	height:auto;
}
.entry.full .content {
	height:356px;
}
.entry.twitter.full .content {
	height:auto;
}
.entry.large {
	width:457px;
	height: 349px;
}
.entry.small {
	width:280px;
	height:172px;
}
.entry.small .content {
	padding:15px;
	height:88px;
}
.entry.small h2, .entry.small h1 {
	font-size:13px;
	margin-bottom:10px;
}
.entry.small .info {
	width:240px;
}
/*---------- YOUTUBE ------------*/
.entry.youtube {
	background:white;
}
.entry.youtube .content {
	padding:0;
	margin:0;
}
.entry iframe {
	width:100%;
	height:400px;
}
.entry.large iframe {
	height:349px;
}
.entry.small iframe {
	height:172px;
}
.entry.youtube .info {
	display:none;
}
/*---------- TWITTER ------------*/
.entry.twitter {
	background-color:#82c9ca;
	color:white;
}
.entry.twitter .overflow_gradient {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyYzljYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MmM5Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(130,201,202,0) 0%, rgba(130,201,202,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,201,202,0)), color-stop(100%,rgba(130,201,202,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(130,201,202,0) 0%,rgba(130,201,202,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(130,201,202,0) 0%,rgba(130,201,202,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(130,201,202,0) 0%,rgba(130,201,202,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(130,201,202,0) 0%,rgba(130,201,202,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082c9ca', endColorstr='#82c9ca',GradientType=0 ); /* IE6-8 */
}
.entry.twitter a {
	color:#537c7d;
}
.entry.twitter .info .icon {
	background-position: -24px -71px; 
}
.entry.twitter .content img {
	display:block;
	margin:5px 0;
	width:auto;
	max-width: 100%;
}
.entry.twitter.image.full {
	height:356px;
}
.entry.twitter.image .content {
	background:#82c9ca;
	background:rgba(130,201,202,0.5);
	text-shadow:0px 1px 1px #2c394b;
}
.entry.twitter.image.full .content {
	height:262px;
}
.entry.twitter .overflow_gradient {
	background: none;
	filter: none;
}
.entry.twitter.image .info {
	background:#82c9ca;
	background:rgba(130,201,202,0.5);
}
.entry.twitter.image a {
	color:white;
}
/*---------- FACEBOOK------------*/
.entry.facebook {
	background-color:#829fca;
	color:white;
}
.entry.facebook .overflow_gradient {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyOWZjYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MjlmY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(130,159,202,0) 0%, rgba(130,159,202,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,159,202,0)), color-stop(100%,rgba(130,159,202,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(130,159,202,0) 0%,rgba(130,159,202,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(130,159,202,0) 0%,rgba(130,159,202,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(130,159,202,0) 0%,rgba(130,159,202,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(130,159,202,0) 0%,rgba(130,159,202,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00829fca', endColorstr='#829fca',GradientType=0 ); /* IE6-8 */
}
.entry.facebook.image .content {
	background:#829fca;
	background:rgba(130,159,202,0.5);
	text-shadow:0px 1px 1px #2c394b;
}
.entry.facebook .overflow_gradient {
	background: none;
	filter: none;
}
.entry.facebook.image .info {
	background:#829fca;
	background:rgba(130,159,202,0.5);
}
.entry.facebook a {
	color:#4e5f77;
}
.entry.facebook .info .icon {
	width:10.5px;
	background-position: -48px -71px; 
}
/*---------- TUMBLR ------------*/
.entry.tumblr {
	background-color: white;
	color:white;
}
.entry.facebook.full .content {
	height:auto;
}
.entry.facebook.image.full .content {
	height:356px;
}
.entry.tumblr.full, .entry.facebook.image.full {
	height:450px;
}
.entry.tumblr a {
	color:#475c6d;
}
.entry.tumblr .info {
	background:#82a9ca;
	background:rgba(130,169,202,0.5);
}
.entry.tumblr .info .icon {
	width:11px;
	background-position: -82px -72px; 
}
.entry.tumblr .content {
	background:#82a9ca;
	background:rgba(130,169,202,0.5);
	text-shadow:0px 1px 1px #405260;
}
.entry.tumblr .content, .entry.facebook.image .content, .entry.twitter.image .content {
	visibility: hidden;
	opacity:0;
	-webkit-transition:opacity 0.15s;
	-moz-transition:opacity 0.15s;
	-o-transition:opacity 0.15s;
	transition:opacity 0.15s;
}
.entry.tumblr:hover .content, .entry.facebook.image:hover .content, .entry.twitter.image:hover .content {
	visibility: visible;
	opacity:1;
}
.haze .entry.tumblr:hover .content {
	display:none;
}
.entry.tumblr .overflow_gradient {
	display:none;
}
/*---------- GOOGLE+ ------------*/
.entry.gplus {
	background-color:#ca8a82;
	color:white;
}
.entry.gplus a {
	color:#7c5650;
}
.entry.gplus .info .icon {
	width:20px;
	background-position: -61px -72px; 
}
/*---------- GEO ------------*/
.entry.geo {
	background-color:#b5ca82;
	color:white;
	text-align: center;
}
.entry.geo .content {
	font-size:30px;
	padding:0 10px;
	margin:150px 0 0;
	height:auto;
}
.entry.full.geo .content {
	margin:25px 0 0;
}
.entry.small.geo .content {
	margin:60px 0 0;
	font-size:20px;
}
.entry.geo .info {
	position:static;
	padding:0;
	margin-bottom:20px;
	letter-spacing: 3px;
}
.entry.small.geo .info {
	width:280px;
}
.entry.geo .info .geo, .entry.geo .info .separator {
	display: none;
}
.entry.geo .info .icon {
	position: absolute;
	left:15px;
	bottom:15px;
	width:26px;
	height:26px;
	background-position: -54px -96px; 
}
.entry.geo .overflow_gradient, .entry.youtube .overflow_gradient {
	display:none;
}
.new {
	background-position:-105px -72px;
	position: absolute;
	top:5px;
	right:5px;
	z-index: 5;
}
.read .new {
	display:none;
}
.post_container {
	width:285px;
	float:left;
}

#load_more {
	text-align: center;
}
#load_more a {
	display:block;
	height:100%;
	width:742px;
	padding:15px 0;
	margin:0 0 0 5px;
	color:#b2b2b2;
	text-decoration: none;
}
#load_more a:hover {
	background:#eeeeee;
}
#load_more a.processing:hover {
	background: none;
}
.haze {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#2b2b2b;
	background:rgba(43,43,43,0.95);
	z-index: 100;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	opacity:0;
}

.haze .entry {
	height:2px;
	width:0;
	margin:60px auto 20px;
	float:none;
	cursor: default;
}
.haze .entry .close {
	position: absolute;
	cursor: pointer;
	top:10px;
	right:10px;
	background-position:-95px -72px;
}
.haze .entry .content {
	height:auto;
}
.haze .info {
	color:#454545;
	color:white;
	margin:0 auto 100px; 
	font-size:11px;
}
.haze .info .primary {
	border-bottom:1px solid #f4f4f4;
	padding:0 0 20px;
	margin:0 0 20px;
	opacity:0;
}
.haze .info .secondary {
	opacity:0;
}
.haze .info.twitter .primary {
	border-bottom-color:#82c9ca;
}
.haze .info.facebook .primary {
	border-bottom-color:#829fca;
}
.haze .info .datetime {
	float:left;
}
.haze .info .geo {
	float:right;
}
.haze .info .icon {
	vertical-align: middle;
	margin:-2px 5px 0 0;
}
.haze .info .date .icon {
	background-position:-93px -97px;
}
.haze .info .link .icon {
	background-position:-81px -97px;
}
.haze .info .geo .icon {
	background-position:-105px -97px;
}
.haze .info .tags {
	margin-top:20px;
}
.haze .info .tags .icon {
	background-position:-117px -97px;
	float:left;
}
.haze .info .tags ul {
	float:left;
}
.haze .info .tags li {
	margin:0 0 5px;
}
.haze .info .map_thumb {
	float:right;
	height:75px;
	width:150px;
	position:relative;
}
.haze .info .map_bg {
	float:left;
	width:33.33%;
	background:black;
	height:100%;
}
.haze .info .map_bg.up {
	background:#2e2e2e;
}
.haze .info .map_thumb img {
	position:absolute;
	top:0;
	left:0;
}
.haze .info .tile {
	opacity:0.75;
}
.haze .info a {
	color:#454545;
	color:white;
}
.haze_margin {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	padding-bottom:50px;
}
.meta {
	display:none;
}


#map_container {
	background:#5d5d5d;
	height:400px;
	width:742px;
	margin:0 0 0 5px;
	position:relative;
}
#map_container .map_bg {
	position:absolute;
	width:25%;
	height:100%;
	background:#454545;
	top:0;
	left:0;
}
#map_container .map_bg.second {
	left:50%;
}
#map_canvas {
	width:100%;
	height:100%;
	opacity:0.85;
}
#map_controls {
	position:absolute;
	top:40px;
	right:0;
	z-index: 10;
	width:135px;
}
#map_controls > div {
	background:white;
	background:rgba(255,255,255,0.8);
	margin:0 0 2px 0;
	padding:10px;
}
#routes li {
	margin:0 0 5px 0;
	font-size:12px;
	cursor: pointer;
	padding:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	font-weight: normal;
}
#routes li:hover {
	background:#e1e1e1;
}
#routes img {
	vertical-align: top;
}
#map_controls .action, .itinerary > button img, .itinerary .icon {
	background-image: url(../../images/map/map_sprite.png);
}
#map_controls .action {
	background-repeat: no-repeat;
	vertical-align: middle;
}
#map_controls #zoom_out .action {
	background-position: -44px 1px;
}
#map_controls #reset_zoom .action {
	background-position: -25px -9px;
	margin-top:2px;
}
#map_controls #full_screen .action {
	background-position: -70px 1px;
	margin-left:10px;
}
#map_container .mask {
	position: absolute;
	top:0;
	left:0;
}
#map_container .mask.bottom {
	top:auto;
	bottom:0;
}
#map_processing {
	position:absolute;
	top: 40px;
	left: 20px;
	background:white;
	padding:10px 15px;
	opacity:0.9;
	-webkit-radius:3px;
	-moz-radius:3px;
	-o-radius:3px;
	border-radius:3px;
}
ul.checkboxes .checkbox {
	float:left;
	width:3px;
	height:3px;
	border:1px solid grey;
	margin:1px 5px 0 0;
	padding:2px;
	-webkit-radius:100%;
	-moz-radius:100%;
	-o-radius:100%;
	border-radius: 100%;
}
ul.checkboxes .checkbox.checked > div {
	background:grey;
	height:100%;
	-webkit-radius:100%;
	-moz-radius:100%;
	-o-radius:100%;
	border-radius: 100%;
}
#full_screen_map_canvas {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: 11;
}
#map_info {
	position:absolute;
	width:350px;
	height:100px;
	background:white;
	left:50%;
	margin:-120px 0 0 -175px;
	top:50%;
	-webkit-filter:drop-shadow(0 3px 3px rgba(0,0,0,0.3));
	filter:drop-shadow(0 3px 3px rgba(0,0,0,0.3));
	opacity:0;
}
#map_info:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	position: absolute;
	border-top-color: white;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
#map_info .content {
	padding:10px;
}
#map_info .next, #map_info .prev {
	position:absolute;
	top:50%;
	left:-30px;
	background:white;
	width:20px;
	height:17px;
	-webkit-radius:100%;
	-moz-radius:100%;
	-o-radius:100%;
	border-radius: 100%;
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	margin:-10px 0 0;
	text-align: center;
	padding:3px 0 0;
	cursor: pointer;
}
#map_info .next:hover, #map_info .prev:hover {
	background:#eaeaea;
}
#map_info .next {
	left:auto;
	right:-30px;
}
#map_info h2, #map_info h1 {
	font-size:16px;
}
#map_info h3 {
	color:#a4a4a4;
	font-size:11px;
	margin:3px 0 10px;
}
#map_info p {
	font-size:11px;
	margin:0 0 5px 0;
}
.itinerary {
	float:left;
	width:353px;
	padding:10px;
	margin:25px 0 50px;
}
.itinerary > button {
	width:100%;
	border:none;
	background:none;
	margin:3px 0;
}
.itinerary.planned > button {
	border:1px solid #f7eeec;
}
.itinerary.planned > button:hover {
	background:#f7eeec;
}
.itinerary.gps > button {
	border:1px solid #f4f7ec;
}
.itinerary.gps > button:hover {
	background:#f4f7ec;
}
.itinerary > button.more img {
	background-position:0 -25px;
}
.itinerary > button.older img {
	background-position:-10px -25px;
}
.itinerary h2 {
	font-size:16px;
	color:white;
	padding:10px;
	margin-bottom:2px;
}
.itinerary.planned h2 {
	background:#ca8a82;
}
.itinerary.gps h2 {
	background:#b5ca82;
}
.itinerary.planned ul {
	border-top:1px solid #ca8a82;
}
.itinerary.gps ul {
	border-top:1px solid #b5ca82;
}
.itinerary li {
	padding:3px 0;
}
.itinerary.planned li {
	border-bottom:1px solid #ca8a82;
}
.itinerary.gps li {
	border-bottom:1px solid #b5ca82;
}
.itinerary li > div {
	padding:10px;
}
.itinerary.planned li > div {
	background:#f7eeec;
}
.itinerary.planned li.active > div {
	background:#dfd8d6;
}
.itinerary.gps li > div {
	background:#f4f7ec;
}
.itinerary.gps li.active > div {
	background:#e4e7dc;
}
.itinerary h3 {
	font-size:16px;
	margin:0 0 10px;
}
.itinerary li button {
	float:right;
	border:none;
	box-shadow: none;
	padding:7px 10px;
	color:white;
	display:none;
}
.itinerary.planned li button {
	background:#ca8a82;
}
.itinerary.gps li button {
	background:#b5ca82;
}
.itinerary li:hover button {
	display:block;
}
.itinerary.planned .icon {
	width:10px;
	height:10px;
}
.itinerary.planned .Air .icon {
	background-position:-21px -25px;
}
.itinerary.planned .Rail .icon {
	background-position:-32px -25px;
}
.itinerary.planned .Car .icon {
	background-position:-44px -25px;
}
.section.half {
	float:left;
	width:368px;
	padding:0 0 0 5px;
}
.section {
	float:left;
	padding:0 0 0 5px;
}
.section.large {
	width:457px;
}
.section.small {
	width:280px;
}
#contact h2 {
	font-size:20px;
	margin:0 0 10px;
}
#contact form {
	width:100%;
	background:#eeeeee;
	margin:20px 0;
}
.input_wrapper {
	height:40px;
	-webkit-text-size-adjust:none;
}
.input_wrapper.shadow {
	background:#e8e8e8;
}
.input_wrapper.large {
	height:120px;
}
#contact form input, #contact form textarea {
	resize:none;
	background:none;
	border:none;
	height:38px;
	width:343px;
	font-family: 'ArvoRegular', 'stmarie', Georgia, sans-serif;
	font-size:15px;
	border-radius:0;
	-webkit-overflow-scrolling: touch;
}
#contact form textarea {
	width:357px;
	height:110px;
	padding:10px 0 0;
}
#contact form label {
	width:90px;
	display:block;
	float:left;
	font-size:17px;
	padding:9px 0 0 10px;
	cursor: pointer;
	height:31px;
}
#contact form .input_wrapper.large label {
	height:111px;
}
#contact form button {
	float:right;
	background:#ca8a82;
	border:none;
	color:white;
	padding:10px 20px;
	margin:10px 0;
}

#social_list li {
	height:45px;
	margin:20px 0;
}
#social_list a {
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
}
#social_list li a > span {
	display:block;
	position: relative;
	width:45px;
	height:45px;
	margin:0 auto;
	overflow: hidden;
	-webkit-transition:width 0.3s ease-out;
	-o-transition:width 0.3s ease-out;
	-moz-transition:width 0.3s ease-out;
	transition:width 0.3s ease-out;
}
#social_list li a > span > span {
	position: absolute;
	top:15px;
	left:50px;
}
#social_list .twitter a {
	color:#82c9ca;
}
#social_list .facebook a {
	color:#829fca;
}
#social_list .tumblr a {
	color:#82a9ca;
}
#social_list .instagram a {
	color:#caac82;
}
#social_list .youtube a {
	color:#c7c7c7;
}
#social_list .flickr a {
	color:#ca82c1;
}
#social_list .icon, #contact form button img {
	vertical-align: middle;
	background:url(../../images/contact/contact_sprite.png) no-repeat;
}
#contact form button img {
	background-position: 0 -46px;
	margin:0 0 0 10px;
}
#social_list .facebook .icon {
	background-position: -46px 0;
}
#social_list .tumblr .icon {
	background-position: -92px 0;
}
#social_list .instagram .icon {
	background-position: -138px 0;
}
#social_list .youtube .icon {
	background-position: -184px 0;
}
#social_list .flickr .icon {
	background-position: -230px 0;
}

.haze .message {
	width:300px;
	background:white;
	padding:40px;
	margin:40px auto;
	text-align: center;
	color:white;
	font-size:16px;
}
.haze .message.success {
	background:#a9bd7a;
}
.haze .message.error {
	background:#ca8282;
}
.haze .message h2 {
	font-size:50px !important;
	padding:0 0 10px;
	font-family:Helvetica, Arial, sans-serif;
}
.haze .message p {
	margin:10px 0 !important;
}


#story .section {
	font-size:16px;
	line-height: 1.5;
}
#story .section h2 {
	font-size:40px;
	margin:15px 0;
}
#story .section p:first-letter {
	margin-left: 20px;
}
#story .section p {
	margin:20px 0;
	text-align: justify;
	color:#7b7b7b;
}
#story .section p span {
	opacity:0;
	-webkit-transition: opacity	0.5s linear 0.15s;
	-moz-transition: opacity 0.5s linear 0.15s;
	-o-transition: opacity	0.5s linear 0.15s;
	transition: opacity	0.5s linear 0.15s;
}
#story .section p span.in_view {
	opacity:1;
}
#story #content {
	margin-bottom:50px;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	#nav .icon, #nav .accessory, #social img, .bar .icon, .entry .info .icon, button .chevron, .post_filter li.active img, .haze .entry .close, .haze .info .icon, .new {
		background-image:url(../../images/core/1@2x.png?v=7) ;
		background-size: 128px 149px;
	}
	#map_controls .action, .itinerary > button img, .itinerary .icon {
		background-image:url(../../images/map/map_sprite@2x.png?v=6);
		background-size: 94px 35px;
	}
	#social_list .icon, #contact form button img {
		background-image:url(../../images/contact/contact_sprite@2x.png);
		background-size:275px 59px;
	}
}
.sd {
	display:none;
}
.clear {
	clear: both;
}
.fixed {
	position: fixed;
}
.disappear {
	display: none;
}
.invisible {
	visibility: hidden;
}


/*
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
	#home .restraint {
		width:320px;
	}
	#home #sidebar, #content {
		float:none;
		width:320px;
	}
	#home #content {
		margin:0;
	}
	#home .entry {
		width:100%;
		max-width:310px;
		float:none;
		height:auto;
		max-height:300px;
	}
	#home .entry .content {
		height:auto;
		max-height:200px;
	}
	#load_more {
		width:320px !important;
	}
}
*/