diff --git a/folders.php b/folders.php
index 6e87cc2..c12b880 100644
--- a/folders.php
+++ b/folders.php
@@ -159,6 +159,10 @@ class folder {
 		);
 		array_unshift ($this->tree, $root_folder);
 
+		# The top folder shows up too much on the top. Draw
+		# a little space there.
+		echo '<div class="foldertop"></div>' . "\n";
+
 		foreach ($this->tree as $key => $value) {
 			# this is the begining of the line that shows a folder
 			# with the symbol (plus, minus or neutral)
diff --git a/images/grad.png b/images/grad.png
new file mode 100644
index 0000000..36e4549
Binary files /dev/null and b/images/grad.png differ
diff --git a/style.css b/style.css
index ba463d5..f25237f 100644
--- a/style.css
+++ b/style.css
@@ -58,7 +58,8 @@ h2.nav {
 	font-size: 10pt;
 	margin: 0;
 	padding: 3px;
-	background-color:#bbb;
+	/* background-color:#bbb; */
+	background: url(images/grad.png) repeat-x;
 }
 ul.nav {
 	border: 1px solid #bbb;
@@ -83,7 +84,8 @@ ul.nav a:visited {
 }
 ul.nav a:hover {
 	text-decoration: none;
-	color: #AE1A1A;
+	/* color: #AE1A1A; */
+	color: #555555;
 	background-color: #ddd;
 }
 ul.nav a:active {
@@ -120,6 +122,9 @@ span.active {
 	border:1px #316AC5 solid;
 	padding:1px;
 }
+div.foldertop {
+	height: 5px;
+}
 
 /* Bookmarks section */
 div.bookmarks {
@@ -134,7 +139,8 @@ div.bookmark {
 }
 div.bookmarkcaption {
 	padding: 2px 2px 2px 4px;
-	background-color: #bbb;
+	/* background-color: #bbb; */
+	background: url(images/grad.png) repeat-x;
 }
 div.bookmark:hover {
 	background-color: #eee;
@@ -189,4 +195,5 @@ p#footer {
 	padding: 2px;
 	text-align: center;
 	border: 1px solid #bbb;
+	background-color:#bbb;
 }