/**
 * @package Basic_Google_Maps_Placemarks
 * @link    http://wordpress.org/extend/plugins/basic-google-maps-placemarks/
 */

/*
 * Front end
 * Many of these exist to override theme styles that will distort elements
 */
#bgmp_map-canvas {
	width: 600px; /* The width and height here are just defaults in case the JavaScript can't load. They're overridden with the ones on the Settings page when the map is created */
	height: 400px;
}

/*
 *	Maps API doesn't take the infowindow's child element margins, font-size, line-height, font-weight, etc into account when calculating container size
 *	http://stackoverflow.com/questions/1554893/google-maps-api-v3-infowindow-not-sizing-correctly/5690251#5690251
 */

.bgmp_placemark {
	margin: 0 !important;
	font-size: medium !important;
	line-height: normal !important;
	color: black !important;
}

.bgmp_placemark h3 {
	margin: 0 !important;
	padding: 5px 0;
	font-size: medium !important;
	line-height: normal !important;
	font-weight: normal !important;
}

.bgmp_placemark div {
	margin: 0 !important;
}

#bgmp_map-canvas img {
	width: auto !important;
	max-width: none !important;
	background: none !important;
	border-width: 0;
	padding: 0;
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#bgmp_map-canvas #content {
	width: auto;
	height: auto;
	overflow: auto;
}

/*
 * Back end
 */
#bgmp_settings-fields {
	float: left;
	width: 70%;

	/* @todo try to make this exand to fill screen if meta box gone - try to use WP core styles more */
}

#bgmp_settings-meta-boxes {
	float: left;
	margin-left: 15px;
}

#bgmp_settings-meta-boxes .postbox {
	width: 286px;
}