doc: update design to match nodejs.org

4 files changed, 821 insertions, 402 deletions

diff --git a/doc/api_assets/joyent-footer.svg b/doc/api_assets/joyent-footer.svg
new file mode 100644
index 000000000..c4d1ab6f5
--- /dev/null
+++ b/doc/api_assets/joyent-footer.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 494.8 134.4" enable-background="new 0 0 494.8 134.4" xml:space="preserve">
+<g id="Background">
+</g>
+<g id="Guides">
+</g>
+<g id="Foreground">
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M121.3,85.4c4.1,3.2,8.9,6.1,15.4,6.1c9.7,0,12.3-5.9,12.3-13.6
+		V10.2h10.5v55.3c0,4.8,0,10-0.3,14.8c-0.5,12.8-7.1,20.3-22.2,20.3c-10.4,0-18-4.3-21.1-7.6L121.3,85.4z M221.5,66.1
+		c0-16-4.7-27.2-17.6-27.2c-12.7,0-18.4,10.7-18.4,25.1c0,13.2,2.7,28.8,17.9,28.8C216,92.8,221.5,80.6,221.5,66.1z M204.7,30.7
+		c9.2,0,27.4,2.9,27.4,33.1c0,26-12.9,37-29.6,37c-17,0-27.4-11.5-27.4-35.5C175.1,37.7,191.5,30.7,204.7,30.7z M296,96.3V32.6
+		h-10.1v39.8c0,9.2-6.1,15.6-16.3,15.6c-14.2,0-15.1-7.7-15.1-17.9V32.6h-10.4v40.3c0,15.2,7.3,20.7,18.7,21.9
+		c-6.5,4.3-14.7,12-14.7,22.8c0,10.3,6.5,16.8,20.2,16.8c14.1,0,22.7-6.8,26-19.8C295.5,110,296,102.1,296,96.3z M269.3,126.4
+		c12.1,0,16.4-10.5,16.4-25.1V89.7c-16,6.7-27.6,13.9-27.6,26.6C258.1,122.8,262,126.4,269.3,126.4z M339,30.7
+		c-20.3,0-31,16.3-31,36c0,19.9,8.8,34,29.6,34c10.7,0,18.4-4.8,21.8-7.6l-4-6.8c-2.5,1.9-8.1,6.1-17.1,6.1
+		c-14.1,0-19.5-11.5-20-22.4c1.1,0,2.1,0.1,3.5,0.1c12.9,0,36.7-3.2,36.7-23C358.5,37.4,351.4,30.7,339,30.7z M338.4,38.5
+		c-14.3,0-19.8,13.5-20.2,24c0.8,0,1.6,0.1,2.7,0.1c9.1,0,27.8-2.1,27.8-14.1C348.7,42.2,344.5,38.5,338.4,38.5z M382.6,98.9V55.4
+		c0-8,7.7-16.4,18-16.4c11.2,0,13.3,8,13.3,17.9v42h10.4V53.7c0-15.2-7.5-23-21.2-23c-8.7,0-16.4,4-21.5,11.5l-1.2-9.6h-8.9l0.7,10
+		v56.3H382.6z M439.8,6.2v74.6c0,9.7,0.5,20,18.3,20c5.3,0,11.2-1.7,15.1-4.4l-3.1-6.9c-2.3,1.3-5.6,3.2-10.1,3.2
+		c-6.3,0-9.7-2.8-9.7-11.6V41.5h19v-8.9h-19V6.2H439.8z M53,105.9c29.3,0,53-23.7,53-53c0-29.3-23.7-53-53-53C23.7,0,0,23.7,0,53
+		C0,82.2,23.7,105.9,53,105.9z M43.5,24.6c0-1.1,0.9-2,2-2h14.9c1.1,0,2,0.9,2,2v18.9h18.9c1.1,0,2,0.9,2,2v14.9c0,1.1-0.9,2-2,2
+		H62.4v18.9c0,1.1-0.9,2-2,2H45.5c-1.1,0-2-0.9-2-2V62.4H24.6c-1.1,0-2-0.9-2-2V45.5c0-1.1,0.9-2,2-2h18.9V24.6z M481.3,12.2
+		c0,3.9,3.1,6.8,6.8,6.8c3.7,0,6.8-2.9,6.8-6.8c0-3.8-3.1-6.7-6.8-6.7C484.4,5.6,481.3,8.5,481.3,12.2z M482.5,12.2
+		c0-3.2,2.4-5.7,5.6-5.7c3.1,0,5.5,2.5,5.5,5.7c0,3.3-2.4,5.8-5.5,5.8C484.9,18,482.5,15.5,482.5,12.2z M485.4,16.2h1.2v-3.4h1.3
+		l2.1,3.4h1.3l-2.3-3.5c1.2-0.1,2.1-0.7,2.1-2.1c0-1.5-0.9-2.3-2.8-2.3h-3V16.2z M486.7,9.3h1.6c0.8,0,1.7,0.2,1.7,1.2
+		c0,1.2-1,1.3-2.1,1.3h-1.3V9.3z"/>
+</g>
+</svg>
diff --git a/doc/api_assets/logo.svg b/doc/api_assets/logo.svg
new file mode 100644
index 000000000..39ce9672b
--- /dev/null
+++ b/doc/api_assets/logo.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="1728px" height="720px" viewBox="0 0 1728 720" enable-background="new 0 0 1728 720" xml:space="preserve">
+<g>
+	<path fill="#FFFFFF" d="M260.4,405.2c0-5.1-3.1-10.2-7.1-12.2l-115.9-67.1c-2-1-4.1-2-6.1-2h-1c-2,0-4.1,1-6.1,2L7.1,393
+		c-4.1,2-7.1,7.1-7.1,12.2v180c0,2,1,5.1,3.1,6.1s5.1,1,7.1,0l69.2-39.7c4.1-3.1,7.1-7.1,7.1-12.2v-84.4c0-5.1,3.1-9.2,7.1-12.2
+		l29.5-17.3c2-1,5.1-2,7.1-2c2,0,5.1,1,7.1,2l29.5,17.3c4.1,2,7.1,7.1,7.1,12.2v84.4c0,5.1,3.1,9.2,7.1,12.2l69.2,39.7
+		c2,1,5.1,1,7.1,0c2-1,3.1-3.1,3.1-6.1L260.4,405.2z"/>
+	<path fill="#FFFFFF" d="M879.8,158.1c-2-1-5.1-1-7.1,0s-3.1,3.1-3.1,6.1v178c0,2-1,3.1-2,4.1c-1,1-3.1,1-5.1,0L833,330
+		c-4.1-2-10.2-2-14.2,0l-115.9,67.1c-4.1,2-7.1,7.1-7.1,12.2v134.3c0,5.1,3.1,9.2,7.1,12.2l115.9,67.1c4.1,2,10.2,2,14.2,0
+		l115.9-67.1c4.1-2,7.1-7.1,7.1-12.2V208.9c0-5.1-3.1-10.2-7.1-12.2L879.8,158.1z M868.6,498.8c0,1-1,2-2,3.1l-39.7,23.4
+		c-1,1-2,1-3.1,0l-39.7-23.4c-1-1-2-2-2-3.1V453c0-1,1-2,2-3.1l39.7-23.4c1-1,2-1,3.1,0l39.7,23.4c1,1,2,2,2,3.1V498.8z"/>
+	<path fill="#FFFFFF" d="M1294.7,451c4.1-2,7.1-7.1,7.1-12.2v-32.5c0-5.1-3.1-9.2-7.1-12.2l-114.9-66.1c-4.1-2-10.2-2-14.2,0
+		l-115.9,67.1c-4.1,2-7.1,7.1-7.1,12.2v134.3c0,5.1,3.1,10.2,7.1,12.2l114.9,66.1c4.1,2,9.2,2,14.2,0l70.2-38.6c2-1,4.1-3.1,4.1-6.1
+		c0-2-1-5.1-3.1-6.1l-117-67.1c-2-1-3.1-4.1-3.1-6.1V454c0-2,1-5.1,3.1-6.1l36.6-21.4c2-1,5.1-1,7.1,0l36.6,21.4
+		c2,1,3.1,4.1,3.1,6.1v32.5c0,2,1,5.1,3.1,6.1s5.1,1,7.1,0L1294.7,451z"/>
+	<path fill="#80BD01" d="M470.9,326.9c4.1-2,10.2-2,14.2,0L601.1,394c4.1,2,7.1,7.1,7.1,12.2v134.3c0,5.1-3.1,9.2-7.1,12.2
+		l-115.9,67.1c-4.1,2-10.2,2-14.2,0L355,552.7c-4.1-2-7.1-7.1-7.1-12.2V406.2c0-5.1,3.1-9.2,7.1-12.2L470.9,326.9z"/>
+	<path fill="#80BD01" d="M1520.5,620.8c-4.1,0-8.1-1-11.2-3.1l-36.6-21.4c-5.1-3.1-3.1-4.1-1-5.1c7.1-2,9.2-3.1,16.3-7.1
+		c1,0,2,0,3.1,0l28.5,16.3c1,1,2,1,3.1,0l109.8-63.1c1-1,2-2,2-3.1V409.3c0-1-1-2-2-3.1l-109.8-63.1c-1-1-2-1-3.1,0l-109.8,63.1
+		c-1,1-2,2-2,3.1v126.1c0,1,1,2,2,3.1l29.5,17.3c16.3,8.1,26.4-1,26.4-11.2V419.5c0-2,1-3.1,3.1-3.1h14.2c2,0,3.1,1,3.1,3.1v125.1
+		c0,21.4-12.2,34.6-32.5,34.6c-6.1,0-11.2,0-25.4-7.1l-28.5-16.3c-7.1-4.1-11.2-12.2-11.2-20.3V409.3c0-8.1,4.1-16.3,11.2-20.3
+		l109.8-63.1c7.1-4.1,16.3-4.1,23.4,0l109.8,63.1c7.1,4.1,11.2,12.2,11.2,20.3v126.1c0,8.1-4.1,16.3-11.2,20.3l-109.8,63.1
+		C1527.6,619.8,1524.6,620.8,1520.5,620.8z"/>
+	<path fill="#80BD01" d="M1554.1,534.4c-47.8,0-58-22.4-58-40.7c0-2,1-3.1,3.1-3.1h14.2c2,0,3.1,1,3.1,3.1
+		c2,14.2,8.1,21.4,37.6,21.4c23.4,0,32.5-5.1,32.5-17.3c0-7.1-3.1-12.2-38.6-16.3c-29.5-3.1-48.8-9.2-48.8-33.6
+		c0-22.4,18.3-35.6,49.8-35.6c34.6,0,52.9,12.2,54.9,38.6c0,1,0,2-1,2c-1,1-1,1-2,1h-14.2c-1,0-3.1-1-3.1-2
+		c-3.1-15.3-11.2-20.3-34.6-20.3c-25.4,0-28.5,9.2-28.5,15.3c0,8.1,3.1,10.2,37.6,15.3c33.6,4.1,49.8,11.2,49.8,34.6
+		C1608,520.2,1588.7,534.4,1554.1,534.4z"/>
+	<path fill="#80BD01" d="M1170.6,444.9c1,0,2,0,3.1,0l22.4,13.2c1,0,1,1,1,2v25.4c0,1-1,2-1,2l-22.4,13.2c-1,0-2,0-3.1,0l-22.4-13.2
+		c-1,0-1-1-1-2v-25.4c0-1,1-2,1-2L1170.6,444.9z"/>
+	<g>
+		<path fill="#80BD01" d="M1728,359.5c0,11.2-9.2,21.4-21.4,21.4c-11.2,0-21.4-9.2-21.4-21.4c0-12.2,10.2-21.4,21.4-21.4
+			C1718.8,339.1,1728,348.3,1728,359.5z M1689.4,359.5c0,10.2,8.1,17.3,17.3,17.3c10.2,0,17.3-8.1,17.3-17.3
+			c0-10.2-8.1-17.3-17.3-17.3C1697.5,342.2,1689.4,350.3,1689.4,359.5z M1699.5,348.3h8.1c3.1,0,8.1,0,8.1,6.1
+			c0,4.1-3.1,5.1-4.1,6.1c3.1,0,3.1,2,4.1,5.1c0,2,1,5.1,1,6.1h-5.1c0-1-1-7.1-1-7.1c0-1-1-2-2-2h-4.1v9.2h-5.1L1699.5,348.3
+			L1699.5,348.3z M1703.6,358.4h4.1c3.1,0,4.1-2,4.1-3.1c0-3.1-2-3.1-3.1-3.1h-4.1v6.1H1703.6z"/>
+	</g>
+</g>
+</svg>
diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
index ecb4a35c5..39f2381f3 100644
--- a/doc/api_assets/style.css
+++ b/doc/api_assets/style.css
@@ -1,562 +1,749 @@
-/*--------------------- Layout and Typography ----------------------------*/
+*, *:before, *:after {
+  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
+ }
+
 html {
   -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+hr {
+  border: none;
+  background-color: #999999;
+  height: 1px;
+}
+
+.din {
+  font-family: "din-condensed-web","Arial Narrow",Arial,sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  text-transform: uppercase;
+}
+
+.sans {
+  font-family: "source-sans-pro", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+}
+
+.node-green {
+  color: #80bd01;
 }
 
 body {
-  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
-  font-size: 14px;
-  line-height: 180%;
-  color: black;
-  background-color: white;
-  margin: 0; padding: 49px 0 0 0;
-  border-top: 6px #8CC84B solid;
+  background: #1d1d1d;
+  color: #333333;
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 17px;
+  line-height: 200%;
+  font-family: "source-sans-pro", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  margin: 0;
 }
 
-a {
-  color: #480;
-  text-decoration: underline;
+body a {
+  font-weight: bold;
 }
 
-a:visited {
-  color: #46483e;
-  text-decoration: underline;
+img {
+  border: 0;
 }
 
-a:hover,
-a:focus {
-  text-decoration: none;
+ul {
+  margin: 0px;
+  padding: 0px;
 }
 
-code a:hover {
-  background: none;
-  color: #b950b7;
+h1, h2, h3, h4 {
+  color: #000000;
+  margin-top: 1em;
+  margin-right: 0;
+  margin-bottom: 10px;
+  margin-left: 0;
+  text-transform: uppercase;
 }
 
-#changelog #gtoc {
-  display: none;
+h1 {
+  font-size: 30px;
+  line-height: 36px;
+  text-transform: none;
+  color: #000000;
+  font-weight: normal;
+  margin: 15px 0 11px;
 }
 
-#gtoc p {
-  margin: 0;
-  font-size: 18px;
-  line-height: 30px;
+h2 {
+  font-style: normal;
+  font-weight: 400;
+  font-size: 25px;
+  letter-spacing: 1px;
+  text-transform: none;
 }
 
-#gtoc a {
-  font-family: Georgia, FreeSerif, Times, serif;
-  text-decoration: none;
-  color: #46483e;
+h3, h4 {
+  font-weight: 400;
+  text-transform: none;
 }
 
-#gtoc a:hover {
-  color: #669900;
+.blog h2 {margin-top: 10px;}
+
+#front h1, #front h2, #front h3, #front h4/*, .blog h2, .blog h3, .blog h4*/ {
+  font-family: "din-condensed-web","Arial Narrow",Arial,sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  text-transform: uppercase;
+  color: #80bd01;
+}
+
+/*.blog h1 a {
+  color: #80bd01;
+}*/
+
+#Community h2 {
+  font-weight: 200;
+  font-size: 30px;
+  text-transform: uppercase;
+  line-height: 60px;
+  margin-bottom: 0;
+  margin-top: 10px;
+}
+
+#Community #content ul a {
+  font-weight: 600;
+  line-height: 15px;
   text-decoration: underline;
 }
 
-.notice {
-  display: block;
-  padding: 1em;
-  margin: 1.4667em 0 2.9334em;
-  background: #FFF6BF;
-  color: #514721;
-  border: 1px solid #FFD324;
+h1 code, h2 code, h3 code, h4 code,
+h1 a, h2 a, h3 a, h4 a {
+  color: inherit;
+  font-size: inherit;
 }
 
-.notice p {
-  margin: 0;
+h3 a {
+  color: #80bd01;
 }
 
-.api_stability_0 {
-  border-color: #D60027;
+#nav {
+  background: #303030;
+  padding-top: 22px;
+  text-align: center;
 }
 
-.api_stability_1 {
-  border-color: #EC5315;
+#nav ul {
+  width: 560px;
+  margin: 0 auto;
 }
 
-.api_stability_2 {
-  border-color: #FFD700;
+#nav ul:after, #footer .foot-nav:after {
+  content: ' ';
+  display: block;
+  width: 0;
+  height: 0;
+  clear: both;
 }
 
-.api_stability_3 {
-  border-color: #AEC516;
+#nav ul li {
+  position: relative;
+  background: #303030;
+  display: block;
+  float: left;
+  font-size: 12px;
+  line-height: 12px;
+  padding-bottom: 20px;
 }
 
-.api_stability_4 {
-  border-color: #009431;
+#nav ul li.active:after {
+  top: 100%;
+  left: 50%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+  border-color: rgba(3, 3, 0, 0);
+  border-top-color: #303030;
+  border-width: 15px;
+  margin-left: -15px;
 }
 
-.api_stability_5 {
-  border-color: #0084B6;
+#nav ul li a {
+  padding: 0 12px;
+  font-weight: normal;
+  border-left: 1px solid rgba(109,109,109,.4);
+  text-transform: uppercase;
+  font-size: 14px;
+  color: #cccccc;
 }
 
-ul.plain {
-  list-style: none;
+#nav ul li.active a {
+  color: #80bd01;
 }
 
-abbr {
-  border-bottom: 1px dotted #454545;
+#nav ul li:first-child {
+  padding-bottom: 12px;
 }
 
-p {
-  margin: 0 0 1.4667em 0;
-  position: relative;
-  text-rendering: optimizeLegibility;
+#nav ul li:first-child a {
+  border-left: none;
 }
 
-table {
-  border-collapse: collapse;
-  margin: 0 0 1.4667em 0;
+#intro {
+  padding-top: 30px;
+  width: 775px;
+  margin: 0 auto;
+  text-align: center;
+  color: #d2d8ba;
 }
 
-th, td {
-  border: 1px solid #aaa;
+#logo {
+  width: 182px;
+  margin: 30px auto;
 }
 
-table p {
-  margin: 0 1ex;
+#intro p {
+  color: #ccc;
+  width: 755px;
+  padding-top: 30px;
+  margin: 0 auto;
 }
 
-th {
-  text-align:left;
+#intro p.version {
+  padding-top: 10px;
+  font-size: 16px;
+  color: rgba(153,153,153,.9);
 }
 
-.apidoc #apicontent p,
-.apidoc #apicontent li {
-  font-size: 15px;
-  line-height: 22px;
-  color: #000;
-  font-family: Georgia, FreeSerif, Times, serif;
+#intro .buttons {
+  height: auto;
+  overflow: hidden;
+  _zoom: 1;
+  width: 300px;
+  margin: 0 auto;
 }
 
-ol, ul, dl {
-  margin: 0 0 1em 0;
-  padding: 0;
+#intro .button {
+  font-family: "din-condensed-web","Arial Narrow",Arial,sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  text-transform: uppercase;
+  font-size: 18px;
+  line-height: 18px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+
+  -webkit-transition: .2s all ease-in-out;
+  -moz-transition: .2s all ease-in-out;
+  transition: .2s all ease-in-out;
+
+  margin: 10px 4px;
+  display: inline-block;
+  color: #1b1b1b;
+  background-color: rgba(153,153,153,.7);
+  width: 106px;
+  padding-top: 5px;
+  padding-bottom: 3px;
 }
 
-ol ul, ol ol, ol dl,
-ul ul, ul ol, ul dl,
-dl ul, dl ol, dl dl {
-  margin-bottom: 0;
+#intro .button:hover {
+  text-decoration: none;
+  background-color: rgba(153,153,153,1);
 }
 
-ol p:first-child,
-ul p:first-child,
-dl p:first-child {
-  margin-bottom: 0;
+#intro #docsbutton {
+  clear: left;
 }
 
-ul, ol {
-  margin-left: 2em;
+#intro .downloadbutton {
+  background-color: #80bd01;
+  width: 220px;
+  font-size: 30px;
+  display: block;
+  margin: 30px auto 0px auto;
+  font-family: "din-condensed-web","Arial Narrow",Arial,sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  text-transform: uppercase;
+  padding-top: 12px;
+  padding-bottom: 10px;
 }
 
-dl dt {
-  position: relative;
-  margin: 1.5em 0 0;
+#intro .downloadbutton:hover {
+  background-color: #73a53e;
 }
 
-dl dd {
+#promo {
   position: relative;
-  margin: 0 1em 0;
+  margin-top: 30px;
 }
 
-dd + dt.pre {
-  margin-top: 1.6em;
+#promo:after {
+  position: absolute;
+  background: url(/images/stripe.png);
+  background-size: 5px auto;
+  content: '';
+  top: 10px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  display: block;
 }
 
-h1, h2, h3, h4, h5, h6 {
-  font-family: Helvetica, Arial, sans-serif;
-  color: #000;
-  text-rendering: optimizeLegibility;
-  position: relative;
+#promo img {
+  margin: 0 auto;
+  width: 729px;
+  display: block;
 }
 
-header h1 {
-  font-family: Georgia, FreeSerif, Times, serif;
-  font-size: 30px;
-  font-weight: normal;
-  line-height: 36px;
-  color: #480;
-  margin: 15px 0 11px;
+#content-wrap {
+  background: #303030;
+  padding-bottom: 50px;
 }
 
-h1 {
-  font-size: 29px;
-  line-height: 33px;
-  margin: 2em 0 15px;
+/* .blog #content-wrap, .blog #content-wrap #content #column1 {
+  background-color: #1d1d1d;
+} */
+
+#content {
+  width: 775px;
+  margin: 0 auto;
+  overflow: visible;
+  clear: both;
+  display: block;
 }
 
-#toc + h1 {
-  margin-top: 1em;
-  padding-top: 0;
+.int #content {
 }
 
-h2 {
-  font-size: 1.4em;
-  line-height: 1.0909em;
-  margin: 1.5em 0 0.5em;
+.blog.int #content {
+  padding-top: 10px;
 }
 
-h2 + h2 {
-  margin: 0 0 0.5em;
+#Community #content, .docs #content {
+  width: 953px;
 }
 
-h3 {
-  font-size: 1.3em;
-  line-height: 1.1282em;
-  margin: 2.2em 0 0.5em;
+/* .int.community #content {
+  width: 775px;
+} */
+
+#column1 {
+  width: 460px;
+  float: left;
 }
 
-h3 + h3 {
-  margin: 0 0 0.5em;
+#content p,
+#content ul {
+  font-size: 15px;
+  line-height: 24px;
 }
 
-h2, h3, h4 {
-  position: relative;
-  padding-right: 40px;
+#content ul {
+  margin-top: 1em;
 }
 
-h1 span, h2 span, h3 span, h4 span {
-  font-size: 25px;
-  position: absolute;
-  display: block;
-  top: 0;
-  right: 0;
-  opacity: 0.3;
+#content table {
+  font-size: 14px;
+  line-height: 24px;
+  width: 100%;
+}
+
+#installers {
+  width: 600px;
+  display: table;
+  margin-bottom: 1em;
 }
 
-h1 span:hover, h2 span:hover, h3 span:hover, h4 span:hover {
-  opacity: 1;
+#installers ul {
+  width: auto;
+  text-align: center;
+  margin: 0 auto;
+  display: table-row;
+  width: 600px;
 }
 
-h1 span a, h2 span a, h3 span a, h4 span a {
-  font-size: 0.8em;
-  color: #000;
+#installers ul img {
+  display: block;
+  margin: 0 auto;
+}
+
+#installers ul a {
+  display: block;
+  width: 100%;
   text-decoration: none;
-  font-family: Helvetica, Arial, sans-serif;
-  font-weight: bold;
+  font-size: 16px;
+  padding-top: 1em;
+  background: #f1fbda;
 }
 
