Break the less into separate modules and remove lesshat

The google module will only be loaded after google's sheet has been
loaded.

www/less/search-google.less

+@charset "UTF-8";
+
+@import "lib/breakpoints.less";
+@import "lib/colors.less";
+@import "lib/fonts.less";
+
+// Google Styles
+.gsc-control-cse,
+.gsc-control-cse .gsc-table-result {
+	font-family: inherit;
+	font-size: inherit;
+}
+
+.gsc-result {
+
+	.gsc-webResult & {
+		border: 0;
+		padding: 0.75em 0;
+	}
+
+	.gs-title {
+		height: 1.662em;
+	}
+}
+
+.gs-result {
+	.gs-title, .gs-title * {
+		color: @brand;
+		text-decoration: none;
+	}
+
+	a.gs-visibleUrl, .gs-visibleUrl {
+		color: @light-neutral;
+	}
+}
+
+.gsc-result-info {
+	font-style: italic;
+	margin: 0 0 10px;
+	color: @ui08;
+}
+
+.gsc-results {
+
+	.gsc-cursor-box {
+		border-top: 1px solid @ui03;
+		padding: 1em 0 0;
+		margin-top: 1em;
+		.sans-serif-font();
+
+		.gsc-cursor-page {
+			border: 1px solid @ui03;
+			padding: 2px 8px;
+			margin-bottom: 1em;
+			min-width: 2.2em;
+			display: inline-block;
+			text-align: center;
+			text-decoration: none;
+			color: @brand;
+		}
+
+		.gsc-cursor-current-page {
+			font-weight: normal;
+			color: @ui08;
+			border: 0;
+		}
+	}
+}
+
+.gcsc-branding {
+	margin-bottom: 1.3333em;
+}
+
+td.gcsc-branding-text {
+	font-style: italic;
+	width: auto;
+
+	div.gcsc-branding-text {
+		text-align: left;
+		color: @ui08;
+	}
+}
+
+td.gcsc-branding-text-name {
+	width: 100%;
+}
+
+.gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image {
+	max-width: 100%;
+	max-height: none;
+}

www/less/search.less

 @charset "UTF-8";
 
-@import "lib/lesshat.less";
-
 @import "lib/breakpoints.less";
 @import "lib/colors.less";
 @import "lib/fonts.less";
@@ -12,62 +10,18 @@
 	display: none !important;
 }
 
-#wdn_navigation_bar {
-	padding: 0;
-}
-
 #search_results table,
 #search_results td {
 	border: 0;
 	padding: 0;
 }
 
-// Input Groups
-form .input-group {
-	display: table;
-
-	> * {
-		display: table-cell;
-		.border-radius(0);
-	}
-
-	.input-group-btn {
-		width: 1%;
-		vertical-align: middle;
-
-		button {
-			font-size: 18px;
-			line-height: normal;
-			padding: 0.8em 1em;
-			margin: 0;
-		}
-	}
-
-	input {
-		margin: 0;
-	}
-
-	:first-child {
-		.border-radius(4px 0 0 4px);
-	}
-
-	:last-child {
-		.border-bottom-right-radius(4px);
-		.border-top-right-radius(4px);
-
-		button {
-			.border-bottom-left-radius(0);
-			.border-top-left-radius(0);
-		}
-	}
-}
-
 #searchform {
 	text-align: center;
 	background: #38431b url(../images/050419.jpg) 50% 50% no-repeat;
-	.background-size(cover);
+	background-size: cover;
 
-	.input-group {
+	.wdn-input-group {
 		margin: 0 auto;
 		max-width: 30em;
 	}
@@ -134,44 +88,25 @@ form .input-group {
 		border-color: transparent transparent #fff;
 		bottom: 0;
 		left: 0;
-		.transition(transform 400ms);
-
-		.no-csstransforms & {
-			.transition(left 400ms);
-		}
+		transition: transform 400ms;
 
 		#directory_results & {
-			.translateX(2.95em);
-
-			.no-csstransforms & {
-				left: 2.95em;
-			}
+			transform: translateX(2.95em);
 		}
 
 		#search_results & {
-			.translateX(4.95em);
+			transform: translateX(4.95em);
 
-			.no-csstransforms & {
-				left: 4.95em;
-			}
 		}
 	}
 
 	&.state-1:after {
 		#directory_results & {
-			.translateX(8.95em);
-
-			.no-csstransforms & {
-				left: 8.95em;
-			}
+			transform: translateX(8.95em);
 		}
 
 		#search_results & {
-			.translateX(10.35em);
-
-			.no-csstransforms & {
-				left: 10.35em;
-			}
+			transform: translateX(10.35em);
 		}
 	}
 
@@ -183,7 +118,7 @@ form .input-group {
 }
 
 .search-results {
-	.transition(opacity 400ms);
+	transition: opacity 400ms;
 	opacity: 0;
 
 	&.active {
@@ -272,7 +207,7 @@ form .input-group {
 		overflow: auto;
 	}
 
-	.planetred_profile {
+	.profile_pic {
 		float: left;
 		border: 0;
 		max-width: 40px;
@@ -307,7 +242,7 @@ form .input-group {
 		margin-bottom: 0.178em;
 	}
 
-	.eppa {
+	.eppa, .roles {
 		display: none;
 	}
 
@@ -324,89 +259,3 @@ form .input-group {
 		color: @light-neutral;
 	}
 }
-
-// Google Styles
-.gsc-control-cse,
-.gsc-control-cse .gsc-table-result {
-	font-family: inherit;
-	font-size: inherit;
-}
-
-.gsc-result {
-
-	.gsc-webResult & {
-		border: 0;
-		padding: 0.75em 0;
-	}
-
-	.gs-title {
-		height: 1.662em;
-	}
-}
-
-.gs-result {
-	.gs-title, .gs-title * {
-		color: @brand;
-		text-decoration: none;
-	}
-
-	a.gs-visibleUrl, .gs-visibleUrl {
-		color: @light-neutral;
-	}
-}
-
-.gsc-result-info {
-	font-style: italic;
-	margin: 0 0 10px;
-	color: @ui08;
-}
-
-.gsc-results {
-
-	.gsc-cursor-box {
-		border-top: 1px solid @ui03;
-		padding: 1em 0 0;
-		margin-top: 1em;
-		.sans-serif-font();
-
-		.gsc-cursor-page {
-			border: 1px solid @ui03;
-			padding: 2px 8px;
-			margin-bottom: 1em;
-			min-width: 2.2em;
-			display: inline-block;
-			text-align: center;
-			text-decoration: none;
-			color: @brand;
-		}
-
-		.gsc-cursor-current-page {
-			font-weight: normal;
-			color: @ui08;
-			border: 0;
-		}
-	}
-}
-
-.gcsc-branding {
-	margin-bottom: 1.3333em;
-}
-
-td.gcsc-branding-text {
-	font-style: italic;
-	width: auto;
-
-	div.gcsc-branding-text {
-		text-align: left;
-		color: @ui08;
-	}
-}
-
-td.gcsc-branding-text-name {
-	width: 100%;
-}
-
-.gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image {
-	max-width: 100%;
-	max-height: none;
-}
\ No newline at end of file