ui tweak: underline link

_includes/footer.html

@@ -8,7 +8,6 @@
       <div class="footer-col  footer-col-1">
         <ul class="contact-list">
           <li><img src="http://mycapsules.com/mycapsules-footer.png"></li>
-          <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
           <li class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></li>
         </ul>
       </div>

_includes/header.html

@@ -14,7 +14,7 @@
       </a>
 
       <div class="trigger">
-        <a class="page-link">
+        <a class="">
         <form action="http://www.google.com" id="cse-search-box">
             <input type="hidden" name="cx" value="partner-pub-2020708490119286:1044307855" />
             <input type="hidden" name="ie" value="UTF-8" />

css/main.scss

@@ -75,6 +75,16 @@ form#cse-search-box input {
     -moz-border-top-colors: none;
 }
 
+
+p > a, p > a:hover, p > a:visited,
+a.page-link, a.page-link:hover, a.page-link:visited, 
+article > a, article > a:hover, article > a:visited,
+li > a, li > a:hover, li > a:visited {
+  border-bottom: 1px solid rgba(62, 180, 137, 0.4);
+  box-shadow: 0px -4px 0px rgba(62, 180, 137, 0.4) inset;
+  color: inherit;
+}
+
 .kickstarter-widget {
     width: 220px;
     height: 445px;