-h1 span a.top, h2 span a.top, h3 span a.top, h4 span a.top {
-  /* XXX Get an image and clean up these two links
-  * so that they look nice next to one another.
-  * http://www.chrisglass.com/work/nodejs/website/v05/docs.html
-  * -isaacs
-  */
-  display: none;
+#installers ul a:hover,
+#installers ul a:active {
+  background: #666;
+  color: #8cc84b;
 }
 
-h5 {
-  font-size: 1.125em;
-  line-height: 1.4em;
+#installers ul li {
+  width: 33%;
+  display: table-cell;
 }
 
-h6 {
-  font-size: 1em;
-  line-height: 1.4667em;
+#installers a small {
+  font-size: 10px;
+  display: block;
+  color: #999;
 }
 
-pre, tt, code {
-  font-size: 14px;
-  line-height: 1.5438em;
-  font-family: Monaco, Consolas, "Lucida Console", monospace;
-  margin: 0; padding: 0;
+#installers a:hover small {
+  color: #eee;
 }
 
-.pre {
-  font-family: Monaco, Consolas, "Lucida Console", monospace;
-  line-height: 1.5438em;
-  font-size: 0.95em;
+#download #content {
+  width: 600px;
 }
 
-pre {
-  padding: 1em 1.6em 1em 1.2em;
-  vertical-align: top;
-  background: #f8f8f8;
-  border: 1px solid #e8e8e8;
-  border-width: 1px 1px 1px 6px;
-  margin: -0.5em 0 1.1em;
-  overflow-x: auto;
+#download #content th {
+  text-align: left;
+  width: 33%;
 }
 
