body				{ background-image:url(../images/map_background_iii.jpg); background-attachment:fixed; font-family:Mynerve;   -webkit-user-select: none; -ms-user-select: none; user-select: none; }
h2					{ font-family:IM Fell English SC;  font-size:min(2vw,2.5vh); }
span.smaller		{ font-family:IM Fell English SC;  font-size:min(1.2vw,1.5vh); }

//div.map				{ position:relative; top:0px; width:55.384vh; height:90vh; margin:20px auto; border:groove 6px #888888; border-radius:4px; }
//div.description		{ position:fixed; right:50%; margin-right:30vh; top:40px; width:30vh; padding:4px 16px; background:#eeeeee; border:groove 4px #888888; border-radius:4px; font-size:min(1.2vw,1.5vh); }
//div.posts			{ position:fixed; left:50%; margin-left:30vh; top:40px; max-height:calc(90vh - 24px); width:30vh; padding:4px 16px; background:#eeeeee; border:groove 4px #888888; border-radius:4px; font-size:min(1.2vw,1.5vh); visibility:hidden; overflow-y:auto; }

div.map				{ position:relative; top:0px; width:min(55.384vh,50vw); height:min(90vh,81.25vw); margin:20px auto; border:groove 6px #888888; border-radius:4px; }
div.marker			{ position:absolute; padding:0px 0px; width:40%; display:none; background-color:#bbbbbb; border:groove 2px #888888; border-radius:2px; font-size:10px; z-index:10; }
div.description		{ position:absolute; right:50%; margin-right:min(30vh,27.12vw); top:40px; width:min(30vh,12.5vw); padding:4px 16px; background:#eeeeee; border:groove 4px #888888; border-radius:4px; font-size:min(1.2vw,1.5vh); }
div.about			{ position:absolute; left:0px; bottom:0px; width:93%; height:75%; padding:5px 3.5% 0px 3.5%; background-color:#eeeeee; visibility:hidden; opacity:0; z-index:10; border:none; overflow-y:auto; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }
div.posts			{ position:absolute; left:50%; margin-left:min(30vh,27.12vw); top:40px; max-height:calc(90vh - 24px); width:min(30vh,12.5vw); padding:4px 16px; background:#eeeeee; border:groove 4px #888888; border-radius:4px; font-size:min(1.2vw,1.5vh); visibility:hidden; overflow-y:auto; }
img.pin				{ position:absolute; width:1.7vh;cursor:url(cursor2.cur), auto; }
img.map				{ display:inline-block; position:absolute; left:0px; top:0px; width:auto; height:100%; padding:0px; margin:0px; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }
span.controls		{ cursor:pointer; width:50%; height:auto; }
div.copyright		{ position:fixed; right:5px; bottom:5px; padding:2px 8px; color:#ffffff; background:#888888; border:none; font-size:10px; }
//div.header			{ display:inline-block; width:calc(100% - 4px); background-color:#bbbbbb; padding:2px; border-bottom:solid 1px #888888; font-size:min(1.5vw,1.875vh); font-weight:bold; text-transform:uppercase; font-family:Mynerve;}
//div.content			{ display:inline-block; width:calc(100% - 4px); background-color:#ffffff; padding:2px; font-size:min(1.2vw,1.5vh); }
div.header			{ display:inline-block; width:calc(100% - 4px); background-color:#bbbbbb; padding:2px; border-bottom:solid 1px #888888; font-size:min(1.0vw,1.25vh); font-weight:bold; text-transform:uppercase; font-family:Mynerve;}
div.content			{ display:inline-block; width:calc(100% - 4px); background-color:#ffffff; padding:2px; font-size:min(0.8vw,1.0vh); }
form.security		{  text-align:center; margin-top:33vh; }
div.comment			{ position:absolute; right:50%; margin-right:30vh; top:50vh; width:min(20vh,25vw); height:min(20vh,25vw); padding:4px 16px; background:#eeeeee; border:groove 4px #888888; border-radius:4px; font-size:min(1.2vw,1.5vh); z-index:20; visibility:hidden; }
textarea.comment	{ position:absolute; top:5px; left:5px; right:5px; height:60%; margin-bottom:5px; background:#eeeeee; resize:none; border:solid 1px #000000; font-size:min(1.6vw,2.0vh,12pt); }
div.public			{ position:absolute; top:calc(70% + 5px); font-size:min(0.8vw,1.0vh); }
button.comment		{ position:absolute; top:85%; width:25%; border:solid 1px #000000; border-radius:4px; font-size:min(0.8vw,1.0vh); z-index:99;}
div.help			{ position:absolute; right:0px; bottom:0px; width:2vh; height:2vh; text-align:center; font-weight:bold; border:none; cursor:help; z-index:30; }
@page 				{ size:auto; margin:32px; }