work in progress

2 files changed, 173 insertions, 779 deletions

diff --git a/docs/src/templates/docs.css b/docs/src/templates/docs.css
index 438686d6..4c9a0b6b 100644
--- a/docs/src/templates/docs.css
+++ b/docs/src/templates/docs.css
@@ -2,7 +2,7 @@
 
 
 body {
-    background: #000 url("img/texture_1.png");
+  background: #000 url("img/texture_1.png");
 }
 
 /*----- Layout Generic Styles -----*/
@@ -11,21 +11,14 @@ body,td,th {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     color: #000;
-    margin-top: 0px;
+    margin: 0px;
 }
 
-a:link {
+a:link, a:visited, a:hover {
     color: #5d6db6;
     text-decoration: none;
 }
-a:visited {
-    text-decoration: none;
-    color: #5d6db6;
-}
-a:hover {
-    text-decoration: underline;
-    color: #5d6db6;
-}
+
 a:active {
     text-decoration: none;
 }
@@ -50,52 +43,9 @@ p {
 }
 
 
-/*----- Global Layout -----*/
-
-.twoCol #container  {
-    width: 1050px;
-    text-align: left;
-    margin: 0px auto;
-    background: #F8AC09 url(img/yellow_bkgnd.jpg) no-repeat top left;
-}
-
-.home #container {
-    width: 1050px;
-    text-align: left;
-    margin: 0px auto;
-    background: #F8AC09 url(img/yellow_bkgnd.jpg) no-repeat;
-    top: 0px;
-    height: 1650px;
-}
-
-#footer {
-    float: right;
-    text-align: right;
-    margin: 7em 4em;
-    font-size: 12px;
-}
-
-#twoColFooter {
-    font-size: 12px;
-    height: 10px;
-    width: 275px;
-    padding-left: 20px;
-    margin-left: 870px;
-    position: relative;
-    bottom: 30px;
-    margin-top: 90px;
-}
-
-#navigationHome {
-    background: #7989D6;
-    height: 50px;
-    width: 1050px;
-    position: relative;
-    top: 0px;
-}
+/*----- Upgrade IE Prompt -----*/
 
 #oldIePrompt {
-    width: 1050px;
     margin: 0 auto;
     background-color: red;
     color: black;
