html {
    overflow-y: scroll;
}

body {
    font-family: 'Esteban', serif;
    font-size: 16px;
    background: url(/images/paper-tiled-scaled.jpg) top left;
}

.container {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    margin-top: 1em;
    margin-bottom: 5em;
}

.amp {
    font-family: 'Parisienne', 'Esteban', serif;
    vertical-align: top;
}

h1 .amp {
    letter-spacing: -0.05em;
}

h1 {
    background: url(/images/leather-fern-cutout.png) 8.25em center no-repeat;
    background-size: auto 100%;
    margin-top: 10px;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: rgba(255, 255, 255, 0.8);
}

.row .img-rounded.img-responsive {
    margin-bottom: 1em;
}

img.pull-right {
    margin: 0 0 1em 1em;
}

img.pull-left {
    margin: 0 1em 1em 0;
}

blockquote {
    font-style: italic;
    font-size: 1em;
}

#map {
    display: block;
    width: 100%;
    height: 500px;
}

#map .leaflet-control-attribution {
    font-size: 10px;
}

#map .leaflet-popup-content-wrapper {
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.8);
}

#map .leaflet-popup-tip {
    background: rgba(255, 255, 255, 0.8);
}

#map .leaflet-popup-content {
    margin: 7px 20px 7px 14px;
    font-size: 14px;
    text-shadow: white  0    0      10px,
                 white  0    1px    10px,
                 white  1px  0      10px,
                 white -1px  0      10px,
                 white  0   -1px    10px;
}