Merge lp:~ya-bo-ng/developer-ubuntu-com/redesign-with-guidelines into lp:developer-ubuntu-com/wordpress

[Anthony Dillon]

Redesigned the theme to use the new guidelines. You can see the results of the theme at http://developer.canonicalwebteam.com.

[David Planella (dpm)]

Hi Ant,

As discussed, I've done a review of the staging site with the new theme. Apart from the fact that it's looking awesome, here's what I've seen:

1) On this page:
http://developer.canonicalwebteam.com/resources/tutorials/getting-started/currency-converter-phone-app/

See the original page at:
http://developer.ubuntu.com/resources/tutorials/getting-started/currency-converter-phone-app/

 • The bigger font size makes the title too long and it spans 2 lines
 • The caption is now aligned to the bottom of the image instead of to the right
 • The caption's width is fixed and very small, resulting in a long column of text

2) On this page:
http://developer.canonicalwebteam.com/resources/tutorials/getting-started/

See the original page at:
http://developer.ubuntu.com/resources/tutorials/getting-started/

 • There are no bullets for unordered lists (this applies throughout the site)
 • It might be worth adding some extra vertical space between the last paragraph and a list ("Building an Ubungu SDK App series" looks really close to the list)

3) On this page:
http://developer.canonicalwebteam.com/2013/07/announcing-the-ubuntu-core-apps-hack-days/

See the original page at:
http://developer.ubuntu.com/2013/07/announcing-the-ubuntu-core-apps-hack-days/

 • There needs to be more separation between the "Back to blog" link and "Archive"
 • Perhaps also between Archive and Events?
 • Event titles tend to be quite long, which will make them be two lines under the event header most of the times. An example is "Ubuntu Core Apps Hack Days"

4) Clicking on the top-level MyApps item loads the old header. This is due to MyApps being a different site, which simply contains a copy of the header in the theme. We'll neeed to:
 • Update the MyApps header (and CSS). Martin Albisetti would be the contact person for MyApps

However, if we can live for the inconsistency for a bit, this shouldn't be a blocker to deploy the new theme.

5) On the home page:
http://developer.canonicalwebteam.com/

See the original home at:
http://developer.ubuntu.com/

 • The Get started now button is center-aligned (it was right-aligned on the original theme)

review: Needs Fixing

[lp:~ya-bo-ng/developer-ubuntu-com/redesign-with-guidelines]

82. By Anthony Dillon on 2013-10-02

Update with guidelines

83. By Anthony Dillon on 2014-02-11

Update header link

84. By Anthony Dillon on 2014-02-13

Applied guidelines to new content

[David Planella (dpm)]

We're now reimplementing the site using Django and using the web team guidelines. As such, I'm marking this branch (based on Wordpress) as obsolete.

review: Disapprove

Unmerged revisions

84. By Anthony Dillon on 2014-02-13

Applied guidelines to new content

83. By Anthony Dillon on 2014-02-11

Update header link

82. By Anthony Dillon on 2013-10-02

Update with guidelines

81. By Anthony Dillon on 2013-07-31

Applying the guidelines to the theme

=== modified file '404.php'
--- 404.php	2011-09-26 11:19:45 +0000
+++ 404.php	2014-02-13 16:50:20 +0000
@@ -1,11 +1,11 @@
 <?php get_header(); ?>
-
-	<div class="grid-9">
+<div class="row no-border">
+	<div class="nine-col">
 		<h3>Sorry, we couldn't find the page you were looking for</h3>
 		<p>Why not try one of the following pages instead?</p>
 		<ul>
 			<?php wp_list_pages('sort_column=menu_order&title_li=&depth=1'); ?>
 		</ul>
 	</div>
-
+</div>
 <?php get_footer(); ?>
\ No newline at end of file

=== removed file 'css/960.css'
--- css/960.css	2011-09-02 18:33:25 +0000
+++ css/960.css	1970-01-01 00:00:00 +0000
@@ -1,1 +0,0 @@
-body{min-width:960px}.container-12{margin-left:auto;margin-right:auto;width:960px}.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12{display:inline;float:left;margin-left:10px;margin-right:10px}.push-1,.pull-1,.push-2,.pull-2,.push-3,.pull-3,.push-4,.pull-4,.push-5,.pull-5,.push-6,.pull-6,.push-7,.pull-7,.push-8,.pull-8,.push-9,.pull-9,.push-10,.pull-10,.push-11,.pull-11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container-12 .grid-1{width:60px}.container-12 .grid-2{width:140px}.container-12 .grid-3{width:220px}.container-12 .grid-4{width:300px}.container-12 .grid-5{width:380px}.container-12 .grid-6{width:460px}.container-12 .grid-7{width:540px}.container-12 .grid-8{width:620px}.container-12 .grid-9{width:700px}.container-12 .grid-10{width:780px}.container-12 .grid-11{width:860px}.container-12 .grid-12{width:940px}.container-12 .prefix-1{padding-left:80px}.container-12 .prefix-2{padding-left:160px}.container-12 .prefix-3{padding-left:240px}.container-12 .prefix-4{padding-left:320px}.container-12 .prefix-5{padding-left:400px}.container-12 .prefix-6{padding-left:480px}.container-12 .prefix-7{padding-left:560px}.container-12 .prefix-8{padding-left:640px}.container-12 .prefix-9{padding-left:720px}.container-12 .prefix-10{padding-left:800px}.container-12 .prefix-11{padding-left:880px}.container-12 .suffix-1{padding-right:80px}.container-12 .suffix-2{padding-right:160px}.container-12 .suffix-3{padding-right:240px}.container-12 .suffix-4{padding-right:320px}.container-12 .suffix-5{padding-right:400px}.container-12 .suffix-6{padding-right:480px}.container-12 .suffix-7{padding-right:560px}.container-12 .suffix-8{padding-right:640px}.container-12 .suffix-9{padding-right:720px}.container-12 .suffix-10{padding-right:800px}.container-12 .suffix-11{padding-right:880px}.container-12 .push-1{left:80px}.container-12 .push-2{left:160px}.container-12 .push-3{left:240px}.container-12 .push-4{left:320px}.container-12 .push-5{left:400px}.container-12 .push-6{left:480px}.container-12 .push-7{left:560px}.container-12 .push-8{left:640px}.container-12 .push-9{left:720px}.container-12 .push-10{left:800px}.container-12 .push-11{left:880px}.container-12 .pull-1{left:-80px}.container-12 .pull-2{left:-160px}.container-12 .pull-3{left:-240px}.container-12 .pull-4{left:-320px}.container-12 .pull-5{left:-400px}.container-12 .pull-6{left:-480px}.container-12 .pull-7{left:-560px}.container-12 .pull-8{left:-640px}.container-12 .pull-9{left:-720px}.container-12 .pull-10{left:-800px}.container-12 .pull-11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container-12:before,.container-12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container-12:after{clear:both}.clearfix,.container-12{zoom:1}
\ No newline at end of file

