/* Peakware.com style sheet
	created by Terrill Thompson, terrill@terrillthompson.com
	Note: Dark blue background is #336BA8
*/

/*****************
 *
 * Layout styles
 *
 ******************/

html {
	background-color: #C7C2BA;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #5F7990;
	background-image: url('images/rainier.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	padding-bottom: 1000px;
}
#contentWrapper {
	position: relative; /* required to get z-index to work */
	margin: 0 5%;
	padding: 0;
	text-align: left;
  border-right: 10px solid rgba(52, 4, 73, 0.2);
  border-bottom: 10px solid rgba(52, 4, 73, 0.2);
  border-left: 10px solid rgba(52, 4, 73, 0.2);
}
#content {
	padding: 0;
	background-color: #FFF;
}
#bannerWrapper {
	/* background is sky-like gradient with top=#316BA5 and bottom=#336BA8 */
	background: #316BA5 url('images/banner_bg.jpg') bottom left repeat-x;
	margin: 0;
	padding: 0;
	width: 100%;
}
#banner {
	background: url('images/banner_lr.jpg') bottom right no-repeat; /* peak */
	margin: 0;
	padding: 0 0 0 0;
	height: 160px; /* was 151px; height of background image */
	min-height: 160px; /* was 151px; */
	width: 100%;
}
main { /* wrapper for #features & sidebar */
	clear: both;
	position: relative;
	padding-bottom: 1em;
	overflow: auto;
}
#features {
  margin-right: 340px;
  margin-top: 0;
  margin-bottom: 2em;
  margin-left: 0.25em;
  min-height: 600px;
}
aside {
  position: absolute;
  width: 300px;
  top: 20px;
  right: 20px;
  margin: 0 0 0 2em;
  padding: 0;
}
#peakDiv {
	background: url("images/blueline.jpg") top left repeat-x;
}
#peakMain {
	clear: left;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
footer {
	clear: both;
	border-top: thin solid #ccc;
	background-image: url('images/topo_top_original.png');
	background-attachment: fixed;
  background-color: #EDEDED;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
	margin: 0;
	padding: 0;
}

/*****************
 *
 * Core HTML styles
 *
 ******************/

h1,h2,h3 {
	font-weight: bold;
	color: #333;
}
h1 {
	clear: both;
	font-size: 2.8em;
	margin: 0;
	padding: 0.5em 0.5em 0.25em;
	text-align: left;
}
h2 {
	font-size: 1.5em;
	margin: 0.5em;
	padding: 0;
}
h3 {
	font-size: 1.2em;
	margin: 0.25em 1em;
}
h3#shareHeading {
  margin-left: 0;
  display:none;
}
p {
	margin: 1em 1.25em;
	padding: 0;
/*
	margin-left:0.5em;
	margin-right:0.25em;
	padding-top: 0.75em;
	padding-bottom: 0.25em;
*/
	text-align: left;
}
img {
	border: 0;
}
a {
	color: #336BA8;
	border: 2px solid transparent;
}
a:hover, a:focus, a:active,
button:hover, button:focus,
input:hover, input:focus,
#photoEditor img:hover,
#photoEditor img:focus {
  border: 2px solid #94BFF9 !important;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
     0 0 3px rgba(102, 175, 233, 0.6);
  outline: 0 none;
  opacity: 1;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
}

/*****************
 *
 * Form styles
 *
 ******************/

form {
	margin: 0;
	padding: 0;
}
form > div,
form div.formField {
	margin: 1em;
	padding: 0;
	text-align: left;
}
form label {
	display: block;
	font-weight: bold;
	margin-bottom: 0.25em;
}
form ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
form ul li label,
form fieldset label,
form label.inline,
form div.radioField label  {
  display: inline;
  font-weight: normal;
}
form input {
	margin-bottom: 1em;
	font-size: 1em;
}
form input[type="text"] {
	width: 65%;
}
form input[type="date"] {
  max-width: 20em;
}
form select {
	font-size: 1em;
}
form textarea {
  padding: 0.5em;
}
form input[type="submit"] {
	width: 5em;
	margin-bottom: 0;
}
label span {
  font-style: italic;
}
form > div, {
	margin: 1em;
	text-align: left;
}
input,
.inputText {
	width: 65%;
}
form input.short,
form input.inputShort {
	width: 7em;
}
input[type="text"], select {
	margin-bottom: 0.75em;
}
input.button, input[type="submit"] {
	font-size: 1em;
	width: 5em;
	margin-bottom: 1em;
}
input.smallbutton {
	width: 3em;
}
fieldset {
	margin: 1em 0;
	border: none;
}
legend {
	color: #000000;
	margin-left: 0;
	margin-bottom: 0.5em;
	font-weight: bold;
}
input[type="radio"], input[type="checkbox"] {
	width: 2em;
	margin-bottom: 0;
}
textarea {
	width: 90%;
	height: 200px;
	font-size: 1rem;
	font-family: Arial, sans-serif;
}
.inputTall {
	height: 4em;
}
.submit, input[type="submit"] {
	width: 5em;
}
fieldset#monthChecker {
	width: 15em;
	border: none;
}
fieldset#monthChecker legend {
	margin-bottom: 0;
}
#monthChecker ul, ul#monthChecker {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#monthChecker label[for="checkAllMonths"] {
  font-weight: bold;
}
fieldset.inputSet div.sampleUrl {
  font-weight: normal;
  font-style: italic;
  padding-left: 1em;
}
fieldset.inputSet div.sampleUrl strong {
  font-style: normal;
}
form#peakEditor div#peakMeta fieldset.inputSet div label {
  display: block;
}
form#linkForm input[type="text"] {
	width: 100%;
}

/*****************
 *
 * Custom form styles
 *
 ******************/

div.featureContent form {
	margin: 1em;
}
#peakMain form h3 {
	font-size: 1.2em;
	margin-top: 1em;
	margin-left: 0.5em;
}
#logSort {
	margin-top: 0;
	text-align: left;
}
#logSort select {
	margin-bottom: 0;
	padding-bottom: 0;
}
#logSort label {
  display: inline;
}

/*****************
 *
 * Guardian form styles
 *
 ******************/


form#peakEditor {
	margin: 0;
	padding: 0;
}
form#peakEditor li {
	margin-bottom: 0.25em;
}
form#peakEditor br {
	margin-bottom: 0.5em;
}
form#peakEditor label {
	font-weight: bold;
}
form#peakEditor th {
	display: table-cell;
	vertical-align: top;
}

/*****************
 *
 * One photo styles
 *
 ******************/

div.feature div#photo {
	margin-top: 1em;
	text-align: center;
}
div#photo div.caption {
  margin-bottom: 0.75em;
  border-bottom: thin dashed #666;
}
div#photo p.morePhotos {
  text-align: center;
}
div#photo p.homeLink {
  text-align: center;
  font-size: 1.2em;
}

/*****************
 *
 * Photo form styles
 *
 ******************/


#photoForm {
  text-align: left;
}
#photoForm div.instructions {
	border: 1px solid #000;
	padding: 1em;
	margin-bottom: 1em;
}
#photoForm div.photoDiv {
	border: 1px solid #336BA8;
	margin: 5px 0 10px;
}
#photoForm .photoDiv img {
	float: left;
	padding: 5px 25px 5px 1em;
}
#photoForm .photoDiv ul {
	margin-top: 1.5em;
	padding-top: 0;
	padding-left: 1em;
}
#photoForm .photoDiv .formField {
	clear: left;
}
#photoForm .photoDiv label {
	display: block;
	text-align: left;
	margin: 1em 0 0;
}
#photoForm .photoDiv .checkBox {
	width: 1em;
}
#photoForm .photoDiv textarea {
	border: 1px solid #ddd;
}
#photoForm .button {
	text-align: left;
}
#photoForm p.alert {
	margin-top: 2.5em;
	clear: left;
}
#photoForm #featuredPhotoField label {
  display: inline;
}

