diff -r c4b74f49d336 -r a6496f95e0fc web/style.css
--- a/web/style.css	Fri Dec 16 10:44:06 2011 +0100
+++ b/web/style.css	Fri Dec 16 11:46:21 2011 +0100
@@ -7,12 +7,19 @@
 }
 
 #banner {
-  margin: 0px auto;
+  margin: 0 auto;
   width: 960px;
   border-bottom: 1px solid #fe4f76;
   padding-top: 10px;
-  padding-bottom: 4px;
-  margin-top: 7px;  
+  padding-bottom: 13px;
+  margin-top: 4px;  
+}
+
+#banner img {
+  margin-left: 51px;
+  float: left;
+  position: relative;
+  top: 5px; 
 }
 
 #outer_div {
@@ -28,7 +35,7 @@
   width: 960px;
   background-image: url("../crea/imgs/background.png");
   background-repeat: repeat-x;
-}
+} 
 
 
 #intro_title {
@@ -50,23 +57,38 @@
 }
 
 .thumb {
-  width: 280px;
+  width: 270px;
   height: 220px;
   float: left;
-  margin-top: 10px;
-  margin-right: 10px;
+  margin: 5px;
   background-color: #f2f2f2;
   border: 1px solid #cccccc;
   padding: 5px;
+  cursor: pointer;
+}
+
+.thumb:hover {
+  background-color: rgb(255, 255, 255);
 }
 
 .thumb img {
-  margin: 5px;
+}
+
+.thumb .title {
+  font-family: 'PT Sans Narrow',arial,serif;
+  font-size: 18px;
+  font-weight: bold;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.thumb .text {
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 /* player.php */
 table#content {
-  width: 910px;
   border: solid 10px #7a7a7a;
   border-bottom: solid 14px #7a7a7a;
   border-top: solid 14px #7a7a7a;
@@ -78,7 +100,8 @@
 
 td#left_pane {
   background-color: white;
-  width: 660px;
+  vertical-align: top;
+  width: 640px;
 }
 
 td#right_pane {