diff -r 092fc99f7558 -r 84eea249ce7e client/css/renkan-publish.css
--- a/client/css/renkan-publish.css	Fri Sep 07 12:26:16 2012 +0200
+++ b/client/css/renkan-publish.css	Fri Sep 07 17:50:17 2012 +0200
@@ -47,15 +47,33 @@
 }
 
 a {
-    color: #6060c0;
+    color: #303080;
+}
+
+.Rk-ProjectList {
+    position: absolute; left: 0; top: 0; list-style: none; padding: 0; margin: 0;
+}
+
+.Rk-Project {
+    list-style: none; margin-right: 5px; padding: 5px; height: 15px; font-size: 13px; font-weight: bold;
+    float: left; border-top-left-radius: 8px; border-top-right-radius: 8px;
+    background: #505050; color: #E0E0E0; cursor: pointer;
+    background: -moz-linear-gradient(top, #333333 20%, #666666 80%);
+}
+
+.Rk-Project:hover {
+    background: -moz-linear-gradient(bottom, #333333 20%, #666666 80%);
+}
+
+.Rk-Project.active {
+    background: #505080;
+    color: #ffffc0;
+    background: -moz-linear-gradient(bottom, #333366 20%, #666699 80%);
 }
 
 .Rk-Render {
-    position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(180,180,180,.2) 0, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 70%, rgba(180,180,180,.2) 100%);
-}
-
-.Rk-Render-Panel {
-    position: absolute; left: 300px; top: 0; right: 0; bottom: 0;
+    position: absolute; left: 0; top: 25px; right: 0; bottom: 0;
+    background: -moz-linear-gradient(top, rgba(180,180,180,.2) 0, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 70%, rgba(180,180,180,.2) 100%);
 }
 
 .Rk-Canvas {
@@ -79,6 +97,22 @@
     margin: 5px 0; font-size: 11px;
 }
 
+.Rk-RelatedList {
+    list-style: none;
+}
+
+.Rk-Related {
+    color: #a000c0; cursor: pointer;
+}
+
+.Rk-Related b {
+    font-weight: bolder;
+}
+
+.Rk-Related:hover {
+    text-decoration: underline;
+}
+
 .Rk-ZoomButtons {
     position: absolute; left: 0; top: 0; cursor: pointer;
 }