*{margin: 0; padding: 0;}

a:link, a:visited, a:hover, a:active {text-decoration: underline;}
a:link, a:visited {color: #FF8A01;}
a:hover, a:active {color: #FF5B01;}

h1 {font: bold 230%/.97em Yanone Kaffeesatz, Arial Narrow, Tahoma, Helvetica, Sans-serif; color: #292929;}
h2, h3 {font: bold 200%/1.08em Yanone Kaffeesatz, Arial Narrow, Tahoma, Helvetica, Sans-serif; color: #292929;}

.title {font: bold 230%/.97em Yanone Kaffeesatz, Arial Narrow, Tahoma, Helvetica, Sans-serif; color: #292929;}

img {width: auto; max-width: 100%; height: auto; display: block;}

span.o {color: #FF8A01;}

sup, sub {line-height: 0;}

html, body {
	height: auto !important;
	margin: 0;
	padding: 0;
	background: #292929 url("site/ridges-bg-gray.png") no-repeat top center;
	font: 100%/140% Arial, Helvetica, Sans-serif;
	color: #222;
}
#main {
	position: relative;
	width: 100%;
	min-width: 320px;
	min-height: 100%;
	background: #FFF;
}
#header {
	float: left;
	width: 100%;
	margin: 0 0 40px;
	background: url("site/ridges-bg-gray.png") top center/auto 100% no-repeat, url("site/bg-gray.png");
	background-color: #EEE;
}
#header_inner {
	max-width: 998px;
	max-height: 300px;
	margin: 0 auto;
}
#nav_wrap {
	float: left;
	width: 100%;
	height: 100%;
	background: url("site/bg-grid.png") top left/100% auto, url("site/ridges-bg.jpg") top left/100% auto;
	text-align: center;
}
#logo {
	float: left;
	position: relative;
	width: 56.51302605210421%;
	height: 0;
	padding-bottom: 14.428857715430862%;
	margin: .4008016032064128%;
}
#logo_c {
	position: absolute;
	width: 49.645390070921985%;
	margin: 0% 25.177304964539005% 0%;
	height: 100%;
	background: #FFF url("site/logo-night.png") top center/100% auto;
}
#logo_c a {
	float: left;
	width: 100%;
	height: 100%;
	background: url("site/logo.png") top center/100% auto;
}
#logo_c a:hover {
    opacity: 0;
    filter: alpha(opacity=50);
	transition: 1.4s ease;
}

#nav1 {
	float: left;
	position: relative;
	width: 42.685370741482964%;
	height: 0;
	padding-bottom: 7.014028056112225%;
	margin: .4008016032064128% 0% 7.81563126252505% 0%;
}
#nav1_c {
	position: absolute;
	width: 32.3943661971831%;
	height: 100%;
	margin: 0;
	background: #FFF;
	display: table;
}
#nav2 {
	float: left;
	position: relative;
	width: 28.45691382765531%;
	height: 0;
	padding-bottom: 7.014028056112225%;
	margin: 7.414829659318638% 0% .4008016032064128% 14.62925851703407%;
}
#nav2_c {
	position: absolute;
	width: 48.59154929577465%;
	height: 100%;
	margin: 0;
	background: #FFF;
	display: table;
}
#nav3 {
	float: left;
	position: relative;
	width: 42.685370741482964%;
	height: 0;
	padding-bottom: 7.014028056112225%;
	margin: 0% 0% .4008016032064128% 14.228456913827656%;
}
#nav3_c {
	position: absolute;
	width: 65.72769953051644%;
	height: 100%;
	margin: 0;
	background: #DDD;
	display: table;
}
#nav4 {
	float: left;
	position: relative;
	width: 56.91382765531062%;
	height: 0;
	padding-bottom: 7.014028056112225%;
	margin-bottom: .4008016032064128%;
}
#nav4_c {
	position: absolute;
	width: 24.295774647887325%;
	height: 100%;
	margin: 0;
	background: #FFF;
	display: table;
}
p.navt1 {
	padding-top: 4px;
	font: bold 190%/0.84em Yanone Kaffeesatz, Arial Narrow, Tahoma, Helvetica, Sans-serif;
	letter-spacing: .3px;
	display: table-cell;
	vertical-align: middle;
}
p.navt2 {
	padding-top: 4px;
	font: bold 190%/0.84em Yanone Kaffeesatz, Arial Narrow, Tahoma, Helvetica, Sans-serif;
	letter-spacing: .3px;
	display: table-cell;
	vertical-align: middle;
}
p.navt1 a, p.navt2 a {
	color: #292929;
	text-decoration: none;
}


