diff --git a/app/assets/javascripts/app/pages/stream.js b/app/assets/javascripts/app/pages/stream.js
new file mode 100644
index 000000000..988af0d8d
--- /dev/null
+++ b/app/assets/javascripts/app/pages/stream.js
@@ -0,0 +1,68 @@
+app.pages.Stream = app.views.Base.extend({
+  templateName : "stream",
+
+  events : {
+    'activate .stream-frame-wrapper' : 'triggerInteractionLoad'
+  },
+
+  subviews : {
+    "#stream-content" : "streamView",
+    "#stream-interactions" : "interactionsView"
+  },
+
+  initialize : function(){
+    this.stream = this.model = new app.models.Stream()
+    this.stream.preloadOrFetch()
+
+    this.streamView = new app.pages.Stream.InfiniteScrollView({ model : this.stream })
+    this.interactionsView = new app.views.StreamInteractions()
+
+    this.streamView.on('loadMore', this.updateUrlState, this);
+    this.stream.on("fetched", this.refreshScrollSpy, this)
+    this.stream.on("frame:interacted", this.selectFrame, this)
+  },
+
+  selectFrame : function(post){
+    if(this.selectedPost == post) { return }
+    this.selectedPost = post
+    
+    this.$(".stream-frame-wrapper").removeClass("selected-frame")
+    this.$(".stream-frame-wrapper[data-id=" + this.selectedPost.id +"]").addClass("selected-frame")
+    this.interactionsView.setInteractions(this.selectedPost)
+  },
+
+  updateUrlState : function(){
+    var post = this.stream.items.last();
+    if(post){
+      this.navigateToPost(post)
+    }
+  },
+
+  navigateToPost : function(post){
+    app.router.navigate(location.pathname + "?max_time=" + post.createdAt(), {replace: true})
+  },
+
+  triggerInteractionLoad : function(evt){
+    this._throttledInteractions = this._throttledInteractions || _.bind(_.throttle(function(id){
+      this.selectFrame(this.stream.items.get(id))
+    }, 500), this)
+
+    this._throttledInteractions($(evt.target).data("id"))
+  },
+
+  refreshScrollSpy : function(){
+    _.defer($('body').scrollspy('refresh'))
+  }
+},
+
+//static methods
+{
+  InfiniteScrollView : app.views.InfScroll.extend({
+    initialize: function(){
+      this.stream = this.model
+      this.collection = this.stream.items
+      this.postClass = app.views.Post.StreamFrame
+      this.setupInfiniteScroll()
+    }
+  })
+});
diff --git a/app/assets/javascripts/main.js b/app/assets/javascripts/main.js
index 2212efaf6..5562329d4 100644
--- a/app/assets/javascripts/main.js
+++ b/app/assets/javascripts/main.js
@@ -19,7 +19,6 @@
 //= require jquery.idle-timer
 //= require jquery.infinitescroll-custom
 //= require jquery.autocomplete-custom
-//= require jquery.isotope.min
 //= require keycodes
 //= require fileuploader-custom
 //= require handlebars-1.0.0.beta.6
