diff -r 26a901771957 -r 490e4d1b6fee css/socialmedia.css
--- a/css/socialmedia.css	Fri Feb 15 18:34:43 2013 +0100
+++ b/css/socialmedia.css	Wed Mar 06 18:09:40 2013 +0100
@@ -4,116 +4,9 @@
  }
 
 body {
-    font-family: "DIN-Mittelschrift", Arial, sans-serif
+    font-family: Arial, sans-serif
 }
 
 .contents {
-    position: absolute; width: 100%; height: 100%; background: #000; color: #fff;
-}
-
-.start-head, .start-second-line {
-    clear: both;
-}
-
-.start-head {
-    margin-top: 8px;
-}
-
-.title-block {
-    float: left; width: 248px; margin: 0 0 8px 8px;
-}
-
-.start-head h1 {
-    font-size: 38px; line-height: 66px;
-}
-
-.play-block {
-    width: 248px; height: 66px;
-}
-
-.play-button {
-    float: left; margin: 8px; font-size: 38px;
-    background: #aaa; padding: 0 8px 0 10px; 
-    line-height: 50px;
-}
-
-.duration {
-    float: right; font-size: 36px; margin: 0 8px; line-height: 66px;
-}
-
-.explain-block {
-    width: 494px; height: 66px; padding: 0 5px;
-}
-
-.explain-block h3 {
-    font-size: 18px; line-height: 32px;
-}
-
-.keyword-search {
-    line-height: 26px; padding: 0 5px; border: 1px solid #999; width: 300px; font-size: 18px;
-}
-
-.shadow-block {
-    float: left; background: #333333; /*box-shadow: 1px 1px 2px #000;*/ margin: 0 8px 8px 0;
-}
-
-.description-block {
-    width: 240px; height: 166px; margin-left: 8px;
+    position: absolute; width: 100%; height: 100%; background: #000; color: #fff; overflow: hidden;
 }
-
-.description-block p {
-    margin: 8px; font-size: 12px;
-}
-
-.topwords-block {
-    width: 754px; height: 166px; overflow: hidden; padding-right: 6px;
-}
-
-.topwords-list {
-    
-}
-
-.topwords-list li, .topic-words li {
-    display: inline-block; background: #999; color: #fff; padding: 0 6px; margin: 6px 0 0 6px;
-    font-size: 14px; line-height: 26px;
-}
-
-.topwords-block li {
-    cursor: pointer;
-}
-
-.topwords-block li:hover, .topwords-block li.selected, .topic-words li.selected {
-    color: #000000; background: #FFFFFF;
-}
-
-.topwords-block li.selected:hover {
-    background: #999; color: #fff;
-}
-
-.start-bottom {
-    position: absolute; top: 256px; bottom: 0; overflow: hidden; width: 100%;
-}
-
-.start-dataviz {
-    float: left; height: 100%; width: 240px; position: relative; margin-left: 8px;
-}
-
-.start-svg {
-    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
-}
-
-.topics-block {
-    float: left; width: 768px; padding-left: 8px;
-}
-
-.topic-column {
-    float: left; width: 256px;
-}
-
-.topic {
-    width: 242px; padding: 0 6px 6px 0; cursor: pointer; background: #333333;
-}
-
-.highlight {
-    color: #333333; background: #ffff00;
-}