/* general */

h3 a.see-more,
#header #topnav .search .clear,
#add,
#mapDetailInfo label,
#add label,
form.natural,
#map-imports form,
body {
	font-family: Georgia, Utopia, serif;
}

html { overflow-x: hidden }

body {
	background-color: #54726a;
	margin: 0;
	padding: 0;
	font-size: 12px;
	min-width: 1000px;
}
* html body { width: 1000px }
/*e0c175*//*e4dcae*/
img { border: 0 }

input, textarea {
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f1ebdb;/*#e3daab;*/
	border-color: /*#cfb46d;/*#e3daab;*/#e3dfca;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
input[type="radio"], input[type="checkbox"] { background-color: transparent !important }/* (setting to) #f1ebdb !important } (messes up ie, nothing elsewhere) */

form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

.popup-body p.extra,
form .extra {
	font-style: italic;
	font-size: .8em;
	line-height: 2em;
}
.popup-body p.extra {
	color: #655;
}
.popup-body p.below {
	position: absolute;
	visibility: visible;
}

h1, h2, h3, h4, h5, h6,
.rating-caption,
#header, #footer,
.breadcrumb,
.rss,
.change-userpic,
#search .searchbox {
	font-family: Trebuchet MS, Tahoma, Geneva, Lucida Grande, sans-serif;
}
	

h1, h2 {
	color: #0A4D92;
	margin: .5em 0 .2em;
}

h1 {	font-size: 1.571em;/*12px:1.833em*/ text-indent: -.227em; margin-top: /*.33*/1.25em; margin-bottom: .333em }
h2 {	font-size: 1.286em; text-indent: -.278em }
h3 {	text-transform: uppercase;
	font-size: 1.143em; text-indent: -.357em;
	margin: 1.333em 0 .167em; }

.welcome h1 {
	margin-top: .45em;
	margin-bottom: .3em;
}
.full-width h1 { margin: 1em 1.2em }


a {
	/*color: #417F7D;*/
	/*color: #48d;*/
	color: #487; /* 497 */
	text-decoration: none;
}

h3 a { font-size: /*.875*/.8125em }
a.website { font-size: 1em; color: #a96b23 }

a:hover {
	/*color: #417F7D;*/
	text-decoration: underline;
}

p {
	padding: 0;
	margin: 0 0 1em 0;
}
p.info {
	position: absolute;
	top: -1.4em;
	font-style: italic;
	color: #529918;
	height: 1.333em;
	overflow: hidden;
}

.clr, .clrleft {
	display: block;
	height: 0;
	visibility: hidden;
}
.clr { 	clear: both }
.clrleft { clear: left }


/* global elements *//* parchment background: #e4dcae */

#header, #footer { font-size: 1.1667em;/*1.0833 gives 13px*/ margin-left: 8px }

#header {
	background: transparent url(/images/header-bg-tall.gif) repeat-x top left;
	height: 144px; /*80px;/*86*/
	position: relative;
}

#header .left, #footer .left {
	position: absolute;
	top: 0px;
	left: 0px;
}
#header .right, #footer .right {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* do not outline logo when clicked */
#header #logo {
	float: left;
	position: absolute;
}
#header #logo * {
	outline-style: none;
}

#header #logo img {
	width: 244px;
	padding: 8px 0 0 6px;
	position: relative;
	z-index: 2;
}

#header #leaderboard {
	border: solid 1px;
	border-color: #d8c388 #d1b670 #d8c388 #d8c388;
	float: right;
	width: 716px;
	height: 78px;/*80px;*//*crop leaderboard edges for better fit*/
	overflow: hidden;
	position: relative;
	margin-top: 12px;
	margin-right: 22px;
	margin-bottom: -5px;
	padding-top: 1px;
	padding-left: 1px;
	z-index: 2;
}

#header #leaderboard img,
#header #leaderboard iframe {
	position: relative;
	top: -3px;
	left: -5px;
}

#header #topnav {
	/*float: none; clear: both;/* causes enclosed header */
	float: right; clear: right;
	font-weight: bold;
	margin: 12px 0 0 -8px;
	padding: 0;
	text-align: center;
	width: 100%;
	position: relative;
	z-index: 2;
}

#topnav a {
	color: #333;
	margin-right: /*1.67em*/1.2em;
}
#topnav button {
	float: none;
}

#topnav a {
	background-color: #f8e8c4;/*#f1e0b6*/
	border: solid 2px #e3dbac;
	border-bottom-color: #ddce99;/*#dac88e*/
	padding: .1em .25em .1em .333em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
#topnav a.selectedtest, #topnav a:hover {
	text-decoration: none;
	border-style: outset;
	/*border-color: #f8e8c4;*//* for blendin goog border */
	background-color: #529918;
	border-color: #529918;
	color: white;
}
#topnav a:active { border-style: inset }

#topnav #user-links { margin-right: -4.5em }/* was -5.5em */

