diff -r bd58970ffd16 -r b43dd87f7ffa client/css/renkan.css
--- a/client/css/renkan.css	Fri Aug 17 12:50:00 2012 +0200
+++ b/client/css/renkan.css	Fri Aug 17 18:36:12 2012 +0200
@@ -46,11 +46,15 @@
 }
 
 .Rk-Bins {
-    background: #F0F0F0; position: absolute; left: 0; top: 0; width: 200px; bottom: 0;
+    background: #F0F0F0; position: absolute; left: 0; top: 0; width: 300px; bottom: 0; overflow: hidden;
 }
 
 .Rk-Render {
-    position: absolute; left: 200px; top: 0; right: 0; bottom: 0;
+    position: absolute; left: 300px; top: 0; right: 0; bottom: 0;
+}
+
+.Rk-Canvas {
+    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
 }
 
 .Rk-Editor {
@@ -105,13 +109,47 @@
     background-position: -21px -20px;
 }
 
-ul.Rk-TabButtons {
+.Rk-Search-Input, .Rk-Search-Select {
+    border-radius: 5px; margin: 2px; padding: 2px; font-size: 13px;
+}
+
+.Rk-Search-Input {
+    width: 180px;
+}
+
+.Rk-Search-Select {
+    width: 100px;
+}
+
+.Rk-Bin-Title {
+    border-top: 1px solid #cccccc; border-bottom: 1px solid #ffffff; background: #f0f0f0;
+    font-size: 14px; font-weight: bold; padding: 2px; cursor: pointer;
+}
+
+.Rk-Bin-Main {
+    overflow: auto;
 }
 
-li.Rk-TabButton {
-    float: left; padding: 2px; font-size: 13px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #CCCCCC;
+.Rk-Twitter-Tweet {
+    padding: 2px; background: #f8f8f8; border-bottom: 1px solid #cccccc; min-height: 55px;
+}
+
+.Rk-Twitter-TwImage {
+    float: left; width: 48px; height: 48px; margin: 2px 0;
+}
+
+.Rk-Twitter-TwTitle, .Rk-Twitter-TwDate, .Rk-Twitter-TwText, .Rk-Twitter-TwActions {
+    margin: 2px 0 2px 50px;
 }
 
-.Rk-TabDiv {
-    width: 100%; clear: both; overflow: auto; border-top: 1px solid #ccc;
+.Rk-Twitter-TwTitle {
+    font-size: 13px; font-weight: bold;
 }
+
+.Rk-Twitter-TwDate {
+    font-size: 11px; font-style: italic;
+}
+
+.Rk-Twitter-TwText {
+    font-size: 12px;
+}
\ No newline at end of file