merged in kf-links

sass/base/_base.scss

@@ -61,8 +61,13 @@ a {
     text-decoration:none;
   }
 
+  p &, li > &, span > &, .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;
@@ -180,6 +185,7 @@ h1.top-header {
   }
 
   a {
+    border-bottom: 0;
     color: darken($cream, 80%);
 
     &:hover {

sass/courseware/_sequence-nav.scss

@@ -237,6 +237,7 @@ section.course-content {
 
     ul {
       @extend .clearfix;
+      background-color: darken(#F6EFD4, 5%);
       border: 1px solid darken(#f6efd4, 20%);
       border-bottom: 0;
       @include border-radius(3px 3px 0 0);
@@ -254,6 +255,8 @@ section.course-content {
           a {
             background-position: center center;
             background-repeat: no-repeat;
+            border-bottom: none;
+            display: block;
             padding: lh(.75) 4px;
             text-indent: -9999px;
             width: 45px;
@@ -261,16 +264,16 @@ section.course-content {
             @include transition(all, .4s, $ease-in-out-quad);
 
             &:hover {
-              text-decoration: none;
-              color: darken($cream, 60%);
-              text-decoration: none;
-              opacity: .5;
               background-color: darken($cream, 10%);
+              color: darken(#F6EFD4, 60%);
+              color: darken($cream, 60%);
+              opacity: .5;
+              text-decoration: none;
             }
 
             &.disabled {
-              opacity: .4;
               background-color: lighten($cream, 10%);
+              opacity: .4;
             }
           }
         }

sass/courseware/_video.scss

@@ -95,6 +95,7 @@ section.course-content {
 
             a {
               @include box-shadow(1px 0 0 #555);
+              border-bottom: none;
               border-right: 1px solid #000;
               display: block;
               cursor: pointer;

sass/discussion/_answers.scss

@@ -125,6 +125,7 @@ div.paginator {
     a {
       color: #555;
       text-decoration: none;
+      border-bottom: none;
     }
   }
 }

sass/discussion/_question-view.scss

@@ -64,7 +64,6 @@ div.question-header {
       overflow: hidden;
       padding: 5px 0 10px;
 
-
       div.tag-list {
         display: inline-block;
         float:left;
@@ -79,7 +78,6 @@ div.question-header {
         width: flex-grid(4,8);
 
         a {
-
           &.question-delete {
             color: $mit-red;
             text-decoration: none;
@@ -122,6 +120,11 @@ div.question-header {
         width: 20%;
         border-left: 1px dashed #ddd;
 
+        a {
+          border-bottom: none;
+          font-style: normal;
+        }
+
         div.post-update-info {
           @include box-sizing(border-box);
           padding: 10px;
@@ -140,10 +143,6 @@ div.question-header {
             }
           }
 
-          a {
-            color:$mit-red ;
-          }
-
           div.change-date {
             font-size: 12px;
             margin-bottom: 2px;
@@ -327,6 +326,7 @@ div.question-header {
       div.controls {
         border-top: 1px solid #efefef;
         text-align: right;
+
         a {
           display: inline-block;
           font-size: 12px;

sass/discussion/_tags.scss

@@ -51,6 +51,8 @@ ul.tags {
     a {
       color: #555;
       text-decoration: none;
+      border-bottom: none;
+      font-style: normal;
     }
   }
 }

sass/layout/_footer.scss

@@ -72,6 +72,7 @@ footer {
             height: 29px;
             width: 28px;
             text-indent: -9999px;
+            border-bottom: 0;
 
             &:hover {
               opacity: .8;

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;