#topnav .search {
	float: right;
	display: inline;
	font-size: 1em;
	margin-left: -.5em;
	margin-right: 2em;
	margin-top: -2px;
	/* width to 11.5em with 13px text */
}
#header #topnav .search .clear { display: none }
#header #topnav .search .clear { outline-style: none;
                 font-size: 1.67em; line-height: 1em; margin-right: 0em !important;
                 font-weight: bold; position: absolute; top: .05em; 
                 padding: 0em .15em; border: none; color: /*#dbcc94;*/#d4cccc; }
#header #topnav .search a.clear:hover { background: transparent; text-decoration: none;
                       color: #d70; border: none; padding-top: 0em; padding-bottom: 0em }
#header #topnav .search a.clear:active { border: none; color: #f80 }

/* info text: #a09999 */
.search input {
	padding-left: .17em;/*1.33em for visible search*/
	padding-right: .17em;
	background: white;
	border-color: #e3daab;
	width: 13.33em;
	font-family: Trebuchet MS, Tahoma, Geneva, Verdana,
	             Lucida Grande, sans-serif;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.search input.info {
	color: #a09999;
}

a.button,
button {
	background-color: #529918;
	border-color: #529918;
	color: white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, sans;
	padding: 2px 3px 1px;
	font-size: 11px;
	font-size-adjust: .5; /* firefox 3 */
	outline-style: none;
	cursor: pointer;
	/*position: relative;
	top: -1px;*/
}
a.button { border-style: outset;
	border-width: 2px;
	padding: 3px 6px 2px; /* this matches button styling for ff3 */
	white-space: nowrap;
}
a.button:hover {
	text-decoration: none;
}
a.button:active {
	border-style: inset;
}
a.button img,
button img { border: none !important }
/*.search button:active { border-style: inset; }*/
/*#header #topnav .search {
	background: red;
}*/

#footer {
	padding: 14px 0 0;
	height: 100px;
	color: #666;
	background: #54726a url(/images/footer-bg.gif) repeat-x top left;
	position: relative;
	text-align: center;
}
#footer .container {
	margin: 0 auto;
	width: 986px;
}
#footer .pagespanner span, #footer .pagespanner ul {
	margin: 0 1.33em;
	position: relative;
	z-index: 2;
}
#footer .pagespanner span {
	float: left;
}
#footer .pagespanner span:after {
	content: "•";
	font-weight: normal;
	margin-left: 1em;
	color: #877;
}
#footer .pagespanner ul {
	padding: 0;
	text-align: right;
	/*margin-right: 2.2em; too much!*/
}
#footer .pagespanner ul li {
	margin-left: 1.67em;
	margin-right: 0;
	padding: 0;
	display: inline;
}
#footer .pagespanner ul li a {
	color: #333;
	font-weight: bold;
}
#footer .pagespanner ul.left-side {
	float: left;
	margin-left: -1.333em;
	position: relative;
	z-index: 3;
}

#footer .pagespanner ul.left-side li {
	margin-left: 1.333em;
	margin-right: 0;
}

.error {
	margin: 0 0 -18px 0;
	color: #333;
}

.error img {
	float: left;
	margin: 0px 4px 0 -20px;
}

.error span {
	display: block;
	margin-top: 5px;
	margin-left: -12px;
	font-weight: bold;
	font-family: Trebuchet MS, sans;
	color: #a00;
	/*color: #529918;*/
}

#errorBlock {
	font-size: .9em;
	color: #333;
	font-weight: bold;
	display: none;
	margin-bottom: 1em;
}

.addamap {
	clear: both;
	margin: 1.667em 0 -.667em -.5em;
}
.full-width .addamap { margin-left: 0em; margin-bottom: 0em }

.addamap a.button,
.addamap button {
	position: relative;
	top: -.1em;
	margin-right: .5em;
}

#container {
	background: white;
	border: solid thin #e0c175;
	margin: 0px 16px 6px 15px;
}

#content {
	margin: 1em auto;
	width: 850px;
	position: relative;
	font-size: 14px;
	z-index: 2;
	min-height: 150px;
}
.full-width #content { width: 98% }

/* self clearing rules */
#photos:after, #photos ul:after, #photos ul li:after,
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content { display: inline-block; }
/* Hides from IE-mac \*/  
* html #content {height: 1%;}  
#content {display: block;}  
/* End hide from IE-mac */


#containerAds #content {
	margin-right: 176px;
}

.galleryImg {
	border: 1px solid #999;
}

#search .searchbox {
	float: left;
	font-size: .956em;
}

#search .note {
	font-size: .9em;
	color: #877;
}

#search .searchinput {
	width: 17em;
	margin: .2em .5em 0 0;
	padding: 3px 0;
}

#search .go {
	float: left;
	margin-top: 1.4em;/* to align with search text fields */
}

.count {
	margin-left: 280px;
	float: left;
	display: block;
}

#map { overflow: hidden }

#map .count {
	position: absolute;
	right: 0px;
	bottom: -2px;
}

.count_nav {
	font-weight: bold;
	float: left;
	display: block;
}

.count_nav a {
	margin-right: 8px;
}

.thing {/* container for multiple maps in gmap infowindow popup */
	position: relative;
	min-height: 150px;
}

.gmwindow {
	width: 300px;
}

.gm_title {
	margin-top: 2px;
}

.gm_desc {
	margin-top: 1px;
	margin-bottom: 4px;
	font-size: .9em;
}

