diff --git a/app/views/content_viewer/view_page.rhtml b/app/views/content_viewer/view_page.rhtml
index 0139a1c..47c54ad 100644
--- a/app/views/content_viewer/view_page.rhtml
+++ b/app/views/content_viewer/view_page.rhtml
@@ -76,14 +76,18 @@
 </div>
 <% end %>
 
-    <h3>
-        <%= @comments.size == 0 ? _('No comments yet') : (n_('One comment', '%{comments} comments', @comments.size)) % { :comments => @comments.size} %>
-    </h3>
-    <%= render :partial => 'comment', :collection => @comments %>
-<% if !@page.accept_comments? %>
-    <h3><%= _('This article does not accept comments')%></h3>
-<% else %>
-    <%= render :partial => 'comment_form' %>
-<% end %>
+
+<div class="comments">
+  <% if !@page.accept_comments? %>
+    <i class="do-not-comment"><%= _('This article does not accept comments')%></i>
+  <% else %>
+  <h3 <%= 'class="no-comments-yet"' if @comments.size == 0 %>>
+  <%= @comments.size == 0 ? _('No comments yet') :
+          (n_('One comment', '%{comments} comments', @comments.size)) % { :comments => @comments.size}
+  %></h3>
+  <%= render :partial => 'comment', :collection => @comments %>
+  <%= render :partial => 'comment_form' %>
+  <% end %>
+</div><!-- end class="comments" -->
 
 </div><!-- end id="article" -->
diff --git a/public/stylesheets/article.css b/public/stylesheets/article.css
index 0dcf239..8fa3119 100644
--- a/public/stylesheets/article.css
+++ b/public/stylesheets/article.css
@@ -29,6 +29,24 @@
 
 /* * *  Comments  * * */
 
+.comments {  }
+
+#content .no-comments-yet {
+  text-align: center;
+  font-size: 80%;
+  opacity: 0.5;
+	filter: alpha(opacity=50);
+}
+
+.do-not-comment {
+  display: block;
+  text-align: right;
+  padding-top: 15px;
+  font-size: 80%;
+  opacity: 0.5;
+	filter: alpha(opacity=50);
+}
+
 .article-comment {
   position: relative;
   border: 1px solid #B8CFE7;
--
libgit2 0.21.2