/**
 * A WordPress plugin that adds a custom post type for placemarks and builds a Google Map with them
 * @package BasicGoogleMapsPlacemarks
 * @author Ian Dunn <ian@iandunn.name>
 * @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: 100%;	/* 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: 600px;
}

/*
 *	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;
}