=== removed file 'css/base.css'
--- css/base.css	2013-09-20 12:18:59 +0000
+++ css/base.css	1970-01-01 00:00:00 +0000
@@ -1,960 +0,0 @@
-/**
-* Ubuntu Developer base stylesheet
-*
-* A base stylesheet containing site-wide styles
-*
-* @project Ubuntu Developer
-* @version 1.0
-* @author Canonical Web Team: Steve Edwards
-* @copyright 2011 Canonical Ltd.
-*/
-
-/**
-* @section Global
-*/
-
-body {
-	font-family: 'Ubuntu', 'Ubuntu Beta', UbuntuBeta, Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif;
-	font-size: 13px;
-	line-height: 1.4;
-	color: #333;
-}
-a {
-	color: #dd4814;
-	text-decoration: none;
-	outline: 0;
-}
-p, dl {
-	margin-bottom: 10px;
-}
-.side-menu {
-	margin-right: 20px;
-	margin-bottom: 25px;
-}
-
-.clearfix {
-	clear: both;
-}
-#page_content ol li {
-	list-style: decimal;
-	margin-bottom: 5px;
-	margin-left: 20px;
-}
-#page_content ul li {
-	list-style: circle;
-	margin-bottom: 5px;
-	margin-left: 20px;
-}
-strong {
-	font-weight: bold;
-}
-em {
-	font-style: italic;
-}
-code{
-	padding: 10px;
-	font-family: 'Ubuntu Mono', 'Consolas', 'Monaco', 'DejaVu Sans Mono', Courier, monospace;
-	background-color: #fdf6f2;
-	display: block;
-	margin-bottom: 10px;
-		-moz-border-radius: 4px;
-		-webkit-border-radius: 4px;
-	border-radius: 4px;
-}
-
-code.inline {
-	padding: 3px;
-	display: inline;
-	border: none;
-	margin: 0px;
-}
-
-h1 {
-	font-size: 36px;
-	line-height: 1.1;
-	margin-bottom: 20px;
-}
-article h1,
-h2 {
-	font-size: 24px;
-	line-height: 1.2;
-	margin-bottom: 14px;
-}
-h3 {
-	font-size: 16px;
-	line-height: 1.3;
-	margin-bottom: 8px;
-}
-h4 {
-	font-weight: bold;
-}
-
-time {
-	color:#999;
-}
-
-/**
-* @section Structure
-*/
-
-.header-login,
-.header-navigation div,
-.header-content div {
-	margin: 0 auto;
-	width: 940px;
-}
-
-.header-content h1{
-	background-color:#ffffff;
-	display:inline-block;
-}
-
-.header-content h2{
-	background-color:#ffffff;
-	display:table;
-}
-
-.header-login ul {
-	margin: 4px 0;
-	float: right;
-}
-.header-login li {
-	margin-right: 10px;
-	float: left;
-}
-.header-login a {
-	color: #333;
-}
-.header-navigation {
-	border-top: 2px solid #dd4814;
-	border-bottom: 2px solid #dd4814;
-	background-color: #fff;
-	height: 54px;
-	clear: right;
-	overflow: hidden;
-}
-.header-navigation nav ul {
-	border-right: 1px solid #dd4814;
-	float: right;
-}
-.header-navigation nav li {
-	border-left: 1px solid #dd4814;
-	float: left;
-	height: 54px;
-}
-.header-navigation nav a {
-	padding: 18px 14px 0;
-	font-size: 14px;
-	display: block;
-	height: 36px;
-}
-.header-navigation nav a:hover {
-	background-color: #fcece7;
-}
-.header-navigation nav .current_page_item a,
-.header-navigation nav .current_page_parent a,
-.header-navigation nav .current_page_ancestor a {
-	background-color: #dd4814;
-	color: #fff;
-}
-.header-navigation input {
-	margin: 12px 10px 0 10px;
-	padding: 5px;
-	border-top: 1px solid #a1a1a1;
-	border-right: 1px solid #e0e0e0;
-	border-bottom: 1px solid #fff;
-	border-left: 1px solid #e0e0e0;
-	width: 90px;
-	font-style: italic;
-	color: #ccc;
-		-moz-border-radius: 3px;
-		-webkit-border-radius: 3px;
-	border-radius: 3px;
-		-moz-box-shadow: inset 0 1px 1px #e0e0e0;
-	   -webkit-box-shadow: inset 0 1px 1px #e0e0e0;
-   box-shadow: inset 0 1px 1px #e0e0e0;
-}
-.header-navigation h2 {
-	margin: 18px 0 0 6px;
-	text-transform: lowercase;
-	font-size: 22px;
-	color: #dd4814;
-	float: left;
-}
-.header-navigation .logo-ubuntu {
-	margin-top: 12px;
-	float: left;
-}
-.header-content .header-navigation-secondary {
-	margin-bottom: 40px;
-	padding: 0;
-	position: relative;
-	z-index: 2;
-}
-.header-navigation-secondary div {
-	padding: 0;
-	border: 2px solid #dd4814;
-		-moz-border-radius: 0px 0px 4px 4px;
-		-webkit-border-radius: 0px 0px 4px 4px;
-	border-radius: 0px 0px 4px 4px;
-	background: #fff;
-	border-top: 0px;
-	width: 936px;
-}
-.header-navigation-secondary nav li {
-	float: left;
-}
-.header-navigation-secondary nav li a {
-	color: #333;
-	display: block;
-	height: 25px;
-	padding: 8px 8px 0;
-}
-.header-navigation-secondary nav li:hover,
-.header-navigation-secondary nav .current_page_item a {
-	background: url("../img/sec-nav-hover.gif");
-}
-.header-content {
-	padding-bottom: 30px;
-	border-bottom: 1px solid #e0e0e0;
-		-moz-box-shadow: 0 1px 3px #e0e0e0;
-		-webkit-box-shadow: 0 1px 3px #e0e0e0;
-	box-shadow: 0 1px 3px #e0e0e0;
-	margin-bottom: 3px;
-	position: relative;
-	overflow: hidden;
-}
-footer {
-	padding: 10px 10px 40px 10px;
-	position: relative;
-		-moz-border-radius: 0 0 4px 4px;
-		-webkit-border-radius: 0 0 4px 4px;
-	border-radius: 0 0 4px 4px;
-	font-size: 12px;
-	background: url("../img/background-footer.png") repeat scroll 0 0 #f7f6f5;
-}
-footer div {
-	margin: 0 auto;
-    padding: 0 10px;
-    width: 940px;
-}
-footer a {
-	color: #000;
-}
-footer nav ul {
-	margin: 10px 17px 30px 0;
-	width: 172px;
-	display: inline-block;
-	vertical-align: top;
-	height: auto;
-	zoom: 1;
-	*display: inline;
-}
-footer nav ul.last {
-	margin-right: 0;
-}
-footer nav li {
-	margin-bottom: 8px;
-}
-footer nav li:first-child {
-	font-weight: bold;
-}
-footer p {
-	margin-bottom: 0;
-}
-#content {
-	padding-top: 35px;
-}
-.arrow-nav {
-	display: none;
-	position: absolute;
-	top: -1px;
-	z-index: 3;
-}
-.shadow {
-	margin: 30px 0 3px 0;
-	border-bottom: 1px solid #e0e0e0;
-		-moz-box-shadow: 0 2px 3px #e0e0e0;
-		-webkit-box-shadow: 0 2px 3px #e0e0e0;
-	box-shadow: 0 2px 3px #e0e0e0;
-	height: 3px;
-}
-
-/**
-* @section Site-wide
-*/
-
-#content h2{
-	font-size:24px;
-}
-
-.box-orange {
-	padding: 10px;
-	border: 3px solid #dd4814;
-		-moz-border-radius: 4px;
-		-webkit-border-radius: 4px;
-	border-radius: 4px;
-}
-.box-orange .link-action-small {
-	float: right;
-	margin: 0 0 0 20px;
-}
-.link-bug {
-	margin-left: 10px;
-	color: #999;
-}
-.link-action {
-	float: left;
-	margin-bottom: 20px;
-	padding: 8px 12px;
-	display: block;
-	background-color: #dd4814;
-	color: #fff;
-		-moz-border-radius: 20px;
-		-webkit-border-radius: 20px;
-	border-radius: 20px;
-	font-size: 16px;
-	line-height: 1.3;
-	border-top: 3px solid #e6633a;
-	border-bottom: 3px solid #c03d14;
-}
-.link-action2 {
-	float: left;
-	display: block;
-	color: #fff;
-	font-size: 16px;
-	line-height: 1.3;
-}
-.link-action2 span{
-	display:block;
-	float:left;
-}
-.link-action2 .cta-left{
-	background:url(../img/button-cta-left.png) no-repeat;
-	width:22px;
-	height:48px;
-}
-.link-action2 .cta-center{
-	background:url(../img/button-cta-slice.png) repeat-x;
-	line-height:45px;
-	height:48px;
-}
-.link-action2 .cta-right{
-	background:url(../img/button-cta-right.png) no-repeat;
-	width:22px;
-	height:48px;
-}
-
-.link-action-small {
-	float: left;
-	display: block;
-	color: #fff;
-	font-size: 16px;
-}
-.link-action-small span{
-	display:block;
-	float:left;
-	height:42px;
-}
-.link-action-small .cta-left{
-	background:url(../img/button-cta-left-small.png) no-repeat;
-	width:19px;
-}
-.link-action-small .cta-center{
-	background:url(../img/button-cta-slice-small.png) repeat-x;
-	line-height:42px;
-}
-.link-action-small .cta-right{
-	background:url(../img/button-cta-right-small.png) no-repeat;
-	width:19px;
-}
-
-.link-action:active {
-	position: relative;
-	top: 1px;
-}
-.link-action2:active {
-	position: relative;
-	top: 1px;
-}
-.link-action-small:active {
-	position: relative;
-	top: 1px;
-}
-.list-bullets li {
-	margin-bottom: 10px;
-	list-style: disc;
-	list-style-position: inside;
-}
-.box {
-	margin-bottom: 30px;
-	padding: 15px;
-	border: 1px solid #aea79f;
-		-moz-border-radius: 4px;
-		-webkit-border-radius: 4px;
-	border-radius: 4px;
-}
-.box-padded {
-	margin-bottom: 30px;
-	padding: 5px;
-	border: 2px solid #aea79f;
-		-moz-border-radius: 4px;
-		-webkit-border-radius: 4px;
-	border-radius: 4px;
-	background: url("../img/pattern-featured.gif") repeat scroll 0 0 #ebe9e7;
-	overflow: hidden;
-}
-.box-padded h3 {
-	 margin: 5px 0 10px 5px;
-}
-.box-padded div {
-	padding: 10px;
-	border: 1px solid #aea79f;
-		-moz-border-radius: 4px;
-		-webkit-border-radius: 4px;
-	border-radius: 4px;
-	background-color: #fff;
-	overflow: hidden;
-}
-.box-padded li {
-	padding: 0 10px;
-	float: left;
-	width: 211px;
-	border-right: 1px dotted #aea79f;
-}
-.box-padded li.first {
-	padding: 0;
-	margin-bottom: 0;
-}
-.box-padded li.last {
-	border: 0;
-	width: 217px;
-}
-.box-padded img {
-	margin: 0 10px 50px 0;
-	float: left;
-		-moz-border-radius: 8px;
-		-webkit-border-radius: 8px;
-	border-radius: 8px;
-}
-.box-clear {
-	margin-bottom: 40px;
-}
-.box-clear .grid-4.first {
-	margin-right: 15px;
-	padding-right: 15px;
-}
-.box-clear .grid-4 {
-	margin-left: 0;
-	margin-right: 10px;
-	padding-right: 10px;
-	width: 298px;
-}
-.box-clear time {
-	display: block;
-	border-bottom: 1px dotted #aea79f;
-	padding-bottom: 10px;
-	margin-bottom: 10px;
-}
-.box-clear div.first {
-	border-right: 1px dotted #aea79f;
-}
-.box-clear a {
-	display: block;
-}
-.box-clear .location {
-	display: block;
-	margin-bottom: 1px;
-}
-.box-clear .last {
-	margin: 0;
-	padding-right: 0;
-		-moz-border-radius: 4px;
-		-webkit-border-radius: 4px;
-	border-radius: 4px;
-	width: 293px;
-}
-
-/* Widgets */
-
-.ui-state-focus {
-	outline: none;
-}
-.ui-accordion {
-	border-bottom: 1px dotted #aea79f;
-}
-.ui-accordion a {
-	display: block;
-}
-.ui-accordion h3 {
-	margin-bottom: 0;
-	border-top: 1px dotted #aea79f;
-	position: relative;
-	font-size: 13px;
-	font-weight: bold;
-}
-.ui-accordion h3 a {
-	padding: 10px 0;
-	color: #333;
-}
-.ui-accordion h4 {
-	margin-bottom: 5px;
-}
-.ui-accordion div fieldset {
-	padding-bottom: 5px;
-}
-.ui-accordion div li,
-.ui-accordion div input {
-	margin-bottom: 10px;
-}
-.ui-accordion .ui-icon {
-	position: absolute;
-	top: 15px;
-	right: 0;
-	display: block;
-	width: 8px;
-	height: 8px;
-	background: url("../img/icon-accordion-inactive.png") 0 0 no-repeat transparent;
-}
-.ui-accordion .ui-state-active .ui-icon {
-	background-image: url("../img/icon-accordion-active.png");
-}
-.ui-accordion .current_page_item a {
-	color: #333;
-}
-.container-tweet {
-		-moz-border-radius: 4px 4px 4px 4px;
-		-webkit-border-radius: 4px 4px 4px 4px;
-	border-radius: 4px 4px 4px 4px;
-	padding: 10px 10px 10px;
-	background-color: #f7f7f7;
-}
-.container-tweet .tweet-follow {
-	margin-top: 10px;
-	margin-bottom: -10px;
-	padding-left: 55px;
-	padding-bottom: 6px;
-	background: url("../img/tweet-follow.png") 0 5px no-repeat;
-	display: block;
-}
-.container-tweet .tweet-follow span {
-	font-size: 16px;
-	font-weight: bold;
-	line-height: 1.2;
-	display: block;
-}
-.tweet a {
-	display: inline;
-}
-.tweet .tweet_text {
-	padding: 10px;
-	background-color: #fff;
-		-moz-border-radius: 4px 4px 4px 4px;
-		-webkit-border-radius: 4px 4px 4px 4px;
-	border-radius: 4px 4px 4px 4px;
-	border: 1px solid #dd4814;
-	font-size: 16px;
-	display: block;
-	clear: both;
-}
-.tweet.tweet-small .tweet_text {
-	font-size: inherit;
-}
-.tweet .tweet_text a {
-	color: #333;
-}
-.tweet .tweet_time,
-.tweet .tweet_user_and_time {
-	padding: 15px 0 10px 0;
-	position: relative;
-	top: -2px;
-	background: url("../img/tweet-arrow.png") no-repeat;
-	display: block;
-}
-.tweet .tweet_odd .tweet_time,
-.tweet .tweet_odd .tweet_user_and_time {
-	background-position: right 0;
-	float: right;
-}
-.tweet .tweet_even .tweet_time,
-.tweet .tweet_even .tweet_user_and_time {
-	background-position: left 0;
-	float: left;
-}
-
-/* Search */
-
-#content .list-search li {
-	list-style-type:none;
-	border:0px;
-	margin-bottom: 15px;
-	padding-top: 15px;
-}
-
-/* Home */
-
-.home #content .grid-3.omega {
-	margin-right: 0px;
-}
-
-.home #content .grid-3 {
-	margin-left: 10px;
-	margin-right: 10px;
-	margin-bottom: 0px;
-}
-
-/* Blog */
-
-.blog-community #content .grid-3 {
-	margin-left: 10px;
-	margin-right: 10px;
-}
-
-.blog-community #content .grid-9 {
-	margin-left: 10px;
-	margin-right: 10px;
-}
-
-.blog-article #nav-single {
-	margin-top: 30px;
-	margin-bottom: 30px;
-}
-.blog-article #nav-single .nav-next {
-	float: right;
-}
-.blog-article article header .entry-meta {
-	margin-bottom: 20px;
-}
-.blog-article article .entry-meta {
-	color: #999;
-}
-.blog-article #respond form input[type="submit"] {
-	float: left;
-	cursor: pointer;
-	margin-bottom: 20px;
-	padding: 8px 12px;
-	display: block;
-	background-color: #dd4814;
-	color: #fff;
-		-moz-border-radius: 20px;
-		-webkit-border-radius: 20px;
-	border-radius: 20px;
-	font-size: 16px;
-	line-height: 1.3;
-	border-top: 3px solid #e6633a;
-	border-left: 3px solid #e6633a;
-	border-right: 3px solid #e6633a;
-	border-bottom: 3px solid #c03d14;
-}
-.blog-article #respond form input[type="submit"]:active {
-	position: relative;
-	top: 1px;
-}
-
-.alignnone{
-    float:left;
-    margin:10px 20px 10px 0;
-}
-.alignleft{
-    float:left;
-    margin:10px 20px 10px 0;
-}
-.alignright{
-    float:right;
-   margin:10px 0 10px 20px;
-}
-
-.aligncenter{
-	float:left;
-    margin:10px 20px 10px 0;
-}
-.entry-content h2, .entry-content h3{
-    margin-top:20px;
-}
-.entry-content ul li{
-    list-style-type: circle;
-    margin-left:16px;
-}
-
-.entry-content hr{
-	border:none;
-	border-top: 1px dotted #AEA79F;
-}
-
-
-kbd {
-    background: none repeat scroll 0 0 #EEEEEE;
-    border-color: #CCCCCC #AAAAAA #888888 #BBBBBB;
-    border-style: solid;
-    border-width: 1px 2px 2px 1px;
-    color: #000000;
-    padding: 2px 4px 0;
-    white-space: nowrap;
-}
-
-/* keep up-to-date - latest article lists and social links */
-#keep-up h3 {
-	color: #ADA79F;
-	font-size: 16px;
-	font-weight: 300;
-}
-
-.article h4, .event h4 {
-	font-weight: normal;
-}
-
-#keep-up .article h4 a {
-	font-size: 16px;
-}
-
-#keep-up .article p {
-	font-size: 13px;
-	margin-bottom: 5px;
-}
-
-#keep-up .event h4 a {
-	font-size: 16px;
-}
-
-#keep-up .box-clear time {
-	padding-bottom: 7px;
-}
-
-#keep-up .social-links {
-	margin-top: 20px;
-}
-
-#keep-up .social-links a {
-	padding: 4px 0 4px 24px;
-}
-
-#keep-up .blog-links a {
-	padding: 4px 0 4px 24px;
-}
-
-#keep-up .social-links a.link-twitter {	background: url(../img/icon-twitter.png) 0 50% no-repeat; }
-
-#keep-up .social-links a.link-facebook { background: url(../img/icon-facebook.png) 0 50% no-repeat; }
-
-#keep-up .social-links a.link-google-plus { background: url(../img/icon-google-plus.png) 0 50% no-repeat; }
-
-#keep-up .blog-links a.link-rss { background: url("../img/rss.jpg") 0 50% no-repeat; }
-
-#keep-up .blog-links a.link-blog { background: url("../img/icon-forum.png") 0 50% no-repeat; }
-
-.box-steps {
-	margin-bottom: 30px;
-	border: 3px solid #dd4814;
-		-moz-border-radius: 4px;
-		-webkit-border-radius: 4px;
-	border-radius: 4px;
-		-moz-box-shadow: 0 3px 1px #e0e0e0;
-		-webkit-box-shadow: 0 3px 1px #e0e0e0;
-	box-shadow: 0 3px 1px #e0e0e0;
-	display: inline-block;
-}
-.box-steps li {
-	padding: 15px;
-	float: left;
-	width: 200px;
-	border-right: 1px solid #dd4814;
-	text-align: center;
-	min-height: inherit;
-	list-style-type: none !important;
-	margin-bottom: 0px !important;
-	margin-left: 0px !important;
-}
-.box-steps li.last {
-	border: 0;
-	width: 202px;
-}
-.box-steps span {
-	padding: 4px;
-	margin: 10px auto 0;
-	display: block;
-	border: 3px solid #dd4814;
-		-moz-border-radius: 40px;
-		-webkit-border-radius: 40px;
-	border-radius: 40px;
-	text-align: center;
-	font-size: 36px;
-	width: 50px;
-	color: #dd4814;
-		-moz-box-shadow: 0 2px 1px #e0e0e0;
-		-webkit-box-shadow: 0 2px 1px #e0e0e0;
-	box-shadow: 0 2px 1px #e0e0e0;
-}
-.box-steps img {
-	margin-top: 10px;
-	margin-bottom: 10px;
-}
-#content .box-steps h3 {
-	margin: 0px 0 15px !important;
-	padding-top: 0px !important;
-	padding-bottom: 15px !important;
-	border-top: none !important;
-	border-bottom: 1px dotted #aea79f !important;
-}
-.box-steps p {
-	text-align: left;
-}
-.box-steps a {
-	color: #333;
-}
-.box-steps li:hover {
-	background-color: #fcece7;
-	cursor: pointer;
-}
-.box-steps li:hover span {
-	background-color: #dd4814;
-	color: #fff;
-}
-.box-steps li:hover a {
-	color: #dd4814;
-}
-
-#content .box-steps li img.stepicon {
-	float: none;
-	margin: 0px;
-	display: inline;
-	height: 88px;
-}
-
-.header-content {
-	background: url("../img/background-header-home.png") 0 0 repeat #fff;
-}
-.header-content h1 {
-	font-size: 36px;
-	background: #fff;
-}
-.header-content h2 {
-	font-size: 20px;
-	width: 440px;
-	background: #fff;
-}
-.header-image {
-	background: url("../img/dotted-logo.png") no-repeat scroll 122px -24px transparent;
-	float: right;
-    height: 329px;
-    margin-bottom: -35px;
-    margin-right: -183px;
-    margin-top: -88px;
-    width: 591px;
-	position: relative;
-	z-index: 1;
-}
-.header-image img {
-		-moz-box-shadow: 0 9px 4px 4px #e0e0e0;
-		-webkit-box-shadow: 0 9px 4px 4px #e0e0e0;
-	box-shadow: 0 9px 4px 4px #e0e0e0;
-	margin-bottom: -74px;
-    margin-left: -52px;
-    margin-top: 64px;
-}
-
-#content .grid-3 {
-	margin: 0 0 30px 0;
-}
-#content .grid-9 {
-	margin: 0 0 0 20px;
-}
-#content .grid-9 ul,
-#content .grid-9 ol {
-	margin-bottom: 30px;
-}
-#content .grid-9 li {
-	margin-bottom: 10px;
-}
-
-#page_content article h4{
-	margin-bottom: 10px;
-	clear: both;
-}
-
-.wp-caption-text{
-	color:#666;
-	font-size:12px;
-}
-#page_content article h3{
-	margin:20px 0 20px 0;
-	padding-top:10px;
-	border-top:1px dotted #AEA79F;
-}
-/*#page_content article pre{
-	width:700px;
-	display:block;
-	white-space:normal; 
-}
-
-#page_content article code{
-	width:700px;
-	display:block;
-	white-space:normal; 
-}*/
-
-#page_content article p{
-	clear:both;
-}
-
-#page_content article .clearfix p{
-	clear:none;
-}
-
-#page_content article .wp-caption img{
-	margin:0px;
-	float:left;
-	padding-right:10px;
-}
-
-#page_content article .wp-caption p{
-	clear:none;
-	margin-top:9px;
-}
-
-#page_content article .wp-caption{
-	float:left;
-	margin:0px;
-	width:100% !important;
-	margin-bottom: 20px;
-}
-
-#page_content article p:first-child{
-	font-size:15px;
-	clear:none;
-}
-
-.box-orange .link-action-small{
-	float:right;
-}
-
-#page_content .pagelink{
-	font-size:16px;
-	margin:20px 0 20px 0;
-	padding-top:10px;
-	border-top:1px dotted #AEA79F;
-}
-
-#page_content .pagelink a{
-	border-bottom:1px dotted #AEA79F;
-}
-
-.hero .header-image {
-	background: url("../img/dotted-logo.png") no-repeat scroll 122px -24px transparent;
-	float: right;
-    height: 220px;
-    margin-bottom: -35px;
-    margin-right: -163px;
-    margin-top: -53px;
-    width: 571px;
-	position: relative;
-	z-index: 1;
-}
-.hero .header-image img {
-		-moz-box-shadow: 0 9px 4px 4px #e0e0e0;
-		-webkit-box-shadow: 0 9px 4px 4px #e0e0e0;
-	box-shadow: 0 9px 4px 4px #e0e0e0;
-	margin-bottom: -74px;
-    margin-left: -52px;
-    margin-top: 20px;
-}
-

=== removed file 'css/blog-community.css'
--- css/blog-community.css	2011-09-26 11:19:45 +0000
+++ css/blog-community.css	1970-01-01 00:00:00 +0000
@@ -1,48 +0,0 @@
-/**
-* Ubuntu Developer page stylesheet
-*
-* A stylesheet for the 'community blog' page
-*
-* @project Ubuntu Developer
-* @version 1.0
-* @author Canonical Web Team: Ant Dillon
-* @copyright 2011 Canonical Ltd.
-*/
-
-.blog-community .header-content {
-    background: url("../img/background-header-home.png") repeat scroll 0 0 #FFFFFF;
-}
-
-article {
-	border-top: 1px dotted #aea79F;
-	padding-top: 15px;
-	margin-bottom: 60px;
-}
-article.no-results {
-	border-top: none;
-}
-article h1 {
-	font-size: 24px;
-	margin-bottom: 5px;
-}
-article header div {
-	margin-bottom: 20px;
-}
-article .entry-meta,
-aside hgroup time {
-	color: #999;
-}
-article .author {
-	float: right;
-}
-aside h3.events {
-	margin-top: 15px;
-	padding-top: 15px;
-	border-top: 1px dotted #aea79F;
-}
-aside .location {
-	display: block;
-}
-aside hgroup {
-	margin-bottom: 20px;
-}

=== removed file 'css/blog-planet.css'
--- css/blog-planet.css	2013-10-11 17:19:31 +0000
+++ css/blog-planet.css	1970-01-01 00:00:00 +0000
@@ -1,52 +0,0 @@
-/**
-* Ubuntu Developer page stylesheet
-*
-* A stylesheet for the 'planet blog' page
-*
-* @project Ubuntu Developer
-* @version 1.0
-* @author Canonical Web Team: Ant Dillon
-* @copyright 2011 Canonical Ltd.
-*/
-
-.blogroll LI {
-	list-style: disc;
-}
-
-.blog-community .header-content {
-    background: url("../img/background-header-home.png") repeat scroll 0 0 #FFFFFF;
-}
-
-article {
-	border-top: 1px dotted #aea79F;
-	padding-top: 15px;
-	margin-bottom: 60px;
-}
-article.no-results {
-	border-top: none;
-}
-article h1 {
-	font-size: 24px;
-	margin-bottom: 5px;
-}
-article header div {
-	margin-bottom: 20px;
-}
-article .entry-meta,
-aside hgroup time {
-	color: #999;
-}
-article .author {
-	float: right;
-}
-aside h3.events {
-	margin-top: 15px;
-	padding-top: 15px;
-	border-top: 1px dotted #aea79F;
-}
-aside .location {
-	display: block;
-}
-aside hgroup {
-	margin-bottom: 20px;
-}

