--- a/web/index.php	Fri Dec 16 10:44:06 2011 +0100
+++ b/web/index.php	Fri Dec 16 11:46:21 2011 +0100
@@ -15,7 +15,7 @@
   <div id="outer_div">
   <img src="../crea/imgs/edition_2011.png" style="position: absolute; z-index: 3; margin-left: 12px;"></img>
       <div id="banner">      
-      <img src="../crea/imgs/enmi_logo.png" style="margin-left: 51px; float: left;"></img>
+      <a href=""><img src="../crea/imgs/enmi_logo.png"></img></a>
       <div style="clear: both;"></div>
   </div>
 
@@ -33,9 +33,14 @@
             continue;
           
           list($title, $stream_id, $thumbnail, $date) = explode(";", $line);
+          if (strlen($title) >= 37) {            
+            $title = substr($title, 0, 35) . "...";            
+          }
+          
           echo "<div class='thumb'>" .
-               "<img class='thumbnail' src=$thumbnail alt='thumbnail'></img>" .
-               "<a href='player.php?stream=$stream_id'>$title</a><br>$date" .
+               "<a href='player.php?stream=$stream_id'><img class='thumbnail' src=$thumbnail alt='thumbnail'></img></a>" .
+               "<div class='title'>$title</div>" .
+               "<div class='date'>$date</div>" .
                "</div>";
         }
       ?>      

--- a/web/player.php	Fri Dec 16 10:44:06 2011 +0100
+++ b/web/player.php	Fri Dec 16 11:46:21 2011 +0100
@@ -17,7 +17,9 @@
   <div id="outer_div">
   <img src="../crea/imgs/edition_2011.png" style="position: absolute; z-index: 3; margin-left: 12px;"></img>
       <div id="banner">      
-      <img src="../crea/imgs/enmi_logo.png" style="margin-left: 51px; float: left;"></img>
+      <a href="index.php">
+        <img src="../crea/imgs/enmi_logo.png"></img>
+      </a>
       <div style="clear: both;"></div>
   </div>
 
@@ -66,13 +68,13 @@
     $(document).ready(function() {
     var config = {            
         gui:{
-            width:640,
+            width:603,
             height:480,              
             container:'left_pane',
             css:'LdtPlayer.css',
             widgets: [
               {type: "PolemicWidget",
-             width: 640, /* required for this widget */
+             width: 605, /* required for this widget */
              height: 50,
              heightmax: 50,
              metadata:{
@@ -147,7 +149,7 @@
               live: true, 
               "controlbar.position" : "none", 
               height: 300, 
-              width: 640, 
+              width: 605, 
               provider: "rtmp" 
             },
     modules: [

--- 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 {