Use gradients for header/footer
diff --git a/assets/css/application.css b/assets/css/application.css
index 3b387bd..acfbf89 100644
--- a/assets/css/application.css
+++ b/assets/css/application.css
@@ -1 +1 @@
-a{text-decoration:none}article{margin-bottom:2em}blockquote{border-radius:0.5em;display:inline-block;margin-bottom:0;margin-left:0.5em;margin-right:0;margin-top:0;padding:0.5em}body{color:#404040;font-family:"Palatino Linotype",Palatino,Georgia,serif;line-height:1.5;min-height:100%}em{font-style:normal;font-weight:900}footer{font-style:italic}footer ul{list-style-type:none}h1,h2,.site-header,header{font-size:140%;font-weight:900;margin:0}h2{font-size:110%;margin-bottom:0.25em}nav ul{list-style-type:none;margin-bottom:0;margin-left:0;margin-right:0;margin-top:2em;padding:0}section{background:#fff;margin:2em}article,header,footer,section{display:block}#about-bkgd{font-size:75%;margin-bottom:1em !important;text-align:right !important}#banner{border-bottom:1px dotted #272727;padding:0.5em}#banner a{color:#aaa}#copyright{border-top:1px dotted #272727;color:#aaa;font-size:75%}#copyright a{color:#aaa}#copyright li{margin:0.3em;text-align:center}#copyright ul{list-style-type:none;margin-bottom:0;margin-left:20%;margin-right:20%;margin-top:0.5em;padding:0}#copyright .disclaimer{text-align:left}#disqus-thread{width:85%}.ad.sky{margin-top:2em;position:absolute;right:35px;top:70px}.clear-fix{zoom:1}.clear-fix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.entry-link{margin-bottom:0.5em;margin-left:0;margin-right:0;margin-top:0.5em}.entry-link:after{content:" | "}.entry-meta{background:#aaa;border-radius:0.5em;box-shadow:2px 2px 2px #5d5d5d;list-style-type:none;margin-bottom:0;margin-left:-0.5em;margin-right:0;margin-top:0;padding:0.5em}.entry-meta-item{font-size:85%;margin:0.5em}.entry-tag{display:inline;font-size:85%;font-style:italic;padding-bottom:0.1em;padding-left:0.2em;padding-right:0.2em;padding-top:0.1em}.entry-tags ul{display:inline;margin:0;padding:0}.main-nav{margin-bottom:1em;margin-left:2em;margin-right:2em;margin-top:1em;padding:0.5em}.main-nav ul{margin:0;padding:0}.meta,.entry-link,.main .entry-date,.teaser .entry-date,.teaser .entry-title{float:left;font-size:75%;font-weight:700}.nav-previous{float:right;margin-right:11em}.nav-next{float:left}.post{min-height:610px;width:85%}.site-description{color:#aaa;font-size:70%;font-style:italic}.site-header{color:#aaa}.teaser{margin-bottom:0.5em}.main .entry-date,.teaser .entry-date{margin-bottom:0.5em;margin-left:0.5em;margin-right:0;margin-top:0.5em}.teaser .entry-title{font-size:85%}
+a{text-decoration:none}article{margin-bottom:2em}blockquote{border-radius:0.5em;display:inline-block;margin-bottom:0;margin-left:0.5em;margin-right:0;margin-top:0;padding:0.5em}body{color:#404040;font-family:"Palatino Linotype",Palatino,Georgia,serif;line-height:1.5;min-height:100%}em{font-style:normal;font-weight:900}footer{font-style:italic}footer ul{list-style-type:none}h1,h2,.site-header,header{font-size:140%;font-weight:900;margin:0}h2{font-size:110%;margin-bottom:0.25em}nav ul{list-style-type:none;margin-bottom:0;margin-left:0;margin-right:0;margin-top:2em;padding:0}section{background:#fff;margin:2em}article,header,footer,section{display:block}#about-bkgd{font-size:75%;margin-bottom:1em !important;text-align:right !important}#banner{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));background-image:-webkit-linear-gradient(#eeeeee,#ffffff);background-image:-moz-linear-gradient(#eeeeee,#ffffff);background-image:-o-linear-gradient(#eeeeee,#ffffff);background-image:linear-gradient(#eeeeee,#ffffff);padding:0.5em}#banner a{color:#aaa}#copyright{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cccccc));background-image:-webkit-linear-gradient(#ffffff,#cccccc);background-image:-moz-linear-gradient(#ffffff,#cccccc);background-image:-o-linear-gradient(#ffffff,#cccccc);background-image:linear-gradient(#ffffff,#cccccc);color:#aaa;font-size:75%}#copyright a{color:#aaa}#copyright li{margin:0.3em;text-align:center}#copyright ul{list-style-type:none;margin-bottom:0;margin-left:20%;margin-right:20%;margin-top:0.5em;padding:0}#copyright .disclaimer{text-align:left}#disqus-thread{width:85%}.ad.sky{margin-top:2em;position:absolute;right:35px;top:70px}.clear-fix{zoom:1}.clear-fix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.entry-link{margin-bottom:0.5em;margin-left:0;margin-right:0;margin-top:0.5em}.entry-link:after{content:" | "}.entry-meta{background:#aaa;border-radius:0.5em;box-shadow:2px 2px 2px #5d5d5d;list-style-type:none;margin-bottom:0;margin-left:-0.5em;margin-right:0;margin-top:0;padding:0.5em}.entry-meta-item{font-size:85%;margin:0.5em}.entry-tag{display:inline;font-size:85%;font-style:italic;padding-bottom:0.1em;padding-left:0.2em;padding-right:0.2em;padding-top:0.1em}.entry-tags ul{display:inline;margin:0;padding:0}.main-nav{margin-bottom:1em;margin-left:2em;margin-right:2em;margin-top:1em;padding:0.5em}.main-nav ul{margin:0;padding:0}.meta,.entry-link,.main .entry-date,.teaser .entry-date,.teaser .entry-title{float:left;font-size:75%;font-weight:700}.nav-previous{float:right;margin-right:11em}.nav-next{float:left}.post{min-height:610px;width:85%}.site-description{color:#aaa;font-size:70%;font-style:italic}.site-header{color:#aaa}.teaser{margin-bottom:0.5em}.main .entry-date,.teaser .entry-date{margin-bottom:0.5em;margin-left:0.5em;margin-right:0;margin-top:0.5em}.teaser .entry-title{font-size:85%}
diff --git a/lib/sass/application.scss b/lib/sass/application.scss
index 45b8c17..69b24af 100644
--- a/lib/sass/application.scss
+++ b/lib/sass/application.scss
@@ -1,4 +1,5 @@
 @import "base";
+@import "compass";

 a {
     text-decoration: none;
@@ -84,7 +85,7 @@ article, header, footer, section {
 }

-    border-bottom: 1px dotted darken($font-color, 10%);
+    @include background-image(linear-gradient(#eee, white));
     padding: 0.5em;
 }

@@ -93,7 +94,7 @@ article, header, footer, section {
 }

-    border-top: 1px dotted darken($font-color, 10%);
+    @include background-image(linear-gradient(white, #ccc));
     color: $un-important;
     font: {
         size: 75%;