=== removed file 'css/child-resources.css'
--- css/child-resources.css	2012-03-09 11:32:04 +0000
+++ css/child-resources.css	1970-01-01 00:00:00 +0000
@@ -1,118 +0,0 @@
-/**
-* Ubuntu Developer page stylesheet
-*
-* A stylesheet for the 'resources' child pages
-*
-* @project Ubuntu Developer
-* @version 1.0
-* @author Canonical Web Team: Steve Edwards
-* @copyright 2011 Canonical Ltd.
-*/
-
-.child-resources .grid-3 {
-	margin: 0 0 30px 0;
-	min-height: 600px;
-}
-.child-resources .grid-9 {
-	margin: 0 0 0 20px;
-}
-.child-resources .grid-9 ul,
-.child-resources .grid-9 ol {
-	margin-bottom: 30px;
-}
-.child-resources .grid-9 li {
-	margin-bottom: 10px;
-}
-
-.child-resources article h4{
-	margin-bottom: 10px;
-	clear: both;
-}
-.child-resources article img{
-	margin:20px 10px;
-	display:block;
-}
-
-.wp-caption-text{
-	color:#666;
-	font-size:12px;
-}
-.child-resources article h3{
-	margin:20px 0 20px 0;
-	padding-top:10px;
-	border-top:1px dotted #AEA79F;
-}
-/*.child-resources article pre{
-	width:700px;
-	display:block;
-	white-space:normal; 
-}
-
-.child-resources article code{
-	width:700px;
-	display:block;
-	white-space:normal; 
-}*/
-
-.child-resources article ul li{
-    list-style-type: circle;
-    margin-left:16px;
-}
-.child-resources article ol li {
-	margin-left: 16px;
-	list-style-type: decimal;
-}
-.child-resources article p{
-	clear:both;
-}
-
-.child-resources article .wp-caption img{
-	margin:0px;
-	float:left;
-	padding-right:10px;
-}
-
-.child-resources article .wp-caption p{
-	clear:none;
-	margin-top:9px;
-}
-
-.child-resources article .wp-caption{
-	float:left;
-	margin:0px;
-	width:100% !important;
-	margin-bottom: 20px;
-}
-
-.child-resources article p:first-child{
-	font-size:15px;
-	clear:none;
-}
-
-.box-orange .link-action-small{
-	float:right;
-}
-
-.child-resources .pagelink{
-	font-size:16px;
-	margin:20px 0 20px 0;
-	padding-top:10px;
-	border-top:1px dotted #AEA79F;
-}
-
-.child-resources .pagelink a{
-	border-bottom:1px dotted #AEA79F;
-}
-/*
-.child-resources article  pre {
-    display: block;
-    white-space: normal;
-    width: 700px;
-    background-color: #FDF6F2;
-    border-radius: 4px 4px 4px 4px;
-    display: block;
-    font-family: Courier,monospace;
-    margin-bottom: 10px;
-    padding: 10px;
-}
-*/
\ No newline at end of file

=== removed file 'css/community.css'
--- css/community.css	2013-09-20 13:56:09 +0000
+++ css/community.css	1970-01-01 00:00:00 +0000
@@ -1,123 +0,0 @@
-/**
-* Ubuntu Developer page stylesheet
-*
-* A stylesheet for the 'community' page
-*
-* @project Ubuntu Developer
-* @version 1.0
-* @author Canonical Web Team: Steve Edwards
-* @copyright 2011 Canonical Ltd.
-*/
-
-.community .header-content {
-	background: url("../img/background-header-home.png") 0 0 repeat #fff;
-}
-.community .header-content h1 {
-	font-size: 36px;
-	background: #fff;
-}
-.community .header-content h2 {
-	font-size: 20px;
-	line-height: 1.4;
-	width: 440px;
-	background: #fff;
-}
-.community .header-image {
-	background: url("../img/dotted-logo.png") no-repeat scroll 122px -24px transparent;
-	float: right;
-    height: 329px;
-    margin-bottom: -35px;
-    margin-right: -183px;
-    margin-top: -88px;
-    width: 591px;
-	position: relative;
-	z-index: 1;
-}
-.community .header-image img {
-		-moz-box-shadow: 0 9px 4px 4px #e0e0e0;
-		-webkit-box-shadow: 0 9px 4px 4px #e0e0e0;
-	box-shadow: 0 9px 4px 4px #e0e0e0;
-	margin-bottom: -74px;
-    margin-left: -52px;
-    margin-top: 64px;
-}
-.box ul li {
-	padding-right: 20px;
-	margin: 0 15px 0 0;
-	width: 274px;
-	float: left;
-	border-right: 1px dotted #aea79f;
-}
-.box ul li.last {
-	padding-right: 0;
-	margin-right: 0;
-	border: 0;
-	width: 288px;
-}
-.box ul li img {
-	margin: 0 15px 50px 0;
-	float: left;
-}
-.box h4 {
-	padding-bottom: 10px;
-}
-.box h2 {
-	margin-bottom: 30px;
-}
-.box .link-action {
-	float: right;
-	margin-bottom: 0px;
-}
-
-.box-padded {
-	margin-right: 0;
-}
-.box-padded div {
-	padding: 0 0 0 10px;
-}
-.box-padded li {
-	width: 290px;
-	border-right: 0;
-	padding: 0px;
-	padding-right:5px;
-}
-.box-padded li a{
-	display:block;
-	padding: 0 0 10px 26px;
-	border-bottom: 1px dotted #aea79f;
-	margin: 10px 10px 0 0;
-}
-.box-padded li .irc {
-	background: url("../img/icon-irc.png") no-repeat;
-}
-.box-padded li .mail {
-	background: url("../img/icon-mail.png") no-repeat;
-}
-.box-padded li .rss {
-	background: url("../img/icon-rss.png") no-repeat;	
-}
-.box-padded li .twitter {
-	background: url("../img/icon-twitter.png") no-repeat;
-}
-.box-padded li .forum {
-	background: url("../img/icon-forum.png") no-repeat;
-}
-.box-padded li .google-plus {
-	background: url("../img/icon-google-plus.png") no-repeat;
-}
-.box-padded li .facebook {
-	background: url("../img/icon-facebook.png") no-repeat;
-}
-.box-padded li.last {
-	border: 0;
-	width: 290px;
-}
-.box-padded li.last a {
-	border-bottom: none;
-}
-
-.box-clear.border {
-    border-right: 1px dotted #AEA69E;
-    padding-right:10px;
-    width:300px;
-}

=== removed file 'css/default.css'
--- css/default.css	2011-09-26 11:19:45 +0000
+++ css/default.css	1970-01-01 00:00:00 +0000
@@ -1,150 +0,0 @@
-/**
-* Ubuntu Developer page stylesheet
-*
-* A stylesheet for the 'default' pages
-*
-* @project Ubuntu Developer
-* @version 1.0
-* @author Canonical Web Team: Ant Dillon
-* @copyright 2011 Canonical Ltd.
-*/
-
-.default .grid-3 {
-	margin: 0 0 30px 0;
-	min-height: 600px;
-}
-.default .grid-9 ul,
-.default .grid-9 ol {
-	margin-bottom: 30px;
-}
-.default .grid-9 li {
-	margin-bottom: 10px;
-}
-
-.default .header-content {
-    background: url("../img/background-header-home.png") repeat scroll 0 0 #FFFFFF;
-}
-
-.default #content h4{
-	margin-top:30px;
-	margin-bottom: 10px;
-	clear: both;
-}
-.default #content img{
-	display:block;
-}
-
-.default #content table {
-	width:940px;
-}
-
-.default #content table #quickly-command{
-	width:150px;
-}
-
-.default #content table caption{
-	font-size: 16px;
-    line-height: 1.3;
-    margin-bottom:10px;
-}
-
-.default #content table th{
-	font-weight:bold;
-	color: #333333;
-	padding:5px;
-}
-
-.default #content table td{
-	color: #333333;
-	padding:5px 10px;
-}
-.default #content table tbody th{
-	padding:5px;
-	background-color:#fdf6f3;
-}
-
-.default #content table thead th{
-	background-color:#f8dad0;
-}
-
-/*.default #content table tr:nth-of-type(odd) {
-  background-color:#eeeeee;
-} */
-.default #content table tr{
-	border-top:1px solid #cccccc; 
-}
-
-.default #content h3{
-	margin:20px 0 20px 0;
-	padding-top:10px;
-	border-top:1px dotted #AEA79F;
-}
-
-.default #content ul li{
-    list-style-type: circle;
-    margin-left:16px;
-}
-.default #content ol li{
-    list-style-type: decimal;
-    list-style-position: inside;
-}
-.default #content p{
-	clear:both;
-}
-
-.default #content .wp-caption img{
-	margin:0px;
-	float:left;
-	padding-right:10px;
-}
-
-.default #content .wp-caption p{
-	clear:none;
-	margin-top:9px;
-}
-
-.default #content .wp-caption{
-	float:left;
-	margin:0px;
-	width:100% !important;
-	margin-bottom: 20px;
-}
-
-.default #content blockquote p,
-.default #content blockquote p:first-child {
-	font-style: italic;
-	margin-left: 30px;
-	font-size: 13px;
-}
-
-.default #content p:first-child{
-	font-size:16px;
-	clear:none;
-}
-
-.default aside .location {
-    display: block;
-}
-
-.default aside hgroup {
-    margin-bottom: 20px;
-}
-
-/* FAQs */
-
-.faqs p:first-child,
-.faqs dl {
-	margin-bottom: 30px;
-}
-.faqs dt {
-	margin-bottom: 10px;
-	color: #dd4814;
-	cursor: pointer;
-	font-size: 14px;
-}
-.faqs dd {
-	margin-bottom: 15px;
-	padding-bottom: 15px;
-	display: none;
-	border-bottom: 1px dotted #aea79f;
-}
\ No newline at end of file

=== removed file 'css/get-started.css'
--- css/get-started.css	2013-05-28 15:49:26 +0000
+++ css/get-started.css	1970-01-01 00:00:00 +0000
@@ -1,334 +0,0 @@
-/**
-* Ubuntu Developer page stylesheet
-*
-* A stylesheet for the 'get-started' page
-*
-* @project Ubuntu Developer
-* @version 1.1
-* @author David Planella, based on the original 'home' stylesheet by Steve Edwards and Ant Dillon
-* @copyright 2011, 2012 Canonical Ltd.
-*/
-
-.get-started header {
-	background: #fff;
-}
-.get-started .header-content {
-	background: url("../img/background-header-get-started.png") 0 0 repeat #fff;
-}
-.get-started .header-content h1 {
-	font-size: 36px;
-	background: #fff;
-}
-.get-started .header-content h2 {
-	font-size: 20px;
-	line-height: 1.4;
-	width: 440px;
-	background: #fff;
-}
-.get-started .header-content a .cta-center{
-	margin-top: 20px;
-	font-size: 20px;
-	line-height: 2.4;
-}
-.get-started .header-content a .cta-right, .get-started .header-content a .cta-left {
-	margin-top: 20px;
-}
-.get-started .header-image {
-	background: url("../img/dotted-logo.png") no-repeat scroll 122px -24px transparent;
-	float: right;
-    height: 332px;
-    margin-bottom: -35px;
-    margin-right: -163px;
-    margin-top: -53px;
-    width: 571px;
-	position: relative;
-	z-index: 1;
-}
-.get-started .header-image img {
-	margin-bottom: -74px;
-    margin-left: -52px;
-    margin-top: 55px;
-}
-
-.box-steps {
-	margin-bottom: 30px;
-	border: 3px solid #dd4814;
-		-moz-border-radius: 4px;
-		-webkit-border-radius: 4px;
-	border-radius: 4px;
-		-moz-box-shadow: 0 3px 1px #e0e0e0;
-		-webkit-box-shadow: 0 3px 1px #e0e0e0;
-	box-shadow: 0 3px 1px #e0e0e0;
-}
-.box-steps li {
-	padding: 15px;
-	float: left;
-	width: 203px;
-	border-right: 1px solid #dd4814;
-	text-align: center;
-	min-height: 237px;
-}
-.box-steps li.last {
-	border: 0;
-	width: 202px;
-}
-.box-steps span {
-	padding: 4px;
-	margin: 10px auto 0;
-	display: block;
-	border: 3px solid #dd4814;
-		-moz-border-radius: 40px;
-		-webkit-border-radius: 40px;
-	border-radius: 40px;
-	text-align: center;
-	font-size: 36px;
-	width: 50px;
-	color: #dd4814;
-		-moz-box-shadow: 0 2px 1px #e0e0e0;
-		-webkit-box-shadow: 0 2px 1px #e0e0e0;
-	box-shadow: 0 2px 1px #e0e0e0;
-}
-.box-steps h3 {
-	margin: 10px 0 15px;
-}
-.box-steps p {
-	padding-top: 15px;
-	text-align: left;
-	border-top: 1px dotted #aea79f;
-}
-.box-steps a {
-	color: #333;
-}
-.box-steps li:hover {
-	background-color: #fcece7;
-	cursor: pointer;
-}
-.box-steps li:hover span {
-	background-color: #dd4814;
-	color: #fff;
-}
-.box-steps li:hover a {
-	color: #dd4814;
-}
-.box ul li {
-	margin: 0 30px 20px 0;
-	width: 282px;
-	float: left;
-}
-.box ul li.last {
-	margin-right: 0;
-}
-.box ul li img {
-	margin: 0 0 10px 0;
-}
-.box h4 {
-	padding-bottom: 10px;
-}
-.box h2 {
-	margin-bottom: 30px;
-}
-.box .link-action-small {
-	float: right;
-	margin-bottom: 0px;
-}
-
-.step {
-	padding-bottom: 20px;
-	padding-top: 20px;
-	margin-left: 0px;
-
-}
-.step div {
-	float: left;
-	width: 940px;
-}
-.step div div.infobox {
-	margin-left: 10px;
-	padding: 20px;
-		-moz-border-radius: 4px;
-		-webkit-border-radius: 4px;
-	border-radius: 4px;
-	border: 1px solid #aea69e;
-	float: right;
-	width: 260px;
-}
-.step div div.wpcf7 {
-	width: 260px;
-	margin: 0;
-}
-.step div img, .step div div.video {
-	margin-left: 20px;
-	float: right;
-	width: auto;
-}
-.step a {
-	margin-top: 20px;
-}
-.step div a.align {
-	float: left;
-    margin: 30px 0 0 40px;
-}
-
-.step input[type="text"], textarea {
-    width: 100%;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;    
-    display: block;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    background: #FFF;
-    border: 1px solid #999;
-    font-size: 13px;
-    padding: 4px;
-}
-
-.step input:focus {
-    border-color: #000;
-}
-
-.step input.button {
-    border: solid 1px #c03f11;
-	background-color:#c03f11;
-	background-image:-moz-linear-gradient(#dd4814, #c03f11);
-	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd4814), to(#c03f11));
-	background-image:-webkit-linear-gradient(#dd4814, #c03f11);
-	background-image:-o-linear-gradient(#dd4814, #c03f11);
-    color:#fff;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);    
-    font-size: 1.25em;
-	padding: 8px 20px;
-}
-
-#step-get-toolkit li {
-    margin-bottom: 10px;
-}
-
-#step-get-toolkit ul li {
-    list-style-type:circle;
-}
-
-#step-get-toolkit ol li {
-    list-style-type:decimal;
-}
-
-#step-get-toolkit ul li, #step-get-toolkit ol li {
-    margin-left: 16px;
-}
-
-.wp-link-top a {
-    float: right;
-}
-
-span.form-required-field {
-    color: #DD4814;
-} 
-
-div.wpcf7-validation-errors, div.wpcf7-spam-blocked {
-    background: #DF382C !important;
-    border: 0 none !important;
-    -moz-border-radius: 4px 4px 4px 4px !important;
-    -webkit-border-radius: 4px 4px 4px 4px !important;
-    border-radius: 4px 4px 4px 4px !important;
-    color: #FFFFFF !important;
-    width: auto !important;
-    margin: 0 !important;
-    padding: 0.2em 1em !important;
-}
-
-div.wpcf7-mail-sent-ok {
-    background: none repeat scroll 0 0 #38B44A !important;
-    border: 0 none !important;
-    margin: 0 !important;
-    -moz-border-radius: 4px 4px 4px 4px !important;
-    -webkit-border-radius: 4px 4px 4px 4px !important;
-    border-radius: 4px 4px 4px 4px !important;
-    color: #FFFFFF !important;
-    width: auto !important;
-    padding: 0.2em 1em !important;
-}
-
-span.wpcf7-not-valid-tip-no-ajax {
-    background: #DF382C !important;
-    border: 0 !important;
-    -moz-border-radius: 4px 4px 4px 4px !important;
-    -webkit-border-radius: 4px 4px 4px 4px !important;
-    border-radius: 4px 4px 4px 4px !important;
-    color: #FFFFFF !important;
-    font-size: 10pt !important;
-    display: block;
-    padding: 0.2em 1em !important;
-    margin-top: 5px;
-}
-
-span.wpcf7-not-valid-tip {
-    background: #DF382C !important;
-    border: 0 !important;
-    -moz-border-radius: 4px 4px 4px 4px !important;
-    -webkit-border-radius: 4px 4px 4px 4px !important;
-    border-radius: 4px 4px 4px 4px !important;
-    color: #FFFFFF !important;
-    font-size: 10pt !important;
-    left: 20% !important;
-    padding: 4px !important;
-    position: absolute !important;
-    top: 17px !important;
-    width: 177px !important;
-    padding: 0.2em 1em !important;
-}
-
-/* Steps redesign */
-
-.container-step {
-	border-top: 1px dotted #aea69e;
-}
-.step {
-	border-bottom: 1px dotted #aea69e;
-	padding-bottom: 20px;
-	padding-top: 20px;
-	margin-left: 0px;
-	margin-right: 5px;
-}
-.step .number {
-	padding: 4px;
-	border: 3px solid #dd4814;
-		-moz- border-radius: 40px;
-		-webkit- border-radius: 40px;
-	border-radius: 40px;
-	box-shadow: 0 2px 1px #e0e0e0;
-	color: #dd4814;
-	display: block;
-	font-size: 36px;
-	text-align: center;
-	width: 50px;
-	float: left;
-}
-.step div {
-	float: left;
-	width: 850px;
-	margin: 5px 0px 0px 20px;
-}
-.step a {
-	margin-top: 20px;	
-}
-.step div a.align {
-	margin: 30px 0 0 40px;
-	float: left;
-}
-
-#get-involved {
-	background: url(../img/pictogram-love-heart.jpg) 92% 50% no-repeat;
-	margin-bottom: 20px;
-	margin-top: 20px;
-}
-
-#get-involved p {
-	padding-right: 20px;
-}