/*****************
 *
 * Photo admin form styles
 *
 ******************/

fieldset#photoMeta {
	margin: 1em;
	background-color: #ffd;
	padding: 1em;
}
fieldset#photoMeta div {
	margin: 0.75em;
}
fieldset#photoMeta input {
	width: 3em;
	margin-left: 0.5em;
}
fieldset#photoMeta input#fileName {
	width: 12em;
}

/*****************
 *
 * Photo permission form styles
 *
 ******************/

form#photoPermForm label {
	display: inline;
}

/*****************
 *
 * Login form styles
 *
 ******************/



#loginDiv {
	margin: 0.75em;
	border: 1px solid #000;
	background: #efe;
	width: auto;
	margin-bottom: 1em;
}
#loginForm {
	margin: 0;
	padding: 0;
}
#loginDiv p, #loginDiv div {
	margin: 1em;
	padding: 0;
}
#loginForm label {
	display: block;
	margin-bottom: 0.25em;
}
#loginForm input {
	width: 50%;
	margin-bottom: 1em;
	font-size: 1em;
}
#loginForm input[type="submit"] {
	width: 5em;
	margin-bottom: 0;
}

/*****************
 *
 * Search form styles
 *
 ******************/

#searchForm fieldset {
	border: none;
}
#searchForm legend {
	font-weight: bold;
}
#searchForm fieldset ul {
	list-style-type: none;
	margin-top: 0;
	padding-left: 0;
}
#searchForm fieldset li {
	margin-bottom: 0.25em;
}
#searchForm div {
	margin: 1em;
}
#searchForm div label {
	display: block;
	font-weight: bold;
	margin: 0 0 0.15em;
	padding: 0;
}
#searchForm input,
#searchForm select,
#searchForm label {
	font-size: 1em;
	max-width: 100%;
}


/*****************
 *
 * Styles within banner
 *
 ******************/

#banner h1 {
  font-size: 50px;
  color: white;
  margin-left: 280px;
  margin-right: 280px;
  text-shadow: 2px 2px 4px black;
}
#logo {
  position: absolute;
  top: 15px;
	padding: 14px 0 0 10px;
	width: 270px;
}
#logo img {
  width: 83px;
  height: 70px;
}
#siteTitle, #siteSubtitle {
	padding: 0;
	font-weight: bold;
	overflow: visible;
}
#siteTitle {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	font-size: 24px;
	line-height: 1em;
  text-shadow: 2px 2px 4px black;
}
#siteSubtitle {
	margin: 0;
	padding: 0;
	font-size: 17px;
	color: #EEE;
	font-weight: bold;
  text-shadow: 2px 2px 4px black;
}

/*****************
 *
 * Google search form
 *
 ******************/


#googleSearch {
	margin: 0;
	padding: 0;
	width: 270px;
	position: absolute;
	right: 10px;
	top: 95px;
}
#googleSearch label {
	color: white;
	padding-left: 12px;
	padding-bottom: 0.25em;
	display: block;
	font-size: 18px;
}
#googleSearch input[type="text"] {
	margin: 0;
	padding: 0;
  width: 98%;
  height: 1.5em;
}
#googleSearch input[type="button"],
.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
	margin: 0;
	padding: 0;
	height: 30px;
	font-size: 1em;
	padding: 0.25em;
	width: 5em;
	text-align: center;
	background-color: #336BA8 !important;
}
#googleSearch table {
  margin-left: 0;
}
#googleSearch table,
#googleSearch th,
#googleSearch td {
  border: none;
  padding: 0.15em;
}
/* hover color:	background-color: #B2FFB2; */ /* Seahawk green */


/*****************
 *
 * Google search results
 *
 ******************/

main div.gsc-control-cse {
  padding-top: 0;
}
.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title *,
.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
  font-size: 1em;
}

/*****************
 *
 * Peakware search results
 *
 ******************/

#searchResults h2 {
	margin: 0 0.5em;
}
#searchResults h3 {
	margin-left: 1.25em;
}
h2#searchAgain {
	margin-top: 2em;
	padding-top: 0.75em;
	border-top: 1px solid #ccc;
}

/*****************
 *
 * Home page styles
 *
 ******************/

#home h1 {
  padding-bottom: 0;
}
#home p {
  font-size: 1.2em;
  margin: 0 2em;
  line-height: 1.25em;
}
#home p:first-of-type {
  font-size: 1.6em;
  margin-left: 1em;
}
#home h2, h3 {
  color: #333;
}
#home h2 {
  margin: 1em 1em 0;
  font-size: 1.8em;
}
#home h3 {
  font-size: 1.8em;
  margin-top: 1.5em;
}
#home h3:first-of-type {
  margin-top: 1em;
}
#home form {
  margin: 2em;
  padding: 1em;
  border: 1px solid #666;
}
#home h3 span.wayNumber {
  font-size: 2em;
  color: #C00;
}
#home ul {
  margin-left: 1em;
}
#home ul li {
  font-size: 1em;
  line-height: 1.5em;
}
#home div.googleMap {
  margin-top: 1em;
}

/*****************
 *
 * MyConfig form styles
 *
 ******************/

#myconfig img {
	margin-left: 1em;
	width: 200px;
	height: 200px;
}
#myconfig input[type="checkbox"], #myconfig input[type="radio"] {
	width: 1em;
	margin: 0;
	padding: 0 1em;
}
#myconfig fieldset {
	margin-top: 2em;
}
#myconfig legend {
	font-weight: bold;
}
fieldset#unitSelector {
  margin-bottom: 0;
}
#myconfig ul#socialFields label {
	display: block;
	font-weight: bold;
}
#prefSelector, #unitSelector ul {
	list-style-type: none;
	margin-left: 1em;
	padding-left: 0;
}
#prefSelector li, #unitSelector li {
	margin-bottom: 0.5em;
}
#prefSelector li span {
	float: left;
	width: 12em;
}
#prefSelector label {
	margin-right: 1.5em;
}
#prefSelector .formField {
	clear: both;
}
#myconfig #unitSelector {
	margin-top: 1em;
}
#myconfig #unitSelector legend {
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}
#myconfig #unitSelector p {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#ratingThresholdDiv {
  margin-top: 0;
}
#ratingThresholdDiv label {
	font-weight: bold;
	margin-bottom: 0.25em;
}
select#pref_RatingThreshold {
	margin-bottom: 0;
}
#ratingThresholdDiv p.help {
	padding-top: 0.25em;
}
#myconfig input#save {
	font-size: 1.2em;
	font-weight: bold;
	width: 8em;
}

.waiting {
	display: block;
	width: 500px;
	height: 100px;
	border: 1px solid #336BA8;
	background: #fff url('images/spinner.gif') center center no-repeat;
}
#uploadMsg.alert {
	margin-left: 0 !important;
}

/*****************
 *
 * Photo upload form
 *
 ******************/

form#photoUpload {
	margin: 0 1em;
}
#photoUpload input#uploadedFile {
	width: 50%;
}
#photoUpload input[type="submit"] {
	display: block;
}

/*****************
 *
 * Menu styles
 *
 ******************/

#menuWrapper {
	margin: 0;
	padding: 5px;
	background: #336BA8;
	min-height: 2.25em;
}
#menuWrapper nav {
  color: white;
  background-color: transparent;
  height: 1.5em;
}
#menuWrapper nav ul {
	list-style-type: none;
	margin: 0;
}
#menuWrapper nav ul li {
	float: left;
	padding: 0.5em 1em;
}
#menuWrapper nav ul li a {
	color: white;
	text-decoration: none;
	display: inline-block;
  height: 100%;
  width: 100%;
}
#navMain {
  float: left;
  margin-left: -2em;
}
#userMenu {
	float: right;
}
li.userName {
	color: #ff0; /* alt: #cf6823 */
	border-right: thin dotted white;
	padding-right: 1em;
}

