--- a/static/css/agora.less
+++ b/static/css/agora.less
@@ -425,3 +425,68 @@
     white-space: pre-wrap;
     .hint;
 }
+
+/**/
+#comment
+{
+    /*#gradient(@offWhite, @lighterGrey);*/
+    max-width:700px;
+    border-left: 1px solid #e8e8e8;
+    margin: 5px;
+    
+}
+#comment-box
+{
+    width: 500px;
+    height: 100px;
+    margin-left: 20px;
+}
+.names
+{
+    font-weight: bold;
+    margin-left: 5px;
+}
+
+.comment-node-child
+{
+    margin-left:13px;
+    max-width:700px;
+    margin-bottom: 3px;
+    border-left: 2px solid  #e7e7e7;
+}
+
+.comment-node
+{
+    margin-top: 5px;
+    border: 2px solid #e1e1e1;
+    max-width: 700px;
+    border-radius: 3px;
+}
+.comment-bar
+{
+    margin: 2px 0 2px 2px;
+    color: blue;
+    font-size: 16px;
+    background: #e0e0e0;
+    width: 97%;
+    padding: 2px 0 2px 10px;
+
+}
+[ name=comment ]
+{
+    width:97%;
+    height: 100px;
+}
+.reply-button
+{
+    margin: 3px;
+    border: 3px solid #e9e9e9;
+    width: 70px;
+    height: 30px;
+    background: white;
+    padding: 2px;
+}
+.comment-body
+{
+    padding-left: 15px;
+}
\ No newline at end of file

--- a/static/js/agora.js
+++ b/static/js/agora.js
@@ -37,6 +37,14 @@
         }
     };
 
+    $.fn.ShowCommentForm = function(id){
+            $(this).hide();
+            $('#' + id).show();
+
+            
+
+        };
+
     $(document).ready(function () {
         handleLoginLink();
 
@@ -75,4 +83,10 @@
             currentStyle = newStyle;
         });
     });
-})(jQuery);
+    
+        
+   
+}
+)(jQuery);
+
+