added some styles for inline-links

--HG--
branch : kf-links

sass/base/_base.scss

@@ -61,8 +61,13 @@ a {
     text-decoration:none;
   }
 
+  p &, li > &, .inline {
+    border-bottom: 1px solid #bbb;
+    font-style: italic;
+  }
+
   &:hover, &:focus {
-    text-decoration:underline;
+    color: #000;
   }
 }
 

sass/base/_extends.scss

@@ -79,6 +79,11 @@ h1.top-header {
    text-transform: none;
   }
 
+  a {
+    font-style: normal;
+    border: none;
+  }
+
   .bottom-border {
     @include box-shadow(0 1px 0 #eee);
     border-bottom: 1px solid #d3d3d3;

sass/layout/_header.scss

@@ -52,7 +52,7 @@ div.header-wrapper {
 
         a {
           color: #fff;
-          text-decoration: none;
+          border: none;
 
           &:hover {
             color: rgba(#fff, .7);
@@ -104,7 +104,8 @@ div.header-wrapper {
             display: block;
             font-weight: bold;
             padding: 10px lh() 8px;
-            text-decoration: none;
+            border: none;
+            font-style: normal;
 
             @media screen and (max-width: 1020px) {
               padding: 10px lh(.7) 8px;