/*****************
 *
 * Navigation tab styles
 *
 ******************/


.navMenu {
	margin: 0;
	background-color: #8DA3BB;
	background-color: black;
	margin: 0;
	height: 2em;
	float: left;
	width: 100%;
}
.navMenu ul {
	list-style: none;
	margin: 5px 0 0 10px;
	padding: 0;
	width: 100%;
}
.navMenu li {
	float: left;
	margin: 0;
	padding: 0;
}
.navMenu a {
  line-height: 1.1em;
	border: 1px solid #B7AE88;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #d5d0ba;
  background-image: -webkit-gradient(
	  linear,
    left top,
    left bottom,
    color-stop(0, #FFFFFF),
    color-stop(0.81, #D5D0BA)
  );
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #D5D0BA 81%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #D5D0BA 81%);
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #D5D0BA 81%);
  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #D5D0BA 81%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #D5D0BA 81%);
}
.navMenu a {
	display: block;
	color: #336BA8;
	font-size: 0.9em;
	text-decoration: none;
	margin: 0;
	padding: 5px 15px;
}
.navMenu li.thisItem > a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background-image: none;
	background-color: #ffffff;
	border-color: #336BA8;
	border-bottom-color: #ffffff;
}
#navMain {
  background-color: #8DA3BB;
}
#navPeak, #navHighest, #navSettings, #navPerson {
  background-color: #ffffff;
  margin-bottom: 1em;
}
#navSpecialPeak {
  display: block;
  width: 100%;
}
#navSpecialPeak p {
  float: left;
  width: 5em;
  margin-right: 0;
}
#navSpecialPeak nav {
  width: auto;
  background-color: white;
}
#navSpecialPeak nav ul {
  margin-left: 0;
}

/*****************
 *
 * peakMain styles
 *
 ******************/


#peakMain h2, #peakMain h3, #peakMain ul, #peakMain ol, #peakMain p {
	text-align: left;
}
main #features header {
	position: relative;
}
main #features header a#editLink {
	position: absolute;
	bottom: 0;
	right: 1em;
}
a#editLink,
.editButton,
.bigGreenButton {
	text-decoration: none;
	text-align: center;
	color: #FFF;
	background-color: #093;
	border: 2px solid #062;
	border-radius: 5px;
	font-size: 1.5em !important;
	padding: 0.15em 0.25em;
	width: 4em;
}
div.buttonDiv {
  clear: left;
}
button#addLink {
  margin-left: 2em;
  width: 5em;
}


/*****************
 *
 * Highest styles
 *
 ******************/


#highest {
  margin: 0;
  padding: 0;
}
#highest h2 {
  font-size: 1.2em;
	text-align: left;
	margin: 0 1em 0.75em;
}
#highest h2:first-child {
  font-size: 1.8em;
	text-align: center;
	margin: 0 0.25em;
}
#highest p.highestDesc {
  font-size: 1.2em;
	margin: 0 0.5em 0.5em;
	font-style: italic;
	text-align: center;
}
#highest ol {
  margin-top: 1.5em;
}
#highest ul {
  margin-top: 0;
}

/*****************
 *
 * Rangetree styles (areas.php)
 *
 ******************/


#rangeTree div {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 5px 0 10px;
}
#rangeTree h3 {
	margin-bottom: 0.75em;
}
#rangeTree ul {
	list-style-type: none;
	margin-left: 1em;
	padding-left: 1em;
}
#rangeTree ul ul {
	list-style-type: disc;
	padding-top: 0.25em;
}
#rangeTree ul ul li {
	padding-bottom: 0.25em;
}

/*****************
 *
 * Cam styles
 *
 ******************/


#cams div {
	margin-top: 1em;
}
.cam {
	display: block;
	position: relative;
	float: left;
	width: 290px;
	height: 300px;
	border: 1px solid #000;
	text-align: center;
}
.camImgWrapper {
	width: 280px;
	height: 210px;
	margin-left: auto;
	margin-right: auto;
	background: #000;
	color: #FFF;
}
.camImgWrapper.loading {
	background: #000 url(images/spinner.gif) no-repeat center center;
}
.camImgWrapper a {
  display: block;
}
.cam h2 {
	font-size: 0.9em;
}
.cam img {
	width: 280px;
	height: 210px;
}
.cam p.camError {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.1em;
}

/*****************
 *
 * People styles
 *
 ******************/

#peopleStats {
	font-size: 1.2em;
	margin: 0 1.5em;
	padding-top: 0;
}
#personDiv {
}
#personMain {
	clear: left;
	margin: 0;
	padding: 10px 0;
  overflow: hidden;
}
#personMain div.profileImg {
}
#personMain div.profileImg img {
	float: left;
	padding: 0 0.75em 0.5em 1em;
	width: 200px;
}
#personMain .personText {
  float: none;
  width: auto;
  overflow: hidden;
}
#personDiv h2 {
  clear: left;
  margin: 1.25em 1em 0;
}
/*
#personDiv h2:first-of-type {
  margin-top: 2.5em;
}
*/
#personDiv p {
	margin: 0 1em 0.25em;
	padding: 0;
}
#personDiv a {
}
.profileDiv {
	float: left;
	width: 48%;
	margin: 1em 0;
	padding: 0.25em 0.25em 0;
}
.profileDiv h3 {
	margin-left: 1em;
}
.profileDiv #gallery {
	border: 2px solid #DDD;
	padding: 0.25em;
}
.profileDiv li {
  text-align: left;
}
#mycontributions, #myClimbs, #myFavorites {
	/* these are all .profileDiv classes */
}
#myFavPhotos {
  float: none;
  clear: left;
  width: 100%;
}
#myFavPhotos ul {
	list-style-type: none;
}
#myFavPhotos li {
	margin-top: 0.5em;
}
#peopleList {
  list-style-type: none;
}
#peopleList li {
  display: block;
  clear: left;
  border: 1px solid #CCC;
  padding: 1em;
  min-height: 75px;
  margin-bottom: 0.75em;
  margin-right: 1em;
}
#peopleList img.profilePic {
  float: left;
  padding-right: 10px;
  width: 75px;
  height: 75px;
}
#peopleList a {
  font-size: 1.2em;
  font-weight: bold;
}
#peopleList .location {
  display: block;
  line-height: 30px;
  padding-top: 10px;
}
#peopleList img.flag,
#personDiv img.flag {
  width: 22px;
  height: 15px;
}
#peopleList img.flag {
  border: 1px solid #999;
  margin: 0 10px;
}
#personDiv img.flag {
  margin: 0px 0px 0px 5px;
}
#aboutMe {
	margin-top: 0.75em !important;
}
#peopleChoices {
  border-top: 2px solid #CCC;
  margin-top: 1.5em;
}
#peopleChoices ul {
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0;
	/* border: 1px solid #336BA8; */
}
#peopleChoices li {
	margin-bottom: 0.5em;
}



/*****************
 *
 * Google Map styles
 *
 ******************/

