diff --git a/app/assets/stylesheets/new_styles/_base.scss b/app/assets/stylesheets/new_styles/_base.scss
index 4904c2987..d5942bf20 100644
--- a/app/assets/stylesheets/new_styles/_base.scss
+++ b/app/assets/stylesheets/new_styles/_base.scss
@@ -42,218 +42,6 @@ a { color : $link-blue  }
   color: inherit;
 }
 
-#author-info {
-  position : absolute;
-  z-index : 300;
-
-  .author-name {
-    color: #555;
-  }
-
-  .bd {
-    margin-top : 5px;
-    display: inline-block;
-  }
-
-  .post-time,
-  .icon-retweet {
-    color: #555;
-    @include opacity(0.5);
-  }
-}
-
-#post-author {
-  margin : 0;
-  padding : 10px;
-
-  &.status-with-photo-backdrop,
-  &.Wallpaper {
-    .author-name {
-      color : #fff;
-    }
-
-    .post-time,
-    .icon-retweet {
-      color: #fff;
-      @include opacity(0.5);
-    }
-  }
-}
-
-.post-view {
-  display: table;
-  height: 100%;
-  width: 100%;
-}
-
-#post-content {
-  display: table;
-  position: absolute;
-
-  height: 93%;
-  width: 100%;
-
-  img,
-  iframe {
-    @include photo-shadow();
-  }
-
-  iframe {
-    width: 857px;
-    height: 480px;
-    max-width: 100%;
-  }
-
-  .opengraph {
-    a {
-      text-decoration: none;
-      color: #000;
-    }
-    h2 {
-      margin-bottom: 20px;
-    }
-    img {
-      margin-bottom: 20px;
-    }
-  }
-}
-
-article { //mood posts
-  //default frame show styles
-  $big-text-size : 2.5em;
-  $medium-text-size : 1.5em;
-  $small-text-size: 1em;
-  width: 960px;
-  margin: 0 auto;
-
-  img {
-    max-height: 70%;
-    border : 10px solid #fff;
-  }
-
-  .photo_viewer {
-    margin-bottom : 20px;
-  }
-
-  @include centered-frame();
-  .container {
-    padding: 70px 0;
-    max-width: 85%;
-  }
-
-  header {
-    padding : 0 100px;
-  }
-
-  header, header p{
-  //big text
-    @include media-text();
-    font-size: $big-text-size;
-    line-height: 1.5em;
-  }
-
-  section.body{
-    p { font-size: $small-text-size; }
-
-    &.short_body{
-      p{
-        font-size: $medium-text-size;
-        margin-top: .5em;
-      }
-    }
-  }
-
-  &.night{
-    background-color : $night-background-color;
-    color : $night-text-color;
-
-    #author-info {
-      color : $night-text-color;
-    }
-  }
-
-  &.newspaper {
-    @include newspaper-type();
-
-    text-align: left;
-
-    .container {
-      max-width: 600px;
-    }
-
-    .photo_viewer {
-      float: right;
-      margin-left: 20px;
-      max-width: 320px;
-    }
-
-    header {
-      margin-bottom: 1em;
-      line-height: 1.2em;
-    }
-
-    .body p {
-      @include newspaper-type();
-      font-size: 1.2em;
-      line-height: 1.7em;
-      margin-bottom: 1.2em;
-    }
-  }
-
-  &.wallpaper{
-    color : #fff;
-  }
-
-  .img-bounding-box {
-    margin : 10px;
-    display : inline-block;
-    text-align : left;
-  }
-
-  img {
-    max-height: 400px;
-    max-width: 400px;
-  }
-}
-
-.status-with-photo-backdrop {
-  p {
-    color: #fff;
-
-    a {
-      @include transition(background-color, 0.3s);
-
-      color: #000;
-      background-color: #fff;
-      background-color: rgba(255,255,255,0.7);
-      padding: 0 5px;
-
-      &:hover {
-        text-decoration: none;
-        background-color: #fff;
-        background-color: rgba(255,255,255,1);
-      }
-    }
-  }
-}
-
-.darken {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  background-color: rgba(0,0,0,0.3);
-
-  display: table;
-
-  .darken-content {
-    @include centered-frame();
-    height: 100%;
-    width: 100%;
-  }
-}
-
 .photo-fill {
   @include background-cover();
   position: absolute;
@@ -263,21 +51,6 @@ article { //mood posts
   width: 100%;
 }
 
-.photo-backdrop {
-  p {
-    color: #fff;
-    z-index: 2;
-  }
-
-  img {
-    position: relative;
-  }
-
-  .photo-fill {
-    @include opacity(0.2)
-  }
-}
-
 $bring-dark-accent-forward-color: #DDD;
 
 #top-right-nav {
diff --git a/app/assets/stylesheets/new_styles/_interactions.scss b/app/assets/stylesheets/new_styles/_interactions.scss
index 78c4f82b5..a0e12d638 100644
--- a/app/assets/stylesheets/new_styles/_interactions.scss
+++ b/app/assets/stylesheets/new_styles/_interactions.scss
@@ -1,22 +1,6 @@
 @import '../mixins';
 
-#post-interactions {
-  position: fixed;
-  width: 100%;
-  bottom: 0;
-  left: 0;
-  text-align: center;
-}
-
-#post-reactions {
-  height: 80%;
-  max-height: 350px;
-  overflow: auto;
-  margin-top: 5px;
-}
-
-#post-info,
-#post-info-sneaky {
+#post-info {
   text-align: center;
   z-index: 10;
 