-pre + h3 {
-  margin-top: 2.225em;
+#download #content table {
+  table-collapse: separate;
 }
 
-code.pre {
-  white-space: pre;
+#download #content td {
+  border: 1px solid #ccc;
 }
 
-#intro {
-  width: 775px;
-  margin: 0 auto;
+#download #content td a {
+  background: none;
+  display: block;
+  height: 100%;
+  width: 100%;
   text-align: center;
-  color: #d2d8ba;
-  /* preload platform-icons.png */
-  background-image: url(http://nodejs.org/images/platform-icons.png);
-  background-repeat: no-repeat;
-  background-position: -999em -999em;
 }
 
-#intro.interior #logo {
-  margin-left: -298px;
-  border: 0;
+#download #content td a:hover,
+#download #content td a:active {
+  background: #666;
+  color: #8cc84b;
 }
 
-hr {
-  background: none;
-  border: medium none;
-  border-bottom: 1px solid #ccc;
-  margin: 1em 0;
+#front #content p {
+  color: #fff;
+  font-size: 12px;
 }
 
-#toc {
-  font-size: 15px;
-  line-height: 1.5em;
-  line-height: 22px;
-  padding-top: 4px;
+#column2 {
+  width: 218px;
+  padding-left: 0;
+  padding-right: 0;
+  float: left;
+  padding-top: 30px;
+}
+
+.int #column2 img {
+  margin-left: 20px;
 }
 