.googleMap {
	/* margin: 5px 0 5px; */
	/* margin: 0; */
	margin: 0 1em;
	width: 97%;
	padding: 0;
	border: 1px solid #336BA8;
	text-align: center;
}
div#map_peak {
  clear: left;
}
.googleMap.tightWrapper {
  /* same height as #map_canvas */
	height: 480px;
}
.googleMap.looseWrapper {
  /* no height specified, div can grow to contain meta data */
  height: auto;
}
#map_canvas {
  width: 640px;
  height: 480px;
  border-bottom: 1px solid #336BA8;
}
#map_canvas svg, #map_canvas canvas {
	/* without this route polylines are hidden in Safari and Chrome */
	visibility: visible !important;
}
.googleMap > #msg,
.googleMap > #printLink {
	font-size: 0.9em;
	margin: 5px;
	display: none;
}
#msg ul {
	list-style-type: none;
	margin: 0 auto;
	width: 90%;
	text-align: center;
}
#msg li {
	float: left;
	width: 30%;
}
#printLink {
	margin: 5px;
}
p#googleEarthLink {
	clear: left;
	text-align: left;
	font-style: normal;
	padding: 0.5em;
}
#personDiv {
	clear: both;
}
#personDiv .googleMap {
	min-height: 480px;
}
form .googleMap {
	/* margin: 5px 0 0 -22px; */
	margin: 5px 0 0 -6px;
}
div.googleMap.bottomBorder {
	border-bottom: none;
}
#personDiv fieldset {
	margin: 0.75em 0.25em;
	border: none;
	font-size: 0.9em;
	width: 100%;
}
#personDiv fieldset legend {
	margin: 0;
	padding: 0;
}
#personDiv fieldset ul {
	margin: 0;
	float: left;
	list-style-type: none;
	text-align: left;
}
#personDiv fieldset li {
  float: left;
  width: 16em;
}
#personDiv div#personMapPicker {
  font-size: 0.9em;
  width: 16em;
  display: none;
}
#personDiv div#personMapPicker label {
}

/*****************
 *
 * Peaks list styles
 *
 ******************/


ul#charList {
	list-style-type: none !important;
  margin-left: 0;
	padding-left: 0;
}
ul#charList li {
	float: left;
	padding: 0.25em;
}
ul#charList li a {
	text-decoration: none;
}
ul#contList, ul#peakList {
	margin-left: 1em;
}
ul#contList li, ul#peakList li {
	padding: 0.25em 0;
	line-height: 1.5em;
}
ul#contList li a.thisChoice, ul#charList li a.thisChoice {
	font-weight: bold;
	text-decoration: underline;
}

/*****************
 *
 * Peak POD
 *
 ******************/

#pod {
  float: left;
  overflow: auto;
  margin-bottom: 1em;
}
#pod > #phod,
#pod > #overview,
#pod > #peakEditor {
  float: left;
}
#pod > #phod {
  width: 67%;
}
#pod > #overview,
#pod > #peakEditor {
  width: 32%;
}
#pod > #phod > div.photoWrapper {
  margin: 0 1em;
}
#pod > #phod > img {
  float: left;
  width: 32%;
  min-width: 500px;
  padding: 0 1em 0.25em;
}

/*****************
 *
 * Tables
 *
 ******************/

table {
  border: 1px solid black;
  border-collapse: collapse;
  margin-left: 1em;
}
table th,
table td {
	 border: 1px solid black;
	 padding: 0.5em 1em;
	 text-align: center;
}
table.peaksTable td:first-of-type {
  text-align: left;
}

/*****************
 *
 * Photo Editor Table
 *
 ******************/

 table#photoEditor {
	 border: 1px solid black;
	 border-collapse: collapse;
	 margin-left: 1em;
 }
 table#photoEditor th,
 table#photoEditor td {
	 border: 1px solid black;
	 padding: 0.5em 0.75em;

}
table#photoEditor td {
	text-align: center;
}
table#photoEditor td select {
  margin: 0;
  font-size: 1em;
}
table#photoEditor td button {
	display: block;
	font-size: 1.1em;
	border-radius: 5px;
	margin-bottom: 1em;
}
#photoEditor img {
  border: 2px solid transparent;
}

/*****************
 *
 * Peak overview
 *
 ******************/


div#overview {
  border: thin solid #336ba8;
  background-color: #d8e6f3;
}
div#overview table {
  border: none;
  margin-top: 1em;
  padding-top: 0;
}
div#overview table tr {
	display: block;
	border-bottom: 1px dotted #ccc;
}
div#overview table th,
div#overview table td {
  border: none;
  padding: 0.25em;
}
div#overview table th {
  text-align: right;
  width: 15em;
}
div#overview table td {
  text-align: left;
  /* width: 10em; */
}
div#overview table td input,
div#overview table td select {
	font-size: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
div#overview table td input[type=text] {
	/* width: 350px; */ /* out of 640 */
}
div#overview table option,
div#overview table label {
	font-size: 1em;
}

/*****************
 *
 * PeakMeta Editor
 *
 ******************/


form#peakEditor div#peakMeta {
  border: thin solid #336ba8;
  background-color: #EFE;
}
div.wikiData {
	margin: -1.5em 1.5em 0;
	color: #c00;
}

/*****************
 *
 * Peak Description
 *
 ******************/


div#peakDescription {
  margin-top: 0;
}
div#peakDescription p {
  margin: 0.85em 1em;
  padding: 0;
  line-height: 1.35em;
}
div#peakDescription p:first-child {
  margin-top: 0;
}
div#peakDescription p.credit {
	border-top: 1px solid #ddd;
	margin: 0.5em 1em;
	padding-top: 0.75em;
	overflow: hidden;
}
div#peakDescription ol,
div#peakDescription ul {
  margin-bottom: 0;
  overflow: hidden;
}
div#peakDescription li {
  margin-bottom: 1em;
}

/*****************
 *
 * Links
 *
 ******************/

section.links {
  clear: left;
}
section.links ul {
  list-style-type: none;
}
section.links ul li {
  position: relative;
	width: 200px;
	height: 245px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #DDD;
	float: left;
	margin: 10px;
}
section.links ul li a {
  display: block;
  text-decoration: none;
  font-weight: normal;
  width: 196px;
  height: 98%;
}
section.links ul li a img {
  display: block;
  width: 196px;
}
section.links ul li button {
	position: absolute;
	top: 0;
	height: 30px;
	width: 30px;
	text-align: center;
	padding: 0;
	font-weight: bold;
}
section.links ul li button.editLink {
  right: 31px;
}
section.links ul li button.deleteLink {
  right: 0;
}

/* Unused??? */
div#links div.editLink {
  float: none;
  text-align: left;
  padding: 0 0.75em 0.5em;
}
section.links ul {
	margin-left: 1em;
}
ul#linkEditor, ul#videoEditor {
	list-style-type: none;
	margin: 5px;
}
#linkEditor li, #videoEditor li {
	margin: 0.5em 0.25em;
	background: #cddcbe; /* camouflage green */
	padding: 5px;
}
#linkEditor li label, #videoEditor li label {
	margin-top: 0.25em;
	display: block;
}
#linkEditor a, #videoEditor a {
	font-size: 0.8em;
}

/* Editable pages for Overview components */
div#peakMain > form > div#overview {
  width: 90%;
  border: none;
  float: none;
}
div#peakMain > form div.editLink {
  float: none;
}

/*****************
 *
 * Trip Report styles
 *
 ******************/


#logList {
	margin-top: 0;
	padding-top: 0;
	margin-left: 1em;
}
#logList li {
	line-height: 25px;
}
#logList li img {
	padding-left: 0.5em;
}
ul#logMeta {
	margin-left: 1em;
}
ul#logMeta li {
	margin-bottom: 0.25em;
}
div#log {
	margin-left: 1em;
	margin-right: 1em;
}
#logPreviewToggle {
  width: 10em;
  margin-bottom:1em;
}
#logPreviewToggle button {
  font-size: 1em;
  font-weight: bold;
}
.logPreview {
  color: #757575; /* light grey */
  margin: 0.5em 0 1em;
}