.content {
	width: 94%;
	margin: 0 auto;
}


.columns_wrap {
	float: left;
	width: 100%;
}
.article_columns, .bnav_columns {
	clear: both;
	width: 100%;
	max-width: 1276px;
	margin: 0 auto;
	text-align: center;
}
.bnav_columns {
	width: 98%;
	max-width: 1100px;
}
.art_tile {
	float: left;
	width: 31.33333333333333%;
	padding: 0 1% 0;
}
.art_tile_ros {
	float: left;
	width: 100%;
}
.bnav_tile {
	float: left;
	width: 21%;
	padding: 0 2% 0;
}
.art_title {
	text-align: left;
	margin: 20px 0 0 15px;
}

.pbox {
	width: 100%;
	max-width: 400px;
	max-height: 300px;
	margin: 0 auto 30px;
	text-align: center;
	box-shadow: 0 1px 3px #DDD;
	overflow: hidden;
}
.pbox_img_wrap {
	width: 100%;
	overflow: hidden;
}
.pbox img:hover {
	transition: all 0.3s;
	transform: scale(1.08);
}
.pbox_split {
	float: left;
	width: 100%;
	height: 0;
	padding-bottom: 3.5%;
	background: linear-gradient(to bottom, #F9B134 34%, #292929 34%, #292929 69%, #FFF 69%);
}
.pbox_ridge {
	position: relative;
	width: 10%;
	height: 0;
	padding-bottom: 100%;
	margin: 0 auto;
	margin-top: -4.9%;
	background: url('site/chrome-fix.png') 49% -.2%/100% auto no-repeat;
}
.pbox_ridge_l {
	position: relative;
	float: left;
	width: 50%;
	height: 0;
	padding-bottom: 100%;
	margin-top: -14.7%;
	background: linear-gradient(-45deg, #FFF 42%, #292929 42%, #292929 50%, #F9B134 50%, #F9B134 58%, rgba(249,177,52,0) 58%);
	z-index: 2;
}
.pbox_ridge_r {
	position: relative;
	float: left;
	width: 50%;
	height: 0;
	padding-bottom: 100%;
	margin-top: -14.7%;
	background: linear-gradient(45deg, #FFF 42%, #292929 42%, #292929 50%, #F9B134 50%, #F9B134 58%, rgba(249,177,52,0) 58%);
	z-index: 2;
}
.pbox_txt {
	float: left;
	width: 100%;
	font: 130%/1.2em Arial, Helvetica, Sans-serif;
	text-align: center;
}

.pbox_txt p {margin: 10px 15px 10px;}

.pbox a {color: #292929; text-decoration: none;}

.clamp, .clamp2 {
  position: relative;
  height: 2.4em;
  overflow: hidden;
}
.clamp2 {
	float: left;
	height: 90px;
	padding: 0 5% 0;
	text-align: left;
}
@supports (-webkit-line-clamp: 2) {
.clamp, .clamp2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.clamp:after, .clamp2:after {display: none;}
}
@supports (-webkit-line-clamp: 4) {
.clamp2 {-webkit-line-clamp: 4;}
}

.pnote {
	width: 100%;
	max-width: 400px;
	max-height: 300px;
	margin: 0 auto 30px;
	background: #CCD8E6 url("timg/intro.jpg") top left/100% auto no-repeat;
	box-shadow: 1px 2px 2px #DDD;
	overflow: hidden;
}
.pnote_head {
	position: relative;
	max-width: 400px;
	max-height: 215px;
}
.intro {
	float: left;
	width: 100%;
	height: 0;
	padding-bottom: 53.75%;
}
p.intro_title {
	padding: 4.2% 13% 3% 0%;
	font: 135%/.9em Arial, Helvetica, Sans-serif;
}
.pnote_crn {
	position: relative;
	float: left;
	width: 13%;
	height: 0;
	padding-bottom: 13%;
	background: linear-gradient(-45deg, rgba(251, 204, 101, 0) 39%, rgba(251, 204, 101, 0) 50%, #FFF 50%, #FFF 59%, #292929 59%);
}
.pnote_split {
	float: left;
	width: 100%;
	height: 0;
	padding-bottom: 3.5%;
}
.pnote a {color: #FFF;}


.post_wrap {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}
.post {
	float: left;
	position: relative;
	width: 60.12258064516129%;
	min-height: 350px;
	padding: 1.3% 2.6% 3%;
	margin-bottom: 50px;
}

.post p, .post h1 {padding: .5em 0;}

.post h2 {padding: .8em 0 0;}

.post h3 {padding: .8em 0 .3em;}

.post ul {padding-left: .8em;}

.post_img_vert {
	max-width: 500px;
}
.post img {
	padding: 1.5em 0 0;
}
.post_img_desc {
	height: auto;
	padding: 1% 8px;
	margin: 4px auto 1.5em;
	font-size: 90%;
	background: #F5F5F5;
	border-top: 3px solid #F9B134;
}
.post_frv1, .post_frv2, .post_frv3, .post_frv4 {
	position: absolute;
	width: .49382716049382715%;
	height: 0;
	padding-bottom: 25%;
}
.post_frv1 {
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, #F9B134 10%, #FFF 30%);
}
.post_frv2 {
	top: 0;
	right: 0;
	background: linear-gradient(to bottom, #F9B134 10%, #FFF 30%);
}
.post_frv3 {
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom, #FFF 70%, #F9B134 90%);
}
.post_frv4 {
	bottom: 0;
	right: 0;
	background: linear-gradient(to bottom, #FFF 70%, #F9B134 90%);
}
.post_frh1, .post_frh2 {
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: .49382716049382715%;
	background: linear-gradient(to right, #F9B134 20%, #FFF 30%, #FFF 30%, #FFF 70%, #FFF 70%, #F9B134 80%);
}
.post_frh1 {
	top: 0;
	left: 0;
}
.post_frh2 {
	bottom: 0;
	left: 0;
}
p.post_smtx {
	font-size: 90%;
	color: #888;
}
.disc {
	font-size: 90%;
	color: #888;
}
.disc_ridgy {
	float: left;
	width: 8%;
	height: 0;
	padding-bottom: 8%;
	margin: 4px 1% 0 0;
	background: url("site/ridgy.png") no-repeat top left/100% auto;
}
.disc_txt {
	float: left;
	width: 91%;
}
.post_ros {
	float: left;
	width: 32.25806451612903%;
	margin-left: 2.4193548387096774%;
}

.map {
	min-height: 27px;
	padding-left: 27px;
	margin: .8em 0;
	font-weight: bold;
	background: url('site/map-icon.png') no-repeat;
}

.quote {
	position: relative;
	width: 80%;
	max-width: 600px;
	height: auto;
	margin: 1.6em auto 1.6em;
	border: 2px solid #F9B134;
}
.quote_l {
	position: absolute;
	top: 0;
	left: 0;
	width: 15%;
	background: #FFF;
	margin: -5px 0 0 -12%;
	text-align: right;
}
.quote_r {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 15%;
	background: #FFF;
	margin: 0 -12% -5px 0;
	text-align: left;
}
.quote_l p, .quote_r p {
	height: 0;
	padding: 0 0 100% !important;
	margin-top: 24%;
	font: 770%/.8em Arial, Helvetica, Sans-serif;
	color: #CCC;
	overflow: hidden;
}
.quote_txt {
	padding: 8% 8% 1.4% !important;
	font-size: 150%;
	line-height: 1.2em;
}
.quote_txt_author {
	padding: 1.4% 8% 8% !important;
	font-size: 125%;
	color: #AAA;
	text-align: right;
}

.dest {
	float: left;
	width: 48%;
	margin: 0 1% 2.5%;
}
.dest_inner {
	height: 0;
	padding-bottom: 26.3%;
	margin: auto;
	text-align: right;
	display: block;
}
.dest_title {
	float: left;
	padding: 10px;
	font: bold 230%/0.84em Yanone Kaffeesatz, Arial Narrow, Tahoma, Helvetica, Sans-serif;
	color: #FFF;
	border: 3px solid #FFF;
}

#footer {
	float: left;
	width: 100%;
	padding: 25px 0 5px;
	min-height: 220px;
	background: #292929;
	color: #FFF;
	text-align: center;
}
#follow_social {
	float: left;
	width: 36%;
	padding: 0 2% 30px;
}
#follow_email {
	float: left;
	width: 56%;
	padding: 0 2% 30px;
}
#social {
	float: right;
	width: 216px;
	height: 40px;
	margin: 20px auto 0;
	background: url('site/social.png');
}


#mc_embed_signup form {
	text-align: left;
	padding: 10px 0 10px 0;
}
.mc-field-group {
	display: inline-block;
}
#mc_embed_signup input.email {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 15px;
	border: 1px solid #ABB0B2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	box-sizing: border-box;
	height: 32px;
	padding: 0px 0.4em;
	display: inline-block;
	margin: 0;
	width: 50%;
	vertical-align: top;
}
#mc_embed_signup label {
	display: block;
	width: 70%;
	padding-bottom: 10px;
}
#mc_embed_signup .clear {
	display: inline-block;
}
#mc_embed_signup .button {
	font-size: 13px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	background-color: #ff8a01;
	box-sizing: border-box;
	height: 32px;
	line-height: 32px;
	padding: 0 18px;
	display: inline-block;
	margin: 0;
}
#mc_embed_signup .button:hover {
	background-color: #ff6400;
	cursor: pointer;
}
#mc_embed_signup div#mce-responses {
	float: left;
	top: -1.4em;
	padding: 0em .5em 0em .5em;
	overflow: hidden;
	width: 90%;
	margin: 0 5%;
	clear: both;
}
#mc_embed_signup div.response {
	margin: 1em 0;
	padding: 1em .5em .5em 0;
	font-weight: bold;
	float: left;
	top: -1.5em;
	z-index: 1;
	width: 80%;
}
#mc_embed_signup #mce-error-response {
	display: none;
}
#mc_embed_signup #mce-success-response {
	color: #529214;
	display: none;
}
#mc_embed_signup label.error {
	display: block;
	float: none;
	width: auto;
	margin-left: 1.05em;
	text-align: left;
	padding: .5em 0;
}
@media (max-width: 630px) {
	#mc_embed_signup form {text-align: center;}
    #mc_embed_signup input.email {width: 60%; margin-bottom: 5px;}
	#mc_embed_signup label {width: 100%}
}


