--- a/client/css/renkan.css	Tue Aug 21 18:49:41 2012 +0200
+++ b/client/css/renkan.css	Wed Aug 22 16:50:42 2012 +0200
@@ -43,6 +43,11 @@
 
 body {
     font-size: 10px; font-family: Arial, Helvetica, sans-serif;
+    background: #ffffff; color: #000000;
+}
+
+a {
+    color: #6060c0;
 }
 
 .Rk-Bins {
@@ -77,10 +82,18 @@
     display: inline-block; width: 80px;
 }
 
-.Rk-Editor input[type=text] {
+a.Rk-Edit-Goto {
+    display: block; float: right; width: 18px; height: 17px; margin: 1px 0; border: none; background: url(../img/goto.png);
+}
+
+.Rk-Edit-Title {
     font-size: 12px; width: 225px;
 }
 
+.Rk-Edit-URI {
+    font-size: 12px; width: 205px;
+}
+
 .Rk-Editor textarea {
     width: 225px; height: 120px; resize: none;
 }
@@ -130,8 +143,37 @@
     overflow: auto;
 }
 
-.Rk-Twitter-Tweet, .Rk-Wikipedia-Result {
-    padding: 2px; background: #f8f8f8; border-bottom: 1px solid #cccccc; min-height: 55px;
+.Rk-Bin-Item {
+    cursor: move;
+}
+
+.Rk-Bin-Item:hover {
+    background: #d0d0d0;
+}
+
+.Rk-Bin-Item.dragging {
+    background: #fff8f8; color: #660000;
+}
+
+.Rk-Bin-Item.selected {
+    background: #ffffc0;
+}
+
+.Rk-Bin-Main li {
+    padding: 2px; background: #f8f8f8; border-bottom: 1px solid #cccccc;
+    clear: both;
+}
+
+.Rk-Bin-Main h3 {
+    font-size: 15px; font-style: italic; font-weight: bold; text-align: center;
+}
+
+.Rk-Bin-Main h4 {
+    font-size: 13px; font-weight: bold;
+}
+
+.Rk-Bin-Main p {
+    font-size: 12px;
 }
 
 .Rk-Twitter-TwImage {
@@ -142,18 +184,42 @@
     margin: 2px 0 2px 50px;
 }
 
-.Rk-Twitter-TwTitle, .Rk-Wikipedia-Title {
-    font-size: 13px; font-weight: bold;
-}
-
-.Rk-Twitter-TwDate {
+p.Rk-Twitter-TwDate {
     font-size: 11px; font-style: italic;
 }
 
-.Rk-Twitter-TwText, .Rk-Wikipedia-Snippet {
-    font-size: 12px;
+p.Rk-Twitter-TwActions {
+    font-size: 11px;
+}
+
+.Rk-Bin-Main .searchmatch {
+    background: #ffff80;
+}
+
+.Rk-Wikipedia-Icon {
+    float: left; width: 52px; height: 47px; background: url(../img/wikipedia.png);
+}
+
+.Rk-Wikipedia-Result {
+    min-height: 51px;
 }
 
-.Rk-Wikipedia-Result .searchmatch, .Rk-Twitter-TwText .searchmatch {
-    background: #ffff80;
+.Rk-Wikipedia-Result p, .Rk-Wikipedia-Result h4 {
+    margin-left: 54px;
+}
+
+.Rk-Ldt-Icon {
+    float: left; width: 49px; background: url(../img/ldt-elements.png);
 }
+
+.Rk-Ldt-TagIcon {
+    height: 19px;
+}
+
+.Rk-Ldt-PointIcon {
+    height: 29px; background-position: 0 -19px;
+}
+
+.Rk-Ldt-SegmentIcon {
+    height: 29px; background-position: 0 -48px;
+}