body {
	background-color:#fffbe6;
	margin:0; }
	
body, form textarea, form input {
	font-family:'Signika', sans-serif;
	font-weight:300;
	font-size:14pt;
	line-height:1.25; }

a:link {color:#d96900;}
a:visited {color:#d98f4a;}
a:hover {color:#ff7b00;}
a:active {color:#ff7b00;}

b {
	font-weight: 600; }

h1 {line-height:1;}

#content {
	position:relative;
	width:500px;
	margin:8em auto; }

#header {
	position:absolute;
	left:0; top:0;
	width:100%;
	height:2em;
	margin:0;
	padding:0;
	background-color:rgba(255, 255, 255, 0.85);
	z-index:5;
	font-size:18pt;
	line-height:1; }
#header p {
	margin:0; }
#logo {
	position:absolute;
	left:0; top:0;
	margin:0;
	height:1em;
	padding:0.5em; }
#addrbar {
	position:absolute;
	top:0; right:0;
	width:66%;
	margin:0;
	height:1em;
	padding:0.5em 0.5em;
	font-size:14pt;
	text-align: right; }
#addrbar form, #addrbar form input {
	display: inline; }
#addrbar form input[type=text] {
	border: 1px silver solid;
	background-color:white;
	border-radius:1em;
	padding-left:0.4em;
	width:16em; }
#addrbar form input[type=submit] {
	display:none;
	border: none;
	background-color: silver;
	color:white;
	border-radius:1em; }
#addrbar form input[type=submit]:hover {
	background-color: green; }
	
#geoloc-btn {
	display:none;
	position:absolute;
	z-index:5;
	right:0.5em;
	bottom:6.5em;
	width:40px;
	height:40px;
	background-color: white;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15);
	border-radius: 2px;
}
#geoloc-btn a {
	display:inline-block;
	width:30px;
	height:30px;
	padding:5px;
}

#footer {
	position:absolute;
	display:inline-block;
	left:0; bottom:0;
	width:33%;
	margin:0;
	padding:0.25em 0;
	background-color:rgba(255, 255, 255, 0.85);
	z-index:5;
	font-size:12pt;
	line-height:1;
	border-radius:0 1em 0 0; }
#footer a {
	display:inline-block;
	margin-left:0.6em; }
#footer #social-s {
	display:none;
	line-height:1.5;
	margin:1em;
}
#footer #soc-close {
	float:right;
	font-weight:bold;
	margin:-1em -0.75em 0 1em;
	padding:0.5em;
}
#footer #soc-close:hover {
	text-decoration:underline;
	cursor:pointer;
}
#footer #social-sb {
	height:0;
	overflow-y:hidden;
	position: relative;
}
#footer #social-sb #social-fb, #footer #social-sb #social-tw  {
	position: absolute;
}
#footer #social-sb #social-fb  {
	top:1px; left:1em;
}
#footer #social-sb #social-tw  {
	top:1px; left:8em;
}


div#header div#logo b {
	font-weight:700; }

div#header div#dtp {
	position:absolute;
	top:1.3em; left:8.5em;
	color:red;
	font-size:14pt;
	font-weight:700;
	transform:rotate(-15deg);
	text-shadow:
		-1px -1px 0 white,  
		1px -1px 0 white,
		-1px 1px 0 white,
		1px 1px 0 white;
}

#footer #legend div {
	display: inline-block;
	margin-left:0.5em;
	padding:0;
	line-height:1.5;
}

#footer #about-s, #footer #priv-s, #footer #social-s {
	display:none;
	line-height:1.5;
	margin:1em;
}

#status {
	position:absolute;
	display:none;
	left:50%; top:4em;
	width:16em;
	margin:0 0 0 -8em;
	padding:0.25em;
	background-color:rgba(255, 255, 255, 0.85
	);
	color:#363636;
	z-index:5;
	font-size:13pt;
	line-height:1;
	text-align:center;
	border-radius: 1em;
}

a.new-pin-link {
	font-size:16pt;
	color:green;
	text-decoration: underline; }

div.pin-act-links {
	position:relative;
	margin:0.66em 0 0;
	width: 100%; }
a.del-pin-link, a.report-pin-link {
	font-size:10pt;
	color:gray;
	text-decoration: underline; }
a.del-pin-link:hover, a.report-pin-link:hover {
	color:red; }
a.report-pin-link {
	position:absolute;
	bottom:0; right:0; }

.popform {
	position: relative;
	display:none;
	margin:3em auto;
	width:50%;
	max-width:800px;
	min-width:450px;
	background-color:white;
	padding:2em;
	border-radius:2em;
	box-shadow:0.5em 0.5em 1.5em rgba(0, 0, 0, 0.33);
	line-height:1.75;
	z-index: 11; }