@@ -110,741 +60,194 @@ p {
 
 
 
+/*----- Global Layout -----*/
 
-/*----- navigation styles -----*/
-
-#navContainer {
-    position: absolute;
-    top: 6px;
-    width: 1050px;
-    font-size: 17px;
-}
-
-#navContainer ul {
-    margin:0;
-    list-style:none;
-}
-
-.navContainerStyle li {
-    display: inline-block;
-    list-style-type: none;
-    font-size: 17px;
-    color: #FFF;
-    text-decoration: none;
-}
-
-.navContainerStyle li a:link, .navContainerStyle li a:visited {
-    display: inline-block;
-    font-size: 1em;
-    color:#FFF;
-    text-decoration:none;
-    padding: 8px 0;
-    width: 150px;
-    text-align: center;
-
-}
-.navContainerStyle li a:hover {
-    color:#000
-}
-
-.navContainerStyle li a.current, .navContainerStyle li a.current:hover, .navContainerStyle a.current:active {
-    font-weight: bold;
-    color: #FFF;
-    cursor:auto;
-    background-color: #333;
-    border-radius: 10px;
-    -webkit-border-radius:10px;
-    -moz-border-radius: 10px;
-    box-shadow: 4px 4px 6px #48577D;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-}
-
-/*------ sidebar styles ------*/
-
-#left {
-    float: left;
-    height: 1080px;
-    width: 445px;
-    margin-left: 40px;
-}
-
-.twoCol #sidebar{
-    float:left;
-    width:245px;
-    padding:0;
-    margin-top: 120px;
-    position: relative;
-}
-
-#sidebarTop {
-    height:49px;
-    width: 235px;
-    background: #7989D6;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius-topright: 15px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius-topright: 15px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-top-right-radius: 15px;
-    border-top-right-radius: 15px;
-}
-
-#sidebarTop > input {
-    position: relative;
-    top: 1em;
-    left: 1em;
-    width: 202px;
-}
-
-#sidebarArea {
-    width: 234px;
-    top: 0px;
-    padding-bottom: 1px;
-    background: #FFF;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius-bottomright: 15px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius-bottomright: 15px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-bottom-right-radius: 15px;
-    border-bottom-right-radius: 15px;
-
-}
-
-#sideBarContent1 {
-    width: 200px;
-    padding-top: 20px;
-    padding-right: 20px;
-    position: relative;
-    padding-left: 10px;
-
-}
-
-#sideBarContent1 ul {
-    font-size: 14px;
-    line-height: 22px;
-    padding-left: 25px;
-}
-
-li.level-0 {
-    font-size: 24px;
-    list-style: none;
-    margin-left: -20px;
-    padding-bottom: 10px;
-}
-
-li.level-1 {
-    font-size: 15px;
-    font-weight: bold;
-}
-
-li.level-2, li.level-3 {
-    margin-left: 20px;
-}
-
-#sideBarContent1 a.current {
-    font-weight: bold;
-    color: #000;
-    text-decoration: none;
-}
-
-#sidebarBottom {
-    background: url(img/sidebarBottom.png) no-repeat top;
-    width: 234px;
-    margin-bottom: 20px;
-    height: 28px;
-}
-
-
-/*----- textbox content  -----*/
-
-#textbox {
-    float:right;
-    width: 729px;
-    position: relative;
-    margin-top: 120px;
-    margin-right: 35px; /*margin: 120px 40px 80px 278px;*/
-}
-
-#textboxTop {
-    position: relative;
-    height: 49px;
-    top: 0px;
-    left: 0px;
-    background: #7989D6;
-    width: 729px;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius-topright: 15px;
-    -moz-border-radius-topleft: 15px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius-topright: 15px;
-    border-radius-topleft: 15px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-top-right-radius: 15px;
-    -webkit-border-top-left-radius: 15px;
-    border-top-right-radius: 15px;
-    border-top-left-radius: 15px;
-}
-
-#textbox_content {
-    padding: 20px 20px 5px;
-    width: 685px;
-    position: relative;
-    background: #FFF;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius-bottomright: 15px;
-    -moz-border-radius-bottomleft: 15px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius-bottomright: 15px;
-    border-radius-bottomleft: 15px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-radius-bottomright: 15px;
-    -webkit-border-radius-bottomleft: 15px;
-    border-right: 5px solid #FFF;
-    border-bottom: 5px solid #FFF;
-    -webkit-border-bottom-right-radius: 15px;
-    -webkit-border-bottom-left-radius: 15px;
-    border-bottom-right-radius: 15px;
-    border-bottom-left-radius: 15px;
-}
-
-.textboxContentHeader {
-    font-family: Arial, Helvetica, sans-serif;
-    font-size: 28px;
-    color: #FFF;
-    padding: 9px 8px 8px;
-    margin-left: 20px;
-}
-
-
-#textbox_content h1 {
-    display: none;
-}
-
-#feedback {
-  float: right;
-  color: #FFF;
-  font-size: 12px;
-  width: 100px;
-  margin-right: 1em;
-}
-
-/*----- home page  -----*/
-
-#top {
-    height: 400px;
-    width: 750px;
-    clear: both;
-    float: left;
-}
-
-#logo {
-    height: 72px;
-    width: 440px;
-    margin-top: 50px;
-    margin-left: 45px;
-    font-family: "Courier New", Courier, monospace;
-    font-size: 68px;
-    color: #7989D6;
-    font-weight: 400;
-    color:#7690CF;
-    text-shadow:1.5px 1.5px 1.5px #48577D;
-    text-shadow:#48577D 1.5px 1.5px 1.5px;
-    letter-spacing: 1.5px;
-}
-
-#twitterWidget {
-    float: right;
-    height: 300px;
-    width: 250px;
-    top: 0px;
-    margin-top: 45px;
-    margin-right: 40px;
-
-}
-
-#tagline {
-    height: 120px;
-    width: 600px;
-    margin-left: 93px;
-    clear: both;
-    float: left;
-    margin-top: 10px;
-    font-size: 40px;
-    color: #FFF;
-    font-weight: bold;
-    text-shadow:1.5px 1.5px 1.5px #48577D;
-    text-shadow:#48577D 1.5px 1.5px 1.5px;
-
-}
-
-
-/*----- buttons -----*/
-
-#buttons {
-    clear: both;
-    float: left;
-    height: 72px;
-    width: 675px;
-    margin-left: 40px;
-    margin-top: 35px;
-
-}
-
-#downloadButton {
-    clear: both;
-    float: left;
-    height: 72px;
-    width: 230px;
-    background: #FFF url(img/download_arrow.png) no-repeat 15px 5px;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius: 10px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius: 10px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-radius:10px;
-}
-
-#downloadText {
-    padding-top: 7px;
-    padding-left: 58px;
-    width: 170px;
-}
-
-#communityButton {
-    float: right;
-    height: 72px;
-    width: 230px;
-    background: #FFF url(img/community_icon.png) no-repeat 147px 8px;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius: 10px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius: 10px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-radius:10px;
-}
-
-#communityText {
-    width: 150px;
-    padding-top: 7px;
-    padding-left: 20px;
-}
-
-
-.smallLinks {
-    font-size: 10px;
-    line-height: 14px;
-    color: #000;
-}
-
-.smallLinks a:link {
-    color: #000;
-    text-decoration: none;
-}
-.smallLinks a:visited {
-    text-decoration: none;
-    color: #000;
-}
-.smallLinks a:hover {
-    text-decoration: underline;
-    color: #7989D6;
-}
-.smallLinks a:active {
-    text-decoration: none;
-}
-.blueText {
-    font-size: 13px;
-    color: #7989D6;
-    display: block;
-}
-.buttonHeadings {
-    font-size: 22px;
-    font-weight: bold;
-    display: block;
-    color: #000;
+#container  {
+    width: 1150px;
+    margin: 0 auto;
+    background: #F8AC09 url(img/yellow_bkgnd.jpg) no-repeat top left;
 }
 
 