.gm_rating {
	margin-top: 10px;
	font-size: .8em;
	float: left; /* otherwise rating widget gets covered by map pic */
}

.gm_near, .gm_tags {
	margin-top: 2px;
	font-size: .8em;
}

.gm_sizes {
	margin-top: 1px;
	color: #666;
	font-size: .8em;
}

/* homepage */

.homecol1 {
	margin-top: 0px;
	float: left;
	width: 30%;
}

.homecol2 {

	float: left;
	width: 2%;
}

.homecol3 {

	float: left;
	width: 68%;
}

.latest {
	margin-top: 10px;
	float: left;
}

#rowGallery { margin-top: .5em }

#rowGallery .mapbox {
	margin-bottom: 1.2em;
	float: left;
}
#rowGallery .map .map-image {
	clear: left;
	float: left;
	width: 300px;/*!!!2/8 mpy3 site integration 240px;*/
	text-align: right;
}
#rowGallery .map .mapInfoDetail {
	margin-left: 1em;
}

#homeGallery .map {
	float: left;
	display: block;
}

#homeGallery .mapbox {
	width: 315px/*260px!!!2/* mpy3 adapt*/;
	height: 395px;
	margin-bottom: 5px;/* 3.3 stops partial lines showing */
	float: left;
	overflow: hidden;
}
#homeGallery .mapbox .mapInfoDetail h4 { text-indent: 0 }

#five #tagcloud,
#five #tagcloud2,
#five #tagcloud3,
#five #tagcloud4 { margin: 0 }

#tagcloud {
	background: #f8e8c4 url(/images/tagcloudBgLB.gif) no-repeat bottom left;
	margin: 0 10px 20px;
	text-align: center;
	font-size: 1em;
	line-height: 1.8em;
}

#tagcloud2 {
	padding: 0 0 11px 0;
	background: url(/images/tagcloudBgRB.gif) no-repeat bottom right;
}

#tagcloud3 {
	padding: 0 0 0 8px;
	background: url(/images/tagcloudBgL.gif) no-repeat top left;
}

#tagcloud4 {
	padding: 11px 8px 0 0;
	background: #f8e8c4 url(/images/tagcloudBgR.gif) no-repeat top right;
}

#tagcloud a {
	margin-right: 10px;
	color: #333;
}

#tagcloud a.cloud1 {
	font-size: 2em;
}

#tagcloud a.cloud2 {
	font-size: 1.6em;
}

#tagcloud a.cloud3 {
	font-size: 1.4em;
}

#tagcloud a.cloud4 {
	font-size: 1em;
}

#tagcloud a.cloud5 {
	font-size: .8em;
}

.welcome, .about {
	line-height: 1.4em;
}

/* gallery view */

#gallery {
	margin-top: -.5em;
}

#gallery #search {
	padding-bottom: .5em;
	float: left;
	width: 500px;
}

#gallerybox {
	width: 99%;
	float: left;
	padding: 8px 0 8px 10px;
	background: #F1EBDB;
}

#gallery .nav a {
	width: 120px;
	height: 22px;
	text-align: center;
	margin-right: 5px;
	background: url(/images/tabOff.gif) no-repeat top left;
	display: block;
	float: left;
	color: #999;
}

#gallery .nav a span {
	padding-top: 3px;
	display: block;
}

#gallery .nav a.on {
	background: url(/images/tabOn.gif) no-repeat top left;
	color: #666;
	font-weight: bold;
}

#gallery .nav a#detailsLink {
	/*background: url(none);*/
	font-size: .8em;
	color: #666;
}

#gallery .map {
	float: left;
	display: block;
}

#gallery .mapbox, #gallery .mapbox-ex {
	width: 260px;
	height: 280px;
	float: left;
}

#gallery .mapbox-ex {
	height: 400px;
}

#gallery .addamap {
	clear: none;
	float: left;
}

#pages {
	margin-top: 10px;
	float: left;
}

#pagesnav {
	margin: 10px 10px 0 10px;
	float: right;
}

.addInfo .distance {
	font-weight: bold;
	color: #222;
}

.mapInfo, .mapInfoDetail {
	font-size: .923em;
	width: 240px;
}

.mapInfo {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	background: white;
	border: 1px solid #999;
	display: none;
	z-index: 1000;
	padding: 5px 8px;
}

.mapInfo .addInfo {
	font-size: 85%;
}

.mapInfo .viewLink {
	display: block;
}

.mapInfo img {
	margin: 4px 0;
}

.mapInfoDetail {
	margin-top: 2px;
	float: left;
}

.mapInfo h4, .mapInfoDetail h4 {
	font-size: 1.091em;
	margin-left: 0;
	text-indent: -.2em;
	font-weight: bold;
}
#rowgallery .mapInfoDetail h4 { margin-right: -3em;/* lets text extend into margin */ }
.mapInfoDetail h4 a { color: black }
.mapInfoDetail h4 a:hover { text-decoration: underline }

.mapInfo p, .mapInfoDetail p {
	margin: 2px 0;
}

