diff --git a/static/css/hugo-mod-leaflet.css b/static/css/hugo-mod-leaflet.css
new file mode 100644
index 0000000..dee753f
--- /dev/null
+++ b/static/css/hugo-mod-leaflet.css
@@ -0,0 +1,89 @@
+.map-container {
+	height: 400px;
+	width: 600px;
+	padding: 6px 6px 18px 6px;
+	background: #eee;
+	border-radius: 8px;
+}
+
+.ui-icon {
+	background-image: url('/images/resize-handle-se.png');
+	background-position: -1px -1px;
+	z-index: 400 !important;	/* make sure it overlays the map since we don't have a border yet */
+}
+
+.map {
+	height: 100%;
+	border-radius: 8px;
+}
+
+.map g.legend, g.legend-hover {
+	display: none;
+}
+
+.map .heightgraph-container {
+	border-radius: 8px;
+}
+
+/* Heightgraph grid lines */
+.map .heightgraph .grid .tick line {
+	stroke: #ccc;
+}
+
+.map-attribution {
+	position: absolute;
+	left: 0px;
+	bottom: 3px;
+	font-size: 11px;
+	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+.map-attribution a {
+	color: #0078A8;
+	text-decoration: none;
+}
+
+.leaflet-right .leaflet-control {
+	margin: 6px;
+}
+
+/* Heightgraph data point selector */
+svg.heightgraph-container .select-info {
+	display: none;
+}
+
+svg.heightgraph-container .select-symbol {
+	display: none;
+}
+
+/* Map style when maximized */
+
+.map.leaflet-maximized {
+	height: 90% !important;
+	top: 5%;
+	border: 2px solid white;
+	border-radius: 8px;
+	z-index: 1; /* above the backdrop */
+}
+
+.map-backdrop {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	background-color: rgba(0, 0, 0, 0.9);
+}
+
+.map ~ .map-backdrop {
+	display: none;
+}
+
+.map.leaflet-maximized ~ .map-backdrop {
+	display: block;
+	z-index: 0;
+}
+
+.map.leaflet-maximized ~ .map-attribution {
+	display: none;
+}
diff --git a/static/images/resize-handle-se.png b/static/images/resize-handle-se.png
new file mode 100644
index 0000000..c6869e2
Binary files /dev/null and b/static/images/resize-handle-se.png differ