Add Another Background

includes/index.css

@@ -12,6 +12,7 @@ body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, p, th, td, article, section,
 body {
   font-size: 1.2rem;
   line-height: 2rem;
+  background: url("../images/background-slack.jpg") repeat;
 }
 
 header[role="banner"] {
@@ -133,37 +134,6 @@ ul#socialbar li.twitter a:hover {
   background-position:-86px -16px;  
 }  
 
-footer {
- clear:both;
- background: #AAA;
- font-size:0.8rem;
- text-align:center;
-}
-
-footer a:link {
-  text-decoration: none;
-  color: #000;
-}
-
-footer a:visited {
-  text-decoration: none;
-  color: #000;
-}
-
-footer a:hover {    
-  text-decoration: none;
-  color: #FFF;
-}
-
-footer a:active {
-  text-decoration: none;
-  color: #FFF;
-}
-
-#calendar {
-  width: 1024px;
-  margin: 0 auto;
-}
 
 section.news {
   width: 80%;  
@@ -242,4 +212,51 @@ section.material ol ul li {
   font-size: 1rem;
   margin: 0;
   padding: 0;
+}
+
+footer {
+ clear:both;
+ background: #555;
+ font-size:0.8rem;
+ text-align:center;
+ color: #DDD
+}
+
+footer a:link {
+  text-decoration: none;
+  color: #DDD;
+}
+
+footer a:visited {
+  text-decoration: none;
+  color: #DDD;
+}
+
+footer a:hover {    
+  text-decoration: none;
+  color: #FFF;
+}
+
+footer a:active {
+  text-decoration: none;
+  color: #FFF;
+}
+
+#calendar {
+  width: 1024px;
+  margin: 0 auto;
+}
+
+section.title {
+  background: #AAA;
+  width: 100%;
+  height: 35px;
+  display: block;
+  text-align: center;
+  font-size: 2rem;
+}
+
+section.sidebar {
+  float: right;
+  width: 20%;
 }