-/*----- Icon Divs ----- */
-
-#icons {
-    background: #FFF;
-    width: 410px;
+#footer {
     clear: both;
-    float: left;
-    height: 520px;
-    width: 410px;
-    padding-top: 20px;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius: 15px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius: 15px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-radius:15px;
-}
-
-#iconWrap{
-    clear: right;
-    float: left;
-    height: 500px;
-    width: 110px;
-    margin-left: 30px;
-    padding-top: 5px;
-}
-
-#templatesDescription {
-    font-size: 14px;
-    line-height: 16px;
-    height: 95px;
-    width: 300px;
-}
-
-#descriptions {
-    float: left;
-    height: 500px;
-    width: 230px;
-    padding-top: 5px;
-    font-size: 14px;
-    line-height: 16px;
-    margin-left: 5px;
+    padding: 2em 4em 1em;
+    text-align: right;
+    font-size: 12px;
 }
 
-#UItemplatesDescription {
-    height: 95px;
-    width: 230px;
-    margin-bottom: 25px;
-    padding-top: 5px;
-}
 
-#two-wayDescription {
-    height: 95px;
-    width: 230px;
-    margin-bottom: 10px;
-    padding-top: 15px;
-}
 
-#frameworkDescription {
-    height: 95px;
-    width: 230px;
-    margin-bottom: 25px;
-    padding-top: 7px;
-}
+/*----- navigation styles -----*/
 