.mapInfo .when, .mapInfoDetail .when { color: #777 }

.mapInfo .sizes, .mapInfoDetail .sizes {
	color: #666;
}

.mapInfoDetail .addInfo {
	font-size: 85%;
}

.mapInfoDetail .addInfo .when {
	font-size: 117.65%;
	margin-top: .25em;
}

.mapInfoDetail .viewLink {
	display: none;
}

.noresults {
	position: relative;
	padding: 2em 0 20em 0;
}

/* detail view */

#mapPic {
	text-align: left;
}

#mapPic img {
	border: 1px solid #999;
}

#mapPic .addamap img {
	border: 0;
}

#five {
	width: 500px;
}
#three {
	width: 300px;
}
#five, #three {
	font-size: 14px;
	float: left;
	/*border: 1px solid #f4f8d0;*/
}
#five.left, #three.left { margin-right: 25px }
#five.right, #three.right { margin-left: 25px }

#five .first-header { margin-top: -.5em }/* was .667 & .333 */

#mapDetailInfo .meta {
	color: #444;
	overflow: hidden;/* enclose floats */
}
.userpage img {
	float: left;
	margin-right: .5em;
	max-width: 75px;
	max-height: 40px;/*75px;*/
}
#add label,
#mapDetailInfo label {
	clear: both;
	color: #877;
}

.detailsTags {
	margin: 10px 0;
}

#controls {
	margin: 3px 0 15px 0;
}

#controls .column {
	float: left;
	margin-right: 4px;
	text-align: left;
}

#controls .column span {
	font-size: 12px;
	font-family: Georgia, Cambria, serif;
	color: #666;
}
span.sep,
#controls .column span.sep { color: #888; margin: 0 .333em; }

#controls .right-hanging {
	padding-top: 2px;
	text-align: right;
}
#controls .right-hanging a.button {
	line-height: 21px; /* or ff3 counts the text area, not the borders */
}

#five p.desc { max-width: 95% }

#location {
	margin-top: 1em/*2em*/;/*!!!description move*/
	text-align: left;
	clear: left;
}
#location #map {
	margin: 3px 0 15px 0;
}

a.maps-near-here,
h3 a.see-more {
	text-transform: none;
	font-style: italic;
	margin-left: 1em;
	font-size: .75em;
	font-weight: normal;
}
h3 a.see-more {
	position: relative;
	top: -1px;
}

#comments, #keywords, #side-ad {
	float: left;
}
#comments { margin: 0 }
#keywords { margin: 1em 0 }
#side-ad { margin-top: 1.25em }
#side-ad:after { /* clear fix: stretch to cover contents */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	margin-bottom: 1.667em;
}
#side-ad + #keywords { margin-top: 0 }
#comments .add,
#keywords .add {
	white-space: nowrap;
	overflow: visible;
	text-align: right;
}
#comments .add {
	margin: 0 0 .333em;
}
#keywords .add {
	margin-top: 1em;
}
#keywords .add input {
	width: 179px;
}
#keywords label { font-size: 11px/*.956em*/ }
#keywords h4 { display: inline }

#comments h3, #keywords h3 {
	text-transform: uppercase;	
	font-size: 1.2em;
	margin: 0 0 .2em 0;
	position: relative;
	/*left: -.33em;*/
}
#comments button, #comments a.button,
#keywords button, #keywords a.button {
	margin-right: 0 !important;
}

#comments form {
	text-align: right;
}
#comments .meta {
	background: white;
	margin: 0;
	font-size: .8em !important;
}
#comments .meta * { font-size: inherit }
#comments .meta .visible-content { margin: 1em 0 }
#comments .meta input {	width: 55% }
#comments .meta label { float: left; text-align: right; width: 42%; margin-top: .33em; margin-right: .25em; white-space: nowrap }

/*#comments #recaptcha_response_field {
	margin-left: .5em;
}*/
#comments #recaptcha_image {
	width: 300px;
	height: 57px;
}

h3 + .comment { padding-top: .333em }
.comment { margin-bottom: .25em; clear: left }
.comment p { margin: 0 }
.comment .signature {
	color: #888;
	text-align: right;
	font-style: italic;
}
.comment .punct { color: #999 }
.comment .hanging-quote { margin-left: -.4em }

/*input.leftBy {
	margin-top: 5px;
}*/

#comments textarea { height: 7em; width: 98% }

/*.commentInput {
	margin-top: 10px;
}*/

#leaderboard-ad, #box-ad, #halfbanner-ad { position: relative }
#side-ad #box-ad, #side-ad #halfbanner-ad { margin-top: 1.25em }
.lat49adwrapper { position: relative !important; /* lat49 sets to absolute */
	margin-bottom: -.5em;
}

#photos + #side-ad { margin-top: 0em }
#photos {
	clear: left;
	font-family: Lucida Grande, Trebuchet MS, Tahoma, Geneva, sans-serif;
}
#photos ul {
	list-style-type: none;
	margin: -0.167em 0 -1.2em 0.15em;
	padding: 0;
}
#photos ul li {
	clear: left;
	font-size: 11px;
	margin: 1.2em 0;
	/*padding-top: 1em;*/
}
#photos ul li .thumbnail {
	float: left;
	width: 102px;/*+2 for border*/
	text-align: right;
	margin-right: .667em;
}
#photos ul li img {
	border: 1px solid #999;
	float: none;/*left;*/
	margin-bottom: 0;/*1.2em;*/
	margin-right: 0;
	position: relative;
	top: -.333em;
}
#photos ul li img { margin: 0 /*-.333em .5em 0 0*/ }
#photos ul li a { font-weight: normal }
#photos ul li p {
	font-family: Georgia, Utopia, serif;
	margin: 0 0 .333em;
	text-indent: -.1em;
}
#photos ul li p a { color: black }
#photos ul li .owner { font-variant: small-caps; text-transform: lowercase }
#photos ul li p,
#photos ul li .owner { display: block; margin-left: 110px }

