From 88a3a69c7114fcbe1e4069b744a4b0f139b7aabc Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Thu, 5 Jan 2012 20:27:07 -0500
Subject: [PATCH] added a bunch more overall style

--HG--
branch : kf-refactor
---
 .hgignore                                     |   1 -
 .../_base.scssc                               | Bin 0 -> 682 bytes
 .../_base-extends.scssc                       | Bin 2015 -> 2607 bytes
 .../_base-variables.scssc                     | Bin 4548 -> 4640 bytes
 .../_base.scssc                               | Bin 0 -> 682 bytes
 .../_courseware.scssc                         | Bin 901 -> 6499 bytes
 .../_layout.scssc                             | Bin 6787 -> 11033 bytes
 .../_profile.scssc                            | Bin 2208 -> 1973 bytes
 .../application.scssc                         | Bin 991 -> 1031 bytes
 courseware.html                               |   4 +-
 navigation.html                               |  26 ++--
 profile.html                                  |   2 +-
 sass/_base-extends.scss                       |   7 ++
 sass/_base-variables.scss                     |   1 +
 sass/_base.scss                               |   3 +
 sass/_courseware.scss                         |  60 +++++++++-
 sass/_layout.scss                             | 113 ++++++++++++------
 sass/_profile.scss                            |  27 ++---
 sass/application.scss                         |   2 +-
 staticbook.html                               |   2 +-
 video.html                                    |  15 ++-
 21 files changed, 184 insertions(+), 79 deletions(-)
 create mode 100644 .sass-cache/47c2162753299d6160744ee2ad10f568b60c57a1/_base.scssc
 create mode 100644 .sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_base.scssc
 create mode 100644 sass/_base.scss

diff --git a/.hgignore b/.hgignore
index 2cbcd4c8ab..807a7aee46 100644
--- a/.hgignore
+++ b/.hgignore
@@ -1,4 +1,3 @@
 syntax: glob
 *.pyc
 *~
