/**
 * 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: 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;
    max-width: 100%;
}

    /*
     *  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;
        line-height: normal !important;
        color: black !important;
    }

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

        .bgmp_placemark div
        {
            margin: 0 !important;
        }

        .bgmp_placemark a {
          text-decoration: underline;
          color: blue;
        }

        .bgmp_placemark a:hover {
          color: darkblue;
        }

    #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;
    }