/* General form styles */
.fieldHelp {
  margin: -1em 20% 0 -0.5em;
  color: #C00;
  font-weight: bold;
}

/*****************
 *
 * Log & Photo Edit Form
 *
 ******************/


form#logForm {
	padding-top: 0.75em;
}
form#logForm .logDiv {
	margin-bottom: 1em;
	border-bottom: thin dashed #000;
}
form#logForm label, form#photoForm label {
	font-weight: bold;
}
#logForm .formfield {
	text-align: left;
}
#logForm h3 {
	font-size: 1.2em;
}
#logForm fieldset {
	width: 25em;
}
form#photoMetaForm div label {
	display: block;
}
form#photoMetaForm div.radioField label {
	display: inline;
}
form#photoMetaForm fieldset#photoMeta label {
	display: inline;
}
form div.permission label {
  display: inline !important;
  font-weight: normal !important;
}
#photoMetaForm img {
  margin: 10px 20px;
}

/*****************
 *
 * Quick Tour styles
 *
 ******************/


#quicktour li img {
	display: block;
	margin: 5px auto;
}
#quicktour li {
	margin-bottom: 1em;
}
#quicktour-item1 {
	list-style-image: url('../images/ol1.gif');
}
#quicktour-item2 {
	list-style-image: url('../images/ol2.gif');
}
#quicktour-item3 {
	list-style-image: url('../images/ol3.gif');
}

/*****************
 *
 * Google Map Info Window Styles
 *
 ******************/

div#waypointForm {
	text-align: left;
	width: 300px;
}
div#waypointForm label {
  display: block;
	font-weight: bold;
}
div#waypointForm input[type="text"] {
  width: 85%;
}
div#waypointForm textarea {
  width: 90%;
}
div#waypointForm div#photoUploadDiv {
  margin-top: 10px;
  background: url('http://maps.google.com/mapfiles/ms/micons/camera.png') top left no-repeat;
}
div#waypointForm div#photoUploadDiv label {
  float: left;
  padding: 7px 0 0 40px;
}
div#waypointForm div#photoUploadDiv input {
  clear: left;
  margin-top: 0.5em;
}
div#waypointForm input[type="button"] {
  margin-top: 1em;
	width: 8em;
	text-align: center;
}

/*****************
 *
 * Rich text editor
 *
 ******************/

textarea.rte {
  outline: none;
  border: none;
}
textarea.rte.mce-edit-focus {
  outline: 1px dotted #333;
}

/*****************
 *
 * Other styles within main
 *
 ******************/


td#google, td#adNetwork {
  padding-left: 5px;
}
td#adNetwork {
  font-size: 14px;
  font-weight: bold;
}
#topoImg {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/* part 1 of hack to address stray MyTopo characters */
	visibility: hidden;
}
#topoImg img {
	border: none;
	padding-left: 50px;
	padding-right: 50px;
	/* part 2 of hack to address stray MyTopo characters */
	visibility: visible;
	text-align: center;
}
table#ads {
  margin-left: 2em;
  border: thin solid #000000;
}
#ads td {
  padding: 1em;
  font-size: 120%;
}
#ads td.IDColumn {
  text-align: right;
}
#ads td.PicColumn {
  text-align: left;
}
div#geoEditor div.googleMap {
	margin-left: -6px;
	border-bottom: none;
}
table#thumbnails {
  margin-left: 2em;
}
table#thumbnails tr, table#thumbnails td {
  padding: 1em;
}

/*****************
 *
 * Styles within footer
 *
 ******************/

footer p {
	text-align: center;
}
footer a {
	padding: 1em;
	color: #336BAB;
	text-decoration: underline;
}
.copyright {
	padding-bottom: 1em;
}
footer .copyright a {
  padding-left: 0;
  padding-right: 0;
}

/*****************
 *
 * Ad styles
 *
 ******************/


.googleAd {
  display: block;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.googleAd ins {
  max-width: 100%;
}
#ad_banner {
	position: relative;
	width: 728px;
	height: 90px;
	top: 20px;
	margin: 0 auto;
}
#ad_sidebarTop {
	margin: 0 0 15px;
}
#ad_sidebarBottom {
  margin: 0;
}
#ad_footer {
	clear: both;
	position: relative;
  padding-top: 1em;
	text-align: center;
	margin: 0 auto;
	width: 970px;
	height:90px;
}

/*****************
 *
 * Five-star rating widget
 *
 ******************/

div.stars {
	margin: 1em;
	text-align: left;
	border: 2px solid #EEE;
	padding: 1em;
}
div.stars p {
  text-align: center;
}
div#photoCaption div.stars {
	margin: 1em auto;
	text-align: center;
}
p.starsInstruction {
	/* width: */
}
div.floatingstars {
	margin: 1em 0;
}
div.starwrapper {
	width: 100px;
	margin: 0.25em auto 0.5em !important;
	overflow: hidden;
}
h2.descHeading {
}
#peakMain div.featureContent div.floatingstars p {
	text-align: center;
}
.stars p, .floatingstars p {
	margin: 0;
	padding: 0;
}
div.yourRating, div.avgRating {
	clear: left;
	margin: 0;
	padding: 0;
}
div.yourRating p, div.avgRating p {
	font-size: 0.9em;
}
div.yourRating p {
	padding-top: 0.25em;
}
div.avgRating p {
}
div.yourRatingValue, div.avgRatingValue {
	font-weight: bold;
}
.star-on,.star-off {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
}
.star-on {
	background: transparent url('../images/star-on.png') top left no-repeat;
}
.star-off {
	background: transparent url('../images/star-off.png') top left no-repeat;
}

/*****************
 *
 * Thumbs up/down widget
 *
 ******************/

div.thumbRatings span {
	width: 25px;
	height: 32px;
	display: block;
	float: left;
}
div.thumbRatings span:first-child {
	padding-right: 10px;
}
div.thumbRatings span.thumbsUpOn {
	background: transparent url('../images/thumbsup-on.png') top left no-repeat;
}
div.thumbRatings span.thumbsUpOff {
	background: transparent url('../images/thumbsup-off.png') top left no-repeat;
}
div.thumbRatings span.thumbsDownOn {
	background: transparent url('../images/thumbsdown-on.png') top left no-repeat;
}
div.thumbRatings span.thumbsDownOff {
	background: transparent url('../images/thumbsdown-off.png') top left no-repeat;
}

/*****************
 *
 * Social networking
 *
 ******************/

div#share {
	width: auto;
	margin: 0.25em;
}

/* clearfix hack */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*****************
 *
 * Actions menu
 *
 ******************/

div.actionsMenu {
  background-color: #ffd;
}
div.actionsMenu ul li {
	margin-bottom: 0.2em;
	line-height: 1.5em;
}
.x {
	padding: 0 0.35em;
	color: #000;
	background-color: #ddd;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #003;
	border-radius: 5px;
	font-size: 16px;
	line-height: 12px;
	height: 15px;
	display: inline-block;
}
div.actionsMenu a.x {
	margin-left: 0.25em;
}

/*****************
 *
 * Weather
 *
 ******************/

section#weather iframe {
  height: 280px;
	margin: 5px;
	padding: 0;
	font-size: 9px;
}
section#weather iframe td {
	font-size: 9px;
}
p#weatherCredit {
	font-weight: bold
}


/*****************
 *
 * Misc styles, alphabetized (sort of)
 *
 ******************/

