.content {
    font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
}

.content p, .content h3, .content h2, .content h1, .content h4, .content h5, .content h6,
.content blockquote, .content pre, .content object, .content figure {
    margin: 0.8em 0;
}

.content ul {
    list-style: circle;
}

.content ol {
    list-style: decimal;
}

.content h2 {
    text-align: center;
    font-size: 1.75em;
    padding-bottom: .2em;
    border-bottom: 1px solid #999;
}

.content ul, .content ol {
    margin: 0.8em 0 0.8em 2em;
}

.content li {
    margin-bottom: 0.25em;
}

.content pre, .content blockquote {
    border: 2px solid #ccc;
    border-left: none;
    border-right: none;
    border-radius: 5px;
    padding: 0.5em 1em;
    background: #eee;
    overflow: auto;
    max-height: 25em;
}

.content figure {
    text-align: center;
}

.content figure figcaption {
    display: block;
    color: #666;
    font-style: italic;
    font-size: 90%;
}

.content table {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

.content table thead {
    background: #ccc;
}

.content table th, .content table td {
    padding: 0.5em;
}

.content table tr:nth-child(even) {
    background: #eee;
}

.content table th {
    text-align: left;
}

.content abbr, .content acronym {
    cursor: help;
    background: #ddf;
    border-bottom: 1px dotted #66f;
    padding: 1pt 2pt;
}

.content img {
    max-width: 100%;
}

figure.map {
    max-width: 600px;
    height: 450px;
    margin: 2em auto;
}

.content figure.map img {
    max-width: 100%;
    max-height: 100%;
}

.content figure.map .leaflet-control-layers-list {
    text-align: left;
}


figure.elevation {
    max-width: 100%;
}

figure.elevation svg path {
    fill: rgba(177, 213, 95, 0.7);
}

figure.elevation svg polyline {
    stroke: #502d16;
    stroke-width: 2px;
    fill: none;
}

figure.elevation svg line.x-axis {
    stroke: #666;
    stroke-width: 1px;
}

figure.elevation svg line.y-axis {
    stroke: #bbb;
    stroke-width: 1px;
}

figure.elevation svg text {
    font-family: sans-serif;
    font-size: 8px;
    fill: #999;
    text-anchor: end;
}

figure.elevation svg text.x-axis {
    text-anchor: middle;
}

figure.map .km-marker, figure.map .find-marker {
    border-radius: 50%;
    background: #502d16;
    color: #fff;
    padding: 1px;
    font-size: 8px;
    text-align: center;
}

figure.map .find-marker {
    font-size: 12px;
    font-weight: bold;
    transition: all .2s;
}

figure.map .find-marker:hover {
    background: #408126;
}

figure.map .find-marker:hover:after {
    content: attr(title);
    position: absolute;
    background: #408126;
    font-weight: normal;
    white-space: pre;
    border-radius: .3em;
    padding: 1px 5px 1px 8px;
    font-size: 10px;
    text-decoration: underline;
    color: #b1d55f;
}

.content figure.map {
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #999;
    background: #fff;
}

.content a.coords:not([data-dms]),.content a.coords[data-dms]:after {
    color: #666;
    border-radius: .5em;
    padding: .1em .5em;
    font-family: sans-serif;
    border-left: .2em solid #999;
    border-right: .2em solid #999;
    font-size: 10pt;
}

.content a.coords[data-dms]:after {
    content: attr(data-dms);
    margin-left: .5em;
    text-decoration: underline;
    display: inline-block;
}