Index: themes/berlin/scss/init/_mixins-functions.scss
===================================================================
--- themes/berlin/scss/init/_mixins-functions.scss	(revision 2670)
+++ themes/berlin/scss/init/_mixins-functions.scss	(revision 2640)
@@ -16,13 +16,2 @@
     background-image: url($css-img-path+'/'+$file-name+'.svg'), none;
 }
-
-@mixin visually-hidden {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-}
Index: themes/berlin/scss/modules/_off-canvas.scss
===================================================================
--- themes/berlin/scss/modules/_off-canvas.scss	(revision 2673)
+++ themes/berlin/scss/modules/_off-canvas.scss	(revision 2645)
@@ -11,5 +11,5 @@
 }
 // Sexy glissando
-.sidebar, #main {
+#sidebar, #main {
     @include transition(.3s all linear);
 }
@@ -60,9 +60,9 @@
         position: relative;
     }
-    .off-canvas #main, .footer.off-canvas {
+    .off-canvas #main {
         float: left;
         margin-left: -1*(zen-grid-item-width(8));
     }
-    .off-canvas .sidebar {
+    .off-canvas #sidebar {
         position: relative;
         @include zen-grid-item (11, 1, right);
Index: themes/berlin/scss/partials/_footer.scss
===================================================================
--- themes/berlin/scss/partials/_footer.scss	(revision 2670)
+++ themes/berlin/scss/partials/_footer.scss	(revision 2640)
@@ -1,20 +1,0 @@
-.footer__widgets {
-    padding: 1em;
-    background-color: $white;
-    text-align: center;
-    line-height: 2;
-}
-.blogcustom__title {
-    @include visually-hidden;
-}
-.footer__widgets .widget {
-    margin-top: 1em;
-}
-.footer__widgets h3 {
-    margin-bottom: 0;
-    font-size: 1em;
-    font-weight: bold;
-}
-.footer__widgets ul {
-    @include inline-block-list(.5em);
-}
Index: themes/berlin/scss/partials/_sidebar.scss
===================================================================
--- themes/berlin/scss/partials/_sidebar.scss	(revision 2672)
+++ themes/berlin/scss/partials/_sidebar.scss	(revision 2640)
@@ -1,3 +1,3 @@
-.sidebar {
+#sidebar {
     @include pie-clearfix;
     padding-top: 2em;
@@ -14,36 +14,29 @@
     }
 }
-.blognav__title,
-.blogextra__title {
-    @include visually-hidden;
-}
-
-.blognav__widgets h3,
-.blognav__widgets h4,
-.blogextra__widgets h3,
-.blogextra__widgets h4 {
+#sidebar h2, #sidebar h3 {
     font-size: 1em;
     color: $white;
     font-weight: bold;
 }
-.blognav__widgets h3,
-.blogextra__widgets h3 {
+#sidebar h2 {
     text-transform: uppercase;
 }
-.blognav__widgets h4,
-.blogextra__widgets h4 {
+#sidebar h3 {
     margin-top: 1.5em;
     margin-bottom: 0;
 }
-.blognav__widgets .widget, .blogextra__widgets .widget {
+#blognav > div, #blogextra > div {
     padding: 1em;
     font-size: .875em;
     line-height: 1.71429;
+}
+#blognav div, #blogextra div {
     > ul {
         @include no-bullets;
         padding-left: 0;
+        line-height: 2.28571;
     }
 }
