many things, comments working.

app/assets/stylesheets/blogposts.css.scss

@@ -1,3 +0,0 @@
-// Place all the styles related to the Blogposts controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/

app/assets/stylesheets/comments.css.scss

@@ -1,3 +0,0 @@
-// Place all the styles related to the Comments controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/

app/assets/stylesheets/scaffolds.css.scss

@@ -1,69 +0,0 @@
-body {
-  background-color: #fff;
-  color: #333;
-  font-family: verdana, arial, helvetica, sans-serif;
-  font-size: 13px;
-  line-height: 18px;
-}
-
-p, ol, ul, td {
-  font-family: verdana, arial, helvetica, sans-serif;
-  font-size: 13px;
-  line-height: 18px;
-}
-
-pre {
-  background-color: #eee;
-  padding: 10px;
-  font-size: 11px;
-}
-
-a {
-  color: #000;
-  &:visited {
-    color: #666;
-  }
-  &:hover {
-    color: #fff;
-    background-color: #000;
-  }
-}
-
-div {
-  &.field, &.actions {
-    margin-bottom: 10px;
-  }
-}
-
-#notice {
-  color: green;
-}
-
-.field_with_errors {
-  padding: 2px;
-  background-color: red;
-  display: table;
-}
-
-#error_explanation {
-  width: 450px;
-  border: 2px solid red;
-  padding: 7px;
-  padding-bottom: 0;
-  margin-bottom: 20px;
-  background-color: #f0f0f0;
-  h2 {
-    text-align: left;
-    font-weight: bold;
-    padding: 5px 5px 5px 15px;
-    font-size: 12px;
-    margin: -7px;
-    margin-bottom: 0px;
-    background-color: #c00;
-    color: #fff;
-  }
-  ul li {
-    font-size: 12px;
-    list-style: square;
-  }
-}

app/assets/stylesheets/screen.css.scss

@@ -2,15 +2,21 @@
 
 
 $lightgrey: #D1D1D1;
+$lightergrey: #959595;
 $midgrey: #787878;
 $darkgrey: #434343;
 $darkred: #AB0000;
 
 
+
 @media only screen
 and (min-width: 1000px)
 {
 
+  html {
+    overflow-y: scroll;
+  }
+
   a {
     transition: color 0.25s;
     color: $darkred;
@@ -19,17 +25,6 @@ and (min-width: 1000px)
       color: #F00;
     }
   }
-  a.arrow {
-    background: url('/assets/arrow-midgrey.png') no-repeat left;
-    color: $midgrey;
-    padding-left: 0.7em;
-    margin: 0.6em;
-    &:hover {
-      background: url('/assets/arrow-darkred.png') no-repeat left;
-      color: $darkred;
-      padding-left: 0.7em;
-    }
-  }
   #notice {
     background: #8e8;
     text-align: center;
@@ -54,7 +49,6 @@ and (min-width: 1000px)
     box-shadow: 0 0 2px;
     z-index: 99;
     position: relative;
-    text-shadow: 1px 1px #555;
     #logo {
       margin: 9px;
       margin-left: 20px;
@@ -88,10 +82,16 @@ and (min-width: 1000px)
       float: right;
       padding: 0 10px;
       margin-top: 6px;
+      text-align: right;
+      &.logged-out {
+        margin-top: 2px;
+      }
       img.avatar {
         border: 1px solid #000;
         border-radius: 16px;
         vertical-align: middle;
+        height: 32px;
+        width: 32px;
         &:hover {
           box-shadow: 0 0 2px;
         }
@@ -107,7 +107,19 @@ and (min-width: 1000px)
   img.user-avatar {
     border: 1px solid #000;
     border-radius: 4px;
+    height: 128px;
+    width: 128px;
   }
+
+  img.avatar {
+    image-rendering:optimizeSpeed;
+    image-rendering:-moz-crisp-edges;
+    image-rendering:-o-crisp-edges;
+    image-rendering:optimize-contrast;
+    image-rendering:-webkit-optimize-contrast;
+    -ms-interpolation-mode: nearest-neighbor;
+  }
+
   span.no-about {
     color: #888;
     font-style: italic;
@@ -165,6 +177,15 @@ and (min-width: 1000px)
 
   #comments {
     margin: 50px 0 0 40px;
+    .comment {
+      margin-bottom: 12px;
+      padding: 15px;
+      box-shadow: 0 0 10px #bbb inset;
+      &.author {
+        background: #dadada;
+        box-shadow: 0 0 10px #a7a7a7 inset;
+      }
+    }
     textarea {
       width: 480px;
       height: 106px;
@@ -172,4 +193,77 @@ and (min-width: 1000px)
     }
   }
 
+  input {
+    &[type=text], &[type=email], &[type=password] {
+      border: 1px solid #aaa;
+      border-radius: 3px;
+      background: #eee;
+      margin: 4px;
+      box-shadow: 0 0 5px $lightgrey inset;
+      height: 17px;
+      width: 300px;
+      padding: 1px 0;
+      display: block;
+    }
+  }
+
+  textarea {
+    border: 1px solid #aaa;
+    border-radius: 3px;
+    background: #eee;
+    margin: 4px;
+    box-shadow: 0 0 5px $lightgrey inset;
+    height: 300px;
+    width: 300px;
+    max-width: 100%;
+    min-width: 300px;
+    min-height: 50px;
+    padding: 1px 0;
+    display: block;
+  }
+
+  .field_with_errors {
+    input {
+      &[type=text], &[type=email], &[type=password] {
+        border: 1px solid #f00;
+        box-shadow: 0 0 5px #faa inset;
+      }
+    }
+    .error {
+      color: #f60;
+    }
+  }
+
+  #form_labels {
+    text-align: right;
+    float: left;
+    label {
+      display: block;
+      padding: 0 0 4px 0;
+      margin: 0 4px 4px;
+      height: 17px;
+    }
+  }
+  #form_inputs {
+
+  }
+
+  #edit_profile {
+    float: right;
+  }
+
+  .btn-blue {
+    border: 1px solid;
+    padding: 6px;
+    background: #4096ee;
+    cursor: default;
+    color: #fff;
+    &:hover {
+      box-shadow: 0 0 5px #095fb7 inset;
+      color: #fff;
+      outline: none;
+    }
+  }
+
+
 }