#photos .attribution {
	clear: left;
	color: #888;
	font-size: 11px;
	font-variant: small-caps;
	margin-bottom: -24px;
	text-align: right;
	text-transform: lowercase;
}
.left #photos .attribution { text-align: left }
#photos .attribution .end-punct { margin-right: -.4em }

.popup-body .photo { position: relative }
.popup-body .photo h1 { margin-top: -.6em !important }/* was .667 but that trimmed top */
.popup-body .photo .label {
	font-variant: small-caps;
	font-size: smaller;
	/*position: relative;
	top: -1px;*/
}
.popup-body .photo .owner { /*font-weight: bold;*/
	position: relative;
	top: 1px;
}
.popup-body .photo .attribution {
	margin-top: .667em;
	font-size: smaller;
	color: #976;
	position: absolute;
}
.popup-body .photo .logo {
	/*float: right;
	margin-top: -14px;*/
	right: 0px;
	bottom: 0px;
	position: absolute;
}
/*.popup-body .photo img {
	border-color: #ecb8a9 #f2d7bc #f2d7bc #ecb8a9;
	border-style: solid;
	border-width: 1px;
}*/

/* print view */
#forprint {
	background: #fff;
	text-align: center;
	padding-bottom: 5px;
}

.map-meta #map,
#addMap #map {
	width: 500px;
	height: 300px;
}


/* map metadata edit form */
.map-meta {
	padding: 1%;
	float: left;
}
.map-meta .thumb {
	text-align: center;
}
.map-meta .thumb button,
.map-meta .thumb a.button {
	font-weight: bold;
	margin-top: 1em;
}
.map-meta label {
	font-weight: bold;
	text-indent: -.5em;
	display: block;
	clear: both;
	padding-top: .67em;
}
.map-meta input[type=text],
.map-meta textarea {
	width: 98%;
	max-width: 42em;
}
.map-meta textarea {
	max-width: 45em;
	height: 8em;
}
.map-meta #map {
	margin-top: 1em;
}
.map-meta .category {
	float: left;
	margin-right: 1em;
	width: 23%;
	min-width: 10.5em;
}


.map-position-info { display: none }

/* general pages */

#general {
	background: #fff;
}

#general .table {
	background-color: #eee;
	width: 645px;
	margin-bottom: 1em;
}


#general .column, #general .columnhead {
	float: left;
	padding: 5px;
}

#general .columnhead {
	border-bottom: 1px solid #999;
	font-weight: bold;
}

#general .q {
	font-weight: bold;
	margin-bottom: 3px;
}

#general li {
	margin: 0 0 .5em 0;
}

/* inpage side column width */
#mapDetailInfo,
#comments, #keywords,
#general .column, #general .columnhead {
	width: 300px;
}