-#mvcDescription {
-    height: 75px;
-    width: 230px;
-    padding-top: 18px;
+#navbar {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  background: #7989D6;
+  height: 3.5em;
+  border-bottom: 4px solid #808080;
 }
 
-#templateIcon {
-    height: 90px;
-    width: 95px;
-    position: relative;
+#navbar li {
+  display: inline;
 }
 
-#two-wayIcon {
-    height: 90px;
-    width: 95px;
-
-    position: relative;
-}
-#frameworkIcon {
-    height: 90px;
-    width: 95px;
-    position: relative;
-}
-
-#mvcIcon {
-    height: 90px;
-    width: 95px;
-    position: relative;
+#navbar a:link, #navbar a:visited {
+  font-size: 1.2em;
+  color: #FFF;
+  text-decoration: none;
+  text-align: center;
+  display: inline-block;
+  width: 11em;
+  margin-top: 0.4em;
+  padding: 0.5em 0;
 }
 
-#templatesLink {
-    line-height: 12px;
-    height: 28px;
-    width: 95px;
-    margin-bottom: 5px;
-    padding-top: 3px;
-    text-align: center;
+#navbar a:hover {
+  color: #000;
 }
 
-#two-wayLink {
-    line-height: 12px;
-    height: 28px;
-    width: 95px;
-    margin-bottom: 5px;
-    padding-top: 3px;
-    text-align: center;
-}
-#frameworkLink {
-    line-height: 12px;
-    height: 20px;
-    width: 95px;
-    margin-bottom: 5px;
-    padding-top: 5px;
-    text-align: center;
-}
-#mvcLink {
-    line-height: 12px;
-    height: 28px;
-    width: 95px;
-    margin-bottom: 5px;
-    padding-top: 3px;
-    text-align: center;
+#navbar a.current {
+  font-weight: bold;
+  background-color: #333;
+  border-radius: 10px;
+  -webkit-border-radius:10px;
+  -moz-border-radius: 10px;
+  box-shadow: 4px 4px 6px #48577D;
+  -webkit-box-shadow: 4px 4px 6px #48577D;
+  -moz-box-shadow: 4px 4px 6px #48577D;
 }
 
-
-/*----- What you need divs ---*/
-
-#whatYouNeed {
-    clear: both;
-    float: left;
-    margin-top: 35px;
-    margin-bottom: 35px;
-    background: #FFF;
-    height: 220px;
-    width: 410px;
-    padding-top: 20px;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius: 15px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius: 15px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-radius:15px;
+#navbar a.current:hover {
+  color: #fff;
 }
 
-#listText {
-    width: 360px;
-    padding-left: 20px;
-}
 
-/*----- testimonial divs ---*/
 
+/*------ sidebar styles ------*/
 
-#testimonials {
-    background: #FFF;
-    min-height: 185px;
-    width: 390px;
-    clear: both;
-    float: left;
-    padding-top: 20px;
-    padding-left: 20px;
-    padding-bottom: 10px;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius: 15px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius: 15px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-radius:15px;
-}
+#sidebar {
+  margin-top: 4em;
+  width: 15.5em;
+  padding: 0.7em;
+  background: #7989D6;
+  overflow: hidden;
+  float: left;
 
-#testimonialsNav {
-    float: right;
-    margin-top: 8px;
-    margin-right: 30px;
-}
+  -moz-box-shadow: 4px 4px 6px #48577D;
+  -webkit-box-shadow: 4px 4px 6px #48577D;
+  box-shadow: 4px 4px 6px #48577D;
 
-#testimonials ul {
-    margin: 0;
-    padding: 0;
-}
+  -moz-border-radius-topright: 15px;
+  -webkit-border-top-right-radius: 15px;
+  border-top-right-radius: 15px;
 