=== removed file 'css/home.css'
--- css/home.css	2013-08-27 00:13:46 +0000
+++ css/home.css	1970-01-01 00:00:00 +0000
@@ -1,174 +0,0 @@
-/**
-* Ubuntu Developer page stylesheet
-*
-* A stylesheet for the 'home' page
-*
-* @project Ubuntu Developer
-* @version 1.0
-* @author Canonical Web Team: Steve Edwards and Ant Dillon
-* @copyright 2011 Canonical Ltd.
-*/
-
-.home header {
-	background: #fff;
-}
-.home .header-content {
-	background: url("../img/background-header-home.png") 0 0 repeat #fff;
-}
-.home .header-content h1 {
-	font-size: 36px;
-	background: #fff;
-}
-.home .header-content h2 {
-	font-size: 20px;
-	line-height: 1.4;
-	width: 440px;
-	background: #fff;
-}
-.home .header-content a .cta-center{
-	margin-top: 20px;
-	font-size: 20px;
-	line-height: 2.4;
-}
-.home .header-content a .cta-right, .home .header-content a .cta-left {
-	margin-top: 20px;
-}
-.home .header-image {
-	background: url("../img/dotted-logo.png") no-repeat scroll 122px -24px transparent;
-	float: right;
-    height: 332px;
-    margin-bottom: -35px;
-    margin-right: -163px;
-    margin-top: -53px;
-    width: 571px;
-	position: relative;
-	z-index: 1;
-}
-.home .header-image img {
-		-moz-box-shadow: 0 9px 4px 4px #e0e0e0;
-		-webkit-box-shadow: 0 9px 4px 4px #e0e0e0;
-	box-shadow: 0 9px 4px 4px #e0e0e0;
-	margin-bottom: -74px;
-    margin-left: -52px;
-    margin-top: 77px;
-}
-
-.box ul li {
-	margin: 0 30px 20px 0;
-	width: 282px;
-	float: left;
-}
-.box ul li.last {
-	margin-right: 0;
-}
-.box ul li img {
-	margin: 0 0 10px 10px;
-	float: right;
-}
-.box h4 {
-	padding-bottom: 10px;
-}
-.box h2 {
-	margin-bottom: 30px;
-}
-.box .link-action-small {
-	float: right;
-	margin-bottom: 0px;
-}
-
-/*blockquote {
-	margin-bottom: 30px;
-	padding: 32px 10px;
-	border-top: 1px dotted #aea69e;
-	border-bottom: 1px dotted #aea69e;
-	background: url("../img/quotes.png") no-repeat scroll 5px center;
-}
-blockquote p {
-	padding: 12px 65px;
-	font-size: 24px;
-	height: 54px;
-}
-blockquote cite {
-	margin-left: 65px;
-	font-size: 16px;
-}*/
-
-.slider{
-	width:10000px;
-	margin-left:-10px;
-}
-
-.box-padded .slider-controls{
-	background-color: transparent;
-    border-radius:0px;
-    padding: 0px;
-    float:right;
-    border:0px;
-	width:200px;
-}
-
-.slider-controls .next{
-	background:url("../img/arrow-sliders.png") no-repeat scroll -29px 0;
-	height:31px;
-	width:34px;
-}
-
-.slider-controls .prev{
-	background:url("../img/arrow-sliders.png") no-repeat scroll 0 0;
-	height:31px;
-	width:29px;
-}
-
-.slider-controls div{
-	float:right;
-	padding:0px;
-	cursor: pointer;
-    border: none;
-    	-moz-border-radius: 0px;
-		-webkit-border-radius: 0px;
-    border-radius: 0px;
-}
-
-.slider-controls .prev.disabled{
-	background-position: 0 -29px;
-	cursor: default;
-}
-
-.slider-controls .next.disabled{
-	background-position: -29px -29px;
-	cursor: default;
-}
-
-.slider-jump{
-	width:66px;
-	margin:0px auto;
-	padding-left: 33px;
-	padding-top:10px;
-}
-.slider-jump li{
-	width:9px;
-	height:9px;
-	background:transparent;
-	border:1px solid #aea79f;
-		-moz-border-radius:5px 5px 5px 5px;
-		-webkit-border-radius:5px 5px 5px 5px;
-	border-radius:5px 5px 5px 5px;
-	float:left;
-	margin-right:5px;
-	cursor: pointer;
-	padding: 0 0;
-}
-
-.slider-jump .active{
-	background:#aea79f;
-	cursor: default;
-}
-
-.box-padded li .price{
-	font-weight: bold;
-}
-
-.box-padded li.no-border{
-	border: 0 none;
-}
-

=== removed file 'css/metabox.css'
--- css/metabox.css	2012-12-21 08:11:02 +0000
+++ css/metabox.css	1970-01-01 00:00:00 +0000
@@ -1,18 +0,0 @@
-.my_meta_control .description
-{ display:none; }
- 
-.my_meta_control label
-{ display:block; font-weight:bold; margin:6px; margin-bottom:0; margin-top:12px; }
- 
-.my_meta_control label span
-{ display:inline; font-weight:normal; }
- 
-.my_meta_control span
-{ color:#999; display:block; }
- 
-.my_meta_control textarea, .my_meta_control input[type='text']
-{ margin-bottom:3px; width:99%; }
- 
-.my_meta_control h4
-{ color:#999; font-size:1em; margin:15px 6px; text-transform:uppercase; }
-

=== removed file 'css/publish.css'
--- css/publish.css	2013-09-05 01:41:03 +0000
+++ css/publish.css	1970-01-01 00:00:00 +0000
@@ -1,72 +0,0 @@
-/**
-* Ubuntu Developer page stylesheet
-*
-* A stylesheet for the 'publish' page
-*
-* @project Ubuntu Developer
-* @version 1.0
-* @author Canonical Web Team: Steve Edwards
-* @copyright 2011 Canonical Ltd.
-*/
-
-.publish .header-content {
-	background: url("../img/background-header-home.png") 0 0 repeat #fff;
-}
-.publish .header-image {
-	background: url("../img/dotted-logo.png") no-repeat scroll 122px -24px transparent;
-	float: right;
-   	height: 241px;
-    margin-bottom: -35px;
-    margin-right: -181px;
-    margin-top: -88px;
-    width: 589px;
-	position: relative;
-	z-index: 1;
-}
-.step {
-	border-top: 1px dotted #aea69e;
-	padding-bottom: 20px;
-	padding-top: 20px;
-	margin-left: 0px;
-	margin-right: 5px;
-}
-.step span {
-    padding: 4px;
-    border: 3px solid #dd4814;
-    	-moz- border-radius: 40px;
-    	-webkit- border-radius: 40px;
-    border-radius: 40px;
-	box-shadow: 0 2px 1px #e0e0e0;
-    color: #dd4814;
-    display: block;
-    font-size: 36px;
-    text-align: center;
-    width: 50px;
-    float: left;
-    margin-right:20px;
-}
-.step div {
-	float: none;
-	width: 700px;
-}
-.step div div {
-	margin-left: 10px;
-	padding: 20px;
-		-moz-border-radius: 4px;
-		-webkit-border-radius: 4px;
-	border-radius: 4px;
-	border: 1px solid #aea69e;
-	float: right;
-	width: 260px;
-}
-.step div img {
-	margin-left: 20px;
-	float: right;
-}
-.step a {
-	margin-top: 20px;
-}
-.step div a.align {
-	float: left;
-    margin: 30px 0 0 40px;
-}

=== removed file 'css/reset.css'
--- css/reset.css	2011-09-02 18:33:25 +0000
+++ css/reset.css	1970-01-01 00:00:00 +0000
@@ -1,8 +0,0 @@
-/*
-Copyright (c) 2010, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.com/yui/license.html
-version: 3.3.0
-build: 3167
-*/
-html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
\ No newline at end of file

=== removed file 'css/resources.css'
--- css/resources.css	2011-09-26 11:19:45 +0000
+++ css/resources.css	1970-01-01 00:00:00 +0000
@@ -1,71 +0,0 @@
-/**
-* Ubuntu Developer page stylesheet
-*
-* A stylesheet for the 'resources' page
-*
-* @project Ubuntu Developer
-* @version 1.0
-* @author Canonical Web Team: Steve Edwards
-* @copyright 2011 Canonical Ltd.
-*/
-
-.resources .header-content {
-	background: url("../img/background-header-home.png") 0 0 repeat #fff;
-}
-.resources .header-image {
-	background: url("../img/dotted-logo.png") no-repeat scroll 122px -24px transparent;
-	float: right;
-    height: 232px;
-    margin-bottom: -35px;
-    margin-right: -163px;
-    margin-top: -53px;
-    width: 571px;
-	position: relative;
-	z-index: 1;
-}
-.resources .side-menu {
-	min-height: 600px;
-}
-.resources .feature-window {
-	border: 2px solid #aaa;
-		-moz-border-radius:4px;
-		-webkit-border-radius:4px;
-	border-radius: 4px;
-	height: 273px;
-}
-.resources .feature-window img {
-	float: left;
-	margin-right: 10px;
-}
-.resources .feature-window div {
-	margin: 10px;
-}
-.resources .feature-window span {
-	color: #aaa;
-	font-size: 12px;
-}
-.resources .feature-window h2 {
-	font-size: 22px;
-	margin-top: 7px;
-}
-.resources .feature-window p {
-	font-size: 16px;
-}
-.resources .border {
-	border-right: 1px dotted #aea79f;
-	width: 215px;
-	margin-top: 20px;
-	padding-right: 10px;
-	min-height: 270px;
-}
-.resources .grid-3.omega div {
-	border-right: 0px;
-	padding-right: 0px;
-}
-.resources .border h3 {
-	color: #dd4814;
-}
-.resources .border p {
-	margin-top: 10px;
-}
-

=== added file 'css/scratch.css'
--- css/scratch.css	1970-01-01 00:00:00 +0000
+++ css/scratch.css	2014-02-13 16:50:20 +0000
@@ -0,0 +1,853 @@
+/**
+* Ubuntu Developer base stylesheet
+*
+* A base stylesheet containing site-wide styles
+*
+* @project Ubuntu Developer
+* @version 2.0
+* @author Canonical Web Team: Steve Edwards & Anthony Dillon
+* @copyright 2013 Canonical Ltd.
+*/
+
+/**
+ * @section Global
+*/
+
+body {
+	background: #fff;
+}
+#context-footer,
+.row {
+	padding-left: 0;
+	padding-right: 0;
+}
+code {
+	background: #FDF6F2;
+	display: block;
+	padding: 5px;
+	margin: 10px 0;
+}
+ul {
+	margin-left: 0;
+}
+.wrapper {
+	background: none;
+}
+.box-padded {
+	background: url("../img/pattern-featured.gif") repeat scroll 0 0 #EBE9E7;
+    border: 2px solid #AEA79F;
+    border-radius: 4px 4px 4px 4px;
+    margin-bottom: 30px;
+    overflow: hidden;
+    padding: 5px;
+}
+article ul {
+	list-style: circle;
+    margin-left: 20px;
+}
+
+
+/**
+* @section Structure
+*/
+
+header.banner .header-content {
+	background: url("../img/background-header-home.png") 0 0 repeat #fff;
+	border-bottom: 1px solid #e0e0e0;
+		-moz-box-shadow: 0 1px 3px #e0e0e0;
+		-webkit-box-shadow: 0 1px 3px #e0e0e0;
+	box-shadow: 0 1px 3px #e0e0e0;
+	overflow: hidden;
+	/*
+	padding-bottom: 30px;
+	height: 280px;
+	*/
+}
+header.banner .header-content h1{
+	background-color:#ffffff;
+	display:inline-block;
+	margin-top: 30px;
+}
+header.banner .header-content h2 {
+	background-color:#ffffff;
+	text-transform: none;
+	display: table;
+	top: 0;
+	margin-bottom: 50px;
+}
+header.banner h2 a:link,
+header.banner h2 a:visited {
+    color: #DD4814;
+    float: none;
+}
+header.banner .logo-ubuntu span {
+    font-size: 20px;
+    font-weight: 300;
+    padding-left: 113px;
+    top: 8px;
+}
+header.banner nav .current_page_item,
+header.banner nav .current_page_ancestor {
+	background: #B83A10;
+}
+header.banner .header-image {
+	background: url("../img/dotted-logo.png") no-repeat scroll 122px -24px transparent;
+	float: right;
+    margin-right: -163px;
+    margin-top: -14px;
+    width: 571px;
+	position: relative;
+	z-index: 1;
+}
+header.banner .header-image img {
+	margin-bottom: -5px;
+}
+.header-login {
+	position: absolute;
+	top: -30px;
+	right: 0;
+	z-index: 120;
+}
+.header-login li {
+	list-style-type: none;
+}
+.header-login a:link,
+.header-login a:visited {
+	color: #333;
+	font-size: 12px;
+}
+.header-login a:hover {
+	color: #dd4814;
+	text-decoration: none;
+}
+.header-content .header-navigation-secondary {
+	padding: 0;
+	position: relative;
+	z-index: 2;
+}
+.header-navigation-secondary div {
+	padding: 0;
+	border: 2px solid #dd4814;
+		-moz-border-radius: 0px 0px 4px 4px;
+		-webkit-border-radius: 0px 0px 4px 4px;
+	border-radius: 0px 0px 4px 4px;
+	background: #fff;
+	border-top: 0px;
+}
+.header-navigation-secondary nav ul {
+	margin-bottom: 0;
+}
+.header-navigation-secondary nav li {
+	float: left;
+	margin-bottom: 0;
+}
+.header-navigation-secondary nav li a {
+	color: #333;
+	display: block;
+	height: 25px;
+	font-size: 14px;
+	padding: 8px;
+}
+.header-navigation-secondary nav li:hover,
+.header-navigation-secondary nav .current_page_item a {
+	background: url("../img/sec-nav-hover.gif");
+}
+.inner-wrapper {
+		-webkit-box-shadow: none;
+		-moz-box-shadow: none;
+	box-shadow:none;
+}
+
+.box-orange {
+	background: #fff;
+	border: 3px solid #DD4814;
+	color: #333;
+	border-radius: 4px;
+    padding: 1.333em 20px;
+}
+
+
+.shadow {
+    border-bottom: 1px solid #E0E0E0;
+    	-moz-box-shadow: 0 2px 3px #E0E0E0;
+    	-webkit-box-shadow: 0 2px 3px #E0E0E0;
+    box-shadow: 0 2px 3px #E0E0E0;
+    height: 3px;
+    margin: 30px 0 3px;
+}
+
+footer {
+	padding: 30px 10px 60px 10px;
+	position: relative;
+		-moz-border-radius: 0 0 4px 4px;
+		-webkit-border-radius: 0 0 4px 4px;
+	border-radius: 0 0 4px 4px;
+	font-size: 12px;
+	background: url("../img/background-footer.png") repeat scroll 0 0 #f7f6f5;
+}
+footer div {
+	margin: 0 auto;
+    padding: 0 10px;
+    width: 940px;
+}
+footer a:link,
+footer a:visited {
+	color: #333;
+}
+footer nav ul {
+	margin: 10px 17px 30px 0;
+	width: 172px;
+	display: inline-block;
+	vertical-align: top;
+	height: auto;
+	zoom: 1;
+	*display: inline;
+}
+footer nav ul.last {
+	margin-right: 0;
+}
+footer nav li {
+	margin-bottom: 8px;
+}
+footer nav li:first-child {
+	font-weight: bold;
+}
+footer p {
+	margin-bottom: 0;
+}
+footer .link-bug {
+	margin-left: 10px;
+	color: #999;
+}
+
+/**
+* @section Site-wide
+*/
+
+/*.box-padded li {
+	padding: 0 20px;
+	float: left;
+	width: 202px;
+	border-right: 1px dotted #aea79f;
+}
+.box-padded li.first {
+	padding: 0;
+	margin-bottom: 0;
+}
+.box-padded li.last {
+	border: 0;
+	width: 217px;
+}*/
+.box-padded img {
+	margin: 0 10px 90px 0;
+	float: left;
+		-moz-border-radius: 8px;
+		-webkit-border-radius: 8px;
+	border-radius: 8px;
+}
+.slider {
+	width:10000px;
+	margin-left:-10px;
+	background: none;
+	padding-top: 0;
+}
+.box-padded .slider-controls {
+	background-color: transparent;
+    padding: 0px;
+    margin-top: 5px;
+    float:right;
+}
+.slider-controls .next{
+	background:url("../img/arrow-sliders.png") no-repeat scroll -29px 0;
+	height: 29px;
+    width: 35px;
+}
+.slider-controls .prev{
+	background:url("../img/arrow-sliders.png") no-repeat scroll 0 0;
+	height: 29px;
+    width: 31px;
+}
+.slider-controls div{
+	float:right;
+	padding:0px;
+	cursor: pointer;
+    border: none;
+    	-moz-border-radius: 0px;
+		-webkit-border-radius: 0px;
+    border-radius: 0px;
+}
+.slider-controls .prev.disabled{
+	background-position: 0 -29px;
+	cursor: default;
+}
+.slider-controls .next.disabled{
+	background-position: -29px -29px;
+	cursor: default;
+}
+.slider-jump{
+	width:66px;
+	margin:0px auto;
+	padding-left: 33px;
+	padding-top:10px;
+}
+.slider-jump li {
+	width:9px;
+	height:9px;
+	background:transparent;
+	border:1px solid #aea79f;
+		-moz-border-radius:5px 5px 5px 5px;
+		-webkit-border-radius:5px 5px 5px 5px;
+	border-radius:5px 5px 5px 5px;
+	float:left;
+	margin-right:5px;
+	cursor: pointer;
+	padding: 0 0;
+}
+.slider-jump .active{
+	background:#aea79f;
+	cursor: default;
+}
+.box-clear {
+	margin-bottom: 40px;
+}
+.box-clear time {
+	display: block;
+	border-bottom: 1px dotted #aea79f;
+	padding-bottom: 10px;
+	margin-bottom: 10px;
+}
+.box-clear div.first {
+	border-right: 1px dotted #aea79f;
+}
+.box-clear a {
+	display: block;
+}
+.box-clear .location {
+	display: block;
+	margin-bottom: 1px;
+}
+.box-clear .last {
+	margin: 0;
+	padding-right: 0;
+		-moz-border-radius: 4px;
+		-webkit-border-radius: 4px;
+	border-radius: 4px;
+	width: 293px;
+}
+.step {
+	border-bottom: 1px dotted #aea79f;
+	margin-bottom: 20px;
+	padding-bottom: 10px;
+}
+.step:last-of-type {
+	border-bottom: 0;
+}
+.step span {
+	padding: 4px;
+	display: block;
+	border: 3px solid #dd4814;
+		-moz-border-radius: 40px;
+		-webkit-border-radius: 40px;
+	border-radius: 40px;
+	text-align: center;
+	font-size: 36px;
+	line-height: 1.4;
+	width: 50px;
+	height: 50px;
+	color: #dd4814;
+		-moz-box-shadow: 0 2px 1px #e0e0e0;
+		-webkit-box-shadow: 0 2px 1px #e0e0e0;
+	box-shadow: 0 2px 1px #e0e0e0;
+	float: left;
+	margin-right: 20px;
+}
+.step img {
+	float: right;
+}
+.box-steps {
+	list-style: none;
+	margin-left: 0;
+	border: 3px solid #dd4814;
+		-moz-border-radius: 4px;
+		-webkit-border-radius: 4px;
+	border-radius: 4px;
+		-moz-box-shadow: 0 3px 1px #e0e0e0;
+		-webkit-box-shadow: 0 3px 1px #e0e0e0;
+	box-shadow: 0 3px 1px #e0e0e0;
+	clear: both;
+	overflow: hidden;
+}
+.box-steps li {
+		-moz-box-sizing: border-box;
+		-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+	padding: 15px 30px;
+	border-right: 1px solid #dd4814;
+	text-align: center;
+	margin-right: 0;
+	margin-bottom: 0;
+	width: 25%;
+	float: left;
+}
+.box-steps.three-steps li {
+	width: 33%;
+}
+.box-steps.two-steps li {
+	width: 50%;
+}
+.box-steps.one-step li {
+	width: 100%;
+}
+.box-steps li:last-of-type,
+.box-steps li.last-col {
+	border: 0;
+}
+.box-steps.step span {
+	margin: 10px auto 0;
+}
+.box-steps h3 {
+	margin: 10px 0 15px;
+}
+.box-steps p {
+	padding-top: 15px;
+	text-align: left;
+	border-top: 1px dotted #aea79f;
+}
+.box-steps li:hover {
+	background-color: #fcece7;
+	cursor: pointer;
+}
+
+/* Widgets */
+
+.ui-state-focus {
+	outline: none;
+}
+.ui-accordion {
+	border-bottom: 1px dotted #aea79f;
+}
+.ui-accordion a {
+	display: block;
+}
+.ui-accordion h3 {
+	margin-bottom: 0;
+	border-top: 1px dotted #aea79f;
+	position: relative;
+	font-size: 13px;
+	font-weight: bold;
+}
+.ui-accordion h3 a {
+	padding: 10px 0;
+	color: #333;
+}
+.ui-accordion h4 {
+	margin-bottom: 5px;
+}
+.ui-accordion div fieldset {
+	padding-bottom: 5px;
+}
+.ui-accordion div ul {
+	list-style-type: none;
+}
+.ui-accordion div li,
+.ui-accordion div input {
+	margin-top: 5px;
+	margin-bottom: 5px;
+	font-size: 13px;
+}
+.ui-accordion .ui-icon {
+	position: absolute;
+	top: 15px;
+	right: 0;
+	display: block;
+	width: 8px;
+	height: 8px;
+	background: url("../img/icon-accordion-inactive.png") 0 0 no-repeat transparent;
+}
+.ui-accordion .ui-state-active .ui-icon {
+	background-image: url("../img/icon-accordion-active.png");
+}
+.ui-accordion .current_page_item a {
+	color: #333;
+}
+.container-tweet {
+		-moz-border-radius: 4px 4px 4px 4px;
+		-webkit-border-radius: 4px 4px 4px 4px;
+	border-radius: 4px 4px 4px 4px;
+	padding: 10px 10px 10px;
+	background-color: #f7f7f7;
+}
+.container-tweet .tweet-follow {
+	margin-top: 10px;
+	margin-bottom: -10px;
+	padding-left: 55px;
+	padding-bottom: 6px;
+	background: url("../img/tweet-follow.png") 0 5px no-repeat;
+	display: block;
+}
+.container-tweet .tweet-follow span {
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 1.2;
+	display: block;
+}
+.tweet a {
+	display: inline;
+}
+.tweet .tweet_text {
+	padding: 10px;
+	background-color: #fff;
+		-moz-border-radius: 4px 4px 4px 4px;
+		-webkit-border-radius: 4px 4px 4px 4px;
+	border-radius: 4px 4px 4px 4px;
+	border: 1px solid #dd4814;
+	font-size: 16px;
+	display: block;
+	clear: both;
+}
+.tweet.tweet-small .tweet_text {
+	font-size: inherit;
+}
+.tweet .tweet_text a {
+	color: #333;
+}
+.tweet .tweet_time,
+.tweet .tweet_user_and_time {
+	padding: 15px 0 10px 0;
+	position: relative;
+	top: -2px;
+	background: url("../img/tweet-arrow.png") no-repeat;
+	display: block;
+}
+.tweet .tweet_odd .tweet_time,
+.tweet .tweet_odd .tweet_user_and_time {
+	background-position: right 0;
+	float: right;
+}
+.tweet .tweet_even .tweet_time,
+.tweet .tweet_even .tweet_user_and_time {
+	background-position: left 0;
+	float: left;
+}
+
+/* Search */
+
+.list-search li {
+	list-style-type:none;
+	border:0px;
+	margin-bottom: 15px;
+	padding-top: 15px;
+	border-bottom: 1px dotted #aea79f;
+}
+
+/* Blog */
+
+.blog-article #nav-single {
+	margin-top: 30px;
+	margin-bottom: 30px;
+}
+.blog-article #nav-single .nav-next {
+	float: right;
+}
+.blog-article article header .entry-meta {
+	margin-bottom: 20px;
+}
+.blog-article article .entry-meta {
+	color: #999;
+}
+
+.blog-article aside li {
+	list-style-type: none;
+}
+.blog-article #respond form input[type="submit"] {
+	background-color: #C03F11;
+    background-image: linear-gradient(#DD4814, #C03F11);
+	-webkit-border-radius: 4px 4px 4px 4px;
+	-moz-border-radius: 4px 4px 4px 4px;
+    border-radius: 4px 4px 4px 4px;
+    color: #FFFFFF;
+    display: inline-block;
+    font-size: 1em;
+    font-weight: 300;
+    margin: 0;
+    padding: 8px 14px;
+    text-decoration: none;
+}
+.blog-article #respond form input[type="submit"]:active {
+	position: relative;
+	top: 1px;
+}
+.alignnone{
+    float:left;
+    margin:10px 20px 10px 0;
+}
+.alignleft{
+    float:left;
+    margin:10px 20px 10px 0;
+}
+.alignright{
+    float:right;
+   margin:10px 0 10px 20px;
+}
+.aligncenter{
+	float:left;
+    margin:10px 20px 10px 0;
+}
+.entry-content h2, .entry-content h3{
+    margin-top:20px;
+}
+.entry-content ul li{
+    list-style-type: circle;
+    margin-left:16px;
+}
+.entry-content hr{
+	border:none;
+	border-top: 1px dotted #AEA79F;
+}
+kbd {
+    background: none repeat scroll 0 0 #EEEEEE;
+    border-color: #CCCCCC #AAAAAA #888888 #BBBBBB;
+    border-style: solid;
+    border-width: 1px 2px 2px 1px;
+    color: #000000;
+    padding: 2px 4px 0;
+    white-space: nowrap;
+}
+
+/* keep up-to-date - latest article lists and social links */
+#keep-up h3 {
+	color: #ADA79F;
+	font-size: 16px;
+	font-weight: 300;
+}
+#keep-up .article h4 a {
+	font-size: 16px;
+}
+#keep-up .article p {
+	font-size: 13px;
+	margin-bottom: 5px;
+}
+#keep-up .event h4 a {
+	font-size: 16px;
+}
+#keep-up .box-clear time {
+	padding-bottom: 7px;
+}
+#keep-up .social-links {
+	margin-top: 20px;
+}
+#keep-up .social-links a {
+	padding: 4px 0 4px 24px;
+}
+#keep-up .blog-links,
+#keep-up .social-links ul {
+	list-style-type: none;
+}
+#keep-up .blog-links a {
+	padding: 4px 0 4px 24px;
+}
+#keep-up .social-links a.link-twitter {	background: url(../img/icon-twitter.png) 0 50% no-repeat; }
+#keep-up .social-links a.link-facebook { background: url(../img/icon-facebook.png) 0 50% no-repeat; }
+#keep-up .social-links a.link-google-plus { background: url(../img/icon-google-plus.png) 0 50% no-repeat; }
+#keep-up .blog-links a.link-rss { background: url("../img/rss.jpg") 0 50% no-repeat; }
+#keep-up .blog-links a.link-blog { background: url("../img/icon-forum.png") 0 50% no-repeat; }
+
+/**
+ * @section blog-community
+ */
+
+.blog-community article {
+	border-top: 1px dotted #aea79F;
+	padding-top: 15px;
+	margin-bottom: 60px;
+}
+.blog-community article.no-results {
+	border-top: none;
+}
+.blog-community article h1 {
+	font-size: 24px;
+	margin-bottom: 5px;
+}
+.blog-community article header div {
+	margin-bottom: 20px;
+}
+.blog-community article .entry-meta,
+.blog-community aside hgroup time {
+	color: #999;
+}
+.blog-community article .author {
+	float: right;
+}
+.blog-community aside h3.events {
+	margin-top: 15px;
+	padding-top: 15px;
+	border-top: 1px dotted #aea79F;
+}
+.blog-community aside h4 {
+	margin-bottom: 0;
+}
+.blog-community aside .location {
+	display: block;
+}
+.blog-community aside li {
+	margin-bottom: 20px;
+}
+
+/**
+ * @section child-resources
+ */
+
+ .child-resources article p {
+	clear:both;
+}
+.child-resources article ul {
+	list-style-type: none;
+}
+
+/**
+ * @section community
+ */
+.community header.banner .header-image {
+    margin-right: -90px;
+}
+.community .header-image img {
+    margin-top: 64px;
+}
+.community .box ul li img {
+    float: left;
+    margin: 0 15px 120px 0;
+}
+.community .box-padded li .irc {
+	background: url("../img/icon-irc.png") no-repeat;
+}
+.community .box-padded li .mail {
+	background: url("../img/icon-mail.png") no-repeat;
+}
+.community .box-padded li .rss {
+	background: url("../img/icon-rss.png") no-repeat;
+}
+.community .box-padded li .twitter {
+	background: url("../img/icon-twitter.png") no-repeat;
+}
+.community .box-padded li .forum {
+	background: url("../img/icon-forum.png") no-repeat;
+}
+.box-padded li .google-plus {
+	background: url("../img/icon-google-plus.png") no-repeat;
+}
+.box-padded li .facebook {
+	background: url("../img/icon-facebook.png") no-repeat;
+}
+.community .box-padded li a {
+	padding-left: 25px;
+}
+.community .box-padded li.last-col {
+	border-right: 0;
+	padding-right: 0;
+}
+.community .box-padded div {
+	border: 1px solid #AEA79F;
+	padding: 20px 8px 0;
+}
+
+/**
+ * @section default
+ */
+
+.default .faqs p:first-child,
+.default .faqs dl {
+	margin-bottom: 30px;
+}
+.default .faqs dt {
+	margin-bottom: 10px;
+	color: #dd4814;
+	cursor: pointer;
+}
+.default .faqs dd {
+	margin-bottom: 15px;
+	margin-left: 0;
+	padding-bottom: 15px;
+	display: none;
+}
+
+/**
+ * @section get-started
+ */
+
+.get-started header.banner .header-content h2 {
+	margin-bottom: 40px;
+}
+.get-started .header-image img {
+    margin-top: 55px;
+}
+
+/*
+ * @section home
+ */
+
+.home header.banner .header-content h2 {
+	margin-bottom: 40px;
+}
+.home .box ul li img {
+	margin: 0 0 10px 10px;
+	float: right;
+}
+
+.home .box-padded .slider-container {
+	border: 1px solid #AEA79F;
+}
+.home .box-padded div div.vertical-divider {
+	padding: 20px 8px 0;
+}
+.home .box-padded li .price{
+	font-weight: bold;
+}
+.home .box-padded li.no-border{
+	border: 0 none;
+}
+
+
+/*
+ * @section my_meta_control
+ */
+
+.my_meta_control .description {
+	display:none;
+}
+.my_meta_control label {
+	display:block;
+	font-weight:bold;
+	margin:6px;
+	margin-bottom:0;
+	margin-top:12px;
+}
+.my_meta_control label span {
+	display:inline;
+	font-weight:normal;
+}
+.my_meta_control span {
+	color:#999;
+	display:block;
+}
+.my_meta_control textarea,
+.my_meta_control input[type='text'] {
+	margin-bottom:3px;
+	width:99%;
+}
+.my_meta_control h4 {
+	color:#999;
+	font-size:1em;
+	margin:15px 6px;
+	text-transform:uppercase;
+}
+
+/*
+ * @section resources
+ */
+
+.resources .side-menu {
+	min-height: 600px;
+}
+.resources .nine-col .five-col {
+	margin-right: 8.511%;
+}
\ No newline at end of file