.addthis_sharing_toolbox {
  margin: 0 1em;
}
div#alert {
  display: none;
  position: fixed;
  left: 180px;
  top: 35px;
	padding: 1em;
	font-weight: bold;
	background: #ffd; /* light yellow */
	border: thin solid #036;
}
.alert, #map_canvaserror {
  clear: left;
	margin: 0.75em;
	padding: 1em;
	font-weight: bold;
	background: #ffd; /* light yellow */
	border: thin solid #036;
}
.bigText {
  font-size: 1.5em;
}
button#addVideo {
  border: none;
  font-size: 1em;
  color: #0000AA;
  background-color: white;
  text-decoration: underline;
  width: 100%;
  margin: 1.25em 0;
  text-align: left;
  cursor: pointer;
}
#map_canvaserror {
	display: none;
}
ul.alert li {
	margin-left: 1em;
}
#areaSummary {
  margin: 1em 0.25em;
  line-height: 1.5em;
}
.beta {
	margin: 0 1em;
	font-weight: bold;
	color: #FF0000;
}
a.btnLink {
	font-size: 0.9em;
	padding: 0.25em;
	color: #000;
	background-color: #eee;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #003;
}
.clipped {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px);
}
.unclipped {
  position: relative !important;
  clip: auto;
}
div.editLink {
	float: right;
	padding: 0.25em 1.25em 0.25em 0.5em;
	color: #2f61b7;
}
div.editLinkPhotos {
  position: relative;
  text-align: right;
}
.extraTopMargin {
	margin-top: 2em !important;
}
.footnote {
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid #999;
}
div.guardianLink a {
	margin: 1em;
}
span.guardianEditLink {
	font-size: 0.75em;
	vertical-align: top;
	font-weight: normal;
	color: #336BA8;
}
.guardianEditLink a {
	/* for some reason not inherited in Chrome */
	vertical-align: top;
}
p.help {
	font-size: 0.9em;
	margin-top: 0.25em;
}
.helpImage {
	text-align: center;
}
img.logo {
	margin-top: 0;
	padding-top: 0;
}
input#saveSort {
	width: 1em;
}
.intro {
	margin: 0.5em;
}
.helpLink {
	color: #000000;
	text-decoration: none;
}
.large-font {
  font-size: 1.1em;
}
.left {
	text-align: left !important;
}
.center {
	text-align: center !important;
}
.spacedout li {
	margin-top: 1.25em;
}
.error {
	font-weight: bold;
	color: #FF0000;
}
p.flat {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.guardianThanks {
	font-size: 0.9em;
	margin-left: 0.5em;
	margin-right:0.5em;
	font-style: italic;
}
.hidden {
  display: none;
}
.message {
  margin: 1em;
  font-weight: bold;
}
#myTopoMap {
	width: 500px;
	border: 1px solid #000;
	margin: 10px auto 0;
}
.note {
  color: #6a6a6a;
  font-style: italic;
}
.numberCell {
	text-align: right;
}
.offscreen {
	position: absolute;
	top: 1px;
	left: -999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

#pageStats {
  border: 2px solid #C00;
  padding: 0.75em;
  width: 10em;
  position: fixed;
  top: 2px;
  left: 2px;
}
#pageStats ul {
  margin: 0;
  padding: 0 0 0 0.75em;
  text-align: left;
}
.peakResults li {
	margin-bottom: 0.5em;
}
.readonly {
	color: #999;
	background-color: #fff;
}
.screencap {
	margin: 1em 0;
}
#showGmap {
	margin: 0;
	padding: 5px;
	background: #336BA8 url("images/H2_510.gif") top left no-repeat;
	width: 500px; /* Background image - 10px for padding */
	text-align: center;
	border-bottom: 2px solid #AAA;
}
#showGmap a {
	color: #FFF;
	font-size: 0.9em;
	font-weight : bold;
}
#siteStats {
  margin: 0.15em 0;
  background-color: #A30000;
  border: 1px solid #A30000;
  color: #eee;
  padding: 0.75em;
}
li.spaceAbove {
  margin-top: 1em;
}
.stat {
  font-weight: bold;
  color: #C00;
}
.submittedBy {
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
}
.textList li {
  margin-bottom: 0.75em;
}
canvas {
	/* Not sure why this was added. COmmenting out for now 7-20-10 */
	/* visibility: hidden; */
}
#imgPointer {
	visibility: hidden;
}
.feature {
	clear: right;
}
.feature, .smallFeature, .photo {
	position: relative;
	clear: left;
}
.feature, .photo {
	padding: 0;
	margin: 0.25em auto 1em;
}
.feature, .photo {
	margin: 5px;
	padding: 0;
}
iframe#weather {
	font-size: 9px;
}
.smallFeature {
	width: 300px;
	margin: 0.25em 0 1em;
	padding: 0;
}
.photo h2, .smallFeature h2  {
	border-style: none;
	font-size: 1.2em;
	font-weight : bold;
  margin: 0;
	padding: 0.25em 1em;
}
.feature h2, .photo h2 {
	color: #000;
	margin: 1em;
}
.smallFeature h2  {
	color: #FFF;
	background-color: #336BA8;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#whatsNew h3 {
	font-size: 1.1em;
	margin-bottom: 0.25em;
	margin-left: 0.25em;
}
#whatsNew ul, .featureContent ul {
	margin-top: 0.25em;
	margin-left: 0.5em;
	padding-left: 1em;
}
#whatsNew li {
	margin-bottom: 0.15em;
}
#whatsNew div.newBlock {
  width: 30em;
  max-width: 48%;
  float: left;
  padding-right: 2%;
}
ul.altSources {
  list-style-type: disc;
  margin-left: 2em;
  padding-left: 1em;
}
.feature h3, .feature h3 a {
	font-size: 1em;
	margin-top: 0; /* was .5em */
	margin-left: 0; /* was 0.25em - too far right on search.html */
	margin-bottom: 0;
}
.featureContent, .smallFeatureContent, .photoContent,
.marketplaceContent, .mapContent {
	vertical-align: top;
	margin: 0;
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.smallFeatureContent, .marketplaceContent {
	border-left: thin solid #336BA8;
	border-right: thin solid #336BA8;
	border-bottom: thin solid #336BA8;
}
.listDiv {
	margin: 0 0.25em 0.5em 1em;
	padding-top: 0.75em;
	text-align: left;
}
.listDiv ul {
	margin: 0;
	padding: 0;
}
.topPara { /* first paragraph following an H2 */
	margin-top: 0;
	padding-top: 0.75em;
	margin-left:0.5em;
	margin-right:0.25em;
	text-align: left;
}
.photoContent, .googleMap {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
img.photo {
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
p.photoCredit {
	margin-top: 0.25em;
	padding: 0;
	font-size: 80%;
	text-align: center;
}
.introPara {
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	margin-left: 0.5em;
}
form.siteMap {
	margin-top: 0;
	margin-left: 0.5em;
}
form.wideForm {
	width: 50%;
}
.elevation {
	font-size: 80%;
}
#updateMapLink {
  color: blue;
  text-decoration: underline;
  margin: 0.25em 1em 2em;
  cursor: pointer;
}
.userEmail {
	font-weight: bold;
}
.adminList {
	line-height: 1.5em;
}
.adminList button {
  font-size: 1em;
  margin-left: 0.5em;
}

/* FullWidth classes (for wide single column pages) */
.fullWidth {
}
.fullWidth H2 {
	margin-top: 0.5em;
	margin-left: 0.25em;
}
.fullWidth p {
	margin-left: 0.5em;
	margin-bottom: 1em;
}

/* Other custom classes */
#newPhotosTable {
	padding-top: 0.25em;
}
#newPhotosTable td {
	vertical-align: top;
}
ul.guardianList ul {
	list-style-type: square;
	margin-top: 0.75em;
	margin-bottom: 1em;
}
ul#googleEarthList li {
	margin-bottom: 1em;
}