.rating-container { margin-bottom: 4px }
.rating-caption { font-size: 1.2em; margin: .2em 0 .1em -.33em; font-weight: bold; text-transform: uppercase }
/* rating caption vanishes after rating; increase margin to prevent jiggle */
/*.rating-container .static-rating { margin-top: 2em }*/
.rating-tally { color: #888; font-size: .8em }

.static-rating,
.interactive-rating,
.interactive-rating .rating-widget,
.interactive-rating .rating-widget .rater:hover,
.globe {
	height: 20px;
	background: url("/images/rating-globes.png") repeat-x;
	background-position: 0 -40px;
}
.static-rating,
.interactive-rating {
	margin: 0;
	position: relative;
	/*border: 1px solid #e0c175;*/
	width: 100px;
	margin: 0;
}
/* extras for side-by-side globes and rating tally */
.static-rating, .interactive-rating { display: inline-block } .rating-tally { position: relative; top: -.5em; left: .33em } /*.addInfo .rating-tally { top: -.5em }*/
#gallerybox .static-rating { border: 1px solid #e1daca }
.interactive-rating { overflow: hidden }
.interactive-rating:hover {
	/*border-color: orange;*/
}
.interactive-rating .rating-widget {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	visibility: hidden;
	width: 100px;
	cursor: pointer;
}
.interactive-rating:hover .rating-widget {
	visibility: visible;
}
.sending-rating .interactive-rating:hover .rating-widget {
	visibility: hidden;
}
.sending-rating .interactive-rating {
	cursor: wait;
}

.globe {
	position: absolute;
	display: block;
	width: 20px;
	background-position: 0 -20px;
	top: 0px;
	text-indent: -10000px;
}
.globe-1 { left:  0px }
.globe-2 { left: 20px }
.globe-3 { left: 40px }
.globe-4 { left: 60px }
.globe-5 { left: 80px }

/*.interactive-rating:hover .globe { background-image: none }*/
.interactive-rating .rating-widget .rater {
	position: absolute;
	display: block;
	background-image: none;
	height: 20px;
	top: 0;
	left: 0;
	text-indent: -10000px;
}
.interactive-rating .rating-widget .rater:hover { background-position: 0 -20px; }
.interactive-rating .rating-widget .rater-1 { width:  20px; z-index: 5 }
.interactive-rating .rating-widget .rater-2 { width:  40px; z-index: 4 }
.interactive-rating .rating-widget .rater-3 { width:  60px; z-index: 3 }
.interactive-rating .rating-widget .rater-4 { width:  80px; z-index: 2 }
.interactive-rating .rating-widget .rater-5 { width: 100px; z-index: 1 }
.interactive-rating .globe { z-index: 0 }


/* custom tooltips */
.tooltip {
	background: white;
	border: solid 1px #ccc;
	white-space: nowrap;
}

.tooltip .mapcount {
	display: block;
	text-align: right;
	background: white;
	padding: 2px 3px;
}

/*.directory .breadcrumb { font-size: 1.25em; margin-bottom: 1em; margin-left: -.333em }

.directory h1 {
	font-size: 24px;
	margin-bottom: .333em;
}

.directory .child-regions { margin: -1em 0 1em -.5em }

.directory .child-regions h2 {
	margin: 0 .85em .1em;
	color: #333;
	padding-top: 1em;
	clear: left;
	font-family: Trebuchet MS, Tahoma, Geneva, Verdana, Lucida Grande, sans-serif;
}
.directory .child-regions a.extra {
	font-size: .667em;
	font-style: italic;
	font-weight: normal;
	position: relative;
	top: -.1em;
	margin-left: 1em;
}
.directory .child-regions h2 a { color: #2F6664 }
.directory .child-regions ul {
	float: left;
	margin: 0;
	padding-left: 0;
	width: 33%;
	list-style-type: none;
}
.directory .child-regions li {
	margin: .25em 0em 0em 2.5em;
	text-indent: -1em;
	text-transform: none;
	font-size: 1em;
	font-family: Cambria;
	font-weight: bold;
}
.directory h3 { margin-left: .333em; text-indent: -.167em }
.directory h3 a { font-size: 1em }
*/

.directory #map { width: 100%; height: 350px }

.directory .mapbox { display: block; margin: .8em 1em; clear: left }
.directory .mapbox + .directory .mapbox { margin-top: 3em }

/* this causes too-early clearing in firefox */
.directory .mapbox:after { /* clear fix: stretch mapbox to cover contents */
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .directory .mapbox {height: 1%;}
/* End hide from IE-mac */

.directory .mapbox .map {
	font-size: 1.0833em;
}

.comment .map-image,
.directory .mapbox .map .map-image {
	width: 96px;
	text-align: right;
	float: left;
	margin-top: .2em;
	margin-right: 1em;
}
* html .directory .mapbox .map .map-image { margin-bottom: 1em }
.comment .map-image { margin-top: -.25em; margin-bottom: 1.2em }


.from { font-size: 1em; font-weight: bold; text-transform: uppercase }

.content-ad { clear: left; text-align: left }

.trailing { clear: left; font-size: 14px; padding-top: .01em;/*or firefox handles h3 top margin badly*/ }
.trailing h3 { margin-top: .667em; margin-bottom: .2em }

/*.edit-page { position: absolute !important; right: -1.5em; top: -1em !important }*/

.user-image { position: relative; text-align: center }
.user-image a.holder { width: 100%; height: 100% }
.user-image .overlay { position: absolute; bottom: .5em; right: .75em; width: auto }
.user-image .change-userpic {
	padding: 2px 5px;
	color: sienna;
	font-weight: bold;
	background: #f6f3e4;
	border: solid 2px #f8e8c4;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.user-image .change-userpic:hover {
	text-decoration: none;
	background-color: #529918;
	border-color: #529918;
	color: white;
	border-style: outset;
}
.user-image .change-userpic:active {
	border-style: inset;
}
.user-image img { vertical-align: middle;
	position: relative; left: -2px; top: -1px;/* adj for . in user-gallery */
	max-height: 300px;
	max-width: 300px;
 }

.user-stats { margin-top: .667em }
.user-stats h4 { text-indent: .25em }
.user-stats .rank { float: left }
.user-stats p { margin: .167em 0; color: #666 }
.user-stats p .count { float: left; margin: 0 .333em 0 -.5em; display: block; width: 2.5em; text-align: right; color: black }
.user-stats p.joined {
	margin: .667em 0 0; text-indent: .2em; font-size: smaller; color: #888; white-space: nowrap; overflow: visible }

#session-info {
	position: absolute;
	top: 1em;
	right: 2em;
	z-index: 3;
	margin: 0;
	padding: 0;
	border: 0;
	white-space: nowrap;
	display: none;
}

.messages { margin-left: -.3em; position: absolute; top: -1.4em; font-style: italic }

.sign-up-now {
	text-align: left;
	margin-left: .9em;
	text-indent: -.5em;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 1em;
}

#add { font-size: 1em }

#add .intro {
	position: relative;
	color: #444;
	font-size: .8em;
	left: 10em;
	margin-bottom: -2.5em;
	position: relative;
	top: -2.2em;
	font-style: italic;
}

.is-admin #add .intro {
	position: static;
	font-size: 1em;
	color: black;
	margin-bottom: inherit;
	font-style: normal;
}

#add label {
	font-size: .8em;
}
#add #three label {
	white-space: nowrap;
}
acronym {
	text-transform: lowercase;
	font-variant: small-caps;
}
samp {
	display: inline;
	font-family: inherit;
	font-style: italic;
	color: #866;
}