=== modified file 'event.php'
--- event.php	2011-09-26 11:19:45 +0000
+++ event.php	2014-02-13 16:50:20 +0000
@@ -10,8 +10,8 @@
 <?php $location = get_post_custom_values('location');  ?>
 <?php $s_date = get_post_custom_values('date-start');  ?>
 <?php $e_date = get_post_custom_values('date-end');  ?>
-<hgroup id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
-		<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
-		<span class="location"><?php echo $location[0];  ?></span>
-		<time datetime="<?php echo date('Y-m-d', strtotime(str_replace(',','',$s_date[0])));  ?>"><?php echo $s_date[0];  ?> - <?php echo $e_date[0];  ?></time>
-</hgroup>
\ No newline at end of file
+<li id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+	<h4><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title('', ' &rsaquo;'); ?></a></h4>
+	<span class="location"><?php echo $location[0];  ?></span>
+	<time class="note" datetime="<?php echo date('Y-m-d', strtotime(str_replace(',','',$s_date[0])));  ?>"><?php echo $s_date[0];  ?> - <?php echo $e_date[0];  ?></time>
+</li>

=== modified file 'footer.php'
--- footer.php	2013-09-20 12:18:59 +0000
+++ footer.php	2014-02-13 16:50:20 +0000
@@ -1,7 +1,7 @@
-</div><!-- /#content -->
-
+	</div><!-- /#main-content -->
+</div><!-- /.wrapper -->
 <div class="shadow"></div>
-<footer>
+<footer role="contentinfo">
 	<div>
 		<nav role="navigation" class="clearfix">
 			<ul>
@@ -77,6 +77,9 @@
 <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.slider.js"></script>
 <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/base.js"></script>
 
+<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/plugins/yui-min.js"></script>
+<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/core.js"></script>
+
 <script type="text/javascript">
 var _gaq = _gaq || [];
   

=== modified file 'header.php'
--- header.php	2013-09-20 12:18:59 +0000
+++ header.php	2014-02-13 16:50:20 +0000
@@ -2,76 +2,91 @@
 
 <!DOCTYPE html>
 <html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
-<title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></title>
-
-<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:300,400,400italic">
-<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu+Mono:400">
-<link rel="stylesheet" type="text/css" media="screen" href="<?php echo get_template_directory_uri(); ?>/css/reset.css" />
-<link rel="stylesheet" type="text/css" media="screen" href="<?php echo get_template_directory_uri(); ?>/css/960.css" />
-<link rel="stylesheet" type="text/css" media="screen" href="<?php echo get_template_directory_uri(); ?>/css/base.css" />
-<link rel="stylesheet" type="text/css" media="screen" href="<?php echo get_template_directory_uri(); ?>/css/<?php echo $template_id; ?>.css" />
-
-<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
-
-<!--[if lt IE 9]>
-<script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
-<![endif]-->
-
-<?php wp_head(); ?>
-
-<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,700,700italic|Ubuntu+Mono' rel='stylesheet' type='text/css' />
-<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/plugins/yui-min.js"></script>
-<link rel="stylesheet" type="text/css" media="screen" href="http://assets.ubuntu.com/sites/ubuntu/latest/u/css/global.css" />
-<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/global.js"></script>
+	<head>
+	<meta charset="UTF-8" />
+	<meta name="description" content="Learn how to get started developing applications for the Ubuntu platform - desktop, tablets and phones." />
+	<meta name="keywords" content="Ubuntu developers, app developers, apis, QML, Ubuntu SDK, HTML5, Javascript, C++, C, Unity, Scopes, developer community" />
+	<meta name="author" content="Canonical" />
+
+	<title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></title>
+
+	<link rel="shortcut icon" href="http://assets.ubuntu.com/sites/ubuntu/latest/u/img/favicon.ico" type="image/x-icon" />
+
+	<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,700,700italic|Ubuntu+Mono' rel='stylesheet' type='text/css' />
+	<link rel="stylesheet" type="text/css" media="screen" href="http://assets.ubuntu.com/sites/guidelines/css/latest/ubuntu-styles.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="<?php echo get_template_directory_uri(); ?>/css/scratch.css" />
+
+	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
+
+	<!--[if lt IE 9]>
+	<script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+	<![endif]-->
+
+	<?php wp_head(); ?>
+
+	<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/plugins/yui-min.js"></script>
+	<link rel="stylesheet" type="text/css" media="screen" href="http://assets.ubuntu.com/sites/ubuntu/latest/u/css/global.css" />
+	<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/global.js"></script>
 
 </head>
 
 <body class="<?php echo $template_id; ?>">