/* Guardian auto-complete styles */
#acDiv{ border: 1px solid #9F9F9F; background-color:#F3F3F3; padding: 3px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; display:none; position:absolute; z-index:999;}
#acDiv ul{ list-style:none; margin: 0; padding: 0; }
#acDiv ul li{ display:block;}
#acDiv a{ color:#000000; text-decoration:none; }
#acDiv li.selected{ background-color:#7d95ae; color:#000000; }

/*****************
 *
 * Photo Gallery
 *
 ******************/

div#galleryWrapper {
  clear: left;
}
div#gallery {
	/* margin: 10px auto; */
	margin: 1em;
	padding: 0.75em;
	border: 2px solid #DDD;
	width: 97%;
}
div#gallery div#slideshow img {
	max-width: 98%;
	margin: 0 auto;
}
#photoNav {
	margin-left: 10px;
	margin-bottom: 2em;
	overflow: hidden;
}
#photoNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#photoNav li {
	float: left;
}
#photoNav img {
	width: 100px;
	height: 100px;
	clip: rect(50px, 100px, 100px, 0px);
	overflow: hidden;
}
.loading {
	height: 200px;
	background: url('images/loader_on_white.gif') no-repeat;
	background-position: center;
}
div.photoCaption {
	margin: 0;
	padding: 0;
}
div.photoCaption div,
div.photoCaption p {
  text-align: center;
  margin: 0.25em;
}
div.content {
	display: none;
	float:right;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.ss-controls {
	float: left;
	padding-left: 0.5em;
}
div.ss-controls span {
	color: #666666;
	cursor: pointer;
}
div.nav-controls {
	float: right;
	padding-right: 0.5em;
}
div.nav-controls a {
	padding: 5px;
}
div#slideshow {
	clear: both;
}
div#slideshow span.image-wrapper {
	/* float: left; */
	display: block;
	margin: 0 auto;
	padding-bottom: 12px;
}
div#slideshow a.advance-link {
	text-decoration: none;
	background-color: transparent;
}
div#slideshow img {
	border: none;
	display: block;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.caption {
	line-height: 1.3em;
	padding-top: 12px;
	text-align: center !important;
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
}
div.caption div.photoTitle {
  font-size: 1.15em;
	font-weight: bold;
	margin: 0 0.5em 0.5em;
	text-align: center;
}
div.caption p.photoDesc {
  text-align: left;
  margin: 0 1.5em;
}
div.caption p.alsoSubmitted,
div.caption p.photoAttrib {
  text-align: center;
}
p.permalink {
  text-align: center;
	margin-bottom: 1em;
}
p.permalink a {
	font-style: italic;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
ul.thumbs li a {
	padding: 2px;
	display: block;
	border: 2px solid #eee;
}
ul.thumbs li.selected a {
	background: #88f;
}
ul.thumbs a:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
  clear: left;
  padding: 1em 0;
  text-align: left;
}
div.pagination span {
  font-weight: bold;
  display: block;
  margin-bottom: 0.5em;
}
div.pagination ul {
	list-style-type: none;
}
div.pagination li {
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 1.1em;
}
div.pagination li.current {
	font-weight: bold;
}
div#photoNav div.top {
	margin-bottom: 12px;
	height: 11px;
}
div#photoNav div.bottom {
	margin-top: 12px;
}
#slideshow a.advance-link:hover,
#slideshow a.advance-link:focus,
#slideshow a.advance-link img:hover {
  border: none !important;
  box-shadow: none !important;
}
p.more {
  clear: left;
  font-size: 1.1em;
}

/*****************
 *
 * Featured peak
 *
 ******************/

#featuredPeak {
	text-align: left;
	border: 2px solid #DDD;
	padding: 1em;
}
#featuredPeak div.photoWrapper {
/*
  max-width: 50% !important;
  float: left;
	margin: 10px 0 20px;
	padding-right: 1em;
*/
}
#featuredPeakMeta {
/*
  float: left;
  padding: 0 2em 1em 0.5em;
*/
	font-size: 1.2em;
/*	max-width: 40%; */
}
#featuredPeakMeta ul {
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 1em;
}
#featuredPeakMeta li {
	text-align: left;
	line-height: 1.5em;
}
#featuredPeak p {
  margin-left: 1em;
}

/* People search form */
form#peopleSearch {
  margin: 1em;
}
form#peopleSearch div#submitWrapper {
  margin: 1em;
}
.searchAgain {
	margin: 1em;
}

/*****************
 *
 * Google Maps KML Styles
 *
 ******************/

p.mapInstructions {
	margin-top: 0;
	margin-bottom: 1em;
}
fieldset.waypoint {
	margin-top: 1em;
	margin-bottom: 1em;
}
.waypoint legend {
	font-weight: bold;
	color: #000;
}
.waypoint div.formfield {
	margin-bottom: 0.75em;
}

/*****************
 *
 * Dialog styles
 *
 ******************/

div#dialog {
	width: 88% !important;
	font-size: 1em;
	overflow: auto;
}
#dialog p {
	margin: 0;
}
#dialog input {
	margin: 0;
}
#dialog ul {
	list-style-type: none;
	text-align: left;
	margin-left: 0;
	padding-left: 0;
}

/*****************
 *
 * Videos
 *
 ******************/

ul#videoList {
	list-style-type: none;
	margin-top: 1em;
}
#videoList > li {
	margin-bottom: 2em;
	overflow: auto;
	width: 100%;
}
#videoList div.videoMeta {
	display: block;
	/* clear: left; */
}
div.videoMeta > div {
	float: left;
}
div.videoMeta1 {
	width: 140px; /* 10px more than image */
	position: relative;
	height: 139px;
}
div.videoMeta2 {
	width: 450px; /* should be narrow enough to keep floated div from wrapping below img */
	position: relative;
}
div.videoMeta2 h3 {
	font-size: 1.1em;
}
div.videoMeta2 > p {
	margin-left: 0;
	padding:0.25em 0;
}
div.videoMeta2 > ul {
	list-style-type: disc;
}
div.videoMeta2 ul li.ytAuthor {
	font-style: italic;
}
div.videoMeta1 > img {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
div.videoMeta1 div.thumbRatings {
	position: absolute;
	top: 105px;
	width: 60px;
	margin-left: 32px;
}
#videoList li iframe {
	display:none;
}

/*****************
 *
 * Video editor
 *
 ******************/

#videoList > li > label {
	display: block;
}
#videoList > li > input[type="submit"] {
	width: 5em;
}
#videoList > li > div.thumbnailPicker {
	width:500px;
	margin-left:55px;
}
#videoList > li > div.thumbnailPicker label {
	display: block;
	float: left;
	padding-left: 5px;
}

/*****************
 *
 * Editable content within forms
 *
 ******************/

.feature input.inputText, .feature select {
	font-size: 1em;
}
input#isMajor {
	height: 2em;
}
input#summary {
	margin-left: 1em;
	margin-top: 0.5em;
	width: 80%;
}

/*****************
 *
 * JCrop Thumbnail Preview
 *
 ******************/

form#myconfig div.jcrop-holder {
  float: left;
}
div.thumbnailRadios {
  clear: left;
  padding-top: 1em;
}
div#thumbnails {
  margin-top: 0;
}
div#thumbnails > div.thumbnailWrapper {
  float: left;
}
div#thumbnails > div.thumbnailWrapper h2 {
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  padding: 0 0.5em;
}
div.thumbnail {
  width: 150px;
  height: 150px;
  overflow: hidden;
  margin: 0 1em;
	border: 1px solid #666;
}
div#thumbnails div.thumbnail img {
	margin: 0;
}
img#newThumbnail {
}

/*****************
 *
 * History
 *
 ******************/

ul.history {
	margin-top: 1em;
	margin-left: 1em;
}
ul.history span.date {
	font-weight: bold;
}
ul.history span.fieldname {
	font-style: italic;
}
p.credit {
	margin: 1em;
}
td.changedField {
	background-color: #ffd;
	min-width: 5em;
}
td.changedField:after {
	content: " *";
}

