Tweak styles

index.html

@@ -40,7 +40,7 @@
 <p>Currently this is not yet the case, as the code makes ajax calls to the (Plone) backend
 to fetch user info. </p>
 
-<hr><h2>Features</h2>
+<h2>Features</h2>
 
 <p>It has the following features:</p>
 
@@ -59,7 +59,7 @@ to fetch user info. </p>
 <p>It depends on quite a few third party libraries, including <a href="http://strophe.im/strophejs">strophe.js</a>,
 <a href="http:/backbonejs.org">backbone.js</a> and <a href="http:/requirejs.org">require.js</a>.</p>
 
-<hr><h2>Licence</h2>
+<h2>Licence</h2>
 
 <p><code>Converse.js</code> is released under both the <a href="http://opensource.org/licenses/mit-license.php">MIT</a> and <a href="http://opensource.org/licenses/gpl-license.php">GPL</a> licenses.</p>
       </section>

stylesheets/stylesheet.css

@@ -58,11 +58,11 @@ Theme Styles
 body {
   box-sizing: border-box;
   color:#373737;
-  background: #212121;
   font-size: 16px;
   font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
+  background: url('../images/bg.png');
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -81,7 +81,6 @@ h1 {
 h2 {
   padding-bottom: 10px;
   font-size: 32px;
-  background: url('../images/bg_hr.png') repeat-x bottom;
 }
 
 h3 {
@@ -361,7 +360,6 @@ Full-Width Styles
 }
 
 #main_content_wrap {
-  background: #f2f2f2;
   border-top: 1px solid #111;
   border-bottom: 1px solid #111;
 }