@@ -40,7 +40,6 @@ +button_img("logo_h")
 
 #header
   width: 100%
-  background-color: #000
   padding: 5px 0
   height: 70px
 
@@ -76,8 +75,13 @@ margin: auto
   width: 900px
   height: 100%
 
+.ribbon
+  height: 19px
+  background: url(../images/theme/ribbon.png) repeat-x
+
 #main
-  background: #fff
+  background: #fff url(../images/theme/main.png)
+
 
 #content
   text-align: justify
@@ -93,7 +97,7 @@ 
 #wrapper
   min-height: 100%
   margin-bottom: -40px
-  background: #000
+  background: #000 url(../images/theme/pattern.png)
 
 #border-bottom
   clear: both
@@ -113,12 +117,10 @@ width: 100%
   font-size: 80%
   text-align: center
   padding-top: 1em
-  background-color: #000
 
 .clearfooter
   height: 40px
   clear: both
-  background: #000
 
 .footer-left, .footer-right, .footer-center
   float: left

@@ -50,6 +50,7 @@ </div>
 				</div>
 			</div>
 			<!-- HEADER END -->
+			<div class="ribbon"></div>
 			<!-- MAIN START -->
 			<div id="main">
 				<!-- CONTAINER START -->
@@ -82,6 +83,7 @@ <!-- CONTENT END -->
 				</div>
 				<!-- CONTAINER END -->
 			</div>
+			<div class="ribbon"></div>
 			<!-- MAIN END -->
 			<div id="border-bottom">
 					<% if @item[:type] == 'article' then %>