-
-<header>
+<div class="wrapper">
 	<div class="header-login">
 		<ul>
 			<li><a href="https://myapps.developer.ubuntu.com/openid/login/?next=/dev/click-apps">Sign in or register for MyApps</a></li>
 		</ul>
 	</div>
-	<div class="header-navigation">
-		<div>
-			<nav role="navigation">
-				<ul>
-					<?php wp_list_pages('sort_column=menu_order&title_li=&depth=1&exclude=6,2301,2339'); ?>
-					<li>
-						<form id="form-search" method="get" action="/">
-							<fieldset>
-								<input id="input-search" type="text" name="s" value="Search" />
-							</fieldset>
-						</form>
-					</li>
-				</ul>
-			</nav>
-			<a class="logo-ubuntu" href="/"><img src="<?php echo get_template_directory_uri(); ?>/img/logo-ubuntu.png" width="119" height="27" alt="Ubuntu logo" /></a>
-			<h2><a href="/">Developer</a></h2>
+</div>
+<header class="banner global" role="banner">
+	<nav role="navigation" class="nav-primary nav-right">
+		<div class="logo">
+			<a class="logo-ubuntu" href="/">
+				<img width="106" height="25" src="//assets.ubuntu.com/sites/ubuntu/latest/u/img/logos/logo-ubuntu-orange.png" alt="Insights logo" />
+				<span>developer</span>
+			</a>
 		</div>
-	</div>
+		<ul>
+			<?php wp_list_pages('sort_column=menu_order&title_li=&depth=1&exclude=6,2301,2339'); ?>
+		</ul>
+		<div id="box-search">
+			<form class="search-form" method="get" id="searchform" action="/">
+				<label class="off-left" for="s">Search:</label>
+				<input id="input-search" type="text" name="s" value="" />
+				<button class="off-left form-submit" type="submit" id="searchsubmit">Search</button>
+			</form>
+		</div><!-- /#search-box -->
+	</nav>
+
 	<div class="header-content">
-		<div class="clearfix">
-			<img class="arrow-nav" src="<?php echo get_template_directory_uri(); ?>/img/arrow-nav.png" width="9" height="5" alt="" />
+		<div class="wrapper">
 			<div class="header-navigation-secondary">
-			<?php 
-			get_template_part('subnav', $template_id);
-			?>
+			<?php
+			// If the page has children, display the children in the nav.
+			// If the page has a parent, display the children of the parent in the nav.
+			// If the page doesn't have children, or a parent, don't display the nav.
+			// If the page is 'resources', or a descendant, don't display the nav.
+			// If the page is 'search', don't display the nav.
+			$pages = get_pages("sort_column=menu_order&depth=1&child_of=" . $post->ID) ? $post->ID : $post->post_parent;
+			if ($pages && !preg_match("/resources/", $_SERVER['REQUEST_URI']) && !is_search()) { ?>
+				<div>
+					<nav role="navigation">
+						<ul class="clearfix">
+							<?php wp_list_pages('sort_column=menu_order&title_li=&depth=1&child_of=' . $pages); ?>
+						</ul>
+					</nav>
+				</div>
+			<?php } ?>
 			</div>
 			<div class="hero">
-			<?php 
-			get_template_part('hero', $template_id); 
+			<?php
+			get_template_part('hero', $template_id);
 			?>
 			</div>
 		</div>
 	</div>
-	
+
 </header>
 
-<div id="content" class="container-12">
-	
+<div class="wrapper clearfix">
+	<div id="main-content" class="inner-wrapper" role="main">

=== modified file 'hero-community.php'
--- hero-community.php	2013-08-26 19:24:14 +0000
+++ hero-community.php	2014-02-13 16:50:20 +0000
@@ -1,5 +1,7 @@
 <div class="header-image">
 	<img src="<?php echo get_template_directory_uri(); ?>/img/banner-uds-p.jpg" width="480" height="260" alt="" />
 </div>
-<h1><?php wp_title(''); ?></h1>
-<h2>The Ubuntu community provides you with a strong support network that can help you solve your development challenges. Join in and share your knowledge.</h2>
\ No newline at end of file
+<div class="six-col last-col">
+	<h1><?php wp_title(''); ?></h1>
+	<h2>The Ubuntu community provides you with a strong support network that can help you solve your development challenges. Join in and share your knowledge.</h2>
+</div>
\ No newline at end of file

=== modified file 'hero-get-started.php'
--- hero-get-started.php	2013-08-26 19:24:14 +0000
+++ hero-get-started.php	2014-02-13 16:50:20 +0000
@@ -33,18 +33,12 @@
 </h2>
 
 <!-- Header Call To Action -->
-<a class="link-action2" href="#step-get-toolkit">
-	<span class="cta-left"></span>
-	<span class="cta-center">
-	
+<a class="link-cta-ubuntu cta-large" href="#step-get-toolkit">	
 <?php $gomobile_takeover_cta = get_post_meta($post->ID, 'gomobile_takeover_cta', true);
     if ($gomobile_takeover_cta) { ?>
         <?php echo $gomobile_takeover_cta; ?>
 <?php }
     else { ?>
         Get started now
-<?php } ?>
-	
-	</span>
-	<span class="cta-right"></span>
+<?php } ?>  
 </a>

=== modified file 'hero-home.php'
--- hero-home.php	2013-08-26 19:24:14 +0000
+++ hero-home.php	2014-02-13 16:50:20 +0000
@@ -1,5 +1,7 @@
 <?php $post_metadata = get_post_meta($post->ID, '_my_meta', true);
-extract($post_metadata); 
+if($post_metadata) {
+    extract($post_metadata);
+}
 $site_tagline = get_bloginfo('description'); ?>
 
 <div class="header-image">
@@ -36,14 +38,4 @@
 	$home_cta_link = "/get-started";
 }
 ?>
-<a class="link-action2" href="<?php echo $home_cta_link; ?>">
-	<span class="cta-left"></span>
-    <?php	
-    if ($home_cta_msg) { ?>
-    <span class="cta-center"><?php echo $home_cta_msg; ?></span>
-    <?php }
-    else { ?>
-	<span class="cta-center">Get started now</span>
-	<?php } ?>	
-	<span class="cta-right"></span>
-</a>
+<a class="link-cta-ubuntu cta-large" href="<?php echo $home_cta_link; ?>"><?php echo $home_cta_msg; ?></a>

=== modified file 'hero-publish.php'
--- hero-publish.php	2013-09-05 01:41:03 +0000
+++ hero-publish.php	2014-02-13 16:50:20 +0000
@@ -1,5 +1,7 @@
 <?php $post_metadata = get_post_meta($post->ID, '_my_meta', true);
-extract($post_metadata); 
+if($post_metadata) {
+    extract($post_metadata);
+}
 ?>
 
 <?php
@@ -25,13 +27,13 @@
 if (!empty($home_cta_link)) { ?>
 <a class="link-action2" href="<?php echo $home_cta_link; ?>">
 	<span class="cta-left"></span>
-    <?php	
+    <?php
     if ($home_cta_msg) { ?>
     <span class="cta-center"><?php echo $home_cta_msg; ?></span>
     <?php }
     else { ?>
 	<span class="cta-center">Get started now</span>
-	<?php } ?>	
+	<?php } ?>
 	<span class="cta-right"></span>
 </a>
-<?php } ?>	
+<?php } ?>

=== modified file 'hero.php'
--- hero.php	2013-09-05 01:41:03 +0000
+++ hero.php	2014-02-13 16:50:20 +0000
@@ -1,5 +1,7 @@
 <?php $post_metadata = get_post_meta($post->ID, '_my_meta', true);
-extract($post_metadata); 
+if($post_metadata) {
+    extract($post_metadata);
+}
 ?>
 
 <?php
@@ -14,6 +16,7 @@
 <h1><?php echo $home_tagline; ?></h1>
 <?php } else { ?>
 <h1><?php if (is_search()) { echo 'Search results for: "'. get_search_query() .'"'; } else { wp_title(''); } ?></h1>
+
 <?php } ?>
 
 <?php
@@ -25,15 +28,13 @@
 if (!empty($home_cta_link)) { ?>
 <a class="link-action2" href="<?php echo $home_cta_link; ?>">
 	<span class="cta-left"></span>
-    <?php	
+    <?php
     if ($home_cta_msg) { ?>
     <span class="cta-center"><?php echo $home_cta_msg; ?></span>
     <?php }
     else { ?>
 	<span class="cta-center">Get started now</span>
-	<?php } ?>	
+	<?php } ?>
 	<span class="cta-right"></span>
 </a>
-<?php } ?>	
-
-
+<?php } ?>

=== modified file 'js/base.js'
--- js/base.js	2013-09-05 01:41:03 +0000
+++ js/base.js	2014-02-13 16:50:20 +0000
@@ -12,11 +12,10 @@
 $(document).ready(function() {
 	base.setPageId();
 	base.positionNavArrow();
-	base.readySearch();
 	base.readyStepLinks();
 	base.readyAccordion();
 	base.readyFAQs();
-	base.readySmoothScrolling();
+	//base.readySmoothScrolling();
 	base.getTweets();
 });
 

=== modified file 'js/jquery.slider.js'
--- js/jquery.slider.js	2011-09-26 11:19:45 +0000
+++ js/jquery.slider.js	2014-02-13 16:50:20 +0000
@@ -3,7 +3,7 @@
 *  author: Anthony Dillon
 */
 
-var slideAmount = 928;
+var slideAmount = 975;
 var xPos = -10;
 var numberOfSlides = 3;
 var index = 1;

=== modified file 'part-blog-latest-articles.php'
--- part-blog-latest-articles.php	2013-10-11 17:25:14 +0000
+++ part-blog-latest-articles.php	2014-02-13 16:50:20 +0000
@@ -10,7 +10,7 @@
 </div>
 <?php endforeach; ?>
 
-<ul class="blog-links">
+<ul class="blog-links list">
  <li><a class="link-blog" href="/blog">Go to the developer blog &rsaquo;</a></li>
  <li><a class="link-rss" href="/?&amp;feed=rss2">Subscribe to the developer blog &rsaquo;</a></li>
 </ul>

=== modified file 'part-blog-latest-events.php'
--- part-blog-latest-events.php	2013-07-01 10:04:05 +0000
+++ part-blog-latest-events.php	2014-02-13 16:50:20 +0000
@@ -6,11 +6,11 @@
 foreach ($posts as $post): ?>
 <div class="event">
 	<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?>&nbsp;&rsaquo;</a></h4>
-	<span class="location"><?php echo get_post_meta($post->ID, 'location', true); ?></span>	
+	<span class="location"><?php echo get_post_meta($post->ID, 'location', true); ?></span>
 	<time datetime="<?php echo date('Y-m-d', strtotime(str_replace(',', '', get_post_meta($post->ID, 'date-start', true)))); ?>"><?php echo get_post_meta($post->ID, 'date-start', true); ?> &ndash; <?php echo get_post_meta($post->ID, 'date-end', true); ?></time>
 </div>
 <?php endforeach; ?>
 
-<ul class="blog-links">
+<ul class="blog-links list">
     <li><a class="link-rss" href="/?cat=<?php echo $category_id; ?>&amp;feed=rss2">All upcoming events &rsaquo;</a></li>
 </ul>
\ No newline at end of file

=== modified file 'search.php'
--- search.php	2011-09-26 11:19:45 +0000
+++ search.php	2014-02-13 16:50:20 +0000
@@ -1,6 +1,6 @@
 <?php get_header(); ?>
 
-	<div class="grid-9">
+	<div class="nine-col">
 		<?php if (have_posts()) : ?>
 			<ul class="list-search">
 			<?php while (have_posts()) : the_post(); ?>