-#toc h2 {
+#column2.featured h3 {
+  text-transform: none;
+  color: #fff;
   font-size: 15px;
-  line-height: 21px;
-  margin: 0 0 0.5em;
+  line-height: 15px;
+  margin-top: 10px;
+  margin-bottom: 0;
+  font-weight: normal;
+  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 }
 
-#toc h2 a {
-  float: right;
+#column2.featured p {
+  font-size: 11px;
+  line-height: 18px;
+  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 }
 
-#toc hr {
-  margin: 1em 0 2em;
+#column1.interior {
+  width: 100%;
+  font-size: 18px;
+  background: white;
+  padding-top: 30px;
 }
 
-#toc ul,
-#api-section-index #apicontent ul li,
-#api-section-index #apicontent ul {
+#column1.interior ul {
+  padding-left: 40px;
+}
+
+#content ul li ul {
+  margin-top: 0;
+}
+
+#docs #column1.interior {
+  width: 866px;
+  float: left;
+  padding-left: 30px;
+  padding-bottom: 50px;
+  padding-right: 30px;
+}
+
+.row {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.row h2 {
+  font-size: 24px;
+  color: #000000;
+  text-transform: none;
   font-family: Georgia, FreeSerif, Times, serif;
-  color: #666 !important;
+  background: url(http://nodejs.org/images/community-icons.png) no-repeat;
+  padding-left: 45px;
+  padding-top: 6px;
+  padding-bottom: 10px;
+  margin-top: 10px;
+}
+
+.row h2.github { background-position: left -92px; }
+.row h2.mailing { background-position: left -308px; }
+.row h2.periodicals { background-position: left -198px; padding-top: 9px; margin-top: 7px; }
+.row h2.conferences { background-position: left -522px; }
+.row h2.localized { background-position: left -414px; }
+.row h2.irc { background-position: left -626px; }
+.row h2.installers { background-position: left -522px; }
+
+.block {
+  width: 215px;
+  float: left;
+  min-height: 420px;
+  margin-right: 30px;
 }
 
-#toc ul a {
-  text-decoration: none;
-  border-bottom: 1px dotted #480;
+/* .community .block {
+  width: 365px;
+  min-height: 270px;
+} */
+
+div.block:nth-of-type(4n) {
+  margin-right: 0;
 }
 
-#toc ul a:hover,
-#toc ul a:focus {
-  border-bottom: 1px dotted #fff;
-  color: #000;
+.block.index_md_irc {
+  width: 100%;
 }
 
-p tt,
-p code, span.type {
-  background: #f8f8ff;
-  border: 1px solid #dedede;
-  padding: 0 0.2em;
+.block h2 {
+  margin-top: 0;
 }
 
-#content {
-  width: 953px;
+#content .block ul {
+  list-style-type: none;
+  margin-top: 0;
+  padding-left: 0;
+}
+
+#footer {
+  width: 970px;
   margin: 0 auto;
-  overflow: visible;
-  clear: both;
-  display: block;
+  padding: 30px 0 50px 0;
 }
 
-#column1.interior {
-  width: 749px;
-  float: right;
-  padding-top: 7px;
-  padding-top: 11px;
-  font-size: 18px;
+.foot-1 {
+  width: 240px;
+  float: left;
+  padding-left: 30px;
+  padding-bottom: 20px;
 }
 
-#column2.interior {
-  width: 140px;
+.foot-2 {
+  width: 620px;
+  margin-bottom: 50px;
   float: left;
-  margin-top: -55px;
-  overflow: visible;
+  padding-left: 20px;
+  border-left: 1px solid rgba(255,255,255,.3);
 }
 
-#column2.interior ul {
-  margin-left: 0;
+#footer > a {
+  display: block;
+  text-align: center;
 }
 
