diff --git a/lms/static/images/bg-footer-divider.jpg b/lms/static/images/bg-footer-divider.jpg
new file mode 100644
index 0000000000..9d5e6fa6cd
Binary files /dev/null and b/lms/static/images/bg-footer-divider.jpg differ
diff --git a/lms/static/images/social/social-facebook.png b/lms/static/images/social/social-facebook.png
new file mode 100644
index 0000000000..3588e7f29a
Binary files /dev/null and b/lms/static/images/social/social-facebook.png differ
diff --git a/lms/static/images/social/social-google.png b/lms/static/images/social/social-google.png
new file mode 100644
index 0000000000..f5c39640df
Binary files /dev/null and b/lms/static/images/social/social-google.png differ
diff --git a/lms/static/images/social/social-meetup.png b/lms/static/images/social/social-meetup.png
new file mode 100644
index 0000000000..52a7f447d7
Binary files /dev/null and b/lms/static/images/social/social-meetup.png differ
diff --git a/lms/static/images/social/social-twitter.png b/lms/static/images/social/social-twitter.png
new file mode 100644
index 0000000000..c812e7dd5c
Binary files /dev/null and b/lms/static/images/social/social-twitter.png differ
diff --git a/lms/static/images/social/social-youtube.png b/lms/static/images/social/social-youtube.png
new file mode 100644
index 0000000000..65f167f742
Binary files /dev/null and b/lms/static/images/social/social-youtube.png differ
diff --git a/lms/static/sass/shared/_footer.scss b/lms/static/sass/shared/_footer.scss
index a418b887ad..f2596f7ba2 100644
--- a/lms/static/sass/shared/_footer.scss
+++ b/lms/static/sass/shared/_footer.scss
@@ -1,179 +1,143 @@
-footer {
-  background: transparent;
-  border-top: 1px solid rgb(200,200,200);
-  @include box-shadow(inset 0 1px 3px 0 rgba(0,0,0, 0.1));
-  margin: 0 auto;
-  width: flex-grid(12);
+.wrapper-footer {
+  border-top: 1px solid tint($m-gray,50%);
+  padding: $baseline ($baseline/2) ($baseline*1.5) ($baseline/2);
+  background: $white;
 
-  &.fixed-bottom {
-    bottom: 0px;
-    max-width: 100%;
-    position: absolute;
-  }
-
-  nav {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 30px 10px 0;
+  footer {
+    @include clearfix();
     max-width: grid-width(12);
     min-width: 760px;
+    margin: 0 auto;
 
-    .top {
-      border-bottom: 1px solid rgb(200,200,200);
-      @include clearfix;
-      padding-bottom: 30px;
-      width: flex-grid(12);
-      text-align: center;
+    p, ol, ul {
+      font-family: $sans-serif;
+    }
 
-      ol {
-        float: right;
+    a {
+      @include transition(color 0.15s ease-in-out, border 0.15s ease-in-out);
+
+      &:link, &:visited, &:hover, &:active {
+        border-bottom: none;
+        color: $m-blue;
+        text-decoration: none !important;
+        font-family: $sans-serif;
+      }
+
+      &:hover, &:active {
+        border-bottom: 1px dotted shade($m-blue, 20%);
+        color: shade($m-blue, 20%);
+      }
+    }
+
+    // colophon
+    .colophon {
+      margin-right: flex-gutter(2);
+      width: flex-grid(6);
+      float: left;
+
+      .nav-colophon {
+        @include clearfix();
+        margin: ($baseline/4) 0 ($baseline*1.5) 0;
 
         li {
-          @include inline-block;
-          list-style: none;
-          padding: 0px 15px;
-          position: relative;
-          vertical-align: middle;
-
-          &::after {
-            @extend .faded-vertical-divider;
-            content: "";
-            display: block;
-            height: 30px;
-            right: 0px;
-            position: absolute;
-            top: -5px;
-            width: 1px;
-          }
-
-          a:link, a:visited {
-            color: $lighter-base-font-color;
-            padding: 6px 0px;
-          }
-        }
-      }
-
-      .primary {
-        @include clearfix;
-        float: left;
-
-        a.logo {
-          @include background-image(url('/static/images/logo.png'));
-          background-position: 0 -24px;
-          background-repeat: no-repeat;
-          @include inline-block;
-          height: 22px;
-          margin-right: 15px;
-          margin-top: 2px;
-          padding-right: 15px;
-          position: relative;
-          width: 47px;
-          vertical-align: middle;
-          @include transition(none);
-
-          &:hover {
-            background-position: 0 0;
-          }
-
-          &::after {
-            @extend .faded-vertical-divider;
-            content: "";
-            display: block;
-            height: 30px;
-            right: 0px;
-            position: absolute;
-            top: -3px;
-            width: 1px;
-          }
-        }
-
-        a {
-          color: $lighter-base-font-color;
-          @include inline-block;
-          margin-right: 20px;
-          padding-top: 2px;
-          vertical-align: middle;
-
-          &:hover {
-            color: $base-font-color;
-            text-decoration: none;
-          }
-        }
-      }
-
-      .social {
-        float: right;
-
-        &.social {
-          border: none;
-          margin: 0 0 0 5px;
-          padding: 0;
+          float: left;
+          margin-right: ($baseline*0.75);
 
           a {
-            @include inline-block;
-            opacity: 0.3;
-            @include transition(all, 0.1s, linear);
+            color: tint($black, 20%);
 
-            &:hover {
-              opacity: 1;
+            &:hover, &:active {
+              color: shade($m-blue, 20%);
             }
           }
+
+          &:last-child {
+            margin-right: 0;
+          }
+        }
+      }
+
+      .colophon-about {
+
+        img {
+          width: 68px;
+          height: 34px;
+          margin-right: 0;
+          float: left;
+        }
+
+        p {
+          float: left;
+          width: 460px;
+          margin-left: $baseline;
+          padding-left: $baseline;
+          font-size: em(13);
+          background: transparent url(/static/images/bg-footer-divider.jpg) 0 0 no-repeat;
         }
       }
     }
 
-    .bottom {
-      @include clearfix;
-      opacity: 0.8;
-      padding: 10px 0px 30px;
-      @include transition(all, 0.15s, linear);
-      width: flex-grid(12);
+    // references
+    .references {
+      margin: 0;
+      width: flex-grid(4);
+      float: right;
 
-      &:hover {
-        opacity: 1;
+      .nav-social {
+        margin: 0 0 ($baseline/4) 0;
+        text-align: right;
+
+        li {
+          margin-right: ($baseline/10);
+          display: inline-block;
+
+          &:last-child {
+            margin-right: 0;
+          }
+
+          a {
+            display: block;
+
+            &:hover, &:active {
+              border: none;
+            }
+          }
+
+          img {
+            display: block;
+          }
+        }
       }
 
       .copyright {
-        float: left;
-
-        p {
-          color: $lighter-base-font-color;
-          font-style: italic;
-          @include inline-block;
-          margin: 0 auto;
-          padding-top: 1px;
-          text-align: center;
-          vertical-align: middle;
-
-          a {
-            color: $lighter-base-font-color;
-            font-style: italic;
-            margin-left: 5px;
-
-            &:hover {
-              color: $blue;
-            }
-          }
-        }
+        margin: 0 0 ($baseline/4) 0;
+        font-size: em(11);
+        color: tint($m-gray,50%);
+        text-align: right;
       }
 
-      .secondary {
-        float: right;
-        text-align: left;
+      .nav-legal {
+        @include clearfix();
+        text-align: right;
 
-        a {
-          color: $lighter-base-font-color;
-          font-family: $serif;
-          font-style: italic;
-          line-height: 1.6em;
-          margin-left: 20px;
-          text-transform: lowercase;
+        li {
+          display: inline-block;
+          font-size: em(11);
 
-          &:hover {
-            color: $blue;
+          a {
+            display: block;
+          }
+        }
+
+        .nav-legal-01 a {
+
+          &:after {
+            margin-left: 5px;
+            content: "-";
           }
         }
       }
     }
+
   }
-}
+}
\ No newline at end of file
diff --git a/lms/static/sass/shared/_header.scss b/lms/static/sass/shared/_header.scss
index 794e445141..0f0c1659d2 100644
--- a/lms/static/sass/shared/_header.scss
+++ b/lms/static/sass/shared/_header.scss
@@ -1,5 +1,5 @@
 header.global {
-  border-bottom: 1px solid rgb(190,190,190);
+  border-bottom: 1px solid tint($m-gray,50%);
   @include box-shadow(0 1px 5px 0 rgba(0,0,0, 0.1));
   background: $white;
   height: 76px;
diff --git a/lms/templates/footer.html b/lms/templates/footer.html
index 7fe7c18ccc..34fa9f17e3 100644
--- a/lms/templates/footer.html
+++ b/lms/templates/footer.html
@@ -2,39 +2,84 @@
 <%! from django.core.urlresolvers import reverse %>
 <%namespace name='static' file='static_content.html'/>
 
-<footer>
-  <nav>
-    <section class="top">
-      <section class="primary">
-        <a href="${reverse('root')}" class="logo"></a>
-        <a href="${reverse('courses')}">Find Courses</a>
-        <a href="${reverse('about_edx')}">About</a>
-        <a href="http://blog.edx.org/">Blog</a>
-        <a href="${reverse('jobs')}">Jobs</a>
-        <a href="${reverse('contact')}">Contact</a>
-      </section>
+<div class="wrapper wrapper-footer">
+  <footer>
+    <div class="colophon">
+      <nav class="nav-colophon">
+        <ol>
+          <li class="nav-colophon-01">
+            <a href="${reverse('about_edx')}">About</a>
+          </li>
+          <li class="nav-colophon-02">
+            <a href="${reverse('jobs')}">Jobs</a>
+          </li>
+          <li class="nav-colophon-03">
+            <a href="#">Press</a>
+          </li>
+          <li class="nav-colophon-04">
+            <a href="#">FAQ</a>
+          </li>
+          <li class="nav-colophon-05">
+            <a href="${reverse('contact')}">Contact</a>
+          </li>
+          % if user.is_authenticated():
+          <li class="nav-colophon-06">
+            <a href="#">Help</a>
+          </li>
+          % endif
+        </ol>
+      </nav>
 
-      <section class="social">
-        <a href="http://youtube.com/user/edxonline"><img src="${static.url('images/social/youtube-sharing.png')}" /></a>
-        <a href="https://plus.google.com/108235383044095082735"><img src="${static.url('images/social/google-plus-sharing.png')}" /></a>
-        <a href="http://www.facebook.com/EdxOnline"><img src="${static.url('images/social/facebook-sharing.png')}" /></a>
-        <a href="https://twitter.com/edXOnline"><img src="${static.url('images/social/twitter-sharing.png')}" /></a>
-      </section>
-    </section>
+      <div class="colophon-about">
+        <img src="${MITX_ROOT_URL}/static/images/header-logo.png" />
 
-    <section class="bottom">
-      <section class="copyright">
-##        <p>&copy; 2012 edX, <a href="${reverse('copyright')}">some rights reserved.</a></p> # TODO: (bridger) Update the copyright for edX, then re-enable the link.
-        <p>&copy; 2012 edX, some rights reserved.</p>
-      </section>
+        <p>EdX is a non-profit created by founding partners Harvard and MIT whose mission is to bring the best of higher education to students of all ages anywhere in the world, wherever there is Internet access. EdX’s free online MOOCs are interactive and subjects include computer science, public health, and artificial intelligence.</p>
+      </div>
+    </div>
 
-      <section class="secondary">
-        <a href="${reverse('tos')}">Terms of Service</a>
-        <a href="${reverse('privacy_edx')}">Privacy Policy</a>
-        <a href="${reverse('honor')}">Honor Code</a>
-        <a href="${reverse('help_edx')}">Help</a>
-      </section>
-    </section>
+    <div class="references">
+      <nav class="nav-social">
+        <ul>
+          <li class="nav-social-01">
+            <a href="http://www.meetup.com/edX-Global-Community/" rel="external">
+              <img src="${MITX_ROOT_URL}/static/images/social/social-meetup.png" alt="edX on Meetup" />
+            </a>
+          </li>
+          <li class="nav-social-02">
+            <a href="http://www.facebook.com/EdxOnline" rel="external">
+              <img src="${MITX_ROOT_URL}/static/images/social/social-facebook.png" alt="edX on Facebook" />
+            </a>
+          </li>
+          <li class="nav-social-03">
+            <a href="https://twitter.com/edXOnline" rel="external">
+              <img src="${MITX_ROOT_URL}/static/images/social/social-twitter.png" alt="edX on Twitter" />
+            </a>
+          </li>
+          <li class="nav-social-04">
+            <a href="https://plus.google.com/108235383044095082735/posts" rel="external">
+              <img src="${MITX_ROOT_URL}/static/images/social/social-google.png" alt="edX on Google+" />
+            </a>
+          </li>
+          <li class="nav-social-05">
+            <a href="http://youtube.com/user/edxonline" rel="external">
+              <img src="${MITX_ROOT_URL}/static/images/social/social-youtube.png" alt="edX on YouTube" />
+            </a>
+          </li>
+        </ul>
+      </nav>
 
-  </nav>
-</footer>
+      <p class="copyright">&copy; 2013 edX, some rights reserved.</p>
+
+      <nav class="nav-legal">
+        <ul>
+          <li class="nav-legal-01">
+            <a href="${reverse('tos')}">Terms of Service and Honor Code</a>
+          </li>
+          <li class="nav-legal-02">
+            <a href="${reverse('privacy_edx')}">Privacy Policy</a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </footer>
+</div>
\ No newline at end of file