--- a/player/css/styles.css	Tue Jun 25 13:34:53 2013 +0200
+++ b/player/css/styles.css	Wed Jun 26 11:13:10 2013 +0200
@@ -85,6 +85,22 @@
     background: #000000; font-family: 'OpenSans'; font-weight: 400;
 }
 
+::-webkit-scrollbar {
+    width: 10px;
+}
+
+::-webkit-scrollbar:hover {
+    background: rgba(128,128,128,.2);
+}
+
+::-webkit-scrollbar-thumb {
+    background: rgba(128,128,128,.4); width: 10px; border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: rgba(128,128,128,.6);
+}
+
 /* Top Bar */
 
 .top-bar {
@@ -320,7 +336,7 @@
 }
 
 .annotation {
-    position: absolute;
+    position: absolute; left: 50%;
 }
 
 .annotation-title {
@@ -332,7 +348,7 @@
 }
 
 .annotation {
-    left: 45px; top: 800px; right: 35px;
+    top: 800px; width: 920px; margin-left: -455px;
     transition: top 0.5s; -webkit-transition: top 0.5s;
 }
 
@@ -343,13 +359,13 @@
 /* Narrow annotations */
 
 .narrow-annotation {
-    left: 210px; right: 200px;
+    width: 590px; margin-left: -290px;
 }
 
 /* White annotations */
 
 .white-annotation {
-    background: #ffffff; max-height: 522px; overflow: auto;
+    background: #ffffff;
 }
 
 .white-annotation {
@@ -365,7 +381,7 @@
 }
 
 .white-annotation .annotation-title {
-    font-size: 23px; margin: 24px 0;
+    font-size: 23px; margin: 24px; line-height: 24px;
 }
 
 /* Black annotations */
@@ -393,10 +409,13 @@
 
 /* Text annotation */
 
-.text-contents {
+.text-contents, .link-contents {
     font-family: Georgia, 'Times New Roman', serif;
-    margin: 0 45px 35px; font-size: 15px;
-    
+    overflow: auto;
+}
+
+.text-contents {
+    margin: 0 25px 35px; font-size: 15px; padding: 0 20px 0;
 }
 
 .text-contents p, .text-contents ul, .text-contents ol {
@@ -459,7 +478,7 @@
 
 .link-contents {
     font-family: Georgia, 'Times New Roman', serif;
-    margin: 40px 80px 80px;
+    margin: 40px 60px 60px; padding: 0 20px 0;
 }
 
 .link-contents p {