Add Calendar View

includes/index.css

@@ -10,14 +10,14 @@ body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, p, th, td, article, section,
 }
 
 body {
-  font-size: 1.5rem;
+  font-size: 1.2rem;
   line-height: 2rem;
 }
 
 header[role="banner"] {
-  background: url("../images/background.jpg") 0 0 no-repeat;
   width: 100%;
   height: 100px;
+  background: #555 url("../images/tux.png") 5px 5px no-repeat;
 }
 
 a {
@@ -41,11 +41,123 @@ nav[role="navigation"] ul {
   float: right;
   text-align: right;
   margin: 0;
-  margin-top:65px;
+  margin-top:60px;
   margin-right: 10px;  
+  color: #BBB;
   
 }
 
 nav[role="navigation"] li {
   display: inline;
 }
+
+nav[role="navigation"] ul li a:link {
+  text-decoration: none;
+  color: #BBB;
+}
+
+nav[role="navigation"] ul li a:visited {
+  text-decoration: none;
+  color: #BBB;
+}
+
+nav[role="navigation"] ul li a:hover {    
+  text-decoration: none;
+  color: #FFF;
+}
+
+nav[role="navigation"] ul li a:active {
+  text-decoration: none;
+  color: #FFF;
+}
+
+
+ul#socialbar li.facebook a {
+    background-position: 0px 0px;
+}
+
+ul#socialbar {
+    width: 160px !important;
+    height: 16px !important;
+    margin:0; 
+    padding:0; 
+    list-style:none; 
+    clear:both;
+    position: absolute;
+    top: 30px;
+    right: 5px !important;
+    text-align: right;
+}  
+
+ul#socialbar li {
+  overflow:hidden; 
+  text-indent:-9999px; 
+  display:inline; 
+  float:left; 
+  margin-right:0;
+  
+}  
+
+ul#socialbar li a {
+  background:url("../images/social.png") no-repeat; 
+  width:216px; 
+  height:16px; 
+  display:block;  
+}  
+  
+ul#socialbar li.facebook { 
+  width:80px; 
+  height:16px;  
+}  
+
+ul#socialbar li.facebook a { 
+  background-position:0px 0px; 
+}  
+
+ul#socialbar li.facebook a:hover { 
+  background-position:-0px -16px;  
+}  
+  
+ul#socialbar li.twitter { 
+  width:72px; 
+  height:16px;  
+}  
+
+ul#socialbar li.twitter a { 
+  background-position:-86px -0px;  
+}  
+
+ul#socialbar li.twitter a:hover { 
+  background-position:-86px -16px;  
+}  
+
+footer {
+ 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;
+}