* Updated design.

index.haml

@@ -2,6 +2,18 @@
 %html
   %head
     %title Philly Can Hack
-    %link{:rel => "stylesheet", :src => "/site.css"}
+    %link{:rel => "stylesheet", :type => "text/css", :href => "site.css"}
   %body
-    Yo dawg, I heard you liked hacking.
+    #header
+      Philly Can Hack - A development and mentorship user group.
+    #contentpane
+      %p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis neque leo, vel laoreet lacus. Quisque volutpat pretium viverra. Suspendisse a eros magna, id auctor sapien. Nunc imperdiet iaculis ante eget consectetur. In non turpis in sapien semper malesuada vitae non sapien. Nullam at magna nulla. Aliquam eget risus ut leo sodales elementum non nec magna. Ut pellentesque elit quis massa auctor feugiat. Donec ut nisi sit amet est vulputate varius eget et urna. Suspendisse nisl odio, egestas at elementum id, porttitor a justo. Sed accumsan venenatis tortor eu pulvinar. Cras tincidunt felis quis arcu iaculis varius semper odio sollicitudin. Duis at libero et lorem consectetur faucibus quis nec neque. Pellentesque vel porttitor eros. Mauris volutpat pharetra sapien a sagittis. Quisque et tortor magna, vitae vestibulum purus. Cras ligula justo, convallis varius elementum a, venenatis a odio.
+      %p In hac habitasse platea dictumst. Phasellus hendrerit placerat nulla sed pretium. Quisque in diam elementum tortor auctor varius. Proin pellentesque nisi in dui mattis sed feugiat magna ultricies. In tempor gravida erat, in vestibulum orci lacinia vel. Ut mollis eros ut lorem lobortis bibendum. Mauris varius, diam sit amet consectetur porttitor, lorem lectus semper quam, faucibus hendrerit risus leo id tellus. Morbi elementum pulvinar justo, id convallis eros mollis sed. Duis rutrum dolor a orci posuere mattis. Sed accumsan sagittis justo, vel tristique neque suscipit at. Vivamus a urna sem, at vehicula lorem. Vestibulum rhoncus sagittis felis sed mollis. Vestibulum accumsan quam nec lectus ullamcorper euismod a eu neque. Proin orci lacus, tincidunt vel mattis eu, imperdiet eu sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris in erat id neque lacinia pellentesque. Praesent at enim lorem, eget faucibus mauris. Donec tincidunt ipsum sed dolor commodo elementum. Nunc vitae turpis eros, in consectetur nulla. Nullam turpis arcu, tempus ut feugiat ac, vulputate eu erat.
+      %p Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean rhoncus quam a erat venenatis interdum. Sed hendrerit aliquet nisl, eu pretium tellus bibendum a. Quisque ipsum augue, consequat a tempus id, aliquet et mauris. Vivamus sodales dui est. Maecenas tempus sapien et lectus feugiat tincidunt. In faucibus pretium tellus, vel bibendum metus sollicitudin eu. Mauris sit amet lacus turpis. Curabitur vulputate sagittis augue, nec lobortis tortor vestibulum dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam vitae nibh sem.
+      %p Quisque non tortor lorem. Vivamus in arcu a nunc tempor gravida. Nulla et sagittis est. Donec nisi lectus, vehicula faucibus lobortis varius, pharetra at felis. Phasellus at ligula felis. Nullam ante turpis, eleifend et ultrices id, pulvinar id nunc. Nullam mollis purus nec enim tempus malesuada. Cras dignissim arcu vel sapien rhoncus faucibus. In nunc nibh, pulvinar a lacinia id, cursus sit amet ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis pulvinar enim eget pretium. Mauris luctus molestie metus, id eleifend tellus suscipit quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vitae justo eu odio elementum ullamcorper congue sit amet nibh. Vivamus felis est, lacinia a pulvinar elementum, gravida eu metus.
+      %p Curabitur luctus tellus nec ante fringilla blandit. Nulla tincidunt euismod leo, at feugiat ante tristique at. Etiam eget ligula eu orci tristique ultricies et vestibulum est. Fusce sit amet urna quis nulla pretium pretium et quis est. Vestibulum sagittis quam venenatis odio mattis non egestas eros pellentesque. Curabitur rutrum quam vitae lacus bibendum vestibulum. Nunc consequat nunc at odio feugiat tempor. Morbi leo urna, viverra et viverra sed, placerat id dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam metus urna, dignissim in placerat nec, molestie vitae arcu. Curabitur sit amet turpis mauris. Cras vitae erat nibh, et blandit leo. Duis vehicula rhoncus est, et molestie lorem convallis ut. Nunc ultricies metus non nisi adipiscing lacinia. Quisque tristique felis sed lacus aliquam semper. Mauris mattis viverra mi, dictum consectetur libero blandit ut. Cras cursus, lectus eget sagittis vehicula, nisl massa dictum libero, ut iaculis purus risus in mauris. Proin quis purus magna, ut ornare nulla. Nunc in nulla orci. Aliquam erat volutpat.
+    #footer<
+      Please feel free to contact us via
+      %a{:href => "mailto:erik@hollensbe.org"} email
+      \-- more coming soon!
+

site.css

@@ -0,0 +1,54 @@
+body {
+  width: 800px;
+  background-color: #888;
+  color: #000;
+  font-family: sans-serif;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+#header {
+  background-color: #444;
+  color: #99A;
+  font-size: 1.5em;
+  font-weight: bolder;
+  padding: 20px;
+  text-align: center;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+  -moz-border-radius-topleft: 10px;
+  -moz-border-radius-topright: 10px;
+}
+
+#contentpane {
+  background-color: #446;
+  color: #CCC; 
+  padding: 20px;
+}
+
+#contentpane p {
+  background-color: #557;
+  padding: 10px;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+  -moz-border-radius-topleft: 10px;
+  -moz-border-radius-topright: 10px;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+  -moz-border-radius-bottomleft: 10px;
+  -moz-border-radius-bottomright: 10px;
+}
+
+#footer {
+  background-color: #444;
+  color: #99A;
+  font-size: 1.5em;
+  font-weight: bolder;
+  padding: 20px;
+  text-align: center;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+  -moz-border-radius-bottomleft: 10px;
+  -moz-border-radius-bottomright: 10px;
+}
+