Initial set of changes for jqueryui.com theme in new-css branch

Author: rdworth

themes/jqueryui.com/page.php

@@ -10,17 +10,15 @@
 
 get_header(); ?>
 
-<div id="body" class="sidebar-left clearfix">
-	<div class="inner" role="main">
+<div id="content" class="sidebar-left clearfix">
 
-		<?php the_post(); ?>
+	<?php the_post(); ?>
 
-		<?php get_template_part( 'content', 'page' ); ?>
+	<?php get_template_part( 'content', 'page' ); ?>
 
-		<?php comments_template( '', true ); ?>
+	<?php comments_template( '', true ); ?>
 
-	</div>
-	<?php get_sidebar(); ?>
 </div>
+<?php get_sidebar(); ?>
 
 <?php get_footer(); ?>

themes/jqueryui.com/single.php

@@ -1,14 +1,11 @@
 <?php get_header(); ?>
 
-<div id="body" class="sidebar-left clearfix">
-	<div class="inner" role="main">
+<div id="content" class="sidebar-left clearfix">
+	<?php the_post(); ?>
 
-		<?php the_post(); ?>
+	<?php get_template_part( 'content', 'page' ); ?>
 
-		<?php get_template_part( 'content', 'page' ); ?>
-
-	</div>
-	<?php get_sidebar(); ?>
 </div>
+<?php get_sidebar(); ?>
 
 <?php get_footer(); ?>

themes/jqueryui.com/style.css

@@ -3,22 +3,6 @@ Theme Name: jqueryui-com
 Template: jquery
 */
 
-html.jquery-ui, #container {
-	background: #BB6F04 url(../jquery/i/bg-body-ui.jpg) no-repeat center -20px;
-}
-
-h1.site-title a {
-	background: url(../jquery/i/logo-ui.png) no-repeat;
-	width: 275px;
-	height: 72px;
-	left: -14px;
-	position: relative;
-}
-
-.border, #site-footer {
-	border-color: #d69a06;
-}
-
 a, .title {
 	color: #BB6F04;
 }
@@ -27,7 +11,7 @@ a:hover {
 	color: #333;
 }
 
-#container header nav {
+#container nav#main {
 	border-top: solid 1px rgba(236,195,8,0.4);
 	background: rgba(187,111,4,0.5);
 	-webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0,
@@ -38,16 +22,19 @@ a:hover {
 		inset rgba(137,81,6,0.5) 0 -3px 5px;
 }
 
-.intro {
+#banner-secondary p.intro {
 	font-size: 24px;
 	line-height: 32px;
-	margin-top: 0;
+	margin: 0;
+	padding: 0;
+	padding-right: 0.5em;
 	float: left;
 	width: 50%;
 	text-shadow: #000 1px 1px;
 }
 
-.download-box {
+
+#banner-secondary .download-box {
 	border: 1px solid #aaa;
 	background: #333;
 	background: -moz-linear-gradient(left, #333 0%, #444 100%);
@@ -63,33 +50,49 @@ a:hover {
 	box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
 }
 
-#banner .download-box h2 {
+
+#banner-secondary .download-box h2 {
 	font: bold 23px/23px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	color: #71D1FF;
 }
 
-.download-box .btn {
-	margin: 0;
+#banner-secondary .download-box .btn {
 	float: none;
 	font-weight: bold;
+	padding: 5px 10px;
+	display: block;
+	margin-top: 15px;
+	border: 1px solid #bfbfbf;
+	text-decoration: none;
+	text-shadow: 0 1px 1px #fff;
+	border-radius: 3px;
+	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#d5d5d5));
+	background: -moz-linear-gradient(top,  #e5e5e5,  #d5d5d5);
+	background: -o-linear-gradient(top,  #e5e5e5,  #d5d5d5);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#d5d5d5');
+}
+
+#banner-secondary .download-box p {
+	margin: 15px 0 5px;
 }
 
-.download-option {
+#banner-secondary .download-option {
 	width: 45%;
 	float: left;
 	font-size: 16px;
 }
 
-.download-legacy {
+#banner-secondary .download-legacy {
 	float: right;
 }
 
-.download-option span {
+#banner-secondary .download-option span {
 	display: block;
 	font-size: 14px;
 	color: #71D1FF;
 }
 
-.dev-links {
+#content .dev-links {
 	float: right;
 	width: 30%;
 	margin: -15px -25px .5em 1em;
@@ -100,14 +103,15 @@ a:hover {
 	box-shadow: -2px 2px 10px -2px #666;
 }
 
-.dev-links ul {
+#content .dev-links ul {
 	list-style: none;
 	margin: 0;
 }
 
-.dev-links li {
+#content .dev-links li {
 	padding: 0;
 	margin: .25em 0 .25em 1em;
+	background-image: none;
 }
 
 .demo-list {