merged in kf-highlight-speed

sass/_textbook.scss

@@ -7,6 +7,7 @@ div.book-wrapper {
     @extend .tran;
 
     ul#booknav {
+      font-size: 12px;
 
       a {
         color: #000;

sass/courseware/_courseware.scss

@@ -166,6 +166,13 @@ div.course-wrapper {
         }
       }
     }
+
+    section.tutorials {
+      ul {
+        list-style: disc outside none;
+        margin-left: lh();
+      }
+    }
   }
 
   &.closed {

sass/courseware/_video.scss

@@ -165,6 +165,10 @@ section.course-content {
               li {
                 cursor: pointer;
                 @include inline-block();
+
+                &.active {
+                  font-weight: bold;
+                }
               }
             }
           }

video.html

@@ -21,7 +21,7 @@
           <li><a id="video_control" class="pause">Pause</a></li>
 
           <li>
-            <div id="vidtime">0:00/0:00</div>
+            <div id="vidtime">0:00 / 0:00</div>
           </li>
         </ul>
 

video_init.js

@@ -33,15 +33,21 @@ ajax_video=good;
 loadNewVideo(streams["1.0"], ${ position });
 
 function add_speed(key, stream) {
-    var id = 'speed_' + stream;
+  var id = 'speed_' + stream;
 
+  //TODO: this should be smarter and know which video is first selected when we have 
+  // video speed as an option/parameter per user that is saved
+  if (key == 1.0) {
+    $("#video_speeds").append(' <li class=active id="'+id+'">'+key+'x</li>');
+  } else {
     $("#video_speeds").append(' <li id="'+id+'">'+key+'x</li>');
+  }
 
-    $("#"+id).click(function(){
-      change_video_speed(key, stream);
-      $(this).siblings().removeClass("active");
-      $(this).addClass("active");
-    });
+  $("#"+id).click(function(){
+    change_video_speed(key, stream);
+    $(this).siblings().removeClass("active");
+    $(this).addClass("active");
+  });
 }
 
 var l=[]