diff --git a/media/css/style.css b/media/css/style.css
index 222f9ee..60e585f 100644
--- a/media/css/style.css
+++ b/media/css/style.css
@@ -367,6 +367,10 @@ section.main aside.main nav.footer ul li a:hover {
   border-bottom: 1px solid #333;
   color: #333;
 }
+section.main aside.main nav.footer ul li a.active {
+  border-bottom: 1px solid #333;
+  color: #333;
+}
 section.main aside.main nav.footer ul li.twitter {
   background: transparent url("/static/images/twitter-icon.png") 4px center no-repeat;
 }
diff --git a/media/css/style.scss b/media/css/style.scss
index 373872c..67f26a5 100644
--- a/media/css/style.scss
+++ b/media/css/style.scss
@@ -437,6 +437,10 @@ section.main {
                             border-bottom: 1px solid #333;
                             color: #333;
                         }
+                        &.active {
+                            border-bottom: 1px solid #333;
+                            color: #333;
+                        }
                     }
                     &.twitter {
                         background: transparent url('/static/images/twitter-icon.png') 4px center no-repeat;
diff --git a/templates/base.html b/templates/base.html
index b7baf14..7787f4f 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -138,10 +138,10 @@
                 <nav class="footer">
                     <ul>
                         <li class="api">
-                            <a href="/api/">API</a>
+                            <a href="/api/" {% if '/api/' in request.path %}class="active"{% endif %}>API</a>
                         </li>
                         <li class="api">
-                            <a href="/blog/">Blog</a>
+                            <a href="/blog/" {% if '/blog/' in request.path %}class="active"{% endif %}>Blog</a>
                         </li>
                         <li class="twitter">
                             <a href="https://twitter.com/#!/snipt">@snipt</a>