/********************************************************
Basic Map Styles
********************************************************/

#mapAll {
	width: 920px;
	height: 650px;
	margin: 0;
	padding: 0px;
	position: relative;
	color:#3a2212;
	float: left;
}

#mapAll ul {
	margin: 0px;
	padding: 0px;
}

#mapAll li {
	margin: 0px;
	padding: 0px;
}

#mapAll a:link, #mapAll a:visited {
	text-decoration: none;
}

#mapAll a:hover, #mapAll a:active {
	text-decoration: none;
}

#map, #map_canvas {
	float:right;
	width: 667px;
	height: 650px;
}

#map-header {
	width: 895px;
	clear: both;
	overflow: hidden;
	padding: 25px 20px 25px 20px;
}

#map-header h1 {
	font-size: 27px !important;
	float: left;
	padding-top: 7px;
}


#map-side-bar {
	float: left;
	width:250px;
	height: 100%;
	background: #fbf3d7;
	color: #E6DDCB;
	overflow: visible;
	padding:0.5em 0;
}

#map-side-bar-menu {
	float: left;
	width: 218px;
	height: 500px;
	overflow: auto;
	margin: 10px 0 0 20px;
}

#map-side-bar p, #map-side-bar h2 {
	padding: 10px;
	line-height: 18px;
}

#map-side-bar p {
	color:#461400;
	margin: 0 0 4px 12px;
	font-size:.9em;
}

#community-link {
	padding:0;
}

#community-link p {
	font-size:0.9em;
	border-bottom:1px solid #3a2212;
	margin-bottom:0.5em;
	background:#fff;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

#community-link p:before {
	content:"—";
	text-shadow:0 -4px 0 #3a2212, 0 4px 0 #3a2212;
	margin-right:0.5em;
	position:relative;
	top:-1px;
}

#community-link p:hover {
	cursor: pointer;
}

#community-link a:link, #community-link a:visited {
	color: #000000;
	font-family:'Cinzel', 'Avant Garde', 'Futura', 'Helvetica Neue', 'Helvetica', Tahoma, 'Trebuchet MS', sans-serif ;
	font-size: 1.3em;
	font-weight: 500;
	font-style: normal;
	width: 173px;
	height: 50px;
	padding: 11px 0px 0px 44px;
	background:url(/images/gmap/community.png) no-repeat 0px 0px;
	display: block;
	margin:0 auto;
}

#map-side-bar h2 {

}

#map-side-bar a {
	text-decoration: none;
}

.infowindow {
	width: 300px;
  	overflow: hidden;
}

.infowindow a:link,.infowindow a:visited {

}

.infowindow a:hover {

}

.infowindow p {
	font-weight: 500;
	margin: 5px 0px 4px 0px;
	padding: 0;
}

.infowindow h2 {
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 7px 0 !important;
}

#map-text {
	width: 300px;
}

#map-text a:link,#map-text a:visited {
color: #d04e1d;
}

#map-text a:hover {

}

#map-text p {

}

#map-text h2 {
	margin: 4px 0;
	padding: 0;

}

.paddingBottom {
	padding-bottom: 5px;
	margin: 0px;
}

/********************************************************
Map Menu
********************************************************/
.urbangreymenu{
	width: 200px;
}

.urbangreymenu .headerbar {
	margin:0.25em 2px;
  font-family: 'Cinzel', 'Avant Garde', 'Futura', 'Helvetica Neue', 'Helvetica', Tahoma, 'Trebuchet MS', sans-serif;
	text-transform: uppercase;
	padding: 8px 0 8px 30px;
	font-size: 1em;
	color:#3a2212;
	line-height: 1.3em !important;
	background-color: #efdfad !important;
	/*box-shadow: 0 0 2px rgba(0,0,0,0.3);*/
	border-radius: 2px;
}

.urbangreymenu .headerbar:hover {
	cursor: pointer;
	color:#3a2212;
}

.urbangreymenu .headerbar a {
	background-color: #efdfad !important;
	text-decoration: none;
	display: block;
}

.urbangreymenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a {
	background:#fff;
	background:rgba(255,255,255,.75);
	display: block;
	padding: 5px 8px;
	line-height: 17px;
	text-decoration: none;
	font-size: 0.9em;
	color: #743a14;
	/*box-shadow: 0 0 2px rgba(0,0,0,0.3);*/
	border-radius: 2px;
	margin:2px;
}

.urbangreymenu ul li a:visited{
	color: #743a14;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	background:#fff;
	color:#3a2212;
}


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

	#filterMap {
		display:none;
	}

	#mapAll {
		width:100%;
		height:auto;
	}

	#map, #map_canvas, #map-side-bar, #map-side-bar-menu, .urbangreymenu {
		left:0px;
		width:100%;
		float:left;
		position:relative;
		overflow:hidden;
		background: #f7f3ec;
		padding: .25em 5px .5em 0;
	}

	#map, #map_canvas {
		height:520px;
	}

	.urbangreymenu {
		padding-left:0;
	}

	#map-side-bar-menu {
		height:auto;
	}

	#community-link {
    margin: 1em 2px 0 10px;
	}

	#map-side-bar-menu {
    margin: 10px 0 0 10px;
	}

}

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

	#map, #map_canvas {
		height:480px;
	}

}

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

	#map, #map_canvas {
		height:460px;
	}

}

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

	#map, #map_canvas {
		height:380px;
	}

}

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

	#map, #map_canvas {
		height:320px;
	}

}