-
diff --git a/.sass-cache/47c2162753299d6160744ee2ad10f568b60c57a1/_base.scssc b/.sass-cache/47c2162753299d6160744ee2ad10f568b60c57a1/_base.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..ee4e461374674a939776cfea0fc2e2767fb9855e
GIT binary patch
literal 682
zcmZXR&u`N(6vul&rVSL-Z6Hk>QdBs=p`*V7?eoPN8d5I^(TGbAk>k9smJ&PIE>KPU
z@7O6t(4B0(_p$x;=S{9gSEF(K`r2@*cJVbjw|f)4=lMDjiI|S_**u?5$J5!YSSM?d
zC&N)P85VplCi8bZdeGKzzU0;dqy`b-i`MRwE-->8Ol)LX7*s2A3~fsc&|`?0@%t57
z^hr&C+@!wZcy472PFT&2#UcxY)zIHRv&0gG(+1#!t}4F7Z(CFX+t6hdRyi6Qo_lc&
zA2>q0q5tw;UsiRA2dcfNE|0035-U`$<5MbL9dgr73QwDYt+~LV@0L=bB;LVVmKe}Q
zzeQ;0BR!Rbp0U%vE4e4<v(a@UhxUS(lZu;LsRp@rPFMbp6dtkfyxgLOi$D2<k+lQ(
z%8lfCi5=Qo^q=Lr*bPFC!3O2+#x+Nuv#lz;BcY8qyARfoSs=52$S%{hlUmukmJj=o
zMt&qcR{L<7-6_X^LR;YvN>=;!IlBmd@>APzn;j;fQeXEL9D2Llc?)mr_%4d$|2_rr
RtK+aV`W1!1ji<}zn%_6P(P#hw

literal 0
HcmV?d00001

diff --git a/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_base-extends.scssc b/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_base-extends.scssc
index f438598edd10aaaa254ce958fb249262121c1ebf..9be0315739a8c65c3712ebd50f13ae378c6c4394 100644
GIT binary patch
delta 544
zcmZ8d%TB^T6a_H@R30f9BT#fwQE)-iRzc`Z3@ei^+_7U}ik)H;N=Z`#2{CN^07<{V
zFED<Q#t-ltoVGxNlUdw*?zt!Dp0E7J;oDK8MTWB2dK5eD>u!g1+TEcj(=SQ7ZnTUW
z(l$i#N;cZ7+j>0xX;`RWLox%Y0aE#_Fmtr&lz8t6p&ynGf^;7WW(kTaAEV7(*!1GB
zQGo_&8;&!;`XUFG=8ViquvfC7oPrVsMXWu$wwFy*mSy02)rg<7w0U!8>h9BKrJe>>
z<^SQ05P680RE1io0At3W3MYUDv7p~kXCgi|gBf5w0dX}J&M3RqyQdo*oU43Nl7r)X
z(TjyI#CfZ|Vwu}Dn|I0FZE9n4H1WRo1zh#Vlw5+-zF#W2o=dFhSaXTW@9A;x2mLOY
zb*v6vFgSQ&L<$a5fi1cYLcz6dD4St$hk{3rsfTGbB>8ePj9e*rObi#87bZxvU?M=F
FwLe|Ii0J?T

delta 92
zcmZ24a-V;Km`0khfoYOqN}6e!rG-I~xv_z<fnjP&s<Ba;ky(ndg{gtLWs;eZaq2`n
wbw-YjX}N6tR(uX6sksF?i6yC?N{sI&@8NjI&t}aTVl9-(W-T9LE#n{y0MWh~^Z)<=

diff --git a/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_base-variables.scssc b/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_base-variables.scssc
index c92131a99c8a8d89a9082839baa9cfeea23d74ab..ff74ffee4b19dc5d628c89fecfad87c48f2f4f39 100644
GIT binary patch
delta 177
zcmX@2yg+4wm`1WuqOpN-YNEMOnwg=oL2^>6Sz2OZqH&^GQfjh+d9sP6Wuk>avc*I@
zbw-(uX<WP<Jh_=Ax<#oelMQ%96d7k)8)aHp8w0UPCYv=+rlvKo1Glw~fi+t+1Bg30
zh1X{?51+u~1H3*;ItU3JkUA?qhmzFXf}F&XR8J+QIn4U{6DKHd4&>8g=2L;%Vx^#L
LX=yyUO3(`cy1_3S

delta 112
zcmV-$0FVEmB*Y_-7AP|{G-5V5He)w4I50V6H8wajVq-8hHfA|BIXN;mH)1j}Wn^Mx
zHe!)JCjlF=W(p0HxeY)JDmyGNI|f?-I}B+mlLZb?llcu05;_h*bY*RDY+-a|Ng@J?
S11~R;kR!924lV<e+Yv>>8y}MZ

diff --git a/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_base.scssc b/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_base.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..ee4e461374674a939776cfea0fc2e2767fb9855e
GIT binary patch
literal 682
zcmZXR&u`N(6vul&rVSL-Z6Hk>QdBs=p`*V7?eoPN8d5I^(TGbAk>k9smJ&PIE>KPU
z@7O6t(4B0(_p$x;=S{9gSEF(K`r2@*cJVbjw|f)4=lMDjiI|S_**u?5$J5!YSSM?d
zC&N)P85VplCi8bZdeGKzzU0;dqy`b-i`MRwE-->8Ol)LX7*s2A3~fsc&|`?0@%t57
z^hr&C+@!wZcy472PFT&2#UcxY)zIHRv&0gG(+1#!t}4F7Z(CFX+t6hdRyi6Qo_lc&
zA2>q0q5tw;UsiRA2dcfNE|0035-U`$<5MbL9dgr73QwDYt+~LV@0L=bB;LVVmKe}Q
zzeQ;0BR!Rbp0U%vE4e4<v(a@UhxUS(lZu;LsRp@rPFMbp6dtkfyxgLOi$D2<k+lQ(
z%8lfCi5=Qo^q=Lr*bPFC!3O2+#x+Nuv#lz;BcY8qyARfoSs=52$S%{hlUmukmJj=o
zMt&qcR{L<7-6_X^LR;YvN>=;!IlBmd@>APzn;j;fQeXEL9D2Llc?)mr_%4d$|2_rr
RtK+aV`W1!1ji<}zn%_6P(P#hw

literal 0
HcmV?d00001

diff --git a/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_courseware.scssc b/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_courseware.scssc
index 5a169937bb26f06afb0bde70f74fbb0d6d6c2bf0..b10a49d10af1f0951f654cb4b354e658fef5bad7 100644
GIT binary patch
literal 6499
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

delta 405
zcmY+A!AiqG6h*Czi5Y9bR;opW5I03IG|`511|%B`apA^nBnz2lCUhXlluQtzNH@9{
z`XzpoKjI_}v|T+O+;{J}@6Y+xe)>blb`y7GlQ{A2=y>e0#2XQZdNWGB#BuK@HgS`Q
z?fgD`wN^l&%NHUgLSexeLXRIM%jvVAOh+AGvXsT8C?YK|fd#NW4a~OWl+8$?wh)8p
z0Qb0tPJFQ_xya?R+5zhNb0Xj3IZtW9@(^G6R|0Eod=!De97tuV#8yTQdA{y+r!BaC
z(uS+kjPU$67P(?5YyTdH_{_gip8FF-K;XWP&-ci7FE?bzRdRhjs3BCRl4XmOlq@h`
sDSy8vaV!d|XpChD4Z~;k0}QKaiQy-NTiz|6vD{TR$(6d{26&VB5Azdo0{{R3

diff --git a/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_layout.scssc b/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_layout.scssc
index ce37621c5f6830e1b2e7a72cb5b92209214b8276..121345681015124e55e421a91c879b63e70a7492 100644
GIT binary patch
literal 11033
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

literal 6787
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

diff --git a/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_profile.scssc b/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/_profile.scssc
index c8bc02d6f1c7511f1c14703e68d675981e2d98ff..fed2c7989d5b21f22e8d4c0a03789a458cdfb856 100644
GIT binary patch
delta 619
zcmZXQ%TB^T6ox6678+2YUI<YvHBmPL6)4g%qzgjCwHu=eRy&nRN{djV#^4(mHRIYC
zU%<HV0bIIsZ{kW<`VdYh#E8yf&dmAG`OZIc8-E<VoLnr*#iG8elnq5!V7XFWmRC%p
zV8CTrFIDmtqf%B1FrSB4)dhyTGUxC+BRt%N8NB9?<0mGG5B&EGhckiPA_vl%1bF0A
z<65Wdbeg>r+trWNunms@yX6A{q9yn|G=(n$>I5wYBFGHXum`|z0Y{cdZNx+UQX>>E
zAXZIiExp&=Yaz?%LVJUDodvg<D1HsjPej4ERweyI5l@C{1(9T9V5T9l3JW52%9}m)
ze8uQ_cpl9Wui1Y-N9e?tP(3vU#v784!URMv+75xyi1X}vD*jt07tJOzjrf{f{l`sE
z?gv}i{QENk_2>02(C5-AKgZ}GtBz<cY<Dc(g$;@M?7=-3Id=B22fItiHXZSl$2VLm
zW?GK!s-gu=7x4I*n-27O9)EF3e9I-%Ln<$dhZgA*$+D0KsD<Zp9o;aHy}#5&`z->J
VVH?njKH2+xpC=!(K`gQZU*9tvmXiPg

delta 771
zcmdnWzd&$;n1+G5xoL{INwT@Axv7DXfsu((vZbYorJ<#TnQ>y8p=naGv3a6ds`*4a
zbw;*{Y045Z#i_|9nfZBo1x5L3nK`Mt$@zIDsd*(EXLB+Nh@c5hUdJde%bst|&ST9H
z&E}~j2Gd+xoLZ!tnU|J7c`mEsWJwlTUJh#!PbCI6YfiU(YthMb86`x4A`U9n!kH-a
z<Wr2B7&#}`GU>B&TFW^YPu|ER2W4Gh3KTWA=E`KSR<KsIW{YM3>g58fv0~0QGzRjx
z(PX(nvLG9*gd8#wi{q0sGILUjQu9K<x^6MYF!D_{XHgU71G>Z?s1AjmT*TsHYzP$P
zx0dx(Vlx9d9c-R_HOOXuFdNl1V6n+BS@ba6DFC)nht*9=2p$eVLx3EILKr={ht*3;
z7+D&~ai|AMgXzg1SZy%O6#<*;$YxrP9x|d}_kr}PgS`v31<vF{h_XSMR(uX6sksF?
zi6yC?N=#~uu&6|fa)oLxE(HacBs`v3f#M1Zlh3nB`6wu)<>V)pSSjSBrj=L&MHLis
z6N}O_^K^?c(=&kLD(U6A>7^wlsYM{!T4eK*^Gl10Q^6?*ZlD^PfnXC$bHMT-!*enr
WN|V`@C%3RmF$0a9Jd<6T(HH;@8^de>

diff --git a/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/application.scssc b/.sass-cache/d71392d31c3b10df78042d13a0384e71b83fa11e/application.scssc
index 40e2bb4dde01a778f580c5599a217e7c33f0d55d..143653395563798441081eceff56642d77901ce5 100644
GIT binary patch
delta 85
zcmcc5-p(;WOd~PbBq`ZE&A`CY(%jhC$kN=xAjvG%)XdN{E!o)6*w8ZB$kH&$#Au?O
nI-~H$G)G2O&ZNZR)XhDN?u?AzCtqPoVb@Vm0trnvXI=pS^dA^h

delta 71
zcmZqYxX(U8OvA#&$k@=(BrVB2$<QPv)jY|}Bq`O{#Ly5ZVs31bY?)?gZepHlJkd^_
aQD|eDBje`dj5>^r?<ap@N|~I%yc_`15*1qj

diff --git a/courseware.html b/courseware.html
index 2202e09202..3937ead715 100644
--- a/courseware.html
+++ b/courseware.html
@@ -24,12 +24,12 @@ $('#hide_acc').click(function() {
 
 <%include file="navigation.html" />
 
-<section>
+<section class="main-content">
   <div id="accordion">
     ${accordion}
   </div>
 
-  <section class="main-content">
+  <section class="course-content">
     ${content}
   </section>
 </section>
diff --git a/navigation.html b/navigation.html
index 5ad3368e2f..ea1d1dc076 100644
--- a/navigation.html
+++ b/navigation.html
@@ -1,13 +1,15 @@
-<header>
-  <h1>Circuits and Electronics</h1>
+<div class="header-wrapper">
+  <header>
+    <h1>Circuits and Electronics</h1>
 
-  <nav>
-    <ul class="coursenav">
-      <li><a href="/courseware">Courseware</a></li>
-      <li><a href="/book">Textbook</a></li>
-      <li><a href="/discussion">Discussion</a></li>
-      <li><a href="/wiki">Wiki</a></li>
-      <li><a href="/profile">Profile</a></li>
-    </ul>
-  </nav>
-</header>
+    <nav>
+      <ul class="coursenav">
+        <li><a href="/courseware">Courseware</a></li>
+        <li><a href="/book">Textbook</a></li>
+        <li><a href="/discussion">Discussion</a></li>
+        <li><a href="/wiki">Wiki</a></li>
+        <li><a href="/profile">Profile</a></li>
+      </ul>
+    </nav>
+  </header>
+</div>
diff --git a/profile.html b/profile.html
index 4427762808..9bcbe4a27b 100644
--- a/profile.html
+++ b/profile.html
@@ -67,7 +67,7 @@ $(function() {
 
 <%include file="navigation.html" />
 
-<section class="profile-content">
+<section class="main-content">
   <section class="user-info">
 
     <h1>${name}</h1>
diff --git a/sass/_base-extends.scss b/sass/_base-extends.scss
index f1854eb288..80d84d53e3 100644
--- a/sass/_base-extends.scss
+++ b/sass/_base-extends.scss
@@ -16,3 +16,10 @@
   width: grid-width(8);
   float: left;
 }
+
+.wrapper {
+      margin: 0 auto;
+      max-width: $max-width;
+      width: grid-width(12);
+      text-align: left;
+}
diff --git a/sass/_base-variables.scss b/sass/_base-variables.scss
index 74c1a62bdb..7adc1d1617 100644
--- a/sass/_base-variables.scss
+++ b/sass/_base-variables.scss
@@ -33,6 +33,7 @@ $body-line-height: golden-ratio($body-font-size, 1);
 // color
 $light-gray: #f3f3f3;
 $dark-gray: #333;
+$mit-red: #993333;
 
 $text-color: $dark-gray;
 $border-color: $light-gray;
diff --git a/sass/_base.scss b/sass/_base.scss
new file mode 100644
index 0000000000..4d847f041d
--- /dev/null
+++ b/sass/_base.scss
@@ -0,0 +1,3 @@
+p {
+  margin-bottom: $body-line-height;
+}
diff --git a/sass/_courseware.scss b/sass/_courseware.scss
index d57fba2bd2..8f530e7760 100644
--- a/sass/_courseware.scss
+++ b/sass/_courseware.scss
@@ -1,7 +1,61 @@
 div#accordion {
-  @extend .sidebar;
+  @include box-shadow( inset -1px 0 0 #f6f6f6);
+  background: #e3e3e3;
+  border-right: 1px solid #d3d3d3;
+  display: table-cell;
+  font-family: $body-font-family;
+  // padding: $body-line-height 0;
+  text-shadow: 0 1px 0 #f6f6f6;
+  vertical-align: top;
+  width: 280px;
+
+  h3 {
+    &.ui-accordion-header {
+      color: #000;
+
+      a {
+        font-size: $body-font-size;
+        color: lighten($text-color, 10%);
+      }
+
+      &.ui-state-default {
+        background: none;
+        font-weight: normal;
+        border: none;
+        border-bottom: 1px solid #d3d3d3;
+        @include box-shadow(0 1px 0 #eee);
+      }
+
+      &.ui-state-hover {
+        border: none;
+        border-bottom: 1px solid #d3d3d3;
+      }
+
+      &.ui-state-active {
+        background: none;
+        border: 0;
+        color: #000;
+        font-weight: bold;
+        @include box-shadow(none);
+
+        a {
+          color: #000;
+        }
+      }
+    }
+  }
+
+  ul.ui-accordion-content {
+    background: #d6d6d6;
+    border: none;
+    font-size: 12px;
+    margin: 0;
+  }
 }
 
-section.main-content {
-  @extend .content;
+section.course-content {
+  @include box-sizing(border-box);
+  display: table-cell;
+  padding: $gw-gutter 0 $gw-gutter $gw-gutter;
+  vertical-align: top;
 }
diff --git a/sass/_layout.scss b/sass/_layout.scss
index 8abc9e165b..f3db5139c9 100644
--- a/sass/_layout.scss
+++ b/sass/_layout.scss
@@ -1,63 +1,106 @@
 html {
-  text-align: center;
-  margin: 0 $gw-gutter;
+  margin-top: 0;
 
   body {
     color: $dark-gray;
     font: $body-font-size $body-font-family;
-    margin: $body-line-height auto;
-    max-width: $max-width;
-    text-align: left;
-    width: grid-width(12);
+    text-align: center;
+    margin: 0;
+    background: #f3f3f3;
 
-    header {
-      @extend .clearfix;
-      border-bottom: 1px solid $border-color;
-      margin-bottom: $body-line-height;
+    div.header-wrapper {
+      @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%), 0 1px 1px #ccc);
+      @include linear-gradient(lighten($mit-red, 5%), darken($mit-red, 5%));
+      border-bottom: 1px solid darken($mit-red, 10%);
+      z-index: 99;
 
-      h1 {
-        border-right: 1px solid $border-color;
-        font-size: $body-font-size;
-        font-weight: bold;
-        margin: 0 $gw-gutter 0 0;
-        padding: $body-line-height $gw-gutter $body-line-height 0;
-        display: block;
-        float: left;
-      }
+      header {
+        @extend .clearfix;
+        @extend .wrapper;
+        @include box-sizing(border-box);
+        padding: 0 $body-line-height;
 
-      nav {
-        float: left;
-        display: block;
-        margin: 0;
+        h1 {
+          border-right: 1px solid $mit-red;
+          font-size: $body-font-size;
+          font-weight: bold;
+          margin: 0 $gw-gutter 0 0;
+          padding: 15px $gw-gutter 15px 0;
+          display: block;
+          float: left;
+          text-shadow: 0 1px 0 lighten($mit-red, 10%);
+        }
 
-        ul {
-          @extend .clearfix;
-          display: inline-block;
-          padding: $body-line-height 0;
+        nav {
+          float: left;
+          display: block;
           margin: 0;
 
-          li {
-            margin-right: $body-line-height;
+          ul {
+            @extend .clearfix;
             display: inline-block;
-            margin-bottom: 0;
+            padding: 15px 0;
+            margin: 0;
+
+            li {
+              margin-right: $body-line-height;
+              display: inline-block;
+              margin-bottom: 0;
+
+              a {
+                color: #fff;
+                text-shadow: 0 -1px 0 darken($mit-red, 10%);
+              }
+            }
           }
         }
       }
     }
 
-    section {
+    section.main-content {
       @extend .clearfix;
+      @extend .wrapper;
+      @include box-shadow(0 0px 1px #ccc);
+      @include box-sizing(border-box);
+      background: #fff;
+      border-top: 0;
+      border: 1px solid #ccc;
+      z-index: 0;
     }
 
     img {
       max-width: 100%;
       height: auto;
     }
+  }
 
-    footer {
-      padding: $body-line-height 0;
-      border-top: 1px solid $border-color;
-      margin-top: $body-line-height;
+  footer {
+    @extend .clearfix;
+    @extend .wrapper;
+    @include box-sizing(border-box);
+    color: #777;
+    margin-top: $body-line-height;
+    padding: 0 $body-line-height;
+
+    p {
+      float: left;
+
+      a {
+        color: #444;
+      }
+    }
+
+    ul {
+      float: right;
+
+      li {
+        display: inline-block;
+        margin-right: 20px;
+
+        a {
+          color: #444;
+        }
+      }
     }
   }
 }
diff --git a/sass/_profile.scss b/sass/_profile.scss
index c0003d7122..a8c9f60dc1 100644
--- a/sass/_profile.scss
+++ b/sass/_profile.scss
@@ -1,20 +1,17 @@
-section.profile-content {
+section.user-info {
+  width: grid-width(6);
+  float: left;
+  margin-right: $gw-gutter;
+}
 
-  section.user-info {
-    width: grid-width(6);
-    float: left;
-    margin-right: $gw-gutter;
-  }
+section.course-info {
+  width: grid-width(6);
+  float: left;
 
-  section.course-info {
-    width: grid-width(6);
-    float: left;
-
-    ul {
-      li {
-        display: inline-block;
-        padding-right: 1em;
-      }
+  ul {
+    li {
+      display: inline-block;
+      padding-right: 1em;
     }
   }
 }
diff --git a/sass/application.scss b/sass/application.scss
index e6a1729363..77b8cb0fe0 100644
--- a/sass/application.scss
+++ b/sass/application.scss
@@ -2,7 +2,7 @@
 @import "reset";
 
 // Base layout
-@import "base-variables", "base-extends";
+@import "base-variables", "base-extends", "base";
 @import "layout";
 
 // pages
diff --git a/staticbook.html b/staticbook.html
index 1ee9be4203..5c4f792b01 100644
--- a/staticbook.html
+++ b/staticbook.html
@@ -36,7 +36,7 @@ function next_page() {
 
 <%include file="navigation.html" />
 
-<section class="book-container">
+<section class="main-content">
   <ul id="booknav" class="treeview-booknav">
     <%include file="book_toc.html" />
   </ul>
diff --git a/video.html b/video.html
index 05f4c86933..f713b09c30 100644
--- a/video.html
+++ b/video.html
@@ -22,15 +22,14 @@
 </ol>
 
 <section class="video-controls">
-<ul>
-  <li><span class="ui-icon ui-icon-play" onclick="play();"></span></li>
-  <li><span class="ui-icon ui-icon-pause" onclick="pause();"></span></li>
-</ul>
-
-<div id=slider></div>
-<div id="vidtime">0:00/0:00</div>
-<div id="video_speeds"></div>
+  <ul>
+    <li><span class="ui-icon ui-icon-play" onclick="play();"></span></li>
+    <li><span class="ui-icon ui-icon-pause" onclick="pause();"></span></li>
+  </ul>
 
+  <div id=slider></div>
+  <div id="vidtime">0:00/0:00</div>
+  <div id="video_speeds"></div>
 </section>