/* 
Theme Name: lifetime	
Description: Design created by B2WS
Author: B2 Web Services / Peter Cole
Author URI: http://b2webservices.com
Version: 4.0.1
Updated: 06-30-2021
 */

html, body {height:100%;} 
 
body {
	margin: 0; padding: 0;
	/*font-family: "lucida grande", verdana, sans-serif;*/
	font-family: "Trebuchet MS", arial, helvetica, sans-serif; 
	color: #333; font-size: 1em;
	background-color: #555;
	overflow-x: hidden;
	}
#home {
	background-color: #000 !important;	
	}

#container, #header, #footer {
	display: block;
	width: 100%; max-width: 2750px;
	margin: 0 auto; 
	padding: 0;
	} 
	
img {
	max-width: 100%; 
	height: auto;
	margin: 0; padding: 0; border: 0;
	}
img.dropShadow {	
	float: left;
	margin: 0 1.5% 1.5% 0; padding: 0;
	border: 1px solid #777;
	-moz-box-shadow: 2px 2px 9px #777; /* horizontal, vertical, blur, color */
	-webkit-box-shadow: 2px 2px 9px #777;
	box-shadow: 2px 2px 9px #777;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}	

a:link, a:visited {color: #444; text-decoration: underline; border: 0;}	
a:hover, a:active {color: #6b8838; text-decoration: underline !important; border: 0;}

a.inlineLink {color: #768b55; text-decoration: underline; font-weight: bold;}	
a.inlineLink:hover {color: #768b55; text-decoration: none; font-weight: bold;}	

a.tableHeaderLink:link {color: #9b1111 !important; text-decoration: none;}
a.tableHeaderLink:hover {color: #9b1111 !important; text-decoration: underline;}

a:focus {outline: 0;} /* used to get rid of border around clicked links */
.clearfix {display: block; clear: both; width: 0px; height: 0px; }


/* GLOBAL RULES */
/*h1,h2,h3 {margin: 0; padding: 0;}*/
h1 {font-size: 2.25em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.45em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.15em;}

.inline {display: inline;}
.topSpace {display: block; margin-top: 10px;}
.bottomSpace {display: block; margin-bottom: 10px;}
.center {text-align: center;}
.right {text-align: right;}
.inline {display: inline-block;}
.indent {padding-left: 1%;}
.bold {font-weight: bold;}
.italic {font-style: italic;}

.verylarge, .largest {font-size: 1.5em;	}
.large {font-size: 1.2em !important;}
.medium {font-size: 1.1em}
.normal {font-size: 1em;}
.small {font-size: 0.9em;}
.verySmall, .smallest {font-size: 0.75em;}

.gray {color: #666;}
.light {color: #999;}
.lighter {color: #c6c6c6;}
.darker {color:#222;}
.dark {color: #444;}
.white {color: #fff;}
.darkGreen {color: #768b55;}
.sageGreen {color: #bed59d;}
.green {color: #7bb920;}
.darkGreen {color: #6b8838;}
.medGreen {color: #8fc92b;}
.lightGreen {color: #c0e880;}
.darkBlue {color: #0000cc;}

/* BACKGROUND COLORS */
.themeDarkGrey {background-color: #666;}
.themeLightGrey {background-color: #d9d9d9;}
.themeMorningBlue {background-color: #716f80;}
.themeGreen {background-color: #7bb920; color: #fff;}
.themeMedGreen {background-color: #8fc92b; color: #fff;}
.themeSageGreen { background-color: #bed59d; color: #444;}
.themeWhite {background-color: #fff; color: #444;}

sup {vertical-align: super; font-size: 0.75em; color: #000099;}
em { font-style: italic;}
h2 a.underLine {text-decoration: underline !important;}

blockquote, .blockquoteShort {
	position: relative; display: block;
	margin: 1% 0 1% 1%; padding: 0.5% 1%;
	background-color: #e5e5e5;
	line-height: 1.75em; color:#333;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;		
	}		
blockquote {width: 98%; max-width: 1300px;}
.blockquoteShort {width: 44%; max-width: 600px;}

blockquote sup {color: #7bb920;}	
blockquote.subBlock {
	margin: 0 0 0 1.5%; padding: 0; border: 0;
	font-size: 0.9em;
	}	
blockquote.small {font-size: 0.8em;}

.bottomNav {display: block; margin-bottom: 10% !important;}	


/************************/	
/** DESKTOP RULES **/
/** 1440px - 2750px (width) **/
/************************/	
@media only screen and (min-width : 756px) {
	/* HIDE MOBILE ELEMENTS */
	header {display: none;}
	p.mobileNotes, p.bottom {display: none;}
	/* END HIDE MOBILE ELEMENTS */
	

	/* LOGO */	
	#home, #site {background-color: #555;}
	#home #header {position: fixed; display: block; background-color: transparent;}
	#site #header {position: relaitve; background-color: #555;}	

	#home #footer {background-color: #444;}
	#site #footer {background-color: #555;}
	
	#home .headerLogo, #site .headerLogo {
		display: block;
		background-color: transparent;
		text-align: center;
		border: 0px solid #ddd;
		}	
	#home .headerLogo {margin: 0 auto; width: 100%;}		
	#site .headerLogo {margin: 0.5% auto 0 auto; width: 96%;}
	#home .headerLogo img, #site .headerLogo img {vertical-align: middle !important;}	
	/* END LOGO */	
	
	/* START MENU */	
	div.menu {
		display: block;
		width: 69.8%; max-width: 1920px;
		margin: 0.5% auto;
		background-color: transparent;
		text-align: center !important;
		white-space: nowrap !important;
		border: 0px solid #fff;
		z-index: 9 !important;	
		}
	
	div.menu a:nth-child(1) {margin-left: 1%;}
	div.menu a:link, div.menu a:visited {color: #e9e9e9; text-decoration: none;}		
	div.menu a:hover {color: #77b920; text-decoration: underline;}			
	/* END MENU */
	
	/* CONTENT CONTAINERS */
	div.gallery, div.search, div.contact {
	/* ALBUMS, CHRONOLOGY, REGIONS, PEAKS AND SEARCH */
		position: relative; display: block;
		margin: 0 auto;
		padding: 0.25%;
		color: #666 !important;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;		
		border: 2px solid #999;
		z-index: 9;
		}	
	#show {
		display: block;
		margin-bottom: 3.5% !important;
		}
	div.gallery {width: 69.8%; max-width: 1920px;}
	div.search {width: 46.54% !important; max-width: 1280px !important;}
	div.contact {width: 40% !important; max-width: 1100px !important;}

	#XsideWays {
		display: block; margin-bottom: 125px !important;	
		}	
	
	.gallery p {padding: 5px; border: 0px solid #fff;}		
	span.first-row {
		display: block;
		margin: 3px 0;
		font-weight: bold; font-size: 1.5em; font-style: italic;
		}	
	span.second-row {
		display: block;
		margin: 3px 0;
		font-size: 1.2em; font-style: italic;
		}		
	
	/* SLIDE SHOW */
	div.show {
		position: relative; display: block;
		text-align: center;
		margin: 0 auto;
		padding: 0.25%;
		color: #666 !important;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;		
		border: 2px solid #999;
		z-index: 9;
		}
	.slider {
		position: relative; display: block;
		margin: 0 auto; padding: 0; 
		text-align: center;
		}	
	.slidershow {
		position: relative; display: block;
		margin: 0; 
		/*padding-bottom: 0.2%;*/
		border: 0px solid #666;
		}
	div.show-images {
		width: 100% !important; max-width: 1600px !important;
		/*height: auto !important;*/
		}
	/* END SLIDE SHOW */	
	
	
	/* MULTIPLE COLUMN BASED LAYOUTS */
		.oneCol {
		float: left; display: block;
		width: 89%;	
		margin: 0; padding: 0;
		border: 0px solid #0000cc;	
		}
	.leftCol, .leftColNarrow {
		float: left; display: block;
		margin: 0; padding: 0;
		border: 0px solid #ddd;
		}
	.leftCol {width: 30%;}
	.leftColNarrow {width: 15%; padding: 5px;}
		
	.rightCol, .rightColWide {
		float: left;
		display: block;
		border: 0px solid #ddd;
		}
	.rightCol {width: 25%;}
	.rightColWide {width: 80%; padding: 5px;}
		
	
	/* ABOUT */
	#MLT-A2, #MLT-A3, #MLT-A4 {padding-top: 15px;}
	div.reportBox {width: 31%; display: inline-block; margin-right: 2%; vertical-align: top !important; border: 0px solid #0000cc;}
	div.camerasBox {width: 100%; display: inline-block; margin: 2% auto; vertical-align: top !important; border: 0px solid #0000cc;}
	
	table.report, table.cameras, table.peaks, table.news {
		display: table;
		table-layout: fixed;
		/*border-collapse: collapse; */
		margin: 0.75% auto;
		border: 2px solid #999;
		border-radius: 4px;
		}	
	table.report, table.news {max-width: 1300px !important;}
	table.peaks {max-width: 1500px !important;}
	
	
	table.peaks {margin-bottom: 1% !important; border: 2px solid #666; border-radius: 4px; color: #444;}
	table.report {width: 85% !important; margin-bottom: 10% !important; border: 2px solid #888; font-size: 0.9em !important; border-radius: 4px; color: #444;}
	
	table.cameras {width: 100% !important; margin-bottom: 10% !important; border: 2px solid #888; border-radius: 4px; color: #444;}
	table.cameras {max-width: 1400px !important;}
	
	table.peaks th, table.report th, table.cameras th, table.news th {
		padding: 3px !important; 
		font-size: 1em; 
		vertical-align: middle; text-align: left;
		border-bottom: 2px solid #999;
		}
	
	table.peaks thead tr {background-color: #bed59d; color: #333; cursor: pointer !important; font-size: 1.2em;}
	table.peaks thead tr th:hover {text-decoration: underline; color: #000 !important;}
	table.peaks thead, table.peaks tbody {border: 1px solid #ccc !important;}	
	
	table.peaks th:nth-child(1), table.peaks td:nth-child(1) {width: 3%; text-align: center; color: #333; } /* COLUMN COUNT */
	table.peaks th:nth-child(10), table.peaks td:nth-child(10) {width: 3%; text-align: center;} /* NOTES */
	
	/*table.peaks th:nth-child(2) {width: 15%;}  PEAK 
	table.peaks th:nth-child(3) {width: 8%;}  ELEVATION 
	table.peaks th:nth-child(4) {width: 5%;}	 REGION 
	table.peaks th:nth-child(6) {width: 18%;}	 GRADE  */
	
	table.peaks th:nth-child(5), table.peaks th:nth-child(6) {width: 20%;}  /* ROUTE */ 
	table.peaks th:nth-child(8) {width: 15%;}	 /* PARTNERS */
	table.peaks th:nth-child(9) {width: 2%;}	 /* SUMMITED */
	table.peaks th:nth-child(10) {width: 8%;}	 /* NOTES */
	
	table.peaks td:nth-child(7), table.peaks td:nth-child(9), table.peaks td:nth-child(10) {text-align: center;}  /* SUMMIT / NOTES */
	
	table.peaks td, table.report td, table.cameras td, table.news td {padding: 3px 6px; border: 1px solid #ddd !important;}
		
	table.report th {text-align: center !important;}
	table.report td {padding: 2px; }
	table.report td:nth-child(2), table.report td:nth-child(3), table.report td:nth-child(4) {padding-right: 2% !important;}
	table.report td:nth-child(1) {text-align: center !important; padding-right: 0; color: #333; font-size: 0.8em;}
		
	table.report th:nth-child(1) {width: 6%;}
	table.report th:nth-child(2) {width: 37%;}
	table.report th:nth-child(3) {width: 27%;}
	table.report th:nth-child(4) {width: 26%;}
	
	table.cameras thead tr {background-color: #bed59d; color: #333; font-size: 1.1em;}
	table.cameras tbody td {background-color: #eee !important;}
	table.cameras tbody td:hover {background-color: #dedede !important;}
	table.cameras tbody td a:hover {color: #6b8838 !important; font-weight: bold; text-decoration: none;}
	
	table.cameras th:nth-child(1) {width: 3%;}
	table.cameras th:nth-child(2) {width: 13%;}
	table.cameras th:nth-child(3) {width: 4%;}
	table.cameras th:nth-child(4) {width: 4%;}
	table.cameras th:nth-child(5) {width: 13%;}
	table.cameras th:nth-child(6) {width: 15%;}
	table.cameras th:nth-child(7) {width: 6%;}
	table.cameras th:nth-child(8) {width: 41%;}
	
	table.cameras td:nth-child(4) {text-align:center;}
	
	/* END ABOUT */
	
	
	div.albumIntro {
		width: 99%;
		margin: 0 auto;
		background-color: #fff;
		padding: 0.25%;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;		
		border: 1px solid #a6a6a6;	
		}	
	a.readMore:link, a.readMore:visited {color: #7bb920;}	
	a.readMore:hover, a.readMore:active {color: #7bb920; text-decoration: underline;}
	

	.flex-images p.notes {
		display: block;
		margin-bottom: 3px; 
		color: #777; line-height: 1.25em;
		background-color: #fff;
		border: 0px solid #a9a9a9;
		border-radius: 3px;	
		}
	div.notes {
		display: block;
		width: 98% !important;
		margin: 5px 1%;
		color: #777; line-height: 1.25em; text-align: left;
		background-color: #fff;
		border: 2px solid #a9a9a9;
		border-radius: 3px;	
		}	
	ul.listCategories {
		display: block;
		margin: 0.25% 0; padding: 2px;
		text-align: left;
		}
	ul.listCategories li {list-style: none; display: inline-block; margin: 0 0.5%; line-height: 1.25em;}
	ul.listCategories li.first {font-weight: bold;}		
	
/* ALBUMS AND COLLECTIONS */
	div.yearBox {
		float: left;
		display: block;
		/*width: auto;*/
		/*width: 88% !important;*/
		margin: 0.25%;
		padding: 3px 0 0 3px;
		background-color: #aaa;
		border: 1px solid #999;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;		
		/*	clear: both; */
		}	
	div.yearBox h2 {
		color: #f9f9f9; font-weight: bold; font-size: 2em;
		}	
	 div.yearBox .album {
	 	display: inline-block;
		width: 375px; height: 250px !important; 
	 	border: 1px solid #efefef;	
	 	}
	div.yearBox .album img {
		display: block;
		width: 375px !important;
		height: auto !important;
		}

/* CHRONOLOGY */
	div.year {
		width: 80%;
		margin: 15px auto; padding: 5px; 
		background-color: #fff;
		border-radius: 3px; 
		border: 1px solid #666;	
		}
	div.theYear {
		width: 98% !important;
		/*max-width: 994px;*/
		margin: 0.7%; padding: 3px 2px;
		background-color: #7bb920 !important;
		border: 1px solid #7bb920;
		border-radius: 3px;
		}	
	div.year h2 {
		display: block;
		color: #efefef;
		margin-top: 5px;	
		letter-spacing: 0.01em;
		}
	div.trip {
		width: 96.5%; 
		margin: 5px auto; 
		padding: 5px 1%;
		border: 0px solid #dfdfdf;
		border-radius: 4px;
		}	
	div.trip p {
		width: 98%; 
		margin-bottom: 5px; 
		}
	div.trip p.medium {
		letter-spacing: 0.001em !important;	
		}	
	div.trip p.small {
		padding: 5px 0 0 0;	
		}	
	
	/* CHRONOLOGY PAGE - FULL WIDTH ALBUM THUMB AND DESCRIPTION */
	div.albums {
		width: 98%; 
		margin-bottom: 1% !important;
		background-color: #f5f5f5;
		padding: 5px;
		border: 1px solid #d8d8d8;
		border-radius: 4px;
		}
		
	/* TRIPS */
	ul.listTrips {
		position: relative; display: block;
		width: 100%;
		margin: 0 auto;
		}
	li.tripData {
		display: inline-block;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 5px;
		vertical-align: top;
		border: 0px solid #ddd;
		}	
	li.tripData table {	
		table-layout: fixed;
		width: 100% !important;
		max-width: 1280px;
		background-color: #efefef;
		margin: 0;
		border: 2px solid #a9a9a9;
		border-radius: 3px;
		}
	li.tripData table td {	
		padding: 2px 5px;
		font-size: 1.05em;
		font-weight: normal !important;
		line-height: 1.2em;
		border: 1px solid #ddd;
		}
	li.tripData table td:nth-child(1) {width: 15%;}
	li.tripData table td:nth-child(2) {width: 85%;}
	
	
	/* END TRIPS */	
	/* END CHRONOLOGY */
	
	/* PEAKS */
	.oneCol {
		float: left; display: block;
		width: 89%;	
		margin: 0; padding: 0;
		border: 0px solid #0000cc;	
		}
	.leftCol, .leftColNarrow {
		float: left; display: block;
		margin: 0; padding: 0;
		border: 0px solid #ddd;
		}
	.leftCol {width: 30%;}
	.leftColNarrow {width: 15%; padding: 5px;}
		
	.rightCol, .rightColWide {
		float: left;
		display: block;
		border: 0px solid #ddd;
		}
	.rightCol {width: 25%;}
	.rightColWide {width: 80%; padding: 5px;}

		
	#locations {
		display: inline-block;
		margin-right: 5% !important;
		padding: 0.65%;	
		vertical-align: top !important;
		border: 0px solid #ddd;
		}
	#locations select  {
		display: block;
		margin: 1% 10%;
		font-size: 1.2em;	
		border-radius: 5px; 	
		border: 1px solid #999;	
		}	
	#peaks #locID {
		margin-top: 6% !important;
		padding: 1%;
		border: 0px solid #ddd;	
		}
	
	div.region {
		width: 95%;
		margin: 3px 0 ; padding: 3px; 
		border-radius: 3px; 
		border: 0px solid #ddd;	
		}
	div.region h2 {
		margin: 0;	
		}	
	div.region p.location {
		margin-left: 1%;
		margin-top: 0.25%;
		margin-bottom: 0.5%;
		padding: 5px;	
		font-size: 1.3em;
		border-radius: 3px; 		
		}	
	ul.listPeaks {
		width: 100%;
		margin-left: 2%; margin-bottom: 0.5%;
		border: 0px solid #ddd;
		}
	ul.listPeaks li {
		width: 98%; 
		display: block;
		margin-bottom: 0.5%; 
		list-style: none; 
		border: 0px solid #ddd;
		}
	ul.listPeaks td.peakName {
		font-size: 1.15em;
		font-weight: normal;
		margin-top: 1%;	
		margin-bottom: 0.25%;
		}
		
	/* FOR PEAKS LISTED AS MISC w/o A CLIMB THUMB IMAGE */	
	ul.listPeaksMisc {
		margin: 1.5% 0 5% 4% !important;
		border: 0px solid #ddd;
		}
	ul.listPeaksMisc li.peakNameMisc {
		display: block;
		max-width: 950px;
		margin: 8px 0;
		font-size: 1em;
		
		}
	ul.listPeaksMisc li ul {
		display: block;
		margin: 0.25% 0 0.75% 1%;
		background-color: #efefef;
		font-size: 0.95em;
		border: 1px solid #999;
		border-radius: 3px;	
		}
		
	li.climbNameMisc {
		display: block;
		margin: 3px 0 2px 10px;
		color: #444; font-weight: normal;
		border: 0px solid #ddd;
		}
		
	ul.listPeaks li.indent {
		/*padding: 0.5% 0 0.5% 2%;*/
		}
		
	ul.listPeaks li.climbThumb {
		float: left;
		display: inline-block;
		width: 20%; max-width: 125px;
		min-height: 130px;
		margin-left: 1%; margin-right: 1.5%;
		
		/*clear: left;*/
		border: 0px solid #ddd;	
		}
	li.climbThumb img {max-width: 100%; margin-top: 3px;}
	li.climbData {
		display: inline-block !important;
		width: 90%; max-width: 900px;
		min-height: 130px;
		margin: 0 0 0.5% 0.5%;
		padding: 0 5px 5px 5px;
		vertical-align: top;
		border: 0px solid #ddd;
		}	
	li.climbData table {	
		table-layout: fixed;
		width: 97.25% !important;
		max-width: 900px;
		margin-top: 0;
		margin-left: 1%;
		border: 1px solid #999;
		}
	li.climbData table td {	
		padding: 2px 5px;
		font-size: 1em;
		border: 1px solid #999;
		}
	li.climbData table td a:link, 	li.climbData table td a:visited {text-decoration: none; color: #699c10;}		
	li.climbData table td a:hover {text-decoration: underline; color: #699c10;}	
		
	li.climbData table td:nth-child(1) {width: 15% !important;}
	li.climbData table td:nth-child(2) {width: 85% !important;}
		
	ul.listPeaks li a {font-size: 1em; line-height: 1.2em;}
		
		
	/* END PEAKS */		


	/* FOOTER */
	#home #footer {
		position: relative; display: block;
		margin: 0;
		padding: 1%;
		}
	#site #footer {
		position: fixed;
		/*position: relative;*/
		display: block;
		width: 100%;
		padding: 0.25%;	
		bottom: 0;
		
		background: rgba(26,26,26,0.80);	
		background: none\9;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8f000000, endColorstr=#8f000000);		
		color: #fff;
		border-top: 2px solid #a7a7a7;
		z-index: 99 !important;		
		}
	
	/* FOOTER MENU BAR */
	div.footerMenu {
		position: relative; display: block;
		width: 100%;
		margin: 0.15% auto;
		background-color: transparent;
		/*background-color: transparent;*/
		text-align: center !important;
		border: 0px solid #ddd;
	
		}
	
	div.footerMenu a {padding: 0 1.5%; letter-spacing: 0.05em;}	
	div.footerMenu a:link, div.footerMenu a:visited {color: #e6e6e6; text-decoration: none;}		
	div.footerMenu a:hover {color: #77b920; text-decoration: underline;}		
	/* END FOOTER MENU */	
	
	p.note {
		position: relative;
		width: 98%;
		margin: 0.5% auto; padding: 0;
		text-align: center;
		line-height: 1.25em;
		border: 0px solid #fff;	
		}	
		
	p.note a {
		padding: 0 1.75%;
		letter-spacing: 0.05em;
		color: #a5a5a5; text-decoration: none;
		}
	p.note a:hover {color: #7bb920; text-decoration: underline;}	
	
	a.backToTopBtn {
	position: fixed;
	display: none;
	width: 50px; height: 50px;
	bottom: 8%; right: 4%;
	background-image: url(../img/core/mobile-up-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9999 !important;
	}		
	
		
	/* DESKTOP MEDIA QUERIES */
	@media screen and (min-width: 1921px) and (max-width: 2750px) {
		body {font-size: 1em !important; overflow-x: hidden;}
		#container, #header, #footer {
			display: block;
			width: 100%; max-width: 2750px;
			margin: 0 auto; 
			padding: 0;
			} 
		div.menu {width: 94%; max-width: 1800px;}
		div.gallery {width: 94%; max-width: 1800px; margin: 0 auto;}
		div.show {max-width: 1620px; margin: 0 auto;}
		div.menu a {
			padding: 0 2.85% 0 0;
			font-size: 1.25em; letter-spacing: 0.05em;
			border: 0px solid #ddd;
			}				
		}
	
	@media screen and (min-width: 1681px) and (max-width: 1920px) {
		body {font-size: 1em !important; overflow-x: hidden;}
		#container, #header, #footer {
			display: block;
			width: 100%; max-width: 1920px;
			margin: 0 auto; 
			padding: 0;
			} 
		div.menu {width: 94%; max-width: 1800px;}
		div.gallery {width: 94%; max-width: 1800px; margin: 0 auto 5% auto;}
		/*#show {max-width: 1680px; margin: 0 auto;}	*/	
		div.menu a {
			padding: 0 2.5% 0 0;
			font-size: 1.25em; letter-spacing: 0.05em;
			border: 0px solid #ddd;
			}		
		}				
	@media screen and (min-width: 1681px) and (max-width: 1800px) {
		div.show {max-width: 1680px; margin: 0 auto;}		
		div.menu a {
			padding: 0 2% 0 0;
			font-size: 1.2em; letter-spacing: 0.05em;
			border: 0px solid #ddd;
			}		
		}
	@media screen and (min-width: 1441px) and (max-width: 1680px) {
		body {font-size: 0.95em; overflow-x: hidden;}
		#container, #header, #footer {
			display: block;
			width: 100%; max-width: 1680px;
			margin: 0 auto; 
			padding: 0;
			} 
		div.menu {width: 94% !important; max-width: 1575px;}
		div.gallery {width: 94%; max-width: 1575px; margin: 0 auto 8% auto;}
		div.show {max-width: 1440px; margin: 0 auto;}		
		div.menu a {
			padding: 0 1.4% 0 0;
			font-size: 1.2em; letter-spacing: 0.05em;
			border: 0px solid #ddd;
			}			
		}	
		
	@media screen and (min-width: 1281px) and (max-width: 1440px) {
		body {font-size: 0.925em; overflow-x: hidden;}
		#container, #header, #footer {
			display: block;
			width: 100%; max-width: 1440px;
			margin: 0 auto; 
			padding: 0;
			} 
		div.menu {width: 94%; max-width: 1350px;}
		div.gallery {width: 94%; max-width: 1350px; margin: 0 auto 8% auto;}
		div.show {max-width: 1280px; margin: 0 auto;}		
		div.menu a {
			padding: 0 1.25% 0 0;
			font-size: 1.1em; letter-spacing: 0.05em;
			border: 0px solid #ddd;
			}			
		}	

	@media screen and (min-width: 1025px) and (max-width: 1280px) {
		body {font-size: 0.9em; overflow-x: hidden;}
		#container, #header, #footer {
			display: block;
			width: 100%; max-width: 1280px;
			margin: 0 auto; 
			padding: 0;
			} 
		div.menu {width: 94%; max-width: 11150px;}
		div.gallery {
			width: 94%; max-width: 1150px; 
			margin: 0 auto 8% auto;
			}
		div.menu a {
			padding: 0 1% 0 0;
			font-size: 1em; letter-spacing: 0.05em;
			border: 0px solid #ddd;
			}			
		}	

	}
	


/************************/	
/** MOBILE RULES **/
/** Portrait and Landscape **/
/************************/	
@media only screen and (max-width : 736px) {
	/* GLOBAL MOBILE RULES */
	/* SOMETIMES RULES PUT HERE DON'T WORK. INSTEAD ADD THEM TO THE MORE SPECIFIC ORIENTATION SECTIONS BELOW */
	body, html {touch-action: pan-up, pan-down !important;}
	body {-webkit-text-size-adjust: none;}
	
	img.dropShadow {margin: 2.5% 3.5% 1% 0 !important}	
	
	h1 {font-size: 1.35em;}
	h2 {font-size: 1.2em;}
	h3 {font-size: 1.1em;}
	h4 {font-size: 1em;}

	a.backToTopBtn {
		position: fixed;
		display: none;
		width: 50px; height: 50px;
		bottom: 1%; right: 1%;
		width: 15%; max-width: 50px;
		background-image: url(../img/core/mobile-up-arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		z-index: 9999;
		}		
	
	blockquote {
	margin: 1% 0 1% 2%; padding: 0.5% 1%;	
		line-height: 1.25em; color:#333;
		}	
	blockquote.subBlock {
		width: 95%;
		margin: 1% 0 2% 4%; padding: 0; border: 0;
		font-size: 0.8em;
		}		
	
	/* HIDE DESKTOP RULES */
	#header, #header div.headerLogo img, #header div.menu {display: none !important;}
	ul.listCategories, p.notes, p.over {display: none !important;}
	#footer, #footer div.footerMenu {display: none !important;}
	
	/* LOGO */	
	#home {background-color: #555;}
	#home #footer {background-color: #444;}
	#home .mobileLogo, #site .mobileLogo {
		position: relative; display: block;
		background-color: transparent;
		margin: 1% auto; padding: 0;
		text-align: center;
		border: 0px solid #ddd;
		}	
	/* END LOGO */	
	
	#site div.content {
		/* ABOUT, NEWS, NOTES and CONTACT PAGES */
		position: relative; display: block;
		width: 96% !important; padding: 0.25%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;		
		border: 2px solid #999;
		}	
	
	/* GALLERY */
	div.gallery {
	/* ALBUMS, CHRONOLOGY, REGIONS, PEAKS AND SEARCH */
		position: relative; display: block;
		width: 96%; max-width: 1300px;
		margin: 0 auto !important;
		padding: 0.25%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;		
		border: 0px solid #999;
		}		
	
	div.yearBox {
		position: relative;
		display: inline-block;
		margin: 1% 4%;
		padding: 3px 0 3px 3px;
		background-color: #aaa;
		border: 2px solid #999;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;		
		/*	clear: both; */
		}
	.flex-images {
		overflow: hidden;
		background-color: #fff;
		}
	div.yearBox .album {
		float: left; 
		display: block;
		width: 100%; max-width: 375px;
		margin: 2% 1% 0.25% 1%  !important; 
		padding: 0;
		font-size: 0.85em;
		border: 0px solid #333; 
		box-sizing: content-box; overflow: hidden; position: relative;
		}
	
	.flex-images .item, .flex-images .album { float: left; margin: 4px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative;}
	.flex-images .item img, .flex-images .album img { display: block;}		
	
	a.lightbox {font-weight: normal; font-size: 0.7em;}	
	a.description {font-size: 0.7em;}	
	
	/*
	//  HIDE TEMP 
	.flex-images div.yearBox .item {
		position: relative;
		display: block;
		width: 96%;
		margin: 2% 1% 0.25% 1%  !important; 
		padding: 0;
		font-size: 0.85em;
		border: 0px solid #333; 
		box-sizing: content-box; overflow: hidden; position: relative;
		}
	*/		

	p.mobileNotes, div.notes {
		display: block !important;
		width: 90%; margin: 0 auto 1% auto; padding: 3px;
		/*margin-bottom: 3px;*/ 
		color: #777; font-size: 1em;
		background-color: #fff;
		border: 1px solid #a9a9a9;
		border-radius: 3px;	
		}

	div.albumIntro	{width: 92%; margin: 2%; padding: 2% !important;}
	.gallery p {padding: 5px; font-size: 0.9em;}
	span.first-row {
		display: block;
		margin: 3px 0;
		font-weight: bold; font-size: 1.15em; font-style: italic;
		}	
	span.second-row {
		display: block;
		margin: 3px 0;
		font-size: 1em; font-style: italic;
		}		
	div.region p.location {font-size: 1.3em !important;}
	li.climbThumb {display: inline-block !important; vertical-align: top !important; margin-top: 1.5%; margin-left: 1%;}
	li.climbData {display: inline-block !important; margin-top: 2%;}
	li.climbData table {	
		width: 100% !important;
		margin-top: 0;
		margin-left: 1%;
		border: 1px solid #999;
		}	
	
	div.reportBox {width: 90%; display: block !important; margin-right: 2%; border: 0px solid #0000cc;}
	table.report {width: 90% !important;}
	
	table.cameras tbody td:hover {background-color: #eee !important; color: #666 !important;}
	table.cameras tbody td a:hover {color: #666;}	
	
	/* HIDE DESKTOP FOOTER */
	#footer {display: none;}

	/* VERTICAL */
	@media only screen and (orientation: portrait) {
		#home .mobileLogo img, #site .mobileLogo img {
			max-width: 83% !important; 
			margin-left: 10%; margin-top: 1%;
			}	
		#site div.content, #site div.gallery {margin: 0 auto !important;}
		.rightColWide {width: 95%; padding: 0 10px;}
		
		a.lightbox['data-caption'] {line-height: 0.9em !important;}	

		div.yearBox {float: left; width: 97% !important; margin: 0 1% !important;}
		div.album {width: 98% !important; border: 1px solid #efefef !important;}		
		div.item {max-width: 98%;}

		li.climbData {width: 96%;}
		.blockquoteShort {width: 96%; margin: 0 auto !important;}
		ol.numbers li {margin: 3% 0.5%;}
		table.report {width: 90%;}
		
		/*table.peaks {width: 96%; margin: 0 auto !important;}*/
		table.peaks thead tr {font-size: 1em;}
		table.peaks tbody td {white-space: nowrap; padding: 3px 5px;}
		.slider {width: 96% !important; margin: 10% auto !important}	
		}
		
	/* HORIZONTAL */		
	@media only screen and (orientation: landscape) {	
		#home .mobileLogo img, #site .mobileLogo img {max-width: 75% !important;}	
		#site div.content, #site div.gallery {margin: 0 auto !important;}
		.rightColWide {width: 92%; padding: 0 10px;}
		
		a.lightbox['data-caption'] {line-height: 0.9em !important; font-size: 0.7em !important;}	

		div.yearBox {float: left; width: 97% !important; margin: 0 1% !important;}
		div.album {display: inline-block !important; width: 47% !important; border: 1px solid #efefef !important;}		
		
		li.climbData {width: 70%;}
		li.climbData table {border-radius: 4px;}
		li.climbData table td {padding: 3px !important;}
		p.bottom	{margin-bottom: 5.5% !important; font-size: 0.9em;}
		
		table.cameras th:nth-child(1) {width: 3%;}
		table.cameras th:nth-child(2) {width: 13%;}
		table.cameras th:nth-child(3) {width: 10%;}
		table.cameras th:nth-child(4) {width: 7%;}
		table.cameras th:nth-child(5) {width: 13%;}
		table.cameras th:nth-child(6) {width: 15%;}
		table.cameras th:nth-child(7) {width: 8%;}
		table.cameras th:nth-child(8) {width: 32%;}		
		
		table.report {width: 70%;}	
		table.peaks thead tr {font-size: 1em;}
		table.peaks tbody td {white-space: nowrap;}		
		.flex-images, p.mobileNotes {font-size: 1em !important;}
		.slider {width: 90% !important; margin: 2% auto !important;}	
		}
	
	}