-#column2.interior li {
-  list-style-type: none;
+#footer img {
+  margin: 0 auto;
+  width: 162px;
 }
 
-#column2.interior li a {
-  display: block;
-  padding: 0 0 0 35px;
-  color: #878b78;
-  text-transform: uppercase;
+#footer a:hover {
   text-decoration: none;
-  font-size: 11px;
-  line-height: 23px;
-}
-
-#column2.interior li a.home { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px 3px; }
-#column2.interior li a.download { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -21px; }
-#column2.interior li a.about { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -45px; }
-#column2.interior li a.npm { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -69px; }
-#column2.interior li a.docs { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -93px; }
-#column2.interior li a.blog { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -117px; }
-#column2.interior li a.community { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -141px; }
-#column2.interior li a.logos { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -165px; }
-#column2.interior li a.jobs { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -189px; }
-
-#column2.interior li a.home.current { background-position: 2px 3px; }
-#column2.interior li a.download.current { background-position: 2px -21px; }
-#column2.interior li a.about.current { background-position: 2px -45px; }
-#column2.interior li a.npm.current { background-position: 2px -69px; }
-#column2.interior li a.docs.current { background-position: 2px -93px; }
-#column2.interior li a.blog.current { background-position: 2px -117px; }
-#column2.interior li a.community.current { background-position: 2px -141px; }
-#column2.interior li a.logos.current { background-position: 2px -165px; }
-#column2.interior li a.jobs.current { background-position: 2px -189px; }
-
-#column2.interior li a.home:hover { background-position: -331px 3px; }
-#column2.interior li a.download:hover { background-position: -331px -21px; }
-#column2.interior li a.about:hover { background-position: -331px -45px; }
-#column2.interior li a.npm:hover { background-position: -331px -69px; }
-#column2.interior li a.docs:hover { background-position: -331px -93px; }
-#column2.interior li a.blog:hover { background-position: -331px -117px; }
-#column2.interior li a.community:hover { background-position: -331px -141px; }
-#column2.interior li a.logos:hover { background-position: -331px -165px; }
-#column2.interior li a.jobs:hover { background-position: -331px -189px; }
-
-#column2.interior li a.current {
-  color: #8cc84b;
-  font-weight: bold;
 }
 