diff --git a/app/assets/stylesheets/new-templates.css.scss b/app/assets/stylesheets/new-templates.css.scss
new file mode 100644
index 000000000..ebc8f15b5
--- /dev/null
+++ b/app/assets/stylesheets/new-templates.css.scss
@@ -0,0 +1,23 @@
+@import 'mixins';
+@import 'new_styles/new_mixins';
+@import 'new_styles/variables';
+
+/* core */
+@import 'new_styles/flash_messages';
+
+@import 'new_styles/base';
+@import 'new_styles/interactions';
+@import 'new_styles/viewer_nav';
+
+/* font overrides */
+@import 'new_styles/typography';
+
+/* login */
+@import 'new_styles/login';
+@import 'new_styles/registration';
+@import 'new_styles/landing';
+
+@import 'new_styles/forms';
+
+
+@include video-overlay();
diff --git a/app/assets/stylesheets/new_styles/_animations.scss b/app/assets/stylesheets/new_styles/_animations.scss
new file mode 100644
index 000000000..761ec331e
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_animations.scss
@@ -0,0 +1,62 @@
+@-webkit-keyframes opacity-pulse {
+	0%   { @include opacity(0.3); }
+	65%  { @include opacity(0.9); }
+	100% { @include opacity(0.3); }
+}
+@-moz-keyframes opacity-pulse {
+	0%   { @include opacity(0.3); }
+	65%  { @include opacity(0.9); }
+	100% { @include opacity(0.3); }
+}
+@-ms-keyframes opacity-pulse {
+	0%   { @include opacity(0.3); }
+	65%  { @include opacity(0.9); }
+	100% { @include opacity(0.3); }
+}
+
+
+@-webkit-keyframes ease-over {
+	0%   { @include opacity(0); -webkit-transform : scale(1.3); }
+	100% { @include opacity(1); -webkit-transform : scale(1); }
+}
+@-moz-keyframes ease-over {
+	0%   { @include opacity(0); -moz-transform : scale(1.3); }
+	100% { @include opacity(1); -moz-transform : scale(1); }
+}
+@-ms-keyframes ease-over {
+	0%   { @include opacity(0); -ms-transform : scale(1.3); }
+	100% { @include opacity(1); -ms-transform : scale(1); }
+}
+
+@-webkit-keyframes ease-out {
+	0%     { @include opacity(1); -webkit-transform : scale(1); }
+	100%   { @include opacity(0); -webkit-transform : scale(1.3); }
+}
+@-moz-keyframes ease-out {
+	0%     { @include opacity(1); -moz-transform : scale(1); }
+	100%   { @include opacity(0); -moz-transform : scale(1.3); }
+}
+@-ms-keyframes ease-out {
+	0%     { @include opacity(1); -ms-transform : scale(1); }
+	100%   { @include opacity(0); -ms-transform : scale(1.3); }
+}
+
+/* flash message animations */
+@-webkit-keyframes expose {
+        0%   { top : -100px; }
+        15%  { top : 0; }
+        85%  { top : 0; }
+        100% { top : -100px; }
+}
+@-moz-keyframes expose {
+        0%   { top : -100px; }
+        15%  { top : 0; }
+        85%  { top : 0; }
+        100% { top : -100px; }
+}
+@-ms-keyframes expose {
+        0%   { top : -100px; }
+        15%  { top : 0; }
+        85%  { top : 0; }
+        100% { top : -100px; }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/new_styles/_base.scss b/app/assets/stylesheets/new_styles/_base.scss
new file mode 100644
index 000000000..3dc3432a8
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_base.scss
@@ -0,0 +1,327 @@
+html,
+body {
+  /* hack to ensure fixed elements at height: 100%; are in relation to the window */
+  max-height : 100%;
+}
+
+body {
+  background-image : image_url("texture/light-bg.png");
+  padding : none;
+
+  &.lock {
+    overflow: hidden;
+  }
+}
+
+/* new link color */
+$link-blue : rgb(42,156,235);
+a { color : $link-blue  }
+
+/* bootstrap extentions */
+.icon-red   { background-image: image_url("img/glyphicons-halflings-red.png");   }
+.icon-blue  { background-image: image_url("img/glyphicons-halflings-blue.png");  }
+
+.avatar {
+  &.micro {
+    height: 20px;
+    width: 20px;
+  }
+
+  &.small {
+    height: 35px;
+    width: 35px;
+  }
+}
+
+.author-name {
+  font-family : Roboto;
+  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: 100%;
+  width: 100%;
+
+  img,
+  iframe {
+    @include photo-shadow();
+  }
+
+  iframe {
+    width: 857px;
+    height: 480px;
+    max-width: 100%;
+  }
+}
+
+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;
+  top: 0;
+  left: 0;
+  height: 100%;
+  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 {
+  z-index: 10;
+  position : absolute;
+  right : 10px;
+  top : 10px;
+
+  & > a {
+    @include transition(opacity);
+    @include opacity(0.4);
+
+    margin-left : 5px;
+
+    &:hover {
+      @include opacity(0.75);
+      text-decoration : none;
+    }
+  }
+}
+
+#header {
+  position : fixed;
+  top : 0;
+  width : 100%;
+  padding : 15px;
+  z-index : 30;
+
+  -webkit-box-shadow : inset 0 -10px 10px -8px rgba(0,0,0,0.8);
+  -moz-box-shadow : inset 0 -10px 10px -8px rgba(0,0,0,0.8);
+
+  border-bottom : 1px solid #333;
+
+  color : #fff;
+  background : {
+    color : #333;
+    size : cover;
+    attachment : fixed;
+  }
+
+  h1 {
+    @include opacity(0.4);
+  }
+}
+
+/* bootstrap label fixes for Roboto */
+.label {
+  padding : 2px 5px;
+  padding-bottom : 3px;
+
+  span {
+    display : inline-block;
+    position : relative;
+    top : 1px;
+    font-family : Roboto-Bold;
+  }
+}
+
+/* responsive */
+@media (max-width: 767px) {
+  body {
+    padding : 0;
+ }
+}
diff --git a/app/assets/stylesheets/new_styles/_flash_messages.scss b/app/assets/stylesheets/new_styles/_flash_messages.scss
new file mode 100644
index 000000000..8665c03b3
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_flash_messages.scss
@@ -0,0 +1,13 @@
+
+@import '../_flash_messages';
+
+#flash_notice,
+#flash_alert,
+#flash_error {
+  .message {
+    margin-top : 10px;
+    padding : 10px 20px 8px;
+    background-color : rgba(0,0,0,0.8);
+    border : 1px solid rgba(255,255,255,0.7);
+  }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/new_styles/_forms.scss b/app/assets/stylesheets/new_styles/_forms.scss
new file mode 100644
index 000000000..cdb280edf
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_forms.scss
@@ -0,0 +1,112 @@
+/* autocomplete colors */
+input:-webkit-autofill{
+  background-color: #fff !important;
+  background-image: none !important;
+}
+
+
+form.block-form {
+  display : inline-block;
+
+  label {
+    color : #555;
+  }
+
+  input {
+    &:invalid,
+    &:invalid:required,
+    &:invalid:required:focus {
+      -webkit-box-shadow : none;
+      -moz-box-shadow : none;
+      box-shadow : none;
+      box-shadow : none;
+
+      border : none;
+      color : #555;
+    }
+  }
+
+  fieldset {
+    @include border-radius(5px);
+
+    -webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0.2), 0 1px 2px rgba(255,255,255,0.7);
+
+    margin-bottom : 1em;
+
+    background-color : #fff;
+
+    border : 1px solid #888;
+
+    input[type=text],
+    input[type=email],
+    input[type=password] {
+      @include box-shadow(0,0,0,0);
+      @include border-radius(0);
+
+      background : transparent;
+
+      padding : 10px;
+
+      margin-bottom : 0;
+      border : none;
+    }
+
+  /* mainly bootstrap overrides */
+    .control-group {
+      margin : 0;
+      border-bottom : 1px solid #ddd;
+
+      .control-label,
+      input[type=text],
+      input[type=password],
+      .field_with_errors label {
+        padding : 10px;
+        margin : 0;
+      }
+
+      .controls { margin-left : 100px; position : relative; }
+      .control-label { width : 80px; }
+
+      .controls .field_with_errors input {
+        background : {
+          image : image-url('invalid_fat@2x.png');
+          repeat : no-repeat;
+          position : 197px;
+          size: 20px 20px;
+        }
+      }
+    }
+  }
+
+  input[type=submit] {
+    text-align : center;
+    display : block;
+    width : 100%;
+    padding : 8px 0;
+  }
+}
+
+
+/* buttons to be extracted? */
+.new-btn {
+  @include transition(box-shadow);
+  @include border-radius(5px);
+  @include linear-gradient(#fff, rgb(233,233,233));
+  @include box-shadow(0, 1px, 2px, rgba(0,0,0,0));
+
+  background-color : rgb(233,233,233);
+  color : #888;
+  border : 1px solid #888;
+
+  //font-family : Roboto-Bold;
+  font-size : 14px;
+  text-shadow : 0 1px 2px #eee;
+
+  &:hover {
+    @include box-shadow(0, 1px, 2px, rgba(0,0,0,0.3));
+  }
+
+  &:active {
+    box-shadow : inset 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(255,255,255,0.7);
+  }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/new_styles/_interactions.scss b/app/assets/stylesheets/new_styles/_interactions.scss
new file mode 100644
index 000000000..93b97a031
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_interactions.scss
@@ -0,0 +1,339 @@
+@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 {
+  text-align: center;
+  z-index: 10;
+
+  margin-top: -33px;
+
+  #post-info-container {
+    @include info-container();
+  }
+
+  .well {
+    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.10);
+    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.10);
+    box-shadow: inset 0 2px 2px rgba(0,0,0,0.10);
+
+    margin: 5px;
+    padding: 5px;
+    text-align: left;
+
+    max-height: 20px;
+    overflow: hidden;
+
+    background: {
+      color: #222;
+      color: rgba(0,0,0,0.2);
+    }
+
+    border: {
+      left: 1px solid #444;
+      right: 1px solid #444;
+      bottom: 1px solid #555;
+      top: 1px solid #111;
+    }
+
+    .img {
+      margin-right: 5px;
+    }
+
+    i {
+      margin-top: 1px;
+    }
+
+    .avatar {
+      @include border-radius();
+      margin-right: 0;
+    }
+  }
+
+  #post-comments {
+    text-align: left;
+    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("hatched-bg-dark.png");
+  }
+
+  #new-post-comment-container {
+    position: relative;
+
+    padding: 10px;
+
+    textarea{
+      height: 18px;
+      width: 318px;
+    }
+
+    form {
+      margin-bottom: 0;
+    }
+
+    .btn {
+      position: absolute;
+      right: 10px;
+      bottom: 10px;
+    }
+  }
+}
+
+#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;
+  text-rendering: optimizelegibility;
+}
+
+.post-comment {
+  -moz-box-shadow: 0 1px 2px -2px #999;
+  -webkit-box-shadow: 0 1px 2px -2px #999;
+  box-shadow: 0 1px 2px -2px #999;
+
+  border-bottom: 1px solid #333;
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+
+  &:last-child {
+    box-shadow: none;
+    border-bottom: none;
+  }
+
+  padding: 10px;
+  padding-right: 40px;
+  margin: 0px;
+
+  .avatar {
+    @include border-radius();
+
+    border: {
+      top: 1px solid #222;
+      right: 1px solid #444;
+      left: 1px solid #444;
+      bottom: 1px solid #666;
+    }
+  }
+
+  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
+
+  a:hover {
+    color: #99CCFF
+  }
+
+  time {
+    color: #666;
+    font-size: smaller;
+  }
+
+  .controls {
+    @include transition(opacity);
+    @include opacity(0);
+
+    float: right;
+    margin-right: -40px;
+
+    a {
+      padding: 3px 5px;
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+
+  &:hover {
+    .controls {
+      @include opacity(0.4);
+
+      &:hover {
+        @include opacity(1);
+      }
+    }
+  }
+}
+
+.permalink-wrapper,
+#user-controls {
+  height: 30px;
+
+  .avatar {
+    vertical-align: top;
+    height: 27px;
+    width: 27px;
+  }
+
+  a {
+    @include opacity(0.6);
+    @include transition(opacity, 0.3s);
+
+    position: relative;
+
+    z-index: 20;
+
+    padding: 5px;
+    margin-right: 5px;
+    line-height: 24px;
+
+    padding-top: 3px;
+    padding-right: 2px;
+
+    i {
+      padding: 0;
+      margin: 0;
+    }
+
+    color: #fff;
+
+    &.label {
+      @include box-shadow(0, 0, 2px, rgba(255,255,255,0.9));
+      background-color: #000;
+    }
+
+    &.comment {
+      padding-right: 5px;
+      margin-right: 0;
+    }
+
+    &:hover {
+      @include opacity(1);
+      text-decoration: none;
+    }
+  }
+}
+
+#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;
+  top : 0;
+  bottom : 0;
+  overflow-y : auto;
+
+  #post-info {
+    text-align : left;
+    margin-top : 10px;
+  }
+
+  #user-controls {
+    padding : 7px;
+  }
+}
+
+.permalink-wrapper {
+  float : right;
+  margin-top : 9px;
+  margin-right : -5px;
+  margin-left : 4px;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/new_styles/_landing.scss b/app/assets/stylesheets/new_styles/_landing.scss
new file mode 100644
index 000000000..551460a00
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_landing.scss
@@ -0,0 +1,113 @@
+/* le declarations */
+#landing {
+  overflow : hidden;
+  position : absolute;
+  min-height : 100%;
+  width : 100%;
+  top : 0;
+  left : 0;
+
+  background : {
+    color : #fff;
+  }
+
+  #sign_up {
+    text-align:center;
+    position : relative;
+    z-index : 20;
+
+    border-bottom: 1px solid #ccc;
+    padding-bottom:50px;
+
+    form {
+      label.control-label { width : 80px !important; text-align:right; }
+      .controls { margin-left : 100px; }
+
+      input[type='submit'] {
+        @include transition(background);
+        @include box-shadow(0,0,0,0);
+
+        font-size:1.2em;
+        background : #99CC00;
+        color : #fff;
+        text-shadow : 0 -1px 0 #669900;
+        border : 1px solid #999;
+
+        &:hover {
+          background : desaturate(#99CC00, 15%);
+        }
+
+        &:active {
+          @include box-shadow(0,0,0,0);
+          background : darken(rgb(255, 77, 54), 2%);
+        }
+      }
+    }
+  }
+
+  #invites {
+    margin : 20px 0;
+  }
+
+  #footer {
+    position : absolute;
+    bottom : 0;
+    left : 0;
+    width : 100%;
+    padding : 10px 0;
+    color : #333;
+    text-align : center;
+  }
+
+  #landing_banner {
+    .container {
+      position:relative;
+    }
+
+    text-align:center;
+    padding:50px;
+    margin-bottom:50px;
+    color:#ccc;
+    background:#222;
+
+    h2 {
+      font-weight:100;
+    }
+
+    .landing-logo {
+      margin-bottom:15px;
+      height:60px;
+    }
+
+    .landing-banner-right {
+      position:absolute;
+      right:0;
+
+      a {
+        color:#ccc;
+        font-size:1.2em;
+        font-weight:100;
+        padding:5px 10px;
+      }
+    }
+
+    .login-button {
+      @include border-radius(3px);
+      border:1px solid #666;
+      background:#111;
+
+      &:hover {
+        background:#222;
+        border:1px solid #999;
+        text-decoration:none;
+      }
+    }
+  }
+
+  #steps {
+    text-align: center;
+    p {
+      color:#666;
+    }
+  }
+}
diff --git a/app/assets/stylesheets/new_styles/_login.scss b/app/assets/stylesheets/new_styles/_login.scss
new file mode 100644
index 000000000..afe9d543d
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_login.scss
@@ -0,0 +1,28 @@
+#login {
+  position : absolute;
+  top : 0;
+  left : 0;
+  padding-top : 200px;
+  min-width : 100%;
+
+  //color : #fff;
+  text-align : center;
+
+  input[type=text],
+  input[type=password] {
+    width : 120px;
+  }
+
+  #huge-text {
+    font-family : Roboto-Light;
+    font-size : 200px;
+    color : #ddd;
+    text-shadow : 0 1px 0 #fff;
+  }
+
+  #forgot_password_link {
+    margin : 40px;
+    color : #999;
+    clear : all;
+  }
+}
diff --git a/app/assets/stylesheets/new_styles/_new_mixins.scss b/app/assets/stylesheets/new_styles/_new_mixins.scss
new file mode 100644
index 000000000..f2bc78db9
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_new_mixins.scss
@@ -0,0 +1,86 @@
+$light-grey: #999;
+$pane-width: 420px;
+$night-background-color : #333;
+$night-text-color : #999;
+
+/* mixins */
+@mixin center($orient:vertical) {
+  display: -webkit-box;
+  -webkit-box-orient: $orient;
+  -webkit-box-pack: center;
+  -webkit-box-align: center;
+
+  display: -moz-box;
+  -moz-box-orient: $orient;
+  -moz-box-pack: center;
+  -moz-box-align: center;
+
+  display: box;
+  box-orient: $orient;
+  box-pack: center;
+  box-align: center;
+}
+
+@mixin pane-width() {
+  width: $pane-width;
+  max-width: 100%;
+}
+
+@mixin background-cover() {
+  background: no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+}
+
+@mixin info-container-base() {
+  @include box-shadow(0, 6px, 20px, #000);
+  @include dark-hatched-bg();
+
+  border-top: 1px solid #555;
+  color: #ddd;
+}
+
+@mixin info-container() {
+  @include info-container-base();
+  @include border-radius(3px, 0px);
+  @include pane-width();
+
+  display: inline-block;
+  position: relative;
+
+  border-right: 1px solid #444;
+  border-left: 1px solid #444;
+
+  padding-top: 25px;
+
+/* webkit acceleration */
+  -webkit-transform: translateZ(0);
+}
+
+@mixin dark-hatched-bg() {
+  background-color: #444;
+  background-image: image-url("texture/hatched-dark.png");
+}
+
+@mixin photo-shadow() {
+  @include box-shadow(0, 3px, 15px, rgba(0,0,0,0.7));
+}
+
+@mixin media-text() {
+  font-size: 2em; 
+  line-height: 1.2em;
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
+
+@mixin newspaper-type() {
+  font-family: Palatino, times, georgia, serif;
+}
+
+@mixin centered-frame(){
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
+}
diff --git a/app/assets/stylesheets/new_styles/_registration.scss b/app/assets/stylesheets/new_styles/_registration.scss
new file mode 100644
index 000000000..8f15fbd74
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_registration.scss
@@ -0,0 +1,42 @@
+#registration {
+  position : absolute;
+  top : 0;
+  left : 0;
+  background-color : #afc652;
+  min-height : 100%;
+  min-width : 100%;
+
+  color : #fff;
+
+  .container {
+    margin-top : 100px;
+  }
+
+  #create-something-text {
+    font-family : Roboto-Light;
+    font-size : 100px;
+    line-height : 100px;
+    white-space : nowrap;
+  }
+
+  #diaspora-hearts {
+    font-family : Roboto-Light;
+    font-size : 24px;
+    margin-top : 0.2em;
+    margin-bottom : 1em;
+    white-space : nowrap;
+  }
+
+  #sign-up-text {
+    font-family : Roboto-Bold;
+    color : #7f9448;
+    margin-bottom : 0.5em;
+  }
+
+  #collage {
+    width : 344px;
+    height : auto;
+
+    max-width : 95%;
+  }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/new_styles/_spinner.scss b/app/assets/stylesheets/new_styles/_spinner.scss
new file mode 100644
index 000000000..ff0ee7161
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_spinner.scss
@@ -0,0 +1,52 @@
+@-webkit-keyframes fade-in {
+  0%   { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+@-webkit-keyframes spin {
+  0%   { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(360deg); }
+}
+
+@-moz-keyframes fade-in {
+  0%   { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+@-moz-keyframes spin {
+  0%   { -moz-transform: rotate(0deg); }
+  100% { -moz-transform: rotate(360deg); }
+}
+
+#paginate, #infscr-loading {
+  margin-top: 10px;
+  padding: 8px 0;
+  text-align: center;
+  width: 100%;
+  display: block;
+  clear: both;
+}
+
+.loaded {
+  -webkit-animation: fade-in 0.16s linear;
+  -moz-animation: fade-in 0.16s linear;
+}
+
+.loader {
+  -webkit-mask-image: image-url('static-loader.png');
+  -webkit-animation: spin 1s infinite ease-in-out,
+  fade-in 0.2s ease-in;
+  -moz-animation: spin 1s infinite ease-in-out,
+  fade-in 0.2s ease-in;
+
+  background-image : image-url("static-loader.png");
+
+  display: inline-block;
+  width : 14px;
+  height: 14px;
+
+  &.hidden{
+    display : none;
+  }
+}
+
diff --git a/app/assets/stylesheets/new_styles/_typography.scss b/app/assets/stylesheets/new_styles/_typography.scss
new file mode 100644
index 000000000..af01b9bb4
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_typography.scss
@@ -0,0 +1,27 @@
+/* Roboto */
+@font-face {
+  font-family : Roboto;
+  src : image-url('fonts/Roboto-Regular.ttf');
+  weight : normal;
+}
+
+@font-face {
+  font-family : Roboto-Bold;
+  src : image-url('fonts/Roboto-Bold.ttf');
+  weight : normal;
+}
+
+@font-face {
+  font-family : Roboto-Light;
+  src : image-url('fonts/Roboto-Light.ttf');
+  weight : normal;
+}
+
+body, p, h1, h2, h3, h4, h5, h6, textarea, input, * {
+  font-family : Roboto, Helvetica, sans-serif;
+  font-weight : normal;
+}
+
+a {
+  font-family : inherit;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/new_styles/_variables.scss b/app/assets/stylesheets/new_styles/_variables.scss
new file mode 100644
index 000000000..3948566d6
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_variables.scss
@@ -0,0 +1,22 @@
+$container-width : 1170;
+
+$margin-between-columns : 30;
+$column-width : 295 - $margin-between-columns;
+$raw-two-column-width : ($column-width * 2) + ($margin-between-columns * 2) ;
+$two-column-width : $raw-two-column-width - 30;  //simply subtract an arbitrary ammount :)
+
+$margin-between-rows : 20;
+
+$row-height : $column-width;
+$two-row-height : $raw-two-column-width - 20;
+
+/* colors : http://www.colourlovers.com/palette/2134203/Awezome_in_argyle */
+$cyan : rgb(8,204,249);
+$yellow : rgb(242,244,9);
+$green : rgb(29,235,134);
+$purple : rgb(220,23,166);
+$lime-green : rgb(143, 199,10);
+$orange : rgb(237, 165, 13);
+$red : rgb(246, 68, 60);
+$turquoise : rgb(8, 224, 173);
+$sand : rgb(245, 239, 237);
\ No newline at end of file
diff --git a/app/assets/stylesheets/new_styles/_viewer_nav.scss b/app/assets/stylesheets/new_styles/_viewer_nav.scss
new file mode 100644
index 000000000..2379f4be1
--- /dev/null
+++ b/app/assets/stylesheets/new_styles/_viewer_nav.scss
@@ -0,0 +1,71 @@
+@import '../mixins';
+
+#post-nav {
+  @include transition(opacity, 0.5s);
+  @include opacity(1);
+}
+
+body.idle {
+  #post-nav {
+    @include opacity(0);
+
+    .nav-arrow{
+      &.right {
+        margin-right: -40px;
+      }
+
+      &.left {
+        margin-left: -40px;
+      }
+    }
+
+  }
+}
+
+.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)
+  }
+}
diff --git a/vendor/assets/javascripts/jquery.isotope.min.js b/vendor/assets/javascripts/jquery.isotope.min.js
deleted file mode 100644
index dc95630be..000000000
--- a/vendor/assets/javascripts/jquery.isotope.min.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Isotope v1.5.19
- * An exquisite jQuery plugin for magical layouts
- * http://isotope.metafizzy.co
- *
- * Commercial use requires one-time license fee
- * http://metafizzy.co/#licenses
- *
- * Copyright 2012 David DeSandro / Metafizzy
- */
-(function(a,b,c){"use strict";var d=a.document,e=a.Modernizr,f=function(a){return a.charAt(0).toUpperCase()+a.slice(1)},g="Moz Webkit O Ms".split(" "),h=function(a){var b=d.documentElement.style,c;if(typeof b[a]=="string")return a;a=f(a);for(var e=0,h=g.length;e<h;e++){c=g[e]+a;if(typeof b[c]=="string")return c}},i=h("transform"),j=h("transitionProperty"),k={csstransforms:function(){return!!i},csstransforms3d:function(){var a=!!h("perspective");if(a){var c=" -o- -moz- -ms- -webkit- -khtml- ".split(" "),d="@media ("+c.join("transform-3d),(")+"modernizr)",e=b("<style>"+d+"{#modernizr{height:3px}}"+"</style>").appendTo("head"),f=b('<div id="modernizr" />').appendTo("html");a=f.height()===3,f.remove(),e.remove()}return a},csstransitions:function(){return!!j}},l;if(e)for(l in k)e.hasOwnProperty(l)||e.addTest(l,k[l]);else{e=a.Modernizr={_version:"1.6ish: miniModernizr for Isotope"};var m=" ",n;for(l in k)n=k[l](),e[l]=n,m+=" "+(n?"":"no-")+l;b("html").addClass(m)}if(e.csstransforms){var o=e.csstransforms3d?{translate:function(a){return"translate3d("+a[0]+"px, "+a[1]+"px, 0) "},scale:function(a){return"scale3d("+a+", "+a+", 1) "}}:{translate:function(a){return"translate("+a[0]+"px, "+a[1]+"px) "},scale:function(a){return"scale("+a+") "}},p=function(a,c,d){var e=b.data(a,"isoTransform")||{},f={},g,h={},j;f[c]=d,b.extend(e,f);for(g in e)j=e[g],h[g]=o[g](j);var k=h.translate||"",l=h.scale||"",m=k+l;b.data(a,"isoTransform",e),a.style[i]=m};b.cssNumber.scale=!0,b.cssHooks.scale={set:function(a,b){p(a,"scale",b)},get:function(a,c){var d=b.data(a,"isoTransform");return d&&d.scale?d.scale:1}},b.fx.step.scale=function(a){b.cssHooks.scale.set(a.elem,a.now+a.unit)},b.cssNumber.translate=!0,b.cssHooks.translate={set:function(a,b){p(a,"translate",b)},get:function(a,c){var d=b.data(a,"isoTransform");return d&&d.translate?d.translate:[0,0]}}}var q,r;e.csstransitions&&(q={WebkitTransitionProperty:"webkitTransitionEnd",MozTransitionProperty:"transitionend",OTransitionProperty:"oTransitionEnd",transitionProperty:"transitionEnd"}[j],r=h("transitionDuration"));var s=b.event,t;s.special.smartresize={setup:function(){b(this).bind("resize",s.special.smartresize.handler)},teardown:function(){b(this).unbind("resize",s.special.smartresize.handler)},handler:function(a,b){var c=this,d=arguments;a.type="smartresize",t&&clearTimeout(t),t=setTimeout(function(){jQuery.event.handle.apply(c,d)},b==="execAsap"?0:100)}},b.fn.smartresize=function(a){return a?this.bind("smartresize",a):this.trigger("smartresize",["execAsap"])},b.Isotope=function(a,c,d){this.element=b(c),this._create(a),this._init(d)};var u=["width","height"],v=b(a);b.Isotope.settings={resizable:!0,layoutMode:"masonry",containerClass:"isotope",itemClass:"isotope-item",hiddenClass:"isotope-hidden",hiddenStyle:{opacity:0,scale:.001},visibleStyle:{opacity:1,scale:1},containerStyle:{position:"relative",overflow:"hidden"},animationEngine:"best-available",animationOptions:{queue:!1,duration:800},sortBy:"original-order",sortAscending:!0,resizesContainer:!0,transformsEnabled:!b.browser.opera,itemPositionDataEnabled:!1},b.Isotope.prototype={_create:function(a){this.options=b.extend({},b.Isotope.settings,a),this.styleQueue=[],this.elemCount=0;var c=this.element[0].style;this.originalStyle={};var d=u.slice(0);for(var e in this.options.containerStyle)d.push(e);for(var f=0,g=d.length;f<g;f++)e=d[f],this.originalStyle[e]=c[e]||"";this.element.css(this.options.containerStyle),this._updateAnimationEngine(),this._updateUsingTransforms();var h={"original-order":function(a,b){return b.elemCount++,b.elemCount},random:function(){return Math.random()}};this.options.getSortData=b.extend(this.options.getSortData,h),this.reloadItems(),this.offset={left:parseInt(this.element.css("padding-left")||0,10),top:parseInt(this.element.css("padding-top")||0,10)};var i=this;setTimeout(function(){i.element.addClass(i.options.containerClass)},0),this.options.resizable&&v.bind("smartresize.isotope",function(){i.resize()}),this.element.delegate("."+this.options.hiddenClass,"click",function(){return!1})},_getAtoms:function(a){var b=this.options.itemSelector,c=b?a.filter(b).add(a.find(b)):a,d={position:"absolute"};return this.usingTransforms&&(d.left=0,d.top=0),c.css(d).addClass(this.options.itemClass),this.updateSortData(c,!0),c},_init:function(a){this.$filteredAtoms=this._filter(this.$allAtoms),this._sort(),this.reLayout(a)},option:function(a){if(b.isPlainObject(a)){this.options=b.extend(!0,this.options,a);var c;for(var d in a)c="_update"+f(d),this[c]&&this[c]()}},_updateAnimationEngine:function(){var a=this.options.animationEngine.toLowerCase().replace(/[ _\-]/g,""),b;switch(a){case"css":case"none":b=!1;break;case"jquery":b=!0;break;default:b=!e.csstransitions}this.isUsingJQueryAnimation=b,this._updateUsingTransforms()},_updateTransformsEnabled:function(){this._updateUsingTransforms()},_updateUsingTransforms:function(){var a=this.usingTransforms=this.options.transformsEnabled&&e.csstransforms&&e.csstransitions&&!this.isUsingJQueryAnimation;a||(delete this.options.hiddenStyle.scale,delete this.options.visibleStyle.scale),this.getPositionStyles=a?this._translate:this._positionAbs},_filter:function(a){var b=this.options.filter===""?"*":this.options.filter;if(!b)return a;var c=this.options.hiddenClass,d="."+c,e=a.filter(d),f=e;if(b!=="*"){f=e.filter(b);var g=a.not(d).not(b).addClass(c);this.styleQueue.push({$el:g,style:this.options.hiddenStyle})}return this.styleQueue.push({$el:f,style:this.options.visibleStyle}),f.removeClass(c),a.filter(b)},updateSortData:function(a,c){var d=this,e=this.options.getSortData,f,g;a.each(function(){f=b(this),g={};for(var a in e)!c&&a==="original-order"?g[a]=b.data(this,"isotope-sort-data")[a]:g[a]=e[a](f,d);b.data(this,"isotope-sort-data",g)})},_sort:function(){var a=this.options.sortBy,b=this._getSorter,c=this.options.sortAscending?1:-1,d=function(d,e){var f=b(d,a),g=b(e,a);return f===g&&a!=="original-order"&&(f=b(d,"original-order"),g=b(e,"original-order")),(f>g?1:f<g?-1:0)*c};this.$filteredAtoms.sort(d)},_getSorter:function(a,c){return b.data(a,"isotope-sort-data")[c]},_translate:function(a,b){return{translate:[a,b]}},_positionAbs:function(a,b){return{left:a,top:b}},_pushPosition:function(a,b,c){b=Math.round(b+this.offset.left),c=Math.round(c+this.offset.top);var d=this.getPositionStyles(b,c);this.styleQueue.push({$el:a,style:d}),this.options.itemPositionDataEnabled&&a.data("isotope-item-position",{x:b,y:c})},layout:function(a,b){var c=this.options.layoutMode;this["_"+c+"Layout"](a);if(this.options.resizesContainer){var d=this["_"+c+"GetContainerSize"]();this.styleQueue.push({$el:this.element,style:d})}this._processStyleQueue(a,b),this.isLaidOut=!0},_processStyleQueue:function(a,c){var d=this.isLaidOut?this.isUsingJQueryAnimation?"animate":"css":"css",f=this.options.animationOptions,g=this.options.onLayout,h,i,j,k;i=function(a,b){b.$el[d](b.style,f)};if(this._isInserting&&this.isUsingJQueryAnimation)i=function(a,b){h=b.$el.hasClass("no-transition")?"css":d,b.$el[h](b.style,f)};else if(c||g||f.complete){var l=!1,m=[c,g,f.complete],n=this;j=!0,k=function(){if(l)return;var b;for(var c=0,d=m.length;c<d;c++)b=m[c],typeof b=="function"&&b.call(n.element,a,n);l=!0};if(this.isUsingJQueryAnimation&&d==="animate")f.complete=k,j=!1;else if(e.csstransitions){var o=0,p=this.styleQueue[0],s=p&&p.$el,t;while(!s||!s.length){t=this.styleQueue[o++];if(!t)return;s=t.$el}var u=parseFloat(getComputedStyle(s[0])[r]);u>0&&(i=function(a,b){b.$el[d](b.style,f).one(q,k)},j=!1)}}b.each(this.styleQueue,i),j&&k(),this.styleQueue=[]},resize:function(){this["_"+this.options.layoutMode+"ResizeChanged"]()&&this.reLayout()},reLayout:function(a){this["_"+this.options.layoutMode+"Reset"](),this.layout(this.$filteredAtoms,a)},addItems:function(a,b){var c=this._getAtoms(a);this.$allAtoms=this.$allAtoms.add(c),b&&b(c)},insert:function(a,b){this.element.append(a);var c=this;this.addItems(a,function(a){var d=c._filter(a);c._addHideAppended(d),c._sort(),c.reLayout(),c._revealAppended(d,b)})},appended:function(a,b){var c=this;this.addItems(a,function(a){c._addHideAppended(a),c.layout(a),c._revealAppended(a,b)})},_addHideAppended:function(a){this.$filteredAtoms=this.$filteredAtoms.add(a),a.addClass("no-transition"),this._isInserting=!0,this.styleQueue.push({$el:a,style:this.options.hiddenStyle})},_revealAppended:function(a,b){var c=this;setTimeout(function(){a.removeClass("no-transition"),c.styleQueue.push({$el:a,style:c.options.visibleStyle}),c._isInserting=!1,c._processStyleQueue(a,b)},10)},reloadItems:function(){this.$allAtoms=this._getAtoms(this.element.children())},remove:function(a,b){var c=this,d=function(){c.$allAtoms=c.$allAtoms.not(a),a.remove(),b&&b.call(c.element)};a.filter(":not(."+this.options.hiddenClass+")").length?(this.styleQueue.push({$el:a,style:this.options.hiddenStyle}),this.$filteredAtoms=this.$filteredAtoms.not(a),this._sort(),this.reLayout(d)):d()},shuffle:function(a){this.updateSortData(this.$allAtoms),this.options.sortBy="random",this._sort(),this.reLayout(a)},destroy:function(){var a=this.usingTransforms,b=this.options;this.$allAtoms.removeClass(b.hiddenClass+" "+b.itemClass).each(function(){var b=this.style;b.position="",b.top="",b.left="",b.opacity="",a&&(b[i]="")});var c=this.element[0].style;for(var d in this.originalStyle)c[d]=this.originalStyle[d];this.element.unbind(".isotope").undelegate("."+b.hiddenClass,"click").removeClass(b.containerClass).removeData("isotope"),v.unbind(".isotope")},_getSegments:function(a){var b=this.options.layoutMode,c=a?"rowHeight":"columnWidth",d=a?"height":"width",e=a?"rows":"cols",g=this.element[d](),h,i=this.options[b]&&this.options[b][c]||this.$filteredAtoms["outer"+f(d)](!0)||g;h=Math.floor(g/i),h=Math.max(h,1),this[b][e]=h,this[b][c]=i},_checkIfSegmentsChanged:function(a){var b=this.options.layoutMode,c=a?"rows":"cols",d=this[b][c];return this._getSegments(a),this[b][c]!==d},_masonryReset:function(){this.masonry={},this._getSegments();var a=this.masonry.cols;this.masonry.colYs=[];while(a--)this.masonry.colYs.push(0)},_masonryLayout:function(a){var c=this,d=c.masonry;a.each(function(){var a=b(this),e=Math.ceil(a.outerWidth(!0)/d.columnWidth);e=Math.min(e,d.cols);if(e===1)c._masonryPlaceBrick(a,d.colYs);else{var f=d.cols+1-e,g=[],h,i;for(i=0;i<f;i++)h=d.colYs.slice(i,i+e),g[i]=Math.max.apply(Math,h);c._masonryPlaceBrick(a,g)}})},_masonryPlaceBrick:function(a,b){var c=Math.min.apply(Math,b),d=0;for(var e=0,f=b.length;e<f;e++)if(b[e]===c){d=e;break}var g=this.masonry.columnWidth*d,h=c;this._pushPosition(a,g,h);var i=c+a.outerHeight(!0),j=this.masonry.cols+1-f;for(e=0;e<j;e++)this.masonry.colYs[d+e]=i},_masonryGetContainerSize:function(){var a=Math.max.apply(Math,this.masonry.colYs);return{height:a}},_masonryResizeChanged:function(){return this._checkIfSegmentsChanged()},_fitRowsReset:function(){this.fitRows={x:0,y:0,height:0}},_fitRowsLayout:function(a){var c=this,d=this.element.width(),e=this.fitRows;a.each(function(){var a=b(this),f=a.outerWidth(!0),g=a.outerHeight(!0);e.x!==0&&f+e.x>d&&(e.x=0,e.y=e.height),c._pushPosition(a,e.x,e.y),e.height=Math.max(e.y+g,e.height),e.x+=f})},_fitRowsGetContainerSize:function(){return{height:this.fitRows.height}},_fitRowsResizeChanged:function(){return!0},_cellsByRowReset:function(){this.cellsByRow={index:0},this._getSegments(),this._getSegments(!0)},_cellsByRowLayout:function(a){var c=this,d=this.cellsByRow;a.each(function(){var a=b(this),e=d.index%d.cols,f=Math.floor(d.index/d.cols),g=(e+.5)*d.columnWidth-a.outerWidth(!0)/2,h=(f+.5)*d.rowHeight-a.outerHeight(!0)/2;c._pushPosition(a,g,h),d.index++})},_cellsByRowGetContainerSize:function(){return{height:Math.ceil(this.$filteredAtoms.length/this.cellsByRow.cols)*this.cellsByRow.rowHeight+this.offset.top}},_cellsByRowResizeChanged:function(){return this._checkIfSegmentsChanged()},_straightDownReset:function(){this.straightDown={y:0}},_straightDownLayout:function(a){var c=this;a.each(function(a){var d=b(this);c._pushPosition(d,0,c.straightDown.y),c.straightDown.y+=d.outerHeight(!0)})},_straightDownGetContainerSize:function(){return{height:this.straightDown.y}},_straightDownResizeChanged:function(){return!0},_masonryHorizontalReset:function(){this.masonryHorizontal={},this._getSegments(!0);var a=this.masonryHorizontal.rows;this.masonryHorizontal.rowXs=[];while(a--)this.masonryHorizontal.rowXs.push(0)},_masonryHorizontalLayout:function(a){var c=this,d=c.masonryHorizontal;a.each(function(){var a=b(this),e=Math.ceil(a.outerHeight(!0)/d.rowHeight);e=Math.min(e,d.rows);if(e===1)c._masonryHorizontalPlaceBrick(a,d.rowXs);else{var f=d.rows+1-e,g=[],h,i;for(i=0;i<f;i++)h=d.rowXs.slice(i,i+e),g[i]=Math.max.apply(Math,h);c._masonryHorizontalPlaceBrick(a,g)}})},_masonryHorizontalPlaceBrick:function(a,b){var c=Math.min.apply(Math,b),d=0;for(var e=0,f=b.length;e<f;e++)if(b[e]===c){d=e;break}var g=c,h=this.masonryHorizontal.rowHeight*d;this._pushPosition(a,g,h);var i=c+a.outerWidth(!0),j=this.masonryHorizontal.rows+1-f;for(e=0;e<j;e++)this.masonryHorizontal.rowXs[d+e]=i},_masonryHorizontalGetContainerSize:function(){var a=Math.max.apply(Math,this.masonryHorizontal.rowXs);return{width:a}},_masonryHorizontalResizeChanged:function(){return this._checkIfSegmentsChanged(!0)},_fitColumnsReset:function(){this.fitColumns={x:0,y:0,width:0}},_fitColumnsLayout:function(a){var c=this,d=this.element.height(),e=this.fitColumns;a.each(function(){var a=b(this),f=a.outerWidth(!0),g=a.outerHeight(!0);e.y!==0&&g+e.y>d&&(e.x=e.width,e.y=0),c._pushPosition(a,e.x,e.y),e.width=Math.max(e.x+f,e.width),e.y+=g})},_fitColumnsGetContainerSize:function(){return{width:this.fitColumns.width}},_fitColumnsResizeChanged:function(){return!0},_cellsByColumnReset:function(){this.cellsByColumn={index:0},this._getSegments(),this._getSegments(!0)},_cellsByColumnLayout:function(a){var c=this,d=this.cellsByColumn;a.each(function(){var a=b(this),e=Math.floor(d.index/d.rows),f=d.index%d.rows,g=(e+.5)*d.columnWidth-a.outerWidth(!0)/2,h=(f+.5)*d.rowHeight-a.outerHeight(!0)/2;c._pushPosition(a,g,h),d.index++})},_cellsByColumnGetContainerSize:function(){return{width:Math.ceil(this.$filteredAtoms.length/this.cellsByColumn.rows)*this.cellsByColumn.columnWidth}},_cellsByColumnResizeChanged:function(){return this._checkIfSegmentsChanged(!0)},_straightAcrossReset:function(){this.straightAcross={x:0}},_straightAcrossLayout:function(a){var c=this;a.each(function(a){var d=b(this);c._pushPosition(d,c.straightAcross.x,0),c.straightAcross.x+=d.outerWidth(!0)})},_straightAcrossGetContainerSize:function(){return{width:this.straightAcross.x}},_straightAcrossResizeChanged:function(){return!0}},b.fn.imagesLoaded=function(a){function h(){a.call(c,d)}function i(a){var c=a.target;c.src!==f&&b.inArray(c,g)===-1&&(g.push(c),--e<=0&&(setTimeout(h),d.unbind(".imagesLoaded",i)))}var c=this,d=c.find("img").add(c.filter("img")),e=d.length,f="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",g=[];return e||h(),d.bind("load.imagesLoaded error.imagesLoaded",i).each(function(){var a=this.src;this.src=f,this.src=a}),c};var w=function(b){a.console&&a.console.error(b)};b.fn.isotope=function(a,c){if(typeof a=="string"){var d=Array.prototype.slice.call(arguments,1);this.each(function(){var c=b.data(this,"isotope");if(!c){w("cannot call methods on isotope prior to initialization; attempted to call method '"+a+"'");return}if(!b.isFunction(c[a])||a.charAt(0)==="_"){w("no such method '"+a+"' for isotope instance");return}c[a].apply(c,d)})}else this.each(function(){var d=b.data(this,"isotope");d?(d.option(a),d._init(c)):b.data(this,"isotope",new b.Isotope(a,this,c))});return this}})(window,jQuery);
\ No newline at end of file