@@ -69,16 +53,6 @@
     padding-top: 0;
   }
 
-  #new-post-comment {
-    -webkit-box-shadow: 0 -3px 6px -5px rgba(0,0,0,0.8);
-    -moz-box-shadow: 0 -3px 6px -5px rgba(0,0,0,0.8);
-    box-shadow: 0 -3px 6px -5px rgba(0,0,0,0.8);
-
-    border-top: 1px solid #444;
-    text-align: left;
-    background-image: image-url("texture/hatched-dark.png");
-  }
-
   #new-post-comment-container {
     position: relative;
 
@@ -105,58 +79,6 @@
   }
 }
 
-#post-info-sneaky {
-  @include transition(all, 0.2s);
-
-  z-index: 1;
-  position: fixed;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  bottom: 0;
-
-  margin-bottom: -60px;
-  min-height: 20px;
-
-  #post-info-container-sneaky {
-    @include info-container();
-
-    padding: 10px 0;
-    min-height: 20px;
-  }
-}
-
-.home-button {
-  @include transition(opacity, 0.3s);
-  @include opacity(0.6);
-
-  position: absolute;
-  left: 2px;
-  top: 4px;
-
-  padding: 4px 6px;
-
-  &:hover {
-    @include opacity(1);
-  }
-}
-
-.invoker {
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-#post-feedback:hover {
-  #post-info-sneaky:not(.passive) {
-    @include opacity(1);
-    margin-bottom: -13px;
-  }
-}
-
 .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
   color: white;
   text-shadow: 1px 1px black;
@@ -277,44 +199,6 @@
   }
 }
 
-#post-feedback {
-/* fixes flicker on hover... no idea as to why */
-  position: relative;
-  z-index: 30;
-}
-
-#close-reactions-pane {
-  display: none;
-
-  text-align: center;
-  position: absolute;
-  width: 100%;
-  left: 0;
-  top: -3px;
-
-  #close-reactions-pane-container {
-    @include pane-width();
-    top: 0;
-
-    min-height: 30px;
-    display: inline-block;
-    position: relative;
-  }
-}
-
-#post-interactions.active #close-reactions-pane {
-  display: block;
-}
-
-.info-tick {
-  @include opacity(0.8);
-
-  position: absolute;
-  right: 8px;
-  top: 8px;
-}
-
-
 /* stream specific wrapper */
 #stream-interactions {
   position : fixed;
diff --git a/app/assets/stylesheets/new_styles/_viewer_nav.scss b/app/assets/stylesheets/new_styles/_viewer_nav.scss
index 2379f4be1..36b847652 100644
--- a/app/assets/stylesheets/new_styles/_viewer_nav.scss
+++ b/app/assets/stylesheets/new_styles/_viewer_nav.scss
@@ -1,10 +1,5 @@
 @import '../mixins';
 
-#post-nav {
-  @include transition(opacity, 0.5s);
-  @include opacity(1);
-}
-
 body.idle {
   #post-nav {
     @include opacity(0);
@@ -21,51 +16,3 @@ body.idle {
 
   }
 }
-
-.nav-arrow {
-  @include opacity(0.8);
-  @include transition(all, 0.3s);
-
-  display: table;
-
-  position: fixed;
-  height: 100%;
-  z-index: 3;
-  top: 0;
-  padding: 0 1.2%;
-
-  background-color: rgba(0,0,0,0);
-
-  .nav-arrow-inner {
-    padding: 0; margin: 0;
-    display: table-cell;
-    vertical-align: middle;
-  }
-
-  img {
-    @include opacity(0.5);
-
-    height: 30px;
-    width: 30px;
-
-  /* half the size of the nav arrows on mobile phones */
-    @media (max-width: 480px) {
-      height: 15px;
-      width: 15px;
-    }
-  }
-
-  &.left {
-    left: 0;
-    padding-right: 19px;
-  }
-
-  &.right {
-    right: 0;
-    padding-left: 19px;
-  }
-
-  &:hover {
-    background-color: rgba(0,0,0,0.1)
-  }
-}