Cleaning up mistakes and invalid code.

themes/jquery.org/style.css

@@ -3,23 +3,21 @@ Theme Name: jquery-org
 Template: jquery
 */
 
-a,
-#sidebar h3 {
-	color: #b71551;
-}
-
-#content code a {
-	background-color: rgba(6, 89, 150, 0.19);
-}
-
-#content h1 {
-	color: #0098bf;
-	font-weight: normal;
-	font-style: normal;
+#banner-large-image {
+	margin-right: -25px;
+	margin-left: -25px;
+	margin-top: -20px;
+	height: 360px;
+	background: url(images/header-join-page.jpg) no-repeat center;
+	background-size: cover;
+	-webkit-background-size: cover;
+		-moz-background-size: cover;
+		-o-background-size: cover;
+	display: block;
+	position: relative;
 }
 
 #content h2 {
-	color: #b71551;
 	font-weight: normal;
 	font-style: normal;
 	margin-bottom: 20px;
@@ -43,7 +41,9 @@ a,
 	font-size: 60px;
 }
 
-
+#banner-large-image .vertically-centered-black-bg {
+	margin-top: 6.5%;
+}
 
 /*Homepage*/
 
@@ -52,10 +52,10 @@ a,
 }
 
 .sub-banner {
-	background-color: #d6eef1;
+	background-color: lightgray;
 	text-align: center;
 	margin: -25px -25px 0;
-	color: #007d88;
+	color: #666666;
 	font: bold 20px/40px "klavika-web", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 }
 
@@ -118,10 +118,18 @@ ul.flex-direction-nav {
 	border-bottom: 10px solid #c1c1c1;
 	border-top: 10px solid #c1c1c1;
 	text-align: center;
+	padding-top: 35px;
+	padding-bottom: 35px;
+	margin-top: 25px;
 }
 
+	.jquery-foundation #content .dark-callout-box {
+		padding-top: 0px;
+		padding-bottom: 0px;
+	}
+
 .big-message {
-	font: bold 50px/50px "klavika-web", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	font: bold 50px/50px "klavika-web", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
 	color: #ffffff !important;
 	margin-top: 20px;
 }
@@ -132,7 +140,9 @@ ul.flex-direction-nav {
 }
 
 #content .dark-callout-box p {
-	ont: bold 30px/50px "klavika-web", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	font: 22px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	padding-left: 10%;
+	padding-right: 10%;
 	color: #dddcdc;
 }
 
@@ -142,6 +152,14 @@ ul.flex-direction-nav {
 	color: #464646;
 }
 
+#content .project {
+	margin-top: 35px;
+}
+
+#content .twelve.columns .project {
+	margin-top: 0px;
+}
+
 .project img {
 	float: left;
 	display: inline;
@@ -154,10 +172,10 @@ ul.flex-direction-nav {
 }
 
 .member-level {
-	width: 32%;
+	width: 30.75%;
 	float: left;
 	display: inline;
-	margin-right: 2%;
+	margin-left: 2%;
 	background: url(../jquery/images/dark-grey-tile.png);
 	position: relative;
 	overflow: hidden;
@@ -178,6 +196,13 @@ ul.flex-direction-nav {
 	z-index: 1;
 }
 
+.member-level button.button.join {
+	position: relative;
+	top: 0px;
+	left: 15px;
+	margin-bottom: 15px;
+}
+
 .member-level-icon.fan {
 	background: url(images/icn-fan.png) center top no-repeat;
 }
@@ -253,7 +278,7 @@ a.icon-search::before {
 	clear: both;
 	position: relative;
 	z-index: 2;
-	margin-left: 15px;
+	margin-left: 0px;
 	margin-bottom: 30px;
 
 }
@@ -262,23 +287,20 @@ a.icon-search::before {
 	clear: none;
 }
 
-
 .choose-gifts {
-	background-color: #378a9b;
-	border-bottom: 16px solid #1b4c5e;
+	background-color: lightgray;
 	clear: both;
 	position: relative;
 	z-index: 2;
 	padding-left: 15px;
 	padding-right: 15px;
 	padding-top: 15px;
-	padding-bottom: 15px;
+	padding-bottom: 45px;
 }
 
 .choose-gifts h4 {
 	font: bold 18px/20px "klavika-web", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 	margin-bottom: 10px;
-	color: #ffffff;
 }
 
 .choose-gifts label {
@@ -290,6 +312,7 @@ a.icon-search::before {
 	height: 1px;
 	margin-top: 15px;
 	margin-bottom: 15px;
+	background: #898989;
 }
 
 .choose-gifts select {
@@ -298,6 +321,65 @@ a.icon-search::before {
 	margin-bottom: 15px;
 }
 
+.choose-gifts button.button.pay {
+	margin-right: 20px;
+}
+
+#content .choose-gifts textarea {
+	width: 100%;
+	background: white;
+	border: 1px solid #c0c0c0;
+}
+
+#content .choose-gifts input[type=text] {
+	margin: 5px 3px 0px 0px;
+}
+
+#content .choose-gifts input[type=text], #content .choose-gifts input[type="email"]{
+	display: inline;
+	background: white;
+	width: 100%;
+	padding: 8px 12px;
+	border: 1px solid #c0c0c0;
+	border-radius: 2px;
+	margin-top: 5px;
+	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.17);
+	box-shadow: inset 0 1px 3px rgba(0,0,0,0.17);
+}
+
+#content .choose-gifts input:focus, 
+#content .choose-gifts input[type="text"]:focus, 
+#content .choose-gifts textarea:focus {
+	border: 1px solid #78CFF5;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+#content .choose-gifts input::-webkit-input-placeholder {
+   color: rgba(51,51,51,0.75);
+}
+#content .choose-gifts input:-moz-placeholder {
+   color: rgba(51,51,51,0.75);	
+}
+#content .choose-gifts input::-moz-placeholder {
+   color: rgba(51,51,51,0.75);	
+}
+#content .choose-gifts input:-ms-input-placeholder {
+   color: rgba(51,51,51,0.75);	
+}
+
+#content .choose-gifts textarea::-webkit-input-placeholder {
+   color: rgba(51,51,51,0.75);
+}
+#content .choose-gifts textarea:-moz-placeholder {
+   color: rgba(51,51,51,0.75);	
+}
+#content .choose-gifts textarea::-moz-placeholder {
+   color: rgba(51,51,51,0.75);	
+}
+#content .choose-gifts textarea:-ms-input-placeholder {
+   color: rgba(51,51,51,0.75);	
+}
 
 /*History Page*/
 
@@ -410,17 +492,6 @@ a.icon-search::before {
 	margin-bottom: 40px;
 }
 
-.button,
-#content .button {
-	background-color: #b71551;
-}
-
-.button:hover,
-#content .button:hover {
-	background-color: #7c0d36;
-}
-
-
 /*Adjust widths for longer navigation*/
 
 nav#main .searchform {

themes/jquery/css/base.css

@@ -1689,7 +1689,7 @@ nav#main {
 }
 
 .jquery-foundation nav#main {
-	background-color: rgba(7, 105, 173, 0.10);
+	background-color: rgba(102, 102, 102, 0.1);
 }
 
 .no-boxshadow nav#main {