-#column2.interior li a:hover {
-  color: #000000;
-  text-decoration: none;
+#footer h5 {
+  font-weight: 600;
+  font-size: 10px;
+  margin-bottom: 15px;
+  margin-top: 0;
+  line-height: 12px;
+}
+
+#footer a p {
+  color: rgba(255,255,255,.4);
+  font-size: 12px;
+  margin-top: 0;
+  line-height: 14px;
+}
+
+#footer a.getstarted {
+  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+  font-size: 20px;
+  line-height: 20px;
+  background-color: #6b9e00;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  -webkit-transition: .2s all ease-in-out;
+  -moz-transition: .2s all ease-in-out;
+  transition: .2s all ease-in-out;
+  color: #fff;
+  width: 120px;
+  display: block;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  padding-left: 10px;
+  font-weight: normal;
 }
 
-#column2.interior li + li {
-  border-top: 1px solid #c1c7ac;
+#footer a.getstarted:hover {
+  background-color: #73a53e;
 }
 
-#column2.interior p.twitter {
-  padding-top: 20px;
+#footer p.copyright {
+  margin-top: 50px;
+  margin-bottom: 0;
+  color: rgba(255,255,255,.4);
+  font-size: 12px;
 }
 
-#column2.interior p.twitter a {
-  background: url(http://nodejs.org/images/twitter-bird.png) no-repeat 0 4px;
-  padding-left: 37px;
-  text-decoration: none;
+#footer p.copyright a {
+  color: rgba(255,255,255,.4);
 }
 
-#column2.interior p.twitter a:hover {
+#footer p.copyright a:hover {
   text-decoration: underline;
 }
 
-a.totop {
-  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
-  font-weight: bold;
-  text-indent: -9999999px;
-  background: url(http://nodejs.org/images/anchor.png) no-repeat top left;
-  margin-right: 7px;
-  display: block;
-  width: 13px;
-  border-bottom: 1px solid #cccccc;
+#footer ul {
+  list-style-type: none;
+  float: left;
+  margin-right: 60px;
 }
 
-a.anchor {
-  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
-  font-weight: bold;
-  text-indent: -9999999px;
-  background: url(http://nodejs.org/images/anchor.png) no-repeat top right;
-  display: block;
-  width: 13px;
-  border-bottom: 1px solid #cccccc;
+#footer ul:last-child {
+  margin-right: 0;
 }
 
-#footer {
-  width: 942px;
-  margin: 150px auto 55px auto;
-  padding: 0;
+#footer ul a {
+  color: rgba(255,255,255,.7);
+}
+
+#footer ul li {
+  font-size: 13px;
+  line-height: 13px;
+  margin-bottom: 15px;
 }
 
-#footer .joyent-logo {
-  display:block;
-  position:absolute;
-  overflow:hidden;
-  text-indent:-999em;
-  height:100px;
-  width:190px;
-  z-index:999;
+#footer ul li a {
+  font-weight: normal;
 }
 