form.popform div.helpdir {
	position:relative;
	padding:0.5em 1em;
	border-radius:1em;
	margin:0 0 1em; }
form.popform div.helpdir label {
	display: inline-block;
	width:80%; }
form.popform div.need {
	background-color:#ff9999; }
form.popform div.offer {
	background-color:#82ed96; }
form.popform div.helpdir p {
	position:absolute;
	top:0.3em; left:10em; }
p.form-err-msg {
	color:red;
	font-weight:600;
	margin:0 0 1em;
	display:none; }

.popform p.addr {
	color:grey;
	margin-top:0;
	line-height:1; }
.popform p.w {
	margin-bottom: 0; }
form.popform input[type=submit], form.popform input[type=button] {
	display:block;
	margin:1em auto 0;
	width:16em;
	height:3em;
    border-radius:1em; 
    background-color:#fff29a; 
    font-weight: 400; }
#helptypes {
	position:relative;
	margin-bottom: 1em; }
#helptypes div {
	display:inline-block;
	width:49%;
	font-weight: 400; }
.popform .explain {
	font-size: 14pt;
	line-height:1; }
.popform textarea {
	width:100%;
	height:5em; }
form select {
	font-size:14pt; }
form select#inapp_reason {
	max-width:16em; }
.popform h1 {
	margin-top: 0; }
p.tighthed {
	margin:1em 0 0; }

p.contactline {
	margin:0 0 0.5em; }
#org-size-part, #name-org, #addl-extra-need, #addl-extra-offer, #addl-ex-ne-in, #addl-ex-ne-or, #addl-ex-of-in, #addl-ex-of-or, .contact-name {
	display:none; }
p#add-contact {
	margin-top: -0.5em; }
p#add-contact a {
	text-decoration: underline;
	color: green;
	font-style: italic; }

label#addl-info {
	line-height:1; }
span.addl-extra {
	line-height:1; }
p.addl-exp {
	line-height:1;
	margin:0; }
#modal-pop input[type=text] {
	border: 1px silver solid;
	border-radius:1em;
	padding:0.25em 0.5em;
	font-size:16pt; }
#modal-pop input[type=button], #modal-pop input[type=submit] {
	border: none;
	background-color: silver;
	color:white;
	border-radius: 1em;
	font-size:14pt;
	margin-right:1em;
	padding:0.5em 2em; }
#modal-pop input[type=button]:hover, #modal-pop input[type=submit]:hover {
	cursor:pointer; }
#modal-pop input[type=button].btn-green:hover, #modal-pop input[type=submit].btn-green:hover {
	background-color:green; }
#modal-pop input[type=button].btn-red:hover, #modal-pop input[type=submit].btn-red:hover {
	background-color:red; }

#tou-label {
	font-size:12pt; }

p#cancel-pin {
	text-align:center;
	font-size:12pt;
	margin-bottom:0; }
p#cancel-pin a {
	text-decoration:underline; }
p#cancel-pin a:hover {
	color:red; }

div#popwrapper {
	position:absolute;
	display:none;
	top:0; left:0;
	height: 100%;
	width:100%;
	z-index: 10;
	background-color:rgba(0, 0, 0, 0.33);
}

p.fineprint {
	font-size: 10pt;
	line-height: 1;
	margin-bottom: 0;
}

#modal-pop {
	position: relative;
	display:none;
	margin:6em auto;
	width:24em;
	max-width:85%;
	background-color:white;
	padding:2em;
	border-radius:2em;
	box-shadow:0.5em 0.5em 1.5em rgba(0, 0, 0, 0.33);
	line-height:1;
	z-index: 15; }
#modal-pop h1 {
	margin-top: 0; }

@media only screen and (max-device-width:767px) {

	#header {
		height:3em; }

	#addrbar {
		width:50%; }
	#addrbar form input[type=text] {
		width:8em; }

	#content {
		font-size:14pt; }
	#content {
		width:55%;
		margin:2em auto 2em; }

	#footer {
		width:80%; }
	#footer #legend div {
		margin-right:0.5em; }
	
	.popform {
		position: relative;
		margin:1em 0 0;
		width:90%;
		min-width:inherit;
		padding:1em;
		line-height:1.5; }
	.popform textarea {
		width:80%; }

	form.popform div.helpdir {
		font-size: 12pt;
		margin:0 0 0.5em; }
	form.popform div.helpdir p {
		left:9em; }
	#helptypes div {
		width:80%; }
	form input[type=text], form textarea, form select {
		border: 1px silver solid; }
	
	#modal-pop {
		width:95%;
		padding:1em;
		line-height:1.5; }
	
	#status {
		top:4.5em; }
}