Update site pages

app/assets/stylesheets/theme1/application.css

@@ -10,5 +10,5 @@
  *
  *= require_self
  *= require_directory .
- * require 'bootstrap-devise-rails'
+ *      ------------- require 'bootstrap-devise-rails'
  */

app/assets/stylesheets/theme1/cartoon.css.sass

@@ -0,0 +1,7 @@
+ul#cartoon
+  list-style: none
+  li
+    float: left
+    div
+      width: 280px
+    .cartoon-image

app/assets/stylesheets/theme1/theme1.css.sass

@@ -1,3 +1,8 @@
+$green-original: #99CB23
+$green: #7BB459 //Heineken
+$font-family-content: Georgia, serif
+$font-family-navigation: Verdana,serif
+$font-family-headers: Verdana,serif //'Pacifico', serif
 body
   background-color: #333
   margin: 0
@@ -111,7 +116,7 @@ body
               color: white
               display: block
               float: left 
-              font-family: Verdana,serif
+              font-family: $font-family-navigation
               text-decoration: none
               font-size: 18px
               height: 46px
@@ -120,10 +125,10 @@ body
               padding: 0 20px
               text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
               &:hover
-                color: #99CB23
+                color: $green
             &.active
               a
-                color: #99CB23
+                color: $green
     #banner-wrap
       z-index: 2
       position: relative
@@ -168,20 +173,20 @@ body
               display: none
     #main-wrap
       font-size: 14px
-      font-family: Georgia, serif
+      font-family: $font-family-content
       line-height: 1.5
       color: #848585
       h1
         font-size: 28px
         padding: 0.5em 0 0.2em 0
         line-height: 1.4
-        font-family: 'Pacifico', serif
+        font-family: $font-family-headers
         color: #AE571F
       h2
         font-size: 24px
         padding: 0.5em 0 0.2em 0
         line-height: 1.2
-        font-family: 'Pacifico', serif
+        font-family: $font-family-headers
         color: #AE571F
 
       background-image: image-url('theme1/wall-bg.jpg')
@@ -203,6 +208,10 @@ body
         .main-inner
           width: 894px
           padding: 0 40px 30px 40px
+          h1.page-title
+            margin: 0
+            padding: 0
+            margin-bottom: 12px
           #wsite-content 
     #footer-wrap
       color: white
@@ -242,4 +251,14 @@ body
           bottom: -35px
           left: -30px
           overflow: visible
-          
+  a
+    color: $green
+    text-decoration: none
+    &:hover
+      color: darken($green, 20%)
+  .right
+    float: right
+  .left
+    float: left
+  .clearing
+    clear: both