Add Another Background

includes/footer.php

@@ -2,9 +2,9 @@
 <footer>
 <?php
 date_default_timezone_set("Asia/Jakarta");
-echo "<p>&copy; 2007-" . date("Y") . ". All right reserved.<br/>\n";
+echo "<p>&copy; 2007-" . date("Y") . ". All right reserved. ";
 ?>
-Suggestions, critics, and comments can be sent to <a href="mailto:<?php echo EMAIL; ?>" class="footer">Willy Sudiarto Raharjo</a><br/>
+Willy Sudiarto Raharjo<br/>
 <a href="http://validator.w3.org/check?uri=referer" class="footer">Valid HTML5</a> || <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://lecturer.ukdw.ac.id/willysr" class="footer">Valid CSS3</a></p>
 <script type="text/javascript">
 

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%;
 }