-.blognav__widgets, .blogextra__widgets {
+#blognav, #blogextra {
     ul {
         margin: 0;
@@ -51,5 +44,5 @@
     li {
         display: block;
-        padding: .25em;
+        padding-left: .25em;
         border-bottom: 1px solid $gray-medium;
     }
@@ -74,9 +67,9 @@
     background-color: $gray-very-dark;
 }
-.sidebar li:hover ul {
+#sidebar li:hover ul {
     background-color: $gray-very-dark;
 }
 @media screen and(min-width: ($small-screen + .1em)) and (max-width: $large-screen) {
-    .blognav__widgets .widget, .blogextra__widgets .widget {
+    #blognav div, #blogextra div {
         width: 50%;
         float: left;
@@ -84,5 +77,5 @@
 }
 @media screen and(min-width: ($large-screen + .1em)) and(max-width: $xlarge-screen) {
-    .blognav__widgets .widget, .blogextra__widgets .widget {
+    #blognav > div, #blogextra > div {
         width: 33.33%;
         float: left;
Index: themes/berlin/style.css
===================================================================
--- themes/berlin/style.css	(revision 2673)
+++ themes/berlin/style.css	(revision 2695)
@@ -644,49 +644,5 @@
   .site-title {
     font-size: 1.8em; } }
-.footer__widgets {
-  padding: 1em;
-  background-color: white;
-  text-align: center;
-  line-height: 2; }
-
-.blogcustom__title {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px; }
-
-.footer__widgets .widget {
-  margin-top: 1em; }
-
-.footer__widgets h3 {
-  margin-bottom: 0;
-  font-size: 1em;
-  font-weight: bold; }
-
-.footer__widgets ul {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  overflow: hidden;
-  *zoom: 1; }
-  .footer__widgets ul li {
-    list-style-image: none;
-    list-style-type: none;
-    margin-left: 0;
-    display: -moz-inline-stack;
-    display: inline-block;
-    vertical-align: middle;
-    *vertical-align: auto;
-    zoom: 1;
-    *display: inline;
-    white-space: nowrap;
-    padding-left: 0.5em;
-    padding-right: 0.5em; }
-
-.sidebar {
+#sidebar {
   *zoom: 1;
   padding-top: 2em;
@@ -694,66 +650,52 @@
   color: white;
   text-shadow: #373737 0px -1px 0px; }
-  .sidebar:after {
+  #sidebar:after {
     content: "";
     display: table;
     clear: both; }
-  .sidebar a:link, .sidebar a:visited {
+  #sidebar a:link, #sidebar a:visited {
     color: #f9f9f9;
     border: none; }
-  .sidebar a:hover, .sidebar a:focus, .sidebar a:active,
-  .sidebar li:hover, .sidebar li:focus {
+  #sidebar a:hover, #sidebar a:focus, #sidebar a:active,
+  #sidebar li:hover, #sidebar li:focus {
     background-color: #d52125; }
 
-.blognav__title,
-.blogextra__title {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px; }
-
-.blognav__widgets h3,
-.blognav__widgets h4,
-.blogextra__widgets h3,
-.blogextra__widgets h4 {
+#sidebar h2, #sidebar h3 {
   font-size: 1em;
   color: white;
   font-weight: bold; }
 
-.blognav__widgets h3,
-.blogextra__widgets h3 {
+#sidebar h2 {
   text-transform: uppercase; }
 
-.blognav__widgets h4,
-.blogextra__widgets h4 {
+#sidebar h3 {
   margin-top: 1.5em;
   margin-bottom: 0; }
 
-.blognav__widgets .widget, .blogextra__widgets .widget {
+#blognav > div, #blogextra > div {
   padding: 1em;
   font-size: .875em;
   line-height: 1.71429; }
-  .blognav__widgets .widget > ul, .blogextra__widgets .widget > ul {
-    list-style: none;
-    padding-left: 0; }
-    .blognav__widgets .widget > ul li, .blogextra__widgets .widget > ul li {
-      list-style-image: none;
-      list-style-type: none;
-      margin-left: 0; }
-
-.blognav__widgets ul, .blogextra__widgets ul {
+
+#blognav div > ul, #blogextra div > ul {
+  list-style: none;
+  padding-left: 0;
+  line-height: 2.28571; }
+  #blognav div > ul li, #blogextra div > ul li {
+    list-style-image: none;
+    list-style-type: none;
+    margin-left: 0; }
+
+#blognav ul, #blogextra ul {
   margin: 0; }
-.blognav__widgets li, .blogextra__widgets li {
+#blognav li, #blogextra li {
   display: block;
-  padding: .25em;
+  padding-left: .25em;
   border-bottom: 1px solid gainsboro; }
-.blognav__widgets li ul, .blogextra__widgets li ul {
+#blognav li ul, #blogextra li ul {
   margin-left: -.25em; }
-.blognav__widgets li li, .blogextra__widgets li li {
+#blognav li li, #blogextra li li {
   border-top: 1px solid gainsboro; }
-.blognav__widgets li li:last-child, .blogextra__widgets li li:last-child {
+#blognav li li:last-child, #blogextra li li:last-child {
   border-bottom: none; }
 
@@ -768,13 +710,13 @@
   background-color: #373737; }
 
-.sidebar li:hover ul {
+#sidebar li:hover ul {
   background-color: #373737; }
 
 @media screen and (min-width: 30.1em) and (max-width: 60em) {
-  .blognav__widgets .widget, .blogextra__widgets .widget {
+  #blognav div, #blogextra div {
     width: 50%;
     float: left; } }
 @media screen and (min-width: 60.1em) and (max-width: 80em) {
-  .blognav__widgets .widget, .blogextra__widgets .widget {
+  #blognav > div, #blogextra > div {
     width: 33.33%;
     float: left; } }
@@ -886,5 +828,6 @@
   border-radius: 0.5714286em;
   padding: 0.5714286em 1.1428571em;
-  margin-bottom: 1.7142857em; }
+  margin-bottom: 1.7142857em;
+  clear: both; }
 
 .post-info {
@@ -979,5 +922,6 @@
 .post-feedback {
   max-width: 42em;
-  margin: 3em auto; }
+  margin: 3em auto;
+  clear: both; }
 
 .post-feedback h3 {
@@ -1291,5 +1235,5 @@
   display: none; }
 
-.sidebar, #main {
+#sidebar, #main {
   -webkit-transition: 0.3s all linear;
   -moz-transition: 0.3s all linear;
@@ -1337,9 +1281,9 @@
     position: relative; }
 
-  .off-canvas #main, .footer.off-canvas {
+  .off-canvas #main {
     float: left;
     margin-left: -66.6666667%; }
 
-  .off-canvas .sidebar {
+  .off-canvas #sidebar {
     position: relative;
     float: right;
Index: themes/berlin/tpl/user_footer.html
===================================================================
--- themes/berlin/tpl/user_footer.html	(revision 2673)
+++ themes/berlin/tpl/user_footer.html	(revision 2640)
@@ -15,9 +15,7 @@
             var btn = $('<button id="offcanvas-off" type="button" role="button"><span class="visually-hidden">Hide menu</span></button>');
             $("#wrapper").addClass("off-canvas");
-            $("#footer").addClass("off-canvas");
             $("#sidebar").prepend(btn);
             btn.click(function(evt){
                 $("#wrapper").removeClass("off-canvas");
-                $("#footer").removeClass("off-canvas");
                 evt.target.remove();
             });