=== modified file 'sidenav.php'
--- sidenav.php	2013-09-05 01:41:03 +0000
+++ sidenav.php	2014-02-13 16:50:20 +0000
@@ -3,7 +3,7 @@
 	$pages = get_pages("sort_column=menu_order&parent=".$post->ID."&child_of=".$post->ID);
 	if ($pages) {
 	?>
-	<h3><a href="<?php echo get_page_link( $page->ID ); ?>">Pages</a></h3>
+	<h3><a href="#" class="slideless"><?php echo $page->post_title; ?></a></h3>
 	<div>
 		<ul>
 			<?php wp_list_pages('sort_column=menu_order&title_li=&depth=1&child_of=' . $post->ID); ?>

=== modified file 'single.php'
--- single.php	2011-09-26 11:19:45 +0000
+++ single.php	2014-02-13 16:50:20 +0000
@@ -7,7 +7,7 @@
 
 		<div id="primary" class="blog-article">
 			
-			<div  role="main" class="grid-9">
+			<div  role="main" class="nine-col">
 				
 				<?php while ( have_posts() ) : the_post(); ?>
 
@@ -23,7 +23,7 @@
 				<?php endwhile; ?>
 
 			</div><!-- main -->
-			<aside class="grid-3">
+			<aside class="three-col last-col">
 				<a href="/community/app-developer-blog/">&lsaquo; Back to Blog</a>
 				<h3>Archive</h3>
 				 <?php wp_get_archives('type=monthly&limit=12'); ?>

=== modified file 'template-apps.php'
--- template-apps.php	2013-09-12 23:29:57 +0000
+++ template-apps.php	2014-02-13 16:50:20 +0000
@@ -7,11 +7,11 @@
 
 <?php get_header(); ?>
 
-	<div class="grid-12">
-		<div class="grid-3 alpha side-menu">
+	<div class="row no-border">
+		<div class="three-col side-menu">
 			<?php get_template_part('sidenav', 'apps'); ?>
 		</div>
-		<div id="page_content" class="grid-9">
+		<div id="page_content" class="nine-col last-col">
 			<article>
  		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 			<?php the_content(); ?>

=== modified file 'template-blog-community.php'
--- template-blog-community.php	2012-12-18 15:26:53 +0000
+++ template-blog-community.php	2014-02-13 16:50:20 +0000
@@ -6,7 +6,8 @@
 ?>
 
 <?php get_header(); ?>
-			<div  class="grid-9" role="main">
+		<div class="row no-border">
+			<div  class="nine-col" role="main">
 			<?php $category_id_article = get_cat_ID('Article');  ?>
 			<?php $the_query = new WP_Query( 'cat=' . $category_id_article ); ?>
 			<?php  if ( $the_query->have_posts() ) : ?>
@@ -30,18 +31,23 @@
 				</div>
 			<?php endif; ?>
 			</div>
-			<aside class="grid-3" >
+			<aside class="three-col last-col" >
 				<h3>Archive</h3>
+				<ul class="no-bullets">
 				 <?php wp_get_archives('type=monthly&limit=12'); ?>
 				 <?php $category_id_event = get_cat_ID('Event');  ?>
 				 <?php $the_query = new WP_Query( 'cat='. $category_id_event ); ?>
+				</ul>
 			<?php  if ( $the_query->have_posts() ) : ?>
 				<h3 class="events">Events</h3>
+				<ul class="no-bullets">
 				<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
 					<?php get_template_part( 'event', get_post_format() ); ?>
 				<?php endwhile; ?>
+				</ul>
 			<?php endif; ?>
-				 
+
 			</aside>
+		</div>
 
 <?php get_footer(); ?>

=== modified file 'template-blog-planet.php'
--- template-blog-planet.php	2013-10-11 17:19:31 +0000
+++ template-blog-planet.php	2014-02-13 16:50:20 +0000
@@ -6,7 +6,8 @@
 ?>
 
 <?php get_header(); ?>
-			<div  class="grid-9" role="main">
+		<div class="row no-border">
+			<div  class="nine-col" role="main">
 			<?php $category_id_article = get_cat_ID('Planet');  ?>
 			<?php $the_query = new WP_Query( 'cat=' . $category_id_article ); ?>
 			<?php  if ( $the_query->have_posts() ) : ?>
@@ -30,11 +31,11 @@
 				</div>
 			<?php endif; ?>
 			</div>
-			<aside class="grid-3 blogroll" >
+			<aside class="three-col last-col blogroll" >
 				<h2>Planet Feeds</h2>
-				 <?php 
+				 <?php
 				 $cat =  get_term_by( 'name', 'Contributors', 'link_category' );
 				 wp_list_bookmarks('title_li=&categorize=0&category='.$cat->term_id); ?>
 			</aside>
-
+		</div>
 <?php get_footer(); ?>

=== modified file 'template-charms.php'
--- template-charms.php	2013-09-12 23:29:57 +0000
+++ template-charms.php	2014-02-13 16:50:20 +0000
@@ -7,7 +7,7 @@
 
 <?php get_header(); ?>
 
-	<div class="grid-12">
+	<div class="row no-border">
 		<article>
 	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 		<?php the_content(); ?>

=== modified file 'template-child-resources.php'
--- template-child-resources.php	2013-06-27 16:23:30 +0000
+++ template-child-resources.php	2014-02-13 16:50:20 +0000
@@ -7,11 +7,11 @@
 
 <?php get_header(); ?>
 
-	<div class="grid-12">
-		<div class="grid-3">
+	<div class="row no-border">
+		<div class="three-col">
 			<?php get_template_part('part', 'accordion-resources'); ?>
 		</div>
-		<div class="grid-9">
+		<div class="nine-col last-col">
 	 		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 				<article>
 					<h1><?php wp_title(''); ?></h1>
@@ -19,13 +19,10 @@
 				</article>
 			<?php endwhile; endif; ?>
                         <div class="pagelink"><?php wp_link_pages('before=<p><strong>Pages:</strong>'); ?></div>
-			<div class="box-orange clearfix">
-				<h3>Got any questions?</h3>
-				<a class="link-action-small" href="http://www.askubuntu.com/questions/ask?tags=application-development">
-					<span class="cta-left"></span>
-					<span class="cta-center">Ask your question</span>
-					<span class="cta-right"></span>
-				</a>
+			<div class="box box-orange">
+				<h3>Got any questions?</h3>	
+				<a class="link-cta-ubuntu right" href="http://www.askubuntu.com/questions/ask?tags=application-development">Ask your question</span></a>
+			
 				<p>If you could not find an answer to your question here, you can ask the thousands of Ubuntu users and developers on Ask Ubuntu.</p>
 			</div>
 		</div>

=== modified file 'template-community.php'
--- template-community.php	2013-09-20 13:56:09 +0000
+++ template-community.php	2014-02-13 16:50:20 +0000
@@ -7,81 +7,85 @@
 
 <?php get_header(); ?>
 
-	<div class="grid-12">
-			<div class="box clearfix">
-				<h2>Contribute</h2>
-				<ul>
-					<li>
-						<a href="/apps">
-							<img src="<?php echo get_template_directory_uri(); ?>/img/pictogram-cog.png" width="47" height="49" alt="" />
-							<h4>Create an app &rsaquo;</h4>
-						</a>
-						<p>The best way to contribute to Ubuntu app development is by writing apps!</p>
-					</li>
-					<li>
-						<a href="/community/core-apps">
-							<img src="<?php echo get_template_directory_uri(); ?>/img/pictogram-star.png" width="49" height="49" alt="" />
-							<h4>Join the core apps team &rsaquo;</h4>
-						</a>
-						<p>The core applications for Ubuntu on phones are developed by community members like you. Join us and make Ubuntu happen.</p>
-					</li>
-					<li class="last">
-						<a href="/community/uds">
-							<img src="<?php echo get_template_directory_uri(); ?>/img/pictogram-bird.png" width="61" height="49" alt="" />
-							<h4>The Ubuntu Developer Summit &rsaquo;</h4>
-						</a>
-						<p>Every 3 months we organize an open event to plan the upcoming OS features. Influence Ubuntu with your ideas and your work!</p>
-					</li>
-				</ul>
-			</div>
-	</div>
-		
-	<div class="grid-4">
-		<div class="box-orange">
-			<h3><a href="http://www.askubuntu.com">Participate on AskUbuntu &rsaquo;</a></h3>
-			<p>A collaboratively-edited question and answer site for Ubuntu users and developers. 100% free, no registration required</p>
-			<a href="http://www.askubuntu.com/questions/ask?tags=application-development">Ask a question now &rsaquo;</a>
-		</div>
-	</div>
-
-	<div class="grid-8">
-		<div class="box-padded">
-			<h3>Other ways to get involved</h3>
-			<div>
-				<ul class="clearfix">
-					<li><a href="/?&amp;feed=rss2"class="rss">Subscribe to the Ubuntu Developers Blog &rsaquo;</a></li>
-					<li><a href="http://webchat.freenode.net/?channels=ubuntu-app-devel"  class="irc">Chat in real time with other developers &rsaquo;</a></li>
-
-					<li><a href="https://lists.ubuntu.com/mailman/listinfo/ubuntu-app-devel"  class="mail">Join the app developer mailing list &rsaquo;</a></li>
-					<li><a href="https://plus.google.com/communities/111350780270925540549"  class="google-plus">App Developers community on G+ &rsaquo;</a></li>
-
-					<li class="last"><a href="http://gplus.to/ubuntuappdev" class="google-plus">Follow Ubuntu App Developers on G+ &rsaquo;</a></li>
-					<li class="last"><a href="http://facebook.com/ubuntuappdev"class="facebook">Follow Ubuntu App Developers on FB &rsaquo;</a></li>
-				</ul>
-			</div>
-		</div>
-	</div>
-
-	<div class="grid-4">
-		<div class="box-clear border">
-			<h3>News and announcements</h3>
-			<?php get_template_part('part', 'blog-latest-articles'); ?>
-		</div>
-	</div>
-
-	<div class="grid-4">
-		<div class="box-clear">
-			<h3>Events</h3>
-			<?php get_template_part('part', 'blog-latest-events'); ?>
-		</div>
-	</div>
-
-	<div class="grid-4">
-		<div class="box-clear">
-			<h3>#ubuntuappdev on Twitter</h3>
-			<div class="container-tweet">
-				<div class="tweet tweet-small clearfix"></div>
-				<a class="tweet-follow" href="http://twitter.com/ubuntuappdev">Follow <span>@ubuntuappdev</span> on Twitter</a>
+	<div class="row no-border">
+		<div class="box clearfix">
+			<h2>Contribute</h2>
+			<ul>
+				<li class="four-col">
+					<a href="/apps">
+						<img src="<?php echo get_template_directory_uri(); ?>/img/pictogram-cog.png" width="47" height="49" alt="" />
+						<h4>Create an app &rsaquo;</h4>
+					</a>
+					<p>The best way to contribute to Ubuntu app development is by writing apps!</p>
+				</li>
+				<li class="four-col">
+					<a href="/community/core-apps">
+						<img src="<?php echo get_template_directory_uri(); ?>/img/pictogram-star.png" width="49" height="49" alt="" />
+						<h4>Join the core apps team &rsaquo;</h4>
+					</a>
+					<p>The core applications for Ubuntu on phones are developed by community members like you. Join us and make Ubuntu happen.</p>
+				</li>
+				<li class="four-col last-col">
+					<a href="/community/uds">
+						<img src="<?php echo get_template_directory_uri(); ?>/img/pictogram-bird.png" width="61" height="49" alt="" />
+						<h4>The Ubuntu Developer Summit &rsaquo;</h4>
+					</a>
+					<p>Every 3 months we organize an open event to plan the upcoming OS features. Influence Ubuntu with your ideas and your work!</p>
+				</li>
+			</ul>
+		</div>
+	</div>
+
+	<div class="row no-border">
+		<div class="four-col">
+			<div class="box box-orange">
+				<h3><a href="http://www.askubuntu.com">Participate on AskUbuntu&nbsp;&rsaquo;</a></h3>
+				<p>A collaboratively-edited question and answer site for Ubuntu users and developers. 100% free, no registration required</p>
+				<a href="http://www.askubuntu.com/questions/ask?tags=application-development">Ask a question now &rsaquo;</a>
+			</div>
+		</div>
+
+		<div class="eight-col last-col">
+			<div class="box-padded">
+				<h3>Other ways to get involved</h3>
+				<div>
+					<ul class="list four-col smaller">
+						<li><a href="/?&amp;feed=rss2"class="rss">Subscribe to the Ubuntu Developers Blog&nbsp;&rsaquo;</a></li>
+						<li><a href="http://webchat.freenode.net/?channels=ubuntu-app-devel"  class="irc">Chat in real time with other developers&nbsp;&rsaquo;</a></li>
+						<li><a href="https://lists.ubuntu.com/mailman/listinfo/ubuntu-app-devel"  class="mail">Join the app developer mailing list&nbsp;&rsaquo;</a></li>
+					</ul>
+					<ul class="list four-col last-col smaller">
+						<li><a href="https://plus.google.com/communities/111350780270925540549"  class="google-plus">App Developers community on G+&nbsp;&rsaquo;</a></li>
+						<li><a href="http://gplus.to/ubuntuappdev" class="google-plus">Follow Ubuntu App Developers on G+&nbsp;&rsaquo;</a></li>
+						<li><a href="http://facebook.com/ubuntuappdev"class="facebook">Follow Ubuntu App Developers on FB&nbsp;&rsaquo;</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<div class="row no-border">
+		<div class="four-col">
+			<div class="box-clear border">
+				<h3>News and announcements</h3>
+				<?php get_template_part('part', 'blog-latest-articles'); ?>
+			</div>
+		</div>
+
+		<div class="four-col">
+			<div class="box-clear">
+				<h3>Events</h3>
+				<?php get_template_part('part', 'blog-latest-events'); ?>
+			</div>
+		</div>
+
+		<div class="four-col last-col">
+			<div class="box-clear">
+				<h3>#ubuntuappdev on Twitter</h3>
+				<div class="container-tweet">
+					<div class="tweet tweet-small clearfix"></div>
+					<a class="tweet-follow" href="http://twitter.com/ubuntuappdev">Follow <span>@ubuntuappdev</span> on Twitter</a>
+				</div>
 			</div>
 		</div>
 	</div>

=== modified file 'template-default.php'
--- template-default.php	2011-09-26 11:19:45 +0000
+++ template-default.php	2014-02-13 16:50:20 +0000
@@ -6,11 +6,11 @@
 ?>
 
 <?php get_header(); ?>
-
-	<div class="grid-9">
- 		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
-			<?php the_content(); ?>
-		<?php endwhile; endif; ?>
+	<div class="row no-border">
+		<div class="nine-col">
+	 		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
+				<?php the_content(); ?>
+			<?php endwhile; endif; ?>
+		</div>
 	</div>
-
 <?php get_footer(); ?>
\ No newline at end of file

=== modified file 'template-get-started.php'
--- template-get-started.php	2013-07-12 15:25:22 +0000
+++ template-get-started.php	2014-02-13 16:50:20 +0000
@@ -6,21 +6,21 @@
 ?>
 
 <?php get_header(); ?>
-	<div class="grid-12">	
+	<div class="row no-border">
 		<div class="box clearfix">
 			<h2>The best tools to unlock your creativity</h2>
 			<ul>
-				<li>
+				<li class="four-col">
 					<img src="<?php echo get_template_directory_uri(); ?>/img/gomobile-qml.jpg" width="282" height="165" alt="QML, design and code together" />
 					<h4>Unleash the power of QML</h4>
 					<p>We've adopted QML at the heart of a set of technologies to bring the Ubuntu experience to mobile devices. QML is an extremely powerful JavaScript-based declarative language for designing intuitive, natural and responsive user interfaces. Marrying stunning design with a high-performing framework, the sky's the limit.</p>
 				</li>
-				<li>
+				<li class="four-col">
 					<img src="<?php echo get_template_directory_uri(); ?>/img/gomobile-toolkit-design.png" width="282" height="165" alt="Ubuntu toolkit design" />
 					<h4>Crisp, integrated design</h4>
 					<p>Our toolkit has been carefully designed to provide fluid and natural user interface elements that blend into Ubuntu without getting in the way. Now your applications can take advantage of it and be built on rich interfaces that seamlessly integrate with the OS.</p>
 				</li>
-				<li class="last">
+				<li class="four-col last-col">
 					<img src="<?php echo get_template_directory_uri(); ?>/img/gomobile-native-html5.png" width="282" height="165" alt="Ubuntu and HTML5 logos" />
 					<h4>Native or HTML5, your choice</h4>
 					<p>We recognize HTML5 as a core Internet technology often used to develop cross-platform apps. As such, the Ubuntu toolkit offers the flexibility to support HTML5 too. It’s your choice to decide whether you want to go native with QML and the best Ubuntu integration or HTML5 and less integration via Unity webapps.</p>
@@ -29,138 +29,146 @@
 		</div>
 	</div>
 
-
-			<div class="grid-12">
-				<div id="step-get-toolkit" class="step clearfix">
-				<span class="number">1</span>					
-					<div>
-						<h2>Get the Ubuntu SDK preview</h2>
-						<img src="<?php echo get_template_directory_uri(); ?>/img/gomobile-qml-toolkit.png" width="302" height="205" alt="" />
-						<p>The first thing you'll need to do is to install the tools and its dependencies. The installation will take place from PPAs, which are archives of packages that enable rapid delivery of updates. It’s an easy step that should take just a few minutes.</p>
-
-                        <h3>Install the Ubuntu SDK preview</h3>
-                        <p>Follow these easy steps to install the Ubuntu SDK preview:</p>
-                        <ol>
-                            <li>Open a terminal by pressing the <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>T</kbd> key combination</li>
-                            <li>Enter the following command, pressing <kbd>Enter</kbd> at the end of the line and following the prompts</li>
-                        </ol>
-			For <strong>Ubuntu 12.04 LTS</strong>, <strong>Ubuntu 12.10</strong> and <strong>Ubuntu 13.04</strong> users:
-                        <p><code>
-                        <?php $gomobile_toolkit_ppa = get_post_meta($post->ID, 'gomobile_toolkit_ppa', true);
-                        if ($gomobile_toolkit_ppa) { ?>
-                        <?php echo $gomobile_toolkit_ppa; ?>
-                        <?php }
-   						else { ?>
-                        sudo add-apt-repository ppa:ui-toolkit/ppa && sudo apt-get update && sudo apt-get install qt-components-ubuntu qt-components-ubuntu-demos qt-components-ubuntu-doc
-                        <?php } ?>
-                        </code></p>
-			Alternatively, for those using a <strong>development release</strong>:
-                        <p><code>
-                        <?php $gomobile_toolkit_daily_release = get_post_meta($post->ID, 'gomobile_toolkit_daily_release', true);
-                        if ($gomobile_toolkit_daily_release) { ?>
-                        <?php echo $gomobile_toolkit_daily_release; ?>
-                        <?php }
-   						else { ?>
-                        sudo apt-get update && sudo apt-get install ubuntu-sdk && sudo add-apt-repository ppa:ubuntu-sdk-team/ppa && sudo apt-get update && sudo apt-get install ubuntu-qt-creator-plugins
-                        <?php } ?>
-                        </code></p>
-                        <p>Congrats! Now you're all set to <a href="#step-write-app">start writing a phone app</a>.</p>
-					</div>
-				</div>
-				<div id="step-write-app" class="step clearfix">
-				<span class="number">2</span>					
-					<div>
-						<h2>Write your first app</h2>
-						<?php $gomobile_tutorial_link = get_post_meta($post->ID, 'gomobile_tutorial_link', true);
-		                    if (empty($gomobile_tutorial_link)) {
-	   							$gomobile_tutorial_link = "/resources/app-developer-cookbook/mobile/currency-converter-phone-app";
-	   						} ?>
-                                                <img src="<?php echo get_template_directory_uri(); ?>/img/gomobile-tutorial.png" width="470" height="263" alt="Ubuntu phone app tutorial" />
-						<p>Time to put your developer hat on and get onto business. The Ubuntu phone app tutorial will take you through the journey of writing your first phone application on Ubuntu.</p>
-
-                        <p>You will learn about the different UI components you can use in your app, watch them in action in the Component Showcase application, how to set up your developer environment and use the tools. In summary, the whole lifecycle of a real-world app.</p>
-                        
-                        <p><a href="<?php echo $gomobile_tutorial_link; ?>">Run the phone app tutorial &rsaquo;</a></p>
-					</div>
-				</div>
-
-				<div id="step-design" class="step clearfix">
-				<span class="number">3</span>
-					<?php $gomobile_api_link = get_post_meta($post->ID, 'gomobile_api_link', true);
-		            	if (empty($gomobile_api_link)) {
-	   						$gomobile_api_link = "/api/ubuntu-12.10/qml/mobile/overview-ubuntu-sdk.html";
-	   					}
-	   				?>
-					<div>
-						<h2>Design something beautiful</h2>
-                                                <img src="<?php echo get_template_directory_uri(); ?>/img/gomobile-design.png" width="470" height="263" alt="Ubuntu phone app tutorial" />
-                                                <p>To enable you to design and build beatiful and usable apps for Ubuntu on the phone, we’ve also prepared a set of clear guides with everything you need to know about UX and visual design best practices.</p>
-
-                        <p>The App Design Guides are a resource that keeps growing with new guides to make your apps stand out, so stay tuned for new content!</p>
-
-                        <p><a href="http://design.ubuntu.com/apps">Show me the App Design Guides &rsaquo;</a></p>
-					</div>
-				</div>
-
-				<div id="step-learn-more" class="step clearfix">
-				<span class="number">4</span>
-					<?php $gomobile_api_link = get_post_meta($post->ID, 'gomobile_api_link', true);
-		            	if (empty($gomobile_api_link)) {
-	   						$gomobile_api_link = "/api/ubuntu-12.10/qml/mobile/overview-ubuntu-sdk.html";
-	   					}
-	   				?>
-					<div>
-						<h2>Learn more</h2>
-						<div class="infobox">
-						<h3>Got a question? Ask!</h3>
-							<p>If you’ve got any question about Ubuntu on mobile devices or developing apps for the phone, our experts are here to help. Ask Ubuntu is a free, community-driven Q&A site for Ubuntu users and developers.</p>
-							<p><a href="http://www.askubuntu.com/questions/ask?tags=mobile,application-development">Ask a question now &rsaquo;</a></p>
-						</div>						
-						<p>After having completed the kickstart, you’ve now got a solid understanding of how to start using the toolkit for your apps. So now you’re probably eager to know more, and it’s time to delve into more detailed information about what each user interface component can do.</p>
-
-                        <p>For your reading pleasure, we’ve prepared comprehensive documentation to get to know each component in detail.</p>
-
-                        <p><a href="<?php echo $gomobile_api_link; ?>">Show me the API documentation &rsaquo;</a></p>
-					</div>
-				</div>
-
-				<div id="get-involved" class="box clearfix">
-					<div class="grid-8">
-						<h2>Keep in touch</h2>
-							<p>The phone and tablet are a huge milestone in the Ubuntu project. One that has generated a huge amount of excitement and received lots of attention. But this is just the beginning.</p>
-							<p>It&rsquo;s all about creating the technology of the future for the leading free operating system. The same technology that will power the next million Ubuntu phones and tablets. It&rsquo;s about being part of the action and providing input, review and working closely with the best experts in the design and development teams for Ubuntu.</p>
-							<p>We hope you think this is exciting and want to join us in this journey. If you want, tell us a bit about yourself and what you are doing and we can use your email to tell you about key moments along the way.</p> 
-							<p><a href="https://forms.canonical.com/capetown-dev/">Tell us what you are working on &rsaquo;</a></p>
-					</div>
-				</div>
-
+	<div id="step-get-toolkit" class="row">
+		<div class="one-col step">
+			<span class="number">1</span>
+		</div>
+		<div class="seven-col">
+			<h2>Get the Ubuntu SDK preview</h2>
+			<p>The first thing you'll need to do is to install the tools and its dependencies. The installation will take place from PPAs, which are archives of packages that enable rapid delivery of updates. It’s an easy step that should take just a few minutes.</p>
+
+            <h3>Install the Ubuntu SDK preview</h3>
+            <p>Follow these easy steps to install the Ubuntu SDK preview:</p>
+            <ol>
+                <li>Open a terminal by pressing the <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>T</kbd> key combination</li>
+                <li>Enter the following command, pressing <kbd>Enter</kbd> at the end of the line and following the prompts</li>
+            </ol>
+For <strong>Ubuntu 12.04 LTS</strong>, <strong>Ubuntu 12.10</strong> and <strong>Ubuntu 13.04</strong> users:
+            <p><code>
+            <?php $gomobile_toolkit_ppa = get_post_meta($post->ID, 'gomobile_toolkit_ppa', true);
+            if ($gomobile_toolkit_ppa) { ?>
+            <?php echo $gomobile_toolkit_ppa; ?>
+            <?php }
+				else { ?>
+            sudo add-apt-repository ppa:ui-toolkit/ppa && sudo apt-get update && sudo apt-get install qt-components-ubuntu qt-components-ubuntu-demos qt-components-ubuntu-doc
+            <?php } ?>
+            </code></p>
+Alternatively, for those using a <strong>development release</strong>:
+            <p><code>
+            <?php $gomobile_toolkit_daily_release = get_post_meta($post->ID, 'gomobile_toolkit_daily_release', true);
+            if ($gomobile_toolkit_daily_release) { ?>
+            <?php echo $gomobile_toolkit_daily_release; ?>
+            <?php }
+				else { ?>
+            sudo apt-get update && sudo apt-get install ubuntu-sdk && sudo add-apt-repository ppa:ubuntu-sdk-team/ppa && sudo apt-get update && sudo apt-get install ubuntu-qt-creator-plugins
+            <?php } ?>
+            </code></p>
+            <p>Congrats! Now you're all set to <a href="#step-write-app">start writing a phone app</a>.</p>
+		</div>
+		<div class="three-col last-col">
+			<img src="<?php echo get_template_directory_uri(); ?>/img/gomobile-qml-toolkit.png" width="302" height="205" alt="" />
+		</div>
+	</div>
+	<div id="step-write-app" class="row">
+		<div class="one-col step">
+			<span class="number">2</span>
+		</div>
+		<div class="five-col">
+			<h2>Write your first app</h2>
+			<?php $gomobile_tutorial_link = get_post_meta($post->ID, 'gomobile_tutorial_link', true);
+                if (empty($gomobile_tutorial_link)) {
+						$gomobile_tutorial_link = "/resources/app-developer-cookbook/mobile/currency-converter-phone-app";
+					} ?>
+			<p>Time to put your developer hat on and get onto business. The Ubuntu phone app tutorial will take you through the journey of writing your first phone application on Ubuntu.</p>
+            <p>You will learn about the different UI components you can use in your app, watch them in action in the Component Showcase application, how to set up your developer environment and use the tools. In summary, the whole lifecycle of a real-world app.</p>
+            <p><a href="<?php echo $gomobile_tutorial_link; ?>">Run the phone app tutorial &rsaquo;</a></p>
+		</div>
+		<div class="six-col last-col">
+			 <img src="<?php echo get_template_directory_uri(); ?>/img/gomobile-tutorial.png" width="470" height="263" alt="Ubuntu phone app tutorial" />
+		</div>
+	</div>
+	<div class="row" id="step-design">
+		<div class="one-col step">
+			<span class="number">3</span>
+		</div>
+			<?php $gomobile_api_link = get_post_meta($post->ID, 'gomobile_api_link', true);
+            	if (empty($gomobile_api_link)) {
+						$gomobile_api_link = "/api/ubuntu-12.10/qml/mobile/overview-ubuntu-sdk.html";
+					}
+				?>
+		<div class="five-col">
+			<h2>Design something beautiful</h2>
+            <p>To enable you to design and build beatiful and usable apps for Ubuntu on the phone, we’ve also prepared a set of clear guides with everything you need to know about UX and visual design best practices.</p>
+            <p>The App Design Guides are a resource that keeps growing with new guides to make your apps stand out, so stay tuned for new content!</p>
+            <p><a href="http://design.ubuntu.com/apps">Show me the App Design Guides &rsaquo;</a></p>
+		</div>
+		<div class="six-col last-col">
+			<img src="<?php echo get_template_directory_uri(); ?>/img/gomobile-design.png" width="470" height="263" alt="Ubuntu phone app tutorial" />
+        </div>
+	</div>
+	<div id="step-learn-more" class="row">
+		<div class="one-col step">
+			<span class="number">4</span>
+		</div>
+			<?php $gomobile_api_link = get_post_meta($post->ID, 'gomobile_api_link', true);
+            	if (empty($gomobile_api_link)) {
+						$gomobile_api_link = "/api/ubuntu-12.10/qml/mobile/overview-ubuntu-sdk.html";
+					}
+				?>
+		<div class="six-col">
+			<h2>Learn more</h2>
+
+			<p>After having completed the kickstart, you’ve now got a solid understanding of how to start using the toolkit for your apps. So now you’re probably eager to know more, and it’s time to delve into more detailed information about what each user interface component can do.</p>
+            <p>For your reading pleasure, we’ve prepared comprehensive documentation to get to know each component in detail.</p>
+            <p><a href="<?php echo $gomobile_api_link; ?>">Show me the API documentation &rsaquo;</a></p>
+		</div>
+		<div class="five-col last-col box">
+			<h3>Got a question? Ask!</h3>
+			<p>If you’ve got any question about Ubuntu on mobile devices or developing apps for the phone, our experts are here to help. Ask Ubuntu is a free, community-driven Q&A site for Ubuntu users and developers.</p>
+			<p><a href="http://www.askubuntu.com/questions/ask?tags=mobile,application-development">Ask a question now &rsaquo;</a></p>
+		</div>
+	</div>
+
+	<div class="row row-image-centered ">
+		<div class="box">
+			<div class="eight-col">
+				<h2>Keep in touch</h2>
+				<p>The phone and tablet are a huge milestone in the Ubuntu project. One that has generated a huge amount of excitement and received lots of attention. But this is just the beginning.</p>
+				<p>It&rsquo;s all about creating the technology of the future for the leading free operating system. The same technology that will power the next million Ubuntu phones and tablets. It&rsquo;s about being part of the action and providing input, review and working closely with the best experts in the design and development teams for Ubuntu.</p>
+				<p>We hope you think this is exciting and want to join us in this journey. If you want, tell us a bit about yourself and what you are doing and we can use your email to tell you about key moments along the way.</p>
+				<p><a href="https://forms.canonical.com/capetown-dev/">Tell us what you are working on &rsaquo;</a></p>
 			</div>
+			<span>
+				<img src="<?php echo get_template_directory_uri(); ?>/img/pictogram-love-heart.jpg" alt="" width="200" height="200" />
+			</span>
+		</div>
+	</div>
 
-	<div id="keep-up" class="grid-12">
+	<div id="keep-up" class="row no-border">
 		<h2>Keep up-to-date</h2>
 
-		<div class="grid-6 alpha border">
+		<div class="six-col">
 			<h3>Latest from the blog:</h3>
-			<div class="box-clear border">
+			<div class="box-clear">
 				<?php get_template_part('part', 'blog-latest-articles'); ?>
 			</div>
 		</div>
 
-		<div class="grid-3">
+		<div class="three-col">
 			<h3>Latest events:</h3>
 			<div class="box-clear">
 				<?php get_template_part('part', 'blog-latest-events'); ?>
-				<?php get_template_part('part', 'social-links'); ?>
 			</div>
 		</div>
 
-		<div class="grid-3 omega">
+		<div class="three-col last-col">
 			<div class="box-clear">
 				<div class="container-tweet">
 					<div class="tweet clearfix"></div>
 					<a class="tweet-follow" href="http://twitter.com/ubuntuappdev">Follow <span>@ubuntuappdev</span> on Twitter</a>
 				</div>
 			</div>
+			<?php get_template_part('part', 'social-links'); ?>
 		</div>
 	</div>
 

=== modified file 'template-home.php'
--- template-home.php	2013-09-23 22:49:29 +0000
+++ template-home.php	2014-02-13 16:50:20 +0000
@@ -7,99 +7,97 @@
 
 <?php get_header(); ?>
 
-	<div class="grid-12">
-		<ol class="box-steps clearfix" style="min-height: 250px;">
-			<li class="first">
-                                <img src="<?php echo get_template_directory_uri(); ?>/img/write-apps.png" height="72" alt="Write apps for Ubuntu" />
+	<div class="row no-border equal-height">
+		<ul class="box-steps clearfix">
+			<li class="three-col no-margin-bottom">
+                <img src="<?php echo get_template_directory_uri(); ?>/img/write-apps.png" height="72" alt="Write apps for Ubuntu" />
 				<h3><a href="/apps">Apps</a></h3>
 				<p>Write gorgeous apps with stunning animated and fluid UIs. Choose native or HTML5 and get started with the Ubuntu SDK.</p>
 			</li>
-			<li>
-                                <img src="<?php echo get_template_directory_uri(); ?>/img/write-scopes.png" height="72" alt="Write scopes for Ubuntu" />
+			<li class="three-col no-margin-bottom">
+                <img src="<?php echo get_template_directory_uri(); ?>/img/write-scopes.png" height="72" alt="Write scopes for Ubuntu" />
 				<h3><a href="/scopes">Scopes</a></h3>
 				<p>Scopes open a window to a world of content to users. Learn how to make your own content stand out by writing scopes to customize the user experience.</p>
 			</li>
-			<li>
-                                <img src="<?php echo get_template_directory_uri(); ?>/img/write-charms.png" height="72" alt="Write charms for Ubuntu" />
-				<h3><a href="/publish">Cloud</a></h3>
+			<li class="three-col no-margin-bottom">
+                <img src="<?php echo get_template_directory_uri(); ?>/img/write-charms.png" height="72" alt="Write charms for Ubuntu" />
+				<h3><a href="/cloud">Cloud</a></h3>
 				<p>Embrace the cloud and write a charm for Juju, Ubuntu's orchestration tool to rapidly deploy your code to the web.</p>
 			</li>
-			<li class="last">
-                                <img src="<?php echo get_template_directory_uri(); ?>/img/write-webapps.png" height="72" alt="Write webapps for Ubuntu" />
+			<li class="three-col no-margin-bottom last-col">
+                <img src="<?php echo get_template_directory_uri(); ?>/img/write-webapps.png" height="72" alt="Write webapps for Ubuntu" />
 				<h3><a href="/web">Web</a></h3>
 				<p>Blurry the boundaries between native and web with Ubuntu webapps. Learn how to integrate your sites into the system as if they were local apps.</p>
 			</li>
-		</ol>
+		</ul>
 	</div>
-	
-	<div class="grid-12">	
-		<div class="box clearfix">
+
+	<div class="row no-border ">
+		<div class="box equal-height clearfix">
 			<h2>Why develop for Ubuntu?</h2>
 			<ul>
-				<li>
+				<li class="four-col">
 					<img src="<?php echo get_template_directory_uri(); ?>/img/why-everywhere.jpg" width="120" height="85" alt="An Ubuntu phone running as a desktop PC" />
-					<h4>Get your apps everywhere</h4>
+					<h3>Get your apps everywhere</h3>
 					<p>Develop applications that run on multiple devices and form factors: phone, PC, tablet, TV... you name it!.</p>
 				</li>
-				<li>
+				<li class="four-col">
 					<img src="<?php echo get_template_directory_uri(); ?>/img/why-open.png" width="120" height="85" alt="Braid in the Ubuntu Software Centre" />
 					<h4>Open source and commercial apps</h4>
 					<p>Ubuntu apps can be open or closed source, and free or paid-for. You decide the price and the applicable licence.</p>
 				</li>
-				<li class="last">
+				<li class="four-col last-col">
 					<img src="<?php echo get_template_directory_uri(); ?>/img/why-millions.png" width="120" height="85" alt="A class of children using Ubuntu" />
 					<h4>Audience of millions</h4>
 					<p>As the third most popular desktop operating system, Ubuntu reaches millions around the globe. Now also on phones, sky is the limit!</p>
 				</li>
-				<li>
+				<li class="four-col">
 					<img src="<?php echo get_template_directory_uri(); ?>/img/why-usc.png" width="120" height="85" alt="An app rating on the Software Centre" />
 					<h4>Ubuntu Software Centre</h4>
 					<p>Ubuntu users will be able to view your applications, along with ratings and reviews, directly from the Dash. Installation is as easy as a single click.</p>
 				</li>
-				<li>
+				<li class="four-col">
 					<img src="<?php echo get_template_directory_uri(); ?>/img/why-myapps.png" width="120" height="85" alt="Submit your apps page on My Apps" />
 					<h4>My Apps</h4>
 					<p>My Apps is the tool you will use to submit and manage your applications. Follow the approval process, view stats and edit your app's details.</p>
 				</li>
-				<li class="last">
+				<li class="four-col last-col">
 					<img src="<?php echo get_template_directory_uri(); ?>/img/why-community.png" width="120" height="85" alt="Developers holding an Ubuntu banner" />
-					<h4>Community</h4>
+					<h3>Community</h3>
 					<p>Building, promoting and supporting Ubuntu, our community welcomes new users everyday. Get all the help you need from thousands of engaged peers or even lend a helping hand.</p>
 				</li>
 			</ul>
-			<a class="link-action-small" href="/apps/">
-				<span class="cta-left"></span>
-				<span class="cta-center">Get started now</span>
-				<span class="cta-right"></span>
-			</a>
+			<p class="twelve-col text-center">
+				<a class="link-cta-ubuntu" href="/get-started">Get started now</a>
+			</p>
 		</div>
 	</div>
 
-	<div id="keep-up" class="grid-12">
+	<div id="keep-up" class="row no-border">
 		<h2>Keep up-to-date</h2>
 
-		<div class="grid-6 alpha border">
+		<div class="six-col">
 			<h3>Latest from the blog:</h3>
-			<div class="box-clear border">
+			<div class="box-clear">
 				<?php get_template_part('part', 'blog-latest-articles'); ?>
 			</div>
 		</div>
 
-		<div class="grid-3">
+		<div class="three-col">
 			<h3>Latest events:</h3>
 			<div class="box-clear">
 				<?php get_template_part('part', 'blog-latest-events'); ?>
-				<?php get_template_part('part', 'social-links'); ?>
 			</div>
 		</div>
 
-		<div class="grid-3 omega">
+		<div class="three-col last-col">
 			<div class="box-clear">
 				<div class="container-tweet">
 					<div class="tweet clearfix"></div>
 					<a class="tweet-follow" href="http://twitter.com/ubuntuappdev">Follow <span>@ubuntuappdev</span> on Twitter</a>
 				</div>
 			</div>
+			<?php get_template_part('part', 'social-links'); ?>
 		</div>
 	</div>
 

=== modified file 'template-publish.php'
--- template-publish.php	2013-09-12 23:29:57 +0000
+++ template-publish.php	2014-02-13 16:50:20 +0000
@@ -6,12 +6,11 @@
 ?>
 
 <?php get_header(); ?>
-
-	<div class="grid-12">
-		<div class="grid-3 alpha side-menu">
+	<div class="row no-border">
+		<div class="three-col side-menu">
 			<?php get_template_part('sidenav', 'publish'); ?>
 		</div>
-		<div id="page_content" class="grid-9">
+		<div id="page_content" class="nine-col last-col">
 			<article>
  		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 			<?php the_content(); ?>

=== modified file 'template-resources.php'
--- template-resources.php	2013-08-26 19:24:14 +0000
+++ template-resources.php	2014-02-13 16:50:20 +0000
@@ -1,4 +1,4 @@
-<?php
+ss<?php
 /*
 Template Name: Resources
 */
@@ -6,9 +6,8 @@
 ?>
 
 <?php get_header(); ?>
-
-	<div class="grid-12">
-		<div class="grid-3 alpha side-menu">
+	<div class="row no-border">
+		<div class="three-col side-menu">
 			<?php get_template_part('sidenav', 'resources'); ?>
 		</div>
  		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

=== modified file 'template-scopes.php'
--- template-scopes.php	2013-09-12 23:29:57 +0000
+++ template-scopes.php	2014-02-13 16:50:20 +0000
@@ -7,11 +7,11 @@
 
 <?php get_header(); ?>
 
-	<div class="grid-12">
-		<div class="grid-3 alpha side-menu">
+	<div class="row no-border">
+		<div class="three-col side-menu">
 			<?php get_template_part('sidenav', 'scopes'); ?>
 		</div>
-		<div id="page_content" class="grid-9">
+		<div id="page_content" class="nine-col last-col">
 			<article>
  		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 			<?php the_content(); ?>

=== modified file 'template-section.php'
--- template-section.php	2013-08-26 19:24:14 +0000
+++ template-section.php	2014-02-13 16:50:20 +0000
@@ -7,10 +7,12 @@
 
 <?php get_header(); ?>
 
-	<div class="grid-12">
+	<div class="row no-border">
+	<div class="twelve-col">
  		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 			<?php the_content(); ?>
 		<?php endwhile; endif; ?>
 	</div>
+	</div>
 
 <?php get_footer(); ?>

=== modified file 'template-webapps.php'
--- template-webapps.php	2013-09-12 23:29:57 +0000
+++ template-webapps.php	2014-02-13 16:50:20 +0000
@@ -7,11 +7,11 @@
 
 <?php get_header(); ?>
 
-	<div class="grid-12">
-		<div class="grid-3 alpha side-menu">
+	<div class="row no-border">
+		<div class="three-col side-menu">
 			<?php get_template_part('sidenav', 'webapps'); ?>
 		</div>
-		<div id="page_content" class="grid-9">
+		<div id="page_content" class="nine-col last-col">
 			<article>
  		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 			<?php the_content(); ?>