-#footer p {
-  font-size: 11px;
-  line-height: 1em;
-  padding: 0 0 0 195px;
-  color: #666;
+pre, tt, code {
+  color: #d2d8ba;
+  font-size: 14px;
+  line-height: 22px;
+  font-family: Monaco, Consolas, "Lucida Console", monospace;
+  margin: 0; padding: 0;
+}
+
+#front pre, #front tt, #front code {
+  font-size: 12px;
+  line-height: 22px;
+}
+
+pre {
+  padding-left: 1em;
+  margin-left: -1em;
+  border-left-width: 1px;
+  border-left-style: solid;
+  border-left-color: #626557;
+}
+
+.alt pre {
+  font-size: 14px;
+  margin-left: 0;
+  border-left: 2px solid #dadad7;
+  background-color: #f4f4f2;
+  color: #46483e;
+  padding: 1em 1.5em;
+  line-height: 2em;
+}
+
+.alt code {
+  color: #996633;
 }
 
-#footer p,
-#footer li {
-  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
+dd {
+  margin: 1em 0;
+  margin-left: 1em;
 }
 
-#footer a {
+a {
+  color: #80bd01;
   text-decoration: none;
-  border: none;
-  color: #480;
 }
 
-#footer a:hover {
-  color: #000;
+a:hover {
+  text-decoration: underline;
 }
 
-#footer p a {
-  border-bottom: 1px dotted #480;
-  color: #878b78;
+.alt #content-wrap {
+  background: white;
+  padding-bottom: 50px;
 }
 
-#footer ul {
-  background: url(http://nodejs.org/images/footer-logo-alt.png) left 17px no-repeat;
-  padding: 23px 0 0 195px;
-  height: 26px;
-  margin-left: -1px;
-  border-top: 1px solid #626557;
+.alt #content a {
 }
 
-#footer ul li {
-  list-style-type: none;
-  float: left;
+.alt#logos #content a {
+  background-color: transparent;
+}
+
+.highlight {
+  background: #733;
+  padding: 0.2em 0;
+}
+.desktops {
   font-size: 12px;
-  margin: 0 !important;
-  padding: 0;
-  height: 12px;
 }
 
-#footer ul li a {
-  margin: 0;
-  padding: 0 6px 0 0;
-  display: block;
-  height: 12px;
-  line-height: 12px;
+.release {
+  margin: 0 0 0 2em;
 }
 
