diff --git a/style.css b/style.css
index 3713c7b3..678a7964 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,17 @@
 /* general rules ******************************************************/
 
+/* for printing directly from the browser, hide all UI components
+ * NOTE: @media needs to be first?
+ */
+@media print {
+  .leaflet-control-container { display: none !important; }
+  #chatcontrols, #chat, #chatinput { display: none !important; }
+  #sidebartoggle, #sidebar { display: none !important; }
+  #updatestatus { display: none !important; }
+  #portal_highlight_select { display: none !important; }
+}
+
+
 html, body, #map {
   height: 100%;
   width: 100%;
@@ -7,6 +19,7 @@ html, body, #map {
   background: #0e3d4e;
 }
 
+
 body {
   font-size: 14px;
   font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;