#add #map { width: 100%; height: 300px;
	border: solid 1px #aaa;
	margin-top: 1em;
	margin-bottom: 2.25em;
}
.is-admin #add #map {
	height: 375px;
}

#add #three input {
	width: 22em;
}

#add #five input {
	width: 28em;
}

#add #five .first-header { margin-top: -1em }
.is-admin #add #five .first-header { margin-top: -.5em }

#add .category {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#add .category li {
	margin: .3em 0;
	width: 45%;
	float: left;
}
#add .category input {
	position: relative;
	top: .175em;
	padding: 0;
	margin: 0 .5em 0 0;
	width: auto !important;
}
#add .category label {
	font-size: 1em;
	color: #444;
}

#add .controls {
	position: absolute;
	top: 360px;/* relative to top of column—lines up w/ hide xtra info */
	left: 0px;
	width: 99.667%;
	margin-left: -.5em;
	text-align: center;
	font-style: italic;
}
.is-admin #add .controls {
	top: 450px;/* relative to top of column—lines up w/ hide xtra info */
}
#add .controls button { float: left; margin-top: -.25em }

#add .show-more,
#add .hide-extra,
#add .discard-import,
button.secondary {
	border-color: #ec8;/*#e8a467 #ecb889 #f0d090 #f0ddb8 #f8e8c4*/
	/*background: #ec8;*/
	color: #333;
}

#add .controls .show-more { float: right }
#add .hide-extra {
	position: absolute;
	top: 411px;
	left: 18px;
}
.is-admin #add .hide-extra {
	top: 500px;
}
#add .discard-import { margin-top: 1em }

#add #more-info {
	background: white;
	padding: .333em;
	border: solid thin #e0c175;
	display: none;
	position: absolute;
	width: 600px;
	height: 456px; /* just enough to cover placement map */
	right: -72px;
	top: -55px;
}
.is-admin #add #more-info {
	height: 532px; /* just enough to cover placement map */
	/*top: -40px;*/
}

#add #more-info h3 { margin-top: 1em }
.is-admin #add #more-info h3 { margin-top: 1.333em }

#add #more-info .column {
	width: 260px;
	padding: 0 20px;
	margin-top: -12px;
	float: left;
}
.is-admin #add #more-info .column {
	margin-top: 2px;/*align w/ info text on L of page*/
}

#add #more-info input,
#add #more-info textarea {
	width: 100%;
}

#add #more-info textarea {
	height: 100px;
}

#add #more-info .column .spacer {
	visibility: hidden;
	height: 2.6em;
}

#add #more-info .column p {
	width: 105%;
}

#add .who-added {
	position: relative;
}
#add .who-added label {
	position:absolute;
	top: 21px;
	left: -312px;
	width: 300px;
	display: block;
	text-indent: -.5em;
	margin-left: 1em;
	font-weight: bold;
	font-style: italic;
}

#rowGallery .user {
	clear: left;
	margin-bottom: 1.5em;
}
#gallery .user {
	float: left;
	margin: 1em .667em 1.667em;
}


#rowGallery .user .user-image {
	text-align: right;
	width: 200px;
	float: left;
	margin-right: .667em;
}

#rowGallery .user .user-image img {
	max-height: 200px;
	max-width: 200px;
}

#rowGallery .user .user-stats .rank {
	margin: 4px 6px 0 -4px;
}

#gallery .user .user-stats .rank {
	margin: 8px 0 10px 3px;/* line rank 5 image up with title */
}

#gallery .user .user-image {
	width: 282px;
	height: 282px;
	border: solid 1px #f8e8c4;
}
#gallery .user .user-image a.holder {
	line-height: 282px;
	color: transparent;
	display: block;
	white-space: nowrap;
	text-align: center;
	/*background: #f6f3e4;*/
}
#gallery .user .user-image img {
	max-width: 278px;
	max-height: 282px;
}
#gallery .user .user-stats p.joined {
	position: relative;
	left: 0.5em;
	margin: 0.667em 0 0 0.5em;
	text-indent: -0.5em;
	white-space: normal;
}

.user h4 {
	font-size: 1.2em;
	position: relative;
	left: -.5em;
	/*top: -.333em;*/
	margin: .333em 0;
}
.user h4 a { color: black }
.user h5 { color: #666; font-size: 1em; white-space: nowrap }

#gallery .user h4 {
	position: static;
	font-size: 1.333em;
	margin: .333em 0 -5px;/* line up rank 5 map w/ rank name */
}