-#testimonials ul li {
-    list-style: none;
+  -moz-border-radius-bottomright: 15px;
+  -webkit-border-bottom-right-radius: 15px;
+  border-bottom-right-radius: 15px;
 }
 
-.testimonialsText {
-    width: 360px;
-    padding-top: 15px;
-    text-align: justify;
-    font-style: italic;
-    font-size: 14px;
-}
 
-.sigName {
-    width: 340px;
-    font-size: 12px;
-    font-style: italic;
-    text-align: right;
-    margin-top: 15px;
+#sidebar input {
+  width: 18.9em;
 }
 
 
-
-/* ------ Live Example Divs ------ */
-
-#right {
-    width: 525px;
-    clear: right;
-    float: left;
-    position: relative;
+#content-list {
+  background: #fff;
+  padding: 1em 0em 1em 2.5em;
+  margin: 0.95em -1em -1em -0.6em;
+  line-height: 1.5em;
 }
 
-#liveExText {
-    background: #FFF;
-    width: 475px;
-    height: 1045px;
-    padding-top: 20px;
-    padding-left: 25px;
-    padding-right: 25px;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius: 15px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius: 15px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-radius:15px;
-}
 
-#liveExText ul.doc-example {
-    margin: 0;
-    padding: 0;
+#content-list .level-0 {
+  font-size: 1.8em;
+  list-style: none;
+  margin-left: -0.8em;
+  padding-bottom: 0.7em;
 }
 
-#liveExText ul.doc-example li {
-    list-style: none;
+#content-list .level-1 {
+  font-size: 1.1em;
+  font-weight: bold;
 }
 
-#liveExText ul.doc-example li.doc-example-source {
-  font-size: 12px;
+#content-list .level-2, #content-list.level-3 {
+  margin-left: 1em;
 }
 
-div.syntaxhighlighter {
-/*  overflow: hidden !important; */
-  border-left: 3px solid green;
-  padding-left: 1em;
+#content-list a.current {
+  font-weight: bold;
+  color: #000;
+  text-decoration: none;
 }
 
-#liveExText h3 {
-    background: #7989D6;
-    padding-top: 1px;
-    padding-left: 15px;
-    padding-right: 15px;
-    -moz-box-shadow: 4px 4px 6px #48577D;
-    -moz-border-radius: 7px;
-    box-shadow: 4px 4px 6px #48577D;
-    border-radius: 7px;
-    -webkit-box-shadow: 4px 4px 6px #48577D;
-    -webkit-border-radius:7px;
-    margin-left: -15px;
-    margin-right: -15px;
-    color: white;
-}
 
-#liveExText li.doc-example-live input[type=password] {
-    width: 170px;
-}
 
-#liveExText li.doc-example-live table {
-    width: 100%;
-}
+/*----- content styles -----*/
+#content-panel {
+  float: left;
+  margin-top: 4em;
+  margin-left: 3em;
+  width: 57em;
+  padding: 0.5em 1em 1em 1em;
+  background: #7989D6;
+  overflow: hidden;
 
-#liveExNav {
-    float: right;
-    padding-top: 8px;
-}
+  -moz-box-shadow: 4px 4px 6px #48577D;
+  -webkit-box-shadow: 4px 4px 6px #48577D;
+  box-shadow: 4px 4px 6px #48577D;
 
-#liveExNav label {
-    cursor: pointer;
-    cursor: hand;
+  -moz-border-radius: 15px;
+  -webkit-border-radius: 15px;
+  border-radius: 15px;
 }
 
-
-/*-----float clearing---*/
-
-.clearFloat {
-    clear: both;
-    height:0px;
-    font-size:1px;
-    line-height:0px;
+#content-panel > h2 {
+  font-size: 2em;
+  font-weight: normal;
+  color: #fff;
+  margin: 0;
+  height: 1em;
 }
 
 