-#footer ul li + li {
-  margin-left: 3px;
+.blog p.prev, .blog p.next {
+  font-size: 14px !important;
+  font-weight: 600;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
-#footer ul li + li a {
-  padding: 0 6px 0 6px;
-  border-left: 1px solid #878b78;
+.blog p.prev{
+  float: left;
 }
 
-#footer ul li a.twitter  {
-  background: url(http://nodejs.org/images/twitter-bird.png) no-repeat 5px 0px;
-  padding-left: 25px;
+.blog p.next {
+  float: right;
 }
 
 /* simpler clearfix */
@@ -567,3 +754,135 @@ a.anchor {
   clear: both;
   visibility: hidden;
 }
+
+.alt#docs #content-wrap {
+  background: #ebebeb;
+}
+
+#docs #content {
+  width: 1084px;
+}
+
+#content h1 {
+  padding-bottom: 11px;
+  border-bottom: 1px solid #000000;
+}
+
+#content h1 + p {
+  color: #333333;
+  font-size: 19px;
+  line-height: 35px;
+}
+
+.docs-nav {
+  list-style-type: none;
+}
+
+.docs-nav li {
+  padding-left: 20px;
+  padding -right: 20px;
+}
+
+.docs-nav li.active {
+  background: #d9ebb3;
+}
+
+.docs-nav li a {
+  color: black;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 25px;
+  text-transform: uppercase;
+}
+
+.docs-nav li.active a {
+  font-weight: 600;
+}
+
+#frame-wrap {
+  width: 100%;
+  height: 1200px;
+  overflow: hidden;
+  position: relative;
+}
+
+#frame {
+  position: absolute;
+  top: -140px;
+  left: -270px;
+  width: 1086px;
+  height: 1200px;
+}
+
+h1 a.mark, h2 a.mark, h3 a.mark {
+  color: rgba(0,0,0,.0);
+}
+
+h1:hover a.mark, h2:hover a.mark, h3:hover a.mark {
+  color: rgba(0,0,0,.2);
+}
+
+a.mark:hover {
+  text-decoration: none;
+}
+
+.post-in-feed {
+  padding-bottom: 30px;
+  margin-bottom: 40px;
+  border-bottom: 1px solid rgba(0,0,0,.1);
+}
+
+.carousel {
+  background: url(/images/contributing-photo-combo.jpg) no-repeat left top #80bd01;
+  height: 270px;
+  width: 100%;
+  text-align: center;
+  background-size: auto 300px;
+}
+
+.carousel img {
+  height: 270px;
+  margin: 0 auto;
+}
+
+.carousel .cycle-slideshow {
+  width: 973px;
+  margin: 0 auto;
+}
+
+#Community #content h1 {
+  border-bottom: none;
+  font-weight: 600;
+  text-transform: uppercase;
+  font-size: 23px;
+  position: relative;
+  top: -160px;
+  margin: 0 auto;
+  text-align: center;
+  color: white;
+  background: rgba(0,0,0,.7);
+  padding: 3px 10px 3px 15px;
+  z-index: 999;
+}
+
+#Community #content #column1 {
+  padding-top: 0;
+}
+
+#Community #content #column1 h1 + p {
+  margin-top: 0;
+}
+
+table th {
+  font-weight: 600;
+}
+
+b {
+  font-weight: 600;
+}
+
+table.logos td.jstm img {
+  width: 130px;
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
\ No newline at end of file
diff --git a/doc/template.html b/doc/template.html
index 7c40bede9..b1f4463e6 100644
--- a/doc/template.html
+++ b/doc/template.html
@@ -6,29 +6,34 @@
   <link rel="stylesheet" href="assets/style.css">
   <link rel="stylesheet" href="assets/sh.css">
   <link rel="canonical" href="http://nodejs.org/api/__FILENAME__.html">
+  <script type="text/javascript" src="//use.typekit.net/mse5tqx.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 </head>
-<body class="alt apidoc" id="api-section-__FILENAME__">
-    <div id="intro" class="interior">
-        <a href="/" title="Go back to the home page">
-            <img id="logo" src="http://nodejs.org/images/logo-light.png" alt="node.js">
-        </a>
+<body class="alt apidoc int docs" id="docs">
+    <div id="nav">
+      <img id="logo" src="assets/logo.svg" alt="node.js">
+      <ul>
+        <li><a href="http://nodejs.org">Home</a></li>
+        <li><a href="http://nodejs.org/download/">Downloads</a></li>
+        <li class="active"><a href="http://nodejs.org/documentation/">Docs</a></li>
+        <li><a href="http://nodejs.org/community/">Community</a></li>
+        <li><a href="http://nodejs.org/about/">About</a></li>
+        <li><a href="http://jobs.nodejs.org">Jobs</a></li>
+        <li><a href="http://blog.nodejs.org">Blog</a></li>
+      </ul>
     </div>
+    <div id="content-wrap">
     <div id="content" class="clearfix">
-        <div id="column2" class="interior">
-            <ul>
-                <li><a href="/" class="home">Home</a></li>
-                <li><a href="/download/" class="download">Download</a></li>
-                <li><a href="/about/" class="about">About</a></li>
-                <li><a href="http://npmjs.org/" class="npm">npm Registry</a></li>
-                <li><a href="http://nodejs.org/api/" class="docs current">Docs</a></li>
-                <li><a href="http://blog.nodejs.org" class="blog">Blog</a></li>
-                <li><a href="/community/" class="community">Community</a></li>
-                <li><a href="/logos/" class="logos">Logos</a></li>
-                <li><a href="http://jobs.nodejs.org/" class="jobs">Jobs</a></li>
-            </ul>
-            <p class="twitter"><a href="http://twitter.com/nodejs">@nodejs</a></p>
-        </div>
-
+      <div id="column2" class="interior">
+        <!--<img src="/images/logo-light.svg" alt="node.js" width="170">-->
+        <ul class="docs-nav">
+          <li><a href="http://nodejs.org/documentation/">About Docs</a></li>
+          <li><a href="http://nodejs.org/documentation/tutorials/">Tutorials</a></li>
+          <li><a href="http://nodejs.org/documentation/contributing/">Contributing</a></li>
+          <li><a href="http://nodejs.org/documentation/localization/">Localization</a></li>
+          <li class="active"><a href="http://nodejs.org/api/">API Docs</a></li>
+        </ul>
+      </div>
         <div id="column1" class="interior">
           <header>
             <h1>Node.js __VERSION__ Manual &amp; Documentation</h1>
@@ -52,26 +57,48 @@
           </div>
         </div>
     </div>
+    </div>
     <div id="footer">
-        <a href="http://joyent.com" class="joyent-logo">Joyent</a>
-        <ul class="clearfix">
-            <li><a href="/">Node.js</a></li>
-            <li><a href="/download/">Download</a></li>
-            <li><a href="/about/">About</a></li>
-            <li><a href="http://npmjs.org/">npm Registry</a></li>
-            <li><a href="http://nodejs.org/api/">Docs</a></li>
+      <div class="foot-1">
+        <a href="http://www.joyent.com"><h5>The Node.js Project is Sponsored by</h5>
+        <img src="assets/joyent-footer.svg" width="200">
+        <p class="tag">Production Node +<br>High Performance Infrastructure</p></a>
+        <a href="https://my.joyent.com/landing/signup/701800000015696" class="button getstarted">Get Started</a>
+      </div>
+      <div class="foot-2">
+        <div class="foot-nav">
+          <ul>
+            <li><a href="http://nodejs.org/download/">Downloads</a></li>
+          </ul>
+          <ul>
+            <li><a href="http://nodejs.org/documentation/">Documentation</a></li>
+            <li><a href="http://nodejs.org/api/">API Docs</a></li>
+            <li><a href="http://nodejs.org/documentation/tutorials/">Tutorials</a></li>
+            <li><a href="http://nodejs.org/documentation/localization/">Localization</a></li>
+          </ul>
+          <ul>
+            <li><a href="http://nodejs.org/community/">Community</a></li>
+            <li><a href="https://github.com/joyent/node/issues">Github Issues</a></li>
+            <li><a href="http://groups.google.com/group/nodejs">Mailing List</a></li>
+            <li><a href="http://webchat.freenode.net/?channels=node.js">IRC</a></li>
+            <li><a href="https://twitter.com/nodejs">Twitter</a></li>
+          </ul>
+          <ul>
+            <li><a href="http://nodejs.org/about/">About</a></li>
+            <li><a href="http://nodejs.org/about/organization/">Organization</a></li>
+            <li><a href="http://nodejs.org/about/core-team/">Core Team</a></li>
+            <li><a href="http://nodejs.org/about/resources/">Resources</a></li>
+          </ul>
+          <ul>
             <li><a href="http://blog.nodejs.org">Blog</a></li>
-            <li><a href="/community/">Community</a></li>
-            <li><a href="/logos/">Logos</a></li>
-            <li><a href="http://jobs.nodejs.org/">Jobs</a></li>
-            <li><a href="http://twitter.com/nodejs" class="twitter">@nodejs</a></li>
-        </ul>
-
-        <p>Copyright <a href="http://joyent.com/">Joyent, Inc</a>, Node.js is a <a href="/trademark-policy.pdf">trademark</a> of Joyent, Inc. View <a href="https://raw.github.com/joyent/node/__VERSION__/LICENSE">license</a>.</p>
+          </ul>
+        </div>
+        <p class="copyright">Copyright 2014 <a href="http://joyent.com/">Joyent, Inc</a>, Node.js is a <a href="https://nodejs.org/images/trademark-policy.pdf">trademark</a> of Joyent, Inc. <a href="https://raw.github.com/joyent/node/__VERSION__/LICENSE">View license</a>.</p>
+      </div>
     </div>
 
-  <script src="../sh_main.js"></script>
-  <script src="../sh_javascript.min.js"></script>
+  <script src="/sh_main.js"></script>
+  <script src="/sh_javascript.min.js"></script>
   <script>highlight(undefined, undefined, 'pre');</script>
   <script>
     window._gaq = [['_setAccount', 'UA-10874194-2'], ['_trackPageview']];