#map_title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 120;
	padding: 2px 10px 0px;
	border: 0;
	background: url(http://www.jimmybyrum.com/images/shadow.png) -20px -20px no-repeat;
}
#map_title h2,
#map_title p {
	display: inline;
	*margin-right: 5px;
}
#map_canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
#map_canvas .photo-link{
	display:block;
}
#locations {
	position: absolute;
	top: 50px;
	right: 20px;
	z-index: 100;
	max-height: 80%;
	width: 20em;
	overflow: auto;
	padding: 20px;
	background: #fff;
	-moz-opacity: 0.3;
	     opacity: 0.3;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); 

	-webkit-transition: opacity .2s linear;
	   -moz-transition: opacity .2s linear;
	    -ms-transition: opacity .2s linear;
	     -o-transition: opacity .2s linear;
	        transition: opacity .2s linear;
	
	-webkit-transition-property: opacity, -webkit-box-shadow;
	   -moz-transition-property: opacity, -moz-box-shadow;
	    -ms-transition-property: opacity, -ms-box-shadow;
	     -o-transition-property: opacity, -o-box-shadow;
	        transition-property: opacity, box-shadow;
}
#locations:hover {
	-moz-opacity: 0.9;
	     opacity: 0.9;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); 
}
#locations h2{
	cursor:pointer;
}
#locations h2,#locations ol,#locations li{_float:left;_clear:both;}
#locations .city-list {
	position: relative;
	margin: 0 0 10px 5px;
}
#locations ol{margin:0 0 5px;}
#locations h3{
	margin:5px 0 0 10px;
}
#locations em{
	cursor:pointer;
}
#locations em:hover{background:#efefef;}
#locations li{_white-space:nowrap;margin-left:20px;list-style:none;}
.coords{display:none;}

@media screen and (max-width: 540px) {
	#locations {
		display: none;
	}
}