-
-/*-----navigation icons---*/
-
-.navIcon {
-    background: url('img/navIcon.png') no-repeat;
+#content {
+  background-color: #fff;
+  display: block;
+  margin: 0.7em -1em -1em;
+  padding: 0.5em 1.5em;
 }
 
-.prev {
-    background-position: left -2px;
-    padding-left: 12px;
-}
 
-.separator {
-    background-position: 2px -22px;
-    padding: 0 5px;
+#content > h1 {
+  display: none;
 }
 
-.next {
-    background-position: right -42px;
-    padding-right: 12px;
-}
 
+#content img {
+  display: block;
+  margin: 2em auto;
+  padding: 1em;
+  border: 1px solid black;
 
-/* subpages */
+  -moz-box-shadow: 4px 4px 6px #48577D;
+  -webkit-box-shadow: 4px 4px 6px #48577D;
+  box-shadow: 4px 4px 6px #48577D;
 
-#fader {
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-  background-color: black;
-  opacity: 0.8;
-  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-  filter: alpha(opacity=80);
-  z-index: 3;
-}
 
-#subpages > div {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  width: 729px;
-  margin-top: -140px;
-  margin-left: -365px;
-  z-index: 3;
-  background-color: #7989D6;
-  border-radius: 15px;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
-  box-shadow: 4px 4px 6px #48577D;
-  -webkit-box-shadow: 4px 4px 6px #48577D;
-  -moz-box-shadow: 4px 4px 6px #48577D;
-}
-
-#subpages h2 {
-  height: 1.8em;
-  -moz-border-radius-topright: 15px;
-  -moz-border-radius-topleft: 15px;
-  border-radius-topright: 15px;
-  border-radius-topleft: 15px;
-  -webkit-border-top-right-radius: 15px;
-  -webkit-border-top-left-radius: 15px;
-  border-top-right-radius: 15px;
-  border-top-left-radius: 15px;
-  padding: 0.6em 0 0 1em;
-  margin: 0;
-  color: white;
+  border-radius: 15px;
 }
 
-#subpages > div > a {
-  color: black;
+#feedback {
   float: right;
-  margin: -40px 10px;
-  font-size: 1em;
-}
-
-#subpages > div > a:hover {
-  text-decoration: none;
-  color: white;
-}
-
-#subpages > div > div {
-  background-color: white;
-  padding: 1em 0 1em 1em;
-  margin-bottom: 1.5em;
+  margin-top: -2.3em;
+  margin-right: 0.5em;
+  width: 8em;
+  font-size: 0.8em;
+  color: #fff;
 }
diff --git a/docs/src/templates/index.html b/docs/src/templates/index.html
index d6afd478..7c50d898 100644
--- a/docs/src/templates/index.html
+++ b/docs/src/templates/index.html
@@ -11,16 +11,17 @@
   <script>
     // GA asynchronous tracker
     var _gaq = _gaq || [];
