--- a/web/res/css/tweetcast.css	Wed Dec 14 16:58:57 2011 +0100
+++ b/web/res/css/tweetcast.css	Wed Dec 14 18:22:27 2011 +0100
@@ -404,21 +404,37 @@
 }
 
 #accordeon h3 {
-    font-size: 16px; font-weight: bold; color: #666;
+    font-size: 16px; font-weight: bold; color: #555555;
 }
 
 #accordeon p {
-    margin: 5px 0; line-height: 1.5em; text-align: justify;
+    margin: 5px 0; line-height: 1.5em;
 }
 
 #accordeon li {
-    float: left; text-align: center; width: 480px; margin: 0 1px 1px 1px; padding: 4px; border: 1px solid #ffffff;
+    float: left; width: 480px; margin: 0 1px 1px 1px; padding: 4px; border: 1px solid #ffffff; position: relative;
 }
 
 #accordeon span {
     padding: 2px; cursor: pointer; cursor: hand;
 }
 
+div.accsubtitle {
+    position: absolute; top: 0; left: 0; width: 20px; height: 100%; background: #e0e0e0; border-right: 1px solid #999999; overflow: hidden;
+}
+
+div.aroundsubtitle {
+    position: absolute; top: 50%; left: 0; width: 0; height: 0; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
+}
+
+.aroundsubtitle h4 {
+    position: absolute; top: 0; left: -75px; width: 150px; height: 20px; font-size: 13px; font-weight: bold; text-align: center; color: #555555;
+}
+
+div.tagcloud {
+    width: 460px; text-align: center; margin-left: 20px;
+}
+
 li.acctitre {
     background: #efefef; cursor: pointer; cursor: hand;
 }