#fb, #tw, #pi, #ig {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 7px;
	text-decoration: none;
}
#fb:hover {
	background: #FF8A01 url('site/social.png') -7px 0;
}
#tw:hover {
	background: #FF8A01 url('site/social.png') -61px 0;
}
#pi:hover {
	background: #FF8A01 url('site/social.png') -115px 0;
}
#ig:hover {
	background: #FF8A01 url('site/social.png') -169px 0;
}

.bnav_box {
	width: 100%;
	margin: 0 auto 35px;
	text-align: left;
}
.bnav_box a {
	line-height: 1.6em;
	color: #DDD;
	text-decoration: none;
}
p.bnav_title {
	padding: 10px 0;
	font: bold 170%/0.84em Yanone Kaffeesatz, Arial Narrow, Tahoma, Helvetica, Sans-serif;
	letter-spacing: .3px;
}
.bnav_hr1 {
	float: left;
	width: 100%;
	height: 12px;
	margin-bottom: 12px;
	background: linear-gradient(to bottom, #F9B134 25%, #292929 25%);
}
.bnav_hr2 {
	float: left;
	width: 10px;
	height: 10px;
	background: linear-gradient(-45deg, rgba(41, 41, 41, 0) 50%, #F9B134 50%);
}

li {padding: .5em 0;}
li.unstyled {padding: 0;}

.spacer {clear: both; height: 8em;}

.spacer2 {clear: both; height: 2.7em;}

.copy {clear: both; padding: 9px 5px 66px; font-size: 90%; color: #CCC;}

#top_btn {
	display: none;
	position: fixed;
	bottom: 19px;
	right: 26px;
	width: 46px;
	height: 46px;
	background: #FBA525 url("site/top-btn.png") top center/100% auto;
	border-radius: 50%;
	border: none;
	outline: none;
	cursor: pointer;
	z-index: 11;
}

#top_btn:hover {
	background-position: 0 -2px;
}

.btn_nav {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.btn_nav a, a.ylink {
	float: left;
	width: 23%;
	padding: 10px;
	margin: 0 1% 15px;
	background: linear-gradient(to bottom, #F1F1F1 50%, #F8F8F8 50%);
	box-sizing: border-box;
	border-left: 4px solid #F9B134;
	color: #292929;
	font: 145%/0.84em Yanone Kaffeesatz, Tahoma, Arial, Helvetica, Sans-serif;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	box-shadow: 1px 1px 4px #CDCDCD;
}
.btn_nav a:hover {
	background: linear-gradient(to bottom, #E1E1E1 50%, #E8E8E8 50%);
	border-left: 4px solid #999;
}

a.ylink {
	width: 100%;
	padding: 20px;
	margin: 4% 0 15px;
	background: #F9B134;
	color: #FFF;
}

#gallery {
	clear: both;
	width: 100%;
	max-width: 1276px;
	margin: 0 auto;
}
#gal_col {
	-webkit-column-count: 3;
	-webkit-column-gap: 4px;
	-moz-column-count: 3;
	-moz-column-gap: 4px;
	column-count: 2;
	column-gap: 14px;
}
.gtile, .ptile {
	display: inline-block;
	width: 100%;
	margin-bottom: 14px;
	background: #333;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
}
.gtile img {
	width: 100%;
}
.gtile p {
	padding: 5px 10px;
	font-size: 85%;
	color: #EEE;
}
.ptile p {
	padding: 6%;
	border-left: 4px solid #F9B134;
	color: #EEE;
}





@media only screen and (max-width: 900px) {
p.navt1, p.navt2 {font-size:175%;}
}

@media only screen and (max-width: 880px) {
.art_tile {width: 46%; padding: 0 2% 0;}
}

@media only screen and (max-width: 800px) {
p.navt1, p.navt2 {font-size:160%;}
.dest {width: 100%; margin: 0 0 4%;}
#gal_col {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}

@media only screen and (max-width: 700px) {
p.navt1, p.navt2 {font-size:145%;}
h1, .title {font-size:205%;}
h2 {font-size:175%;}
.art_tile_ros {width: 46%; padding: 0 2% 0;}
.bnav_tile {width: 43.6%; padding: 0 3.2% 0;}
.post {width: 94%; padding: 1.3% 3% 3%;}
.post_ros {width: 100%; margin: 0;}
.btn_nav a {width: 46%; padding: 2%; margin: 0 2% 15px; font-size: 130%;}
}

@media only screen and (max-width: 630px) {
p.navt1, p.navt2 {font-size:135%;}
#follow_social, #follow_email {width: 96%; margin: auto;}
#social {float: none;}
}

@media only screen and (max-width: 572px){
#header_inner {
	max-width: 572px;
}
#nav_wrap {
	background: url("site/ridges-bg-mob.jpg") top left/100% auto, url("site/ridges-bg-gray.png") 19.97% 0%/auto 100%;
}
#logo {
	width: 98.6013986013986%;
	padding-bottom: 25.17482517482518%;
	margin: .6993006993006993%;
}
#nav1 {
	width: 73.77622377622378%;
	padding-bottom: 12.237762237762238%;
	margin: 0% 0% 0% .6993006993006993%;
}
#nav1_c {
	width: 32.701421800947866%;
}
#nav2 {
	float: left;
	position: relative;
	width: 24.125874125874125%;
	height: 0;
	padding-bottom: 12.237762237762238%;
	margin: 0% .6993006993006993% 0%;
}
#nav2_c {
	width: 100%;
}
#nav3 {
	float: left;
	position: relative;
	width: 48.951048951048953%;
	height: 0;
	padding-bottom: 12.237762237762238%;
	margin: .6993006993006993%;
}
#nav3_c {
	width: 100%;
}
#nav4 {
	float: left;
	position: relative;
	width: 24.125874125874125%;
	height: 0;
	padding-bottom: 12.237762237762238%;
	margin: .6993006993006993% .6993006993006993% .6993006993006993% 24.825174825174826%;
}
#nav4_c {
	width: 100%;
	background: #DDD;
}
p.navt1, p.navt2 {
	font-size:185%;
}
.art_tile, .art_tile_ros {
	width: 100%; padding: 0;
}
.art_title {
	text-align: center;
	margin: 20px 0 0 0;
}
}

@media only screen and (max-width: 500px) {
.disc_ridgy {width: 12%; padding-bottom: 12%;}
.disc_txt {width: 87%;}
p.navt1, p.navt2 {font-size:160%;}
.dest_title {font-size: 160%;}
p.bnav_title {font-size: 140%;}
}

@media only screen and (max-width: 420px) {
p.navt1, p.navt2 {font-size:140%;}
h1, .title {font-size:180%;} h2 {font-size:150%;}
}

@media only screen and (max-width: 350px) {
p.navt1, p.navt2 {font-size:130%;}
.post {width: 96%; padding: 1.3% 2% 3%;}
}