-	_gaq.push(['_setAccount', 'UA-8594346-3']);
+    _gaq.push(['_setAccount', 'UA-8594346-3']);
 
     /*!
-     * $script.js v1.3
-     * https://github.com/ded/script.js
-     * Copyright: @ded & @fat - Dustin Diaz, Jacob Thornton 2011
-     * Follow our software http://twitter.com/dedfat
-     * License: MIT
-     */
-    !function(a,b,c){function w(a,c){var e=b.createElement("script"),f=0;e.onload=e[r]=function(){e[p]&&!!h.test(e[p])||f||(e.onload=e[r]=null,f=1,c())},e.async=1,e.src=a,d.parentNode.insertBefore(e,d)}function t(a,b){s(a,function(a){return!b(a)})}var d=b.getElementsByTagName("script")[0],e={},f={},g={},h=/^i|c/,i={},k="string",l=!1,m,n="push",o="DOMContentLoaded",p="readyState",q="addEventListener",r="onreadystatechange",s=function(a,b){for(m=0,j=a.length;m<j;++m)if(!b(a[m]))return 0;return 1};!b[p]&&b[q]&&(b[q](o,function u(){b.removeEventListener(o,u,l),b[p]="complete"},l),b[p]="loading");var v=function(a,b,d){function o(){if(!--l){e[k]=1,j&&j();for(var a in g)s(a.split("|"),m)&&!t(g[a],m)&&(g[a]=[])}}function m(a){return a.call?a():e[a]}a=a[n]?a:[a];var h=b&&b.call,j=h?b:d,k=h?a.join(""):b,l=a.length;c(function(){t(a,function(a){i[a]?(k&&(f[k]=1),o()):(i[a]=1,k&&(f[k]=1),w(v.path?v.path+a+".js":a,o))})},0);return v};v.get=w,v.ready=function(a,b,c){a=a[n]?a:[a];var d=[];!t(a,function(a){e[a]||d[n](a)})&&s(a,function(a){return e[a]})?b():!function(a){g[a]=g[a]||[],g[a][n](b),c&&c(d)}(a.join("|"));return v};var x=a.$script;v.noConflict=function(){a.$script=x;return this},typeof module!="undefined"&&module.exports?module.exports=v:a.$script=v}(this,document,setTimeout)
+      * $script.js v1.3
+      * https://github.com/ded/script.js
+      * Copyright: @ded & @fat - Dustin Diaz, Jacob Thornton 2011
+      * Follow our software http://twitter.com/dedfat
+      * License: MIT
+      */
+    !function(a,b,c){function t(a,c){var e=b.createElement("script"),f=j;e.onload=e.onerror=e[o]=function(){e[m]&&!/^c|loade/.test(e[m])||f||(e.onload=e[o]=null,f=1,c())},e.async=1,e.src=a,d.insertBefore(e,d.firstChild)}function q(a,b){p(a,function(a){return!b(a)})}var d=b.getElementsByTagName("head")[0],e={},f={},g={},h={},i="string",j=!1,k="push",l="DOMContentLoaded",m="readyState",n="addEventListener",o="onreadystatechange",p=function(a,b){for(var c=0,d=a.length;c<d;++c)if(!b(a[c]))return j;return 1};!b[m]&&b[n]&&(b[n](l,function r(){b.removeEventListener(l,r,j),b[m]="complete"},j),b[m]="loading");var s=function(a,b,d){function o(){if(!--m){e[l]=1,j&&j();for(var a in g)p(a.split("|"),n)&&!q(g[a],n)&&(g[a]=[])}}function n(a){return a.call?a():e[a]}a=a[k]?a:[a];var i=b&&b.call,j=i?b:d,l=i?a.join(""):b,m=a.length;c(function(){q(a,function(a){h[a]?(l&&(f[l]=1),o()):(h[a]=1,l&&(f[l]=1),t(s.path?s.path+a+".js":a,o))})},0);return s};s.get=t,s.ready=function(a,b,c){a=a[k]?a:[a];var d=[];!q(a,function(a){e[a]||d[k](a)})&&p(a,function(a){return e[a]})?b():!function(a){g[a]=g[a]||[],g[a][k](b),c&&c(d)}(a.join("|"));return s};var u=a.$script;s.noConflict=function(){a.$script=u;return this},typeof module!="undefined"&&module.exports?module.exports=s:a.$script=s}(this,document,setTimeout)
+    
     $script([
       'jquery.min.js',
       'syntaxhighlighter/syntaxhighlighter-combined.js'], function(){
@@ -37,57 +38,47 @@
   </script>
 </head>
 
-<body class="twoCol" style="display:none;" ng:show="true">
-  <!--[if lt IE 9]>
-    <div id="oldIePrompt">
-      You are using an old version of Internet Explorer.
-      For better and safer browsing experience please <a href="http://www.microsoft.com/IE9">upgrade IE</a>
-      or install <a href="http://google.com/chrome">Google Chrome browser</a>.
-    </div>
-  <![endif]-->
-  <div class="twoCol" id="container">
-    <div id="navigationHome">
-      <div id="navContainer">
-        <ul class="navContainerStyle">
-          <li><a href="http://angularjs.org/">&lt;angular/&gt;</a></li>
-          <li><a href="#!guide" ng:class="selectedSection('guide')">Developer Guide</a></li>
-          <li><a href="#!api" ng:class="selectedSection('api')">API Reference</a></li>
-          <li><a href="#!cookbook" ng:class="selectedSection('cookbook')">Examples</a></li>
-          <li><a href="#!intro/started" ng:class="selectedSection('intro')">Getting Started</a></li>
-          <li><a href="#!tutorial" ng:class="selectedSection('tutorial')">Tutorial</a></li>
-        </ul>
-    </div>
-  </div>
-  <div id="sidebar">
-    <div id="sidebarTop">
-      <input type="text" name="search" id="search-box" placeholder="search the docs"
-             tabindex="1" accesskey="s" size="35"/>
-    </div>
-    <div id="sidebarArea">
-      <div id="sideBarContent1">
-        <ul id="api-list">
-          <li ng:repeat="page in pages.$filter(search)" ng:class="getClass(page)">
-            <a href="{{getUrl(page)}}" ng:class="selectedPartial(page)" tabindex="2">{{page.shortName}}</a>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
+<body>
+  <div id="container">
 
-  <div id="textbox">
-    <div id="textboxTop">
-      <div class=textboxContentHeader>
-        {{partialTitle}}
-        <a id="feedback" ng:href="{{getFeedbackUrl()}}">Report an Issue or Ask a Question</a>
+    <!--[if lt IE 9]>
+      <div id="oldIePrompt">
+        You are using an old version of Internet Explorer.
+        For better and safer browsing experience please <a href="http://www.microsoft.com/IE9">upgrade IE</a>
+        or install <a href="http://google.com/chrome">Google Chrome browser</a>.
       </div>
+    <![endif]-->
+
+    <ul id="navbar">
+      <li><a href="http://angularjs.org/">&lt;angular/&gt;</a></li>
+      <li><a href="#!guide" ng:class="selectedSection('guide')">Developer Guide</a></li>
+      <li><a href="#!api" ng:class="selectedSection('api')">API Reference</a></li>
+      <li><a href="#!cookbook" ng:class="selectedSection('cookbook')">Examples</a></li>
+      <li><a href="#!intro/started" ng:class="selectedSection('intro')">Getting Started</a></li>
+      <li><a href="#!tutorial" ng:class="selectedSection('tutorial')">Tutorial</a></li>
+    </ul>
+
+    <div id="sidebar">
+      <input type="text" name="search" id="search-box" placeholder="search the docs"
+             tabindex="1" accesskey="s">
+
+      <ul id="content-list">
+        <li ng:repeat="page in pages.$filter(search)" ng:class="getClass(page)">
+          <a href="{{getUrl(page)}}" ng:class="selectedPartial(page)"
+             ng:bind="page.shortName"
+             tabindex="2"></a>
+        </li>
+      </ul>
     </div>
-    <div id="devguide_header"></div>
-      <div id="textbox_content">
-        <ng:include src="getCurrentPartial()" onload="afterPartialLoaded()"></ng:include>
-      </div>
+
+
+    <div id="content-panel">
+      <h2 ng:bind="partialTitle"></h2>
+      <a id="feedback" ng:href="{{getFeedbackUrl()}}">Report an Issue or Ask a Question</a>
+      <ng:include id="content" src="getCurrentPartial()" onload="afterPartialLoaded()"></ng:include>
     </div>
-    <br class="clearFloat" />
-    <div id="twoColFooter">© 2010-2011 angular</div>
+
+    <div id="footer">© 2010-2011 angular</div>
   </div>
 </body>
 </html>