#latest-comments { margin-top: .75em }

#comment-gallery { width: 50%; margin-top: 1.25em }
#comment-gallery .comment { margin-bottom: .5em }

.marker-limit {
	font-size: 16px;
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	font-weight: bold;
}

.fit-container-around-floats {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* emphasize forum links */
h2 .forum { color: sienna }
.forum { color: #a96b23 }

.rss {
	font-weight: bold;
	color: #420;
	position: absolute;
	/*top: 0em;
	right: .667em;!!!2/6 mpy3 adapt*/
	top: 4px;
	right: 14px;
	font-size: smaller;
}
.rss a {
	color: #420;
	padding: 2px 3px;
}
.rss a:hover {
	text-decoration: none;
	background: #fed;
}
.rss img {
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 1px;
}

.file-input {
	position: relative;
	cursor: pointer;
}
.file-input .text-filer {
	position: absolute;
	cursor: pointer;
	width: 100%;
}
#add .file-input .text-filer {
	width: 22em;
}
#add #three .file-input .text-filer input {
	width: 18.5em;
}
.dialog-body .file-input {
	position: relative;
	left: -2px;/* all popup divs have 1px borders, - for this & text-filer */
}
.dialog-body .file-input .text-filer {
	width: 18.4em;
}
.dialog-body .file-input .text-filer input {
	width: 12.4em !important;
}
.file-input button.choose {
	position: absolute;
	right: 0;
	margin: 0;
}
.file-input input.file-chooser {
	text-align: right;
	position: relative;
	z-index: 2;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0);
	cursor: pointer;
}
.dialog-body .file-input input.file-chooser {
	left: 1.5em;/* line up with “choose” button */
}


.file-importer { text-align: right; margin: -1em 0 .333em }
.file-importer:after { /* clear fix: stretch to cover contents */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.file-importer .chooser {
	overflow: hidden;
	float: right;
	position: relative;
	width: 7em;
	margin-right: .6em;
}
.file-importer .preview,
.file-importer .error {
	float: left;
	width: 13.75em;
	margin-left: 0em;
	margin-top: 1.25em;/* .7 aligns middle row with “or” */
	font-style: normal;
	text-align: left;
}
.file-importer .error {
	color: #400;
	height: 3.65em;/* w/ line-height 1.2~em, this is three lines */
	overflow-x: hidden;
	overflow-y: auto;
}
.file-importer .chooser .file-chooser {
	position: relative;
	z-index: 2;
	text-align: right;
	right: 14em;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0);
}
.file-importer .chooser button {
	float: none;
	clear: none;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}
.file-importer p {
	clear: right;
	float: right;
	margin: 0.25em 1.6em;
	font-style: italic;
}
.file-importer button {
	float: right;
	clear: right;
	margin-right: 9px;/*.7em;*/
}

#add .throbber {
	float: left;
	margin: .1em 1em 1em 0;
}

#imported {
	position: relative;
	z-index: 3;
	margin: -30px 0 -22px -5px;
	text-align: left;
	height: 138px;
	background: white;/* needs to cover the preceding header */
}
.is-admin #imported { margin-bottom: -10px }

#add .thumbnail {
	border: 1px solid #E0C175;
	max-height: 134px;
	max-width: 200px;
	float:left;
	margin: 0 .85em 0 0;
}
.is-admin #add .thumbnail {
	max-height: 136px;
}

.out-of-frame {
	position: absolute;
	top: -1000px;
	left: -1000px;
}

.for-admin { display: none }
.is-admin .for-admin { display: inherit }


#map-imports ul { list-style-type: none; padding-left: 0; margin: 0 }
#map-imports h4 { margin-top: .5em }
#map-imports .selector { font-size: .75em }
#map-imports button { margin: 1em .5em 0 0 }
#map-imports button.caution {
	background-color: #bb7718;/*#995218;*/
	border-color: #bb7718;/*#995218;*/
}
form.natural,
#map-imports form { font-size: inherit }
form.natural input,
#map-imports form input { position: relative; top: 2px; left: -2px }
form.natural label { font-size: 13px;/*for mpy 3*/ color: #666 }

/*
#claim-admin li a {
	float: left;
	width: 7em;
}*/
#claim-admin ul {
	list-style-type: none;
	padding-left: 1em;
	margin: -.75em 0 .25em;
}
#claim-admin li { padding: .15em 0 }
#claim-admin li a {
	color: #2b574c;
	font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
#claim-admin li a:hover { color: #3e7c6c }
#claim-admin li a:active { color: #487 }
#claim-admin .boast {
	margin-left: 1em;
	font-size: .8em;
	font-style: italic;
	color: #888;
}

/* container corner placement */
.nw, .ne, .se, .sw { position: absolute }
.nw { top: 0px; left: 0px }
.ne { top: 0px; right: 0px }
.se { bottom: 0px; right: 0px }
.sw { bottom: 0px; left: 0px }


/* format_number delimiter */
.comma { margin: 0 -.1em }

.tinted { background-color: #f6f3e4/*#f8e8c4*/ }

.at-ligature { letter-spacing:-0.11em; margin-left:1px; margin-right:2px }