/*****************
 *
 * Z-indexes
 * Note: #modal is 5000
 *  & #modalBackdrop is 4000 (see modal.css)
 *
 ******************/
#contentWrapper {
	z-index: 100;
}
div.addthis_sharing_toolbox {
	z-index: 1000;
}
a#editLink {
	z-index: 2000; /* must be higher than addthis box */
}
div.videoMeta1 img.videoThumbnail {
	z-index: 1000;
}
div.videoMeta1 img.videoOverlay {
	z-index: 2000; /* must be higher than videoThumbnail */
}
#map_canvas {
	z-index: 1000;
}
#mapToggleButton {
	z-index: 2000; /* must be higher than #map_canvas */
}
#alert {
  z-index: 6000;
}



/*****************
 *
 * Mobile content
 *
 ******************/

#mobileButtons {
  position: absolute;
  top: -5px;
  right: 20px;
  display: none;
}
#mapToggleButton {
  font-size: 1em;
  font-weight: bold;
  background-color: #FFF;
  display: none;
}

/*****************
 *
 * Responsive Styles
 *
 ******************/

/* NOTE: Standard ad sizes:
  300 x 250
  336 x 280
  468 x 60
  728 x 90
  970 x 90
*/

@media (max-width: 1800px) {
  /* the point below which 3 #pod columns on peak pages get squished */
  #pod {
    overflow: unset;
  }
  #pod > #phod {
    width: 100%;
    float: none;
  }
  #pod > #overview {
    width: 97%;
    max-width: 97%;
    float: none;
    clear: left;
    margin: 1%;
  }
}

@media (max-width: 1300px) {
  /* the point below which 728x90px banner ad no longer fits */
  #ad_banner {
    width: 468px;
    height: 60px;
  }
}
@media (max-width: 1150px) {
	/* the point below which the 970x90px footer ad no longer fits */
  #ad_footer {
    width: 728px;
    height: 90px;
  }
}
@media (max-width: 1100px) {
	/* the point below which the floating aside drops below the content */
  #features {
    margin-right: 0.25em;
  }
  aside {
    position: relative;
    width: 100%;
    margin-top: 0;
  }
  #ad_sidebarTop,
	#ad_sidebarBottom {
  	display: none;
	}
}
@media (max-width: 1000px) {
  /* the point at which the banner ad no longer fits */
  #bannerAd {
    display: none;
  }
  /* and .provileDiv in two columns gets too squished */
  .profileDiv {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .profileDiv h3 {
    text-align: left;
  }
  #personMain h2 {
    text-align: left;
  }
}
@media (max-width: 800px) {
  /* the point below which the 728x90px footer ad no longer fits */
  /* and overall, screen real estate is at a premium */
  body {
    background: none;
    padding-bottom: 0;
  }
  #contentWrapper {
    margin: 0;
    padding: 0;
    background-image: none;
    border: none;
  }
  #content {
    padding: 0;
    background-image: none;
  }
  #features {
    margin-left: 0;
  }
  #bannerWrapper {
    background: url('images/logo_mobile_edge.gif') top right repeat-x;
  }
  #banner {
    /* height: 70px; */
    background: none;
  }
  #siteTitle,
  #siteSubtitle {
    display: none;
  }
  #logo {
    top: 0px;
    padding: 0;
  }
  #logo img {
    height: 70px;
  }
  #ad_banner {
    display: none;
  }
  #ad_footer {
    width: 468px;
    height: 60px;
    margin: 0 auto;
    min-width: 100%;
  }
  #mobileButtons {
    display: block;
  }
  #banner {
    height: 70px; /* will increase to 200px via JS if search is visible */
    min-height: 70px;
  }
  #googleSearch {
    display: none;
    clear: right;
    float: none;
    width: 98%;
    height: 130px;
    top: 70px;
    left: 0px;
    margin: 0;
    padding: 15px 0 0 15px;
    background-color: #336BA8;
  }
  #googleSearch label {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 0 0 10px;
  }
  #googleSearch input[type="text"] {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
  }
  #googleSearch input[type="button"],
  .cse .gsc-search-button-v2,
  .gsc-search-button-v2 {
  	background-color: #7909aa !important;
  }
  #menuWrapper {
    display: none;
    float: right;
    width: 12em;
    max-width: 100%;
    font-size: 1.2em;
  }
  #menuWrapper nav {
    height: auto;
    background-color: #336BA8;
    float: none;
  }
  #menuWrapper nav ul {
    padding-left: 0;
  }
  #menuWrapper nav ul li {
    float: none;
    border-bottom: 1px dotted #CCC;
  }
  nav#userMenu ul li:last-child {
    border-bottom: none;
  }
  nav#navMain {
    margin-left: 0;
  }
  nav#userMenu {
  }
  #navPeak, #navHighest, #navSettings, #navPerson, #navSpecialPeak {
    height: auto;
    margin-bottom: 0.25em;
  }
  #userMenu li.userName {
    width: 100%;
  }
  #features {
    float: none;
    min-width: 0;
    margin-bottom: 0;
  }
  #whatsNew div.newBlock {
    width: 100%;
    max-width: 100%;
  }
  #pod > #phod > img {
    float: none;
    width: 98%;
    min-width: 98%;
    margin: 1%;
    padding: 0;
  }
  div#overview {
    margin: 1em 0;
    width: 100%;
  }
  #personMain div.profileImg {
    text-align: center;
    margin-bottom: 1em;
  }
  #personMain div.profileImg img {
    float: none;
    padding: 0;
    width: 90%;
  }
  #personMain .personText {
    width: 100%;
  }
  .smallFeature {
    width: 95%;
  }
  .smallFeature h2 {
    background: #336ba8;
    width: auto;
    margin-right: 0;
  }
  .googleMap {
    display: none;
    border: none;
    margin: 0;
    position: relative;
  }
  #map_canvas {
    position: fixed !important;
    top: 0;
    left: 0;
  }
  #mapToggleButton {
    /* in "Show Map" state by default */
    /* style will change dynamically when map is visible */
    display: block;
    position: relative;
		font-size: 18px;
    width: 140px;
    margin: 0 auto;
    top: 10px;
    left: 0;
  }
  #mapRadios {
    display: none;
  }
  #personMapPicker {
    /* respositioned, but still hidden until map is shown */
    position: fixed;
    margin: 0 auto;
    top: 0px;
    left: 160px;
    z-index: 1800;
  }
  #peopleList {
    padding-left: 1%;
  }
  footer a {
    padding: 0.15em 0.35em;
  }
  .editLink {
    display: none;
  }
  div#gallery {
    margin: 0 !important;
    border: none;
  }
}
@media (max-width: 600px) {
  /* the point below which screen real estate is seriously prized */
  h1 {
    font-size: 2em;
  }
  #home p {
    margin: 0 1em !important;
    font-size: 1.1em;
  }
  #home p:first-of-type {
    font-size: 1.2em;
  }
  #home h2 {
    font-size: 1.2em;
  }
  #home h3 {
    font-size: 1.2em;
  }
  #home h3 span.wayNumber {
    font-size: 1.1em;
  }
  ul#charList {
    margin: 0 1em;
  }
  ul#charList li {
    padding: 1em !important;
    font-size: 1.2em !important;
  }
  ul#contList,
  ul#peakList {
    margin-left: 0;
  }
}

/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 12pt;
	}
	/* hide all interactive content */
	aside,
	#displayAd,
	#footerAd,
	#userMenu,
	#mapToggleButton
	 {
  	display: none;
	}
  #features {
    float: none;
    min-width: 0;
    width: 100% !important;
  }
}