diff --git a/styles/archive.scss b/styles/archive.scss
index b562ae4..9a892b2 100644
--- a/styles/archive.scss
+++ b/styles/archive.scss
@@ -1,27 +1,30 @@
 @charset "utf-8";
 @import "palette";
 
-.content ol {
-	padding: 1ex 3em;
-	background-color: $foreground;
-	margin: 0;
-}
-
-.content ul {
-	list-style-type: none;
-	padding: 1ex 2em;
-	background-color: $foreground;
-	margin: 0;
-}
-
-.content a {
-	color: $text-accent;
-}
-
-.content a:visited {
-	color: $link-visited;
-}
+.content {
+	ol, ul {
+		background-color: $foreground;
+		margin: 0;
+	}
+	
+	ol {
+		padding: 1ex 3em;
+	}
+	
+	ul {
+		list-style-type: none;
+		padding: 1ex 2em;
+	}
 
-.content a:hover {
-	color: $link-hover;
+	a {
+		color: $text-accent;
+		
+		&:visited {
+			color: $link-visited;
+		}
+		
+		&:hover {
+			color: $link-hover;
+		}
+	}
 }
diff --git a/styles/index.scss b/styles/index.scss
index 23b0a98..aabce48 100644
--- a/styles/index.scss
+++ b/styles/index.scss
@@ -2,331 +2,390 @@
 @import "fonts";
 @import "palette";
 
-h2,
-h3 a {
-	margin: 0px;
-	padding: 0px;
+h2, h3 a {
+	margin: 0;
+	padding: 0;
 	color: $text-accent;
 }
 
-.content .column { width:330px }
-
 /* Dress up the comic */
 #comic {
-	margin-top: 0px;
-	height: 1%;  /* Give IE hasLayout to fix a neg margin bug */
+	/* Give IE hasLayout to fix a neg margin bug */
+	height: 1%;
+	margin-top: 0;
 	width: auto;
-}
-
-
-#comic .nl {
-	padding-top: 5px;
-	padding-bottom: 5px;
-	background-color: $nl-background;
-	margin: -5em auto 0px;
-	border-top: solid 5em $text-normal;
-	width: 700px;
-	text-align: center;
-}
 
-#comic .navpanel {
-	position: relative;
-	margin: auto;
+	.nl {
+		padding-top: 5px;
+		padding-bottom: 5px;
+		background-color: $nl-background;
+		margin: -5em auto 0;
+		border-top: solid 5em $text-normal;
+		width: 700px;
+		text-align: center;
+	}
+
+	.navpanel {
+		position: relative;
+		margin: auto;
+
+		.navcontrols {
+			position: absolute;
+			z-index: 1;
+
+			ul {
+				width: 124px;
+				height: 33px;
+				margin: 0;
+				padding: 0;
+				clear: both;
+
+				li {
+					display: block;
+					float: left;
+
+					a, span {
+						display: block;
+						padding-top: 33px;
+						width: 62px;
+						height: 0;
+						overflow: hidden;
+					}
+				}
+			}
+		}
+		
+		.search-filter {
+			margin-bottom: 15px;
+		}
+
+		#q {
+			width: 350px;
+		}
+
+		#go, #iego {
+			vertical-align: middle;
+			padding-bottom: 2px;
+		}
+	}
+
+	div.navpanel {
+		/* Make IE draw panel above glow border */
+		position: relative;
+		z-index: 1;
+		height: 33px;
+		padding: 0;
+		width: 650px;
+
+		.navcontrols {
+			right: 25px;
+		}
+
+		#title {
+			padding: 1ex;
+		}
+	}
+
+	form.navpanel {
+		margin-top: -28px;
+		padding: 0;
+		width: 625px;
+
+		.navcontrols {
+			right: 0;
+		}
+	}
+
+	/* Need to gank the button out of the document flow somehow */
+	.search-field {
+		position: relative;
+
+		a {
+			position: absolute;
+		}
+	}
+
+	.search-filter {
+		padding: 0 25px;
+		margin-bottom: 15px;
+	}
 }
 
-#comic div.navpanel {
-	position: relative; /* Make IE draw panel above glow border */
-	z-index: 1;
-	height: 33px;
-	padding: 0px;
-	width: 650px;
-}
 
-#comic form.navpanel {
-	margin-top: -28px;
-	padding: 0px;
-	width: 625px;
-}
+/* Top Nav */
+#comic .navpanel .navcontrols.top {
+	li.prev {
+		background: url(../parts/nav2-top-prev.png) no-repeat;
+	}
 
-/* Need to gank the button out of the document flow somehow */
-#comic .search-field { position:relative }
-#comic .search-field a { position:absolute }
+	li.next {
+		background: url(../parts/nav2-top-next.png) no-repeat;
+	}
 
-#comic .search-filter {
-	padding:0px 25px;
-	margin-bottom: 15px;
-}
+	li.prevoff {
+		background: url(../parts/nav2-top-prevoff.png) no-repeat;
+	}
 
-#comic .navpanel .navcontrols {
-	position: absolute;
-	z-index: 1;
+	li.nextoff {
+		background: url(../parts/nav2-top-nextoff.png) no-repeat;
+	}
 }
 
-#comic div.navpanel .navcontrols { right:25px }
-#comic form.navpanel .navcontrols { right:0px }
+/* Bottom Nav */
+#comic .navpanel .navcontrols.bottom {
+	li.prev {
+		background: url(../parts/nav2-bottom-prev.png) no-repeat;
+	}
 
-#comic .navpanel .navcontrols ul {
-	width: 124px; height: 33px;
-	margin: 0px;
-	padding: 0px;
-	clear: both;
-}
+	li.next {
+		background: url(../parts/nav2-bottom-next.png) no-repeat;
+	}
 
-#comic .navpanel .navcontrols ul li {
-	display: block;
-	float: left;
-}
+	li.prevoff {
+		background: url(../parts/nav2-bottom-prevoff.png) no-repeat;
+	}
 
-#comic .navpanel .navcontrols ul li a,
-#comic .navpanel .navcontrols ul li span {
-	display: block;
-	padding-top: 33px;
-	width: 62px;
-	height: 0px;
-	overflow: hidden;
+	li.nextoff {
+		background: url(../parts/nav2-bottom-nextoff.png) no-repeat;
+	}
 }
 
+/* Form Nav only for disable */
+#comic .navpanel .navcontrols {
+	li.findprevoff {
+		background: url(../parts/nav2-prevfindoff.png) no-repeat;
+	}
 
-/* Top Nav */
+	li.findnextoff {
+		background: url(../parts/nav2-nextfindoff.png) no-repeat;
+	}
 
-#comic .navpanel .navcontrols.top li.prev {
-	background: url(../parts/nav2-top-prev.png) no-repeat;
+	ul#searchprevnext {
+		li {
+			height: 33px;
+		}
+	}
 }
 
-#comic .navpanel .navcontrols.top li.next {
-	background: url(../parts/nav2-top-next.png) no-repeat;
-}
+#comic .transcript {
+	list-style-type: none;
+	padding: 66px 50px;
+	margin: 0;
 
-#comic .navpanel .navcontrols.top li.prevoff {
-	background: url(../parts/nav2-top-prevoff.png) no-repeat;
-}
+	.panelhead {
+		font-size: larger;
+		font-weight: bold;
+	}
 
-#comic .navpanel .navcontrols.top li.nextoff {
-	background: url(../parts/nav2-top-nextoff.png) no-repeat;
-}
+	dl {
+		padding-left: 50px;
+	}
 
-/* Bottom Nav */
+	dt {
+		float: left;
+		padding-right: 1em;
+		font-weight: bold;
+	}
 
-#comic .navpanel .navcontrols.bottom li.prev {
-	background: url(../parts/nav2-bottom-prev.png) no-repeat;
+	dd {
+		margin-left: 5.5em;
+		padding-left: 0;
+		padding-bottom: 0.5ex;
+	}
 }
 
-#comic .navpanel .navcontrols.bottom li.next {
-	background: url(../parts/nav2-bottom-next.png) no-repeat;
-}
+/* Make the archive link stand out */
+#comic #archivelink {
+	background-color: $text-normal;
 
-#comic .navpanel .navcontrols.bottom li.prevoff {
-	background: url(../parts/nav2-bottom-prevoff.png) no-repeat;
-}
+	a {
+		color: $nl-background;
 
-#comic .navpanel .navcontrols.bottom li.nextoff {
-	background: url(../parts/nav2-bottom-nextoff.png) no-repeat;
+		&:hover {
+			color: $link-hover;
+		}
+	}
 }
 
-/* Form Nav only for disable */
-
-#comic .navpanel .navcontrols li.findprevoff {
-	background: url(../parts/nav2-prevfindoff.png) no-repeat;
+/* Boxes between the comic and the rants */
+#megagear {
+	text-align: center;
 }
 
-#comic .navpanel .navcontrols li.findnextoff {
-	background: url(../parts/nav2-nextfindoff.png) no-repeat;
-}
+#newsbox {
+	overflow: visible;
+	height: 60px;
 
-#comic .navpanel .navcontrols ul#searchprevnext li {
-	height: 33px;
-}
+	.leftcol {
+//		left: 5px;
+	}
 
-#comic div.navpanel #title {
-	padding: 1ex;
-}
+	.rightcol {
+//		right: 5px;
+	}
 
-#comic .navpanel .search-filter {
-	margin-bottom: 15px;
-}
+	div {
+		border: none;
+		overflow: visible;
+	}
 
-#comic .navpanel #q {
-	width: 350px;
-}
+	a {
+		color: $text-accent;
+	}
 
-#comic .navpanel #go,
-#comic .navpanel #iego {
-	vertical-align: middle;
-	padding-bottom: 2px;
-}
+	ul {
+		margin-left: 3ex;
+		padding-left: 0;
+	}
 
-#comic .transcript {
-	list-style-type:none;
-	padding: 66px 50px;
-	margin: 0px;
+	h3 {
+		text-align: center;
+	}
 }
 
-#comic .transcript .panelhead {
-	font-size: larger;
-	font-weight: bold;
-}
+#support {
+	font-size: 80%;
+	border-bottom: 5px solid $nl-background;
 
-#comic .transcript dl { padding-left:50px }
-#comic .transcript dt {
-	float: left;
-	padding-right: 1em;
-	font-weight: bold;
+	div.thewrap {
+		div {
+			// Fix a bug caused by OpenAds injecting a <div> into the status area which
+			// partially obscures the 'support' heading
+			background-color: transparent;
+		}
+	}
 }
 
-#comic .transcript dd {
-	margin-left: 5.5em;
-	padding-left: 0px;
-	padding-bottom: 0.5ex;
+#newsbox div.thewrap, #support div.thewrap {
+	border-bottom: none;
+	margin: 0;
+	padding: 0;
+	background: url(../parts/twitter-seperator.png) 6px 0 $infobox;
 }
 
-/* Make the archive link stand out */
-#comic #archivelink { background-color: $text-normal; }
-#comic #archivelink a { color: $nl-background; }
-#comic #archivelink a:hover { color: $link-hover; }
-
-/* Boxes between the comic and the rants */
-#megagear { text-align:center }
+#status {
+	dl {
+		margin: 1em;
+	}
 
-#newsbox a { color: $text-accent; }
-#newsbox ul {
-	margin-left: 3ex;
-	padding-left: 0px;
-}
-#newsbox h3 {
-	text-align: center;
-}
-#support { font-size: 80%; }
+	dt {
+		float: left;
+	}
 
-#status dl {
-	margin: 1em;
-}
+	dd {
+		margin-left: 7em;
+		color: $text-accent;
 
-#status dt {
-	float: left;
+		div#percentbox {
+			padding: 1px;
+			width: 90%;
+			border: 1px solid $percent-border;
+			margin: 0;
+		}
+	}
 }
 
-#status dd {
-	margin-left: 7em;
-	color: $text-accent;
+.content .column {
+	width: 330px;
 }
 
-#status dd div#percentbox {
-	padding: 1px;
-	width: 90%;
-	border: 1px solid $percent-border;
-	margin: 0px;
+.content div.column.leftcol, .content div.column.rightcol {
+	border: none;
 }
 
-#newsbox div.thewrap,
-#support div.thewrap {
-	border-bottom:none;
-	margin:0;
-	padding:0;
-	background: url(../parts/twitter-seperator.png) 6px 0 $infobox;
+.content div#status, .content div#fred_twitter {
+	border: none;
+	background: none;
 }
 
-/* Fix a bug caused by OpenAds injecting a <div> into the status area which
- * partially obscures the 'support' heading
- */
-#support div.thewrap div {
-	background-color: transparent;
+#status ul, #fred_twitter ul {
+	margin-top: 0;
 }
 
-.content div.column.leftcol,
-.content div.column.rightcol { border: none; }
-
-.content div#status,
-.content div#fred_twitter { border: none; background: none; }
-
-#support { border-bottom: 5px solid $nl-background; }
-
-#status ul, #fred_twitter ul { margin-top:0px }
-
 #status li, #fred_twitter li {
     padding-top: 4px;
     padding-right: 1em;
 }
 
-#newsbox {
-	overflow: visible;
-	height: 60px;
-}
-
-/*
-#newsbox .leftcol {
-	left: 5px;
-}
-
-#newsbox .rightcol {
-	right: 5px;
-}
-*/
-
-#newsbox div {
-	border:none;
-	overflow:visible;
-}
-
 #blogbits {
-	padding:	0px;
-	width:		370px;
-}
-
-#blogbits ul
-{
-	margin: 0px;
-	padding: 0px;
-	text-align: center;
-	list-style-type: none;
+	padding: 0;
+	width: 370px;
+
+	ul {
+		margin: 0;
+		padding: 0;
+		text-align: center;
+		list-style-type: none;
+	}
+
+	ul#blogbitslist {
+		margin-left: 250px;
+	}
+
+	ul#feed-list {
+		margin: auto;
+
+		li {
+			display: inline-block;
+			margin: 0;
+			padding: 7.5px 4px;
+			color: $text-normal;
+		}
+	}
+
+	#feed-list {
+		ul {
+			display: none;
+			position: absolute;
+			z-index: 1;
+			border: solid 5px $nl-background;
+			width: 400px;
+			background: $background;
+			text-align: left;
+		}
+	}
+
+	a.rightcol, a.leftcol {
+		img {
+			width: 180px;
+		}
+	}
+
+	a.rightcol {
+		img {
+			padding-left: 5px;
+		}
+	}
+
+	a.leftcol {
+		img {
+			padding-right: 5px;
+		}
+	}
 }
 
-#blogbits ul#blogbitslist { margin-left:250px }
-#blogbits ul#feed-list {
+#feed-list h4 {
 	margin: auto;
-}
-
-#blogbits #feed-list ul {
-	display: none;
-	position: absolute;
-	z-index: 1;
-	border: solid 5px black;
+	color: $text-accent;
+	text-align: center;
+	font-size: medium;
 	width: 400px;
-	background: $background;
-	text-align: left;
-}
-
-#blogbits ul#feed-list  li {
-	display: inline-block;
-	margin: 0px;
-	padding: 7.5px 4px;
-	color: $text-normal;
-}
-
-#blogbits a.rightcol img,
-#blogbits a.leftcol img {
-	width:	180px;
-}
-
-#blogbits a.rightcol img {
-	padding-left:	5px;
 }
 
-#blogbits a.leftcol img {
-	padding-right: 5px;
-}
+#facebook {
+	border: none;
+	padding: 0;
 
-#facebook img {
-	width:	300px;
-	height:	60px;
+	img {
+		width: 300px;
+		height: 60px;
+	}
 }
 
-#facebook {
-	border:		none;
-	padding:	0px;
+#support {
+	position: relative;
 }
 
-#support { position:relative }
-
 #support .thewrap .column .glowwrap,
 #support .thewrap .column .glowwrap a {
 	display: block;
@@ -349,215 +408,228 @@ h3 a {
 	right: 10px;
 	height: 16px;
 
-	margin: 0px;
-	border: 0px;
-	padding: 0px;
+	margin: 0;
+	border: 0;
+	padding: 0;
 
 	background-color: transparent;
-}
 
-#newsbox .adinfo a, #support .adinfo a {
-	color: $text-accent;
-	font-size: 11px;
-}
+	a {
+		color: $text-accent;
+		font-size: 11px;
+	}
 
-#newsbox .adinfo p, #support .adinfo p {
-	margin: 0px 10px 0px 0px;
+	p {
+		margin: 0 10px 0 0;
+	}
 }
 
 /* Rant Columns */
 #console {
 	overflow: hidden;
-}
-
-#console h3 {
-	padding: 0.75ex;
-	background-color: $foreground;
-
-	font-family: $banner-font;
-	font-size: xx-large;
-	text-align: center;
-}
-
-#console .date,
-#console .rantbody {
-	margin: 5px;
-	padding: 5px;
-	width: 330px;
-}
-
-#feed-list h4 {
-	margin: auto;
-	color: $text-accent;
-	text-align: center;
-	font-size: medium;
-	width: 400px;
-}
-
-#console h4 {
-	margin: auto;
-	padding: 0.75ex 0px;
-	width: 330px;
-
-	background-color: $foreground;
-	color: $text-accent;
-
-	text-align: center;
-	font-size: medium;
-}
-
-#console h4 a {color: $text-accent;}
-
-#console .rantbody {
-	margin-top: 0px;
-	padding-top: 0px;
-}
-
-/* force <pre> to not break our boxes */
-#console .rantbody pre {
-	white-space: pre-wrap;
-	white-space: -moz-pre-wrap;
-	word-wrap: break-word;
-}
-
-#console .leftcol {
-	width: 350px;
-	color: $text-normal;
-}
-
-#console .rightcol {
-	width: 350px;
-	color: $text-accent;
-}
-
-#console .rantimage {
-	background: url(../parts/mt-glow-mainrant-vert.png) repeat-y;
-	width: 350px;
-	height: 285px;
-}
-
-#console .ri-top {
-	background: url(../parts/mt-glow-mainrant-top.png) top no-repeat;
-	width: 350px;
-	height: 245px;
-}
-
-#console .ri-bottom {
-	background: url(../parts/mt-glow-mainrant-bottom.png) bottom no-repeat;
-	width: 350px;
-}
-
-#console .ri-matte {
-	padding: 20px 0px 20px 0px;
-	margin: 0px 25px;
-	width: 300px;
-	height: 245px;
-}
-
-#console .rantimage p,
-#console .rantimage p img {
-	float: none;
-	width: 300px;
-	height: 245px;
-	text-align: left;
-	padding: 0px;
-	margin: 0px;
-}
-
-#console .rantnav {
-	margin: 2em 0px;
-	text-align: center;
-}
 
-#console .nameplate {
-	background-color: $foreground;
-	width: 350px
+	h3 {
+		padding: 0.75ex;
+		background-color: $foreground;
+
+		font-family: $banner-font;
+		font-size: xx-large;
+		text-align: center;
+	}
+
+	h4 {
+		margin: auto;
+		padding: 0.75ex 0;
+		width: 330px;
+
+		background-color: $foreground;
+		color: $text-accent;
+
+		text-align: center;
+		font-size: medium;
+
+		a {
+			color: $text-accent;
+		}
+	}
+
+	.date, .rantbody {
+		margin: 5px;
+		padding: 5px;
+		width: 330px;
+	}
+
+	.rantbody {
+		margin-top: 0;
+		padding-top: 0;
+
+		pre {
+			/* force <pre> to not break our boxes */
+			white-space: pre-wrap;
+			white-space: -moz-pre-wrap;
+			word-wrap: break-word;
+		}
+	}
+
+	.leftcol, .rightcol {
+		width: 350px;
+	}
+
+	.leftcol {
+		color: $text-normal;
+	}
+
+	.rightcol {
+		color: $text-accent;
+	}
+
+	.rantimage {
+		background: url(../parts/mt-glow-mainrant-vert.png) repeat-y;
+		width: 350px;
+		height: 285px;
+
+		p, p img {
+			float: none;
+			width: 300px;
+			height: 245px;
+			text-align: left;
+			padding: 0;
+			margin: 0;
+		}
+	}
+
+	.ri-top, .ri-bottom {
+		width: 350px;
+	}
+
+	.ri-top {
+		background: url(../parts/mt-glow-mainrant-top.png) top no-repeat;
+		height: 245px;
+	}
+
+	.ri-bottom {
+		background: url(../parts/mt-glow-mainrant-bottom.png) bottom no-repeat;
+	}
+
+	.ri-matte {
+		padding: 20px 0 20px 0;
+		margin: 0 25px;
+		width: 300px;
+		height: 245px;
+	}
+
+	.rantnav {
+		margin: 2em 0;
+		text-align: center;
+	}
+
+	.nameplate {
+		background-color: $foreground;
+		width: 350px;
+
+		span {
+			display: block;
+			height: 48px;
+			background-repeat: no-repeat;
+			background-position: top center;
+		}
+
+		h3 {
+			display: none;
+		}
+	}
+
+	.oldrant {
+		margin-top: 1.5em;
+		border-top: medium solid $text-normal;
+		padding-top: 1em;
+		width: 345px;
+
+		.rantimage {
+			float: left;
+			background: url(../parts/mt-glow-oldrant-vert.png) repeat-y;
+			width: 176px;
+			height: 141px;
+
+			p, p img {
+				float: none;
+				width: 150px;
+				height: 123px;
+				text-align: left;
+				padding: 0;
+				margin: 0;
+			}
+		}
+
+		.ri-top, .ri-bottom {
+			width: 178px;
+		}
+
+		.ri-top {
+			background: url(../parts/mt-glow-oldrant-top.png) top no-repeat;
+			height: 123px;
+		}
+
+		.ri-bottom {
+			background: url(../parts/mt-glow-oldrant-bottom.png) bottom no-repeat;
+		}
+
+		.ri-matte {
+			padding: 9px 0 9px 0;
+			margin: 0 13px;
+			width: 150px;
+			height: 123px;
+		}
+
+		.nameplate {
+			margin-top: 43px;
+			background-color: $foreground;
+			width: 150px;
+			float: right;
+		}
+
+		h4 {
+			float: right;
+			margin:5px 0 5px 5px;
+		}
+	}
 }
 
-#console .nameplate span {
+/* Shaded borders around images */
+#strip, #strip span {
+	/* Everyone treat <span> like <div> */
 	display: block;
-	height: 48px;
-	background-repeat: no-repeat;
-	background-position: top center;
-}
-
-#console .nameplate h3 {
-	display: none;
-}
-
-#console .oldrant {
-	margin-top: 1.5em;
-	border-top: medium solid $text-normal;
-	padding-top: 1em;
-	width: 345px;
-}
-
-#console .oldrant .rantimage {
-	float:left;
-	background: url(../parts/mt-glow-oldrant-vert.png) repeat-y;
-	width: 176px;
-	height: 141px;
-}
-
-#console .oldrant .ri-top {
-	background: url(../parts/mt-glow-oldrant-top.png) top no-repeat;
-	width: 178px;
-	height: 123px;
-}
-
-#console .oldrant .ri-bottom {
-	background: url(../parts/mt-glow-oldrant-bottom.png) bottom no-repeat;
-	width: 178px;
-}
-
-#console .oldrant .ri-matte {
-	padding: 9px 0px 9px 0px;
-	margin: 0px 13px;
-	width: 150px;
-	height: 123px;
-}
 
-#console .oldrant .rantimage p,
-#console .oldrant .rantimage p img {
-	float: none;
-	width: 150px;
-	height: 123px;
-	text-align: left;
-	padding: 0px;
-	margin: 0px;
-}
-
-#console .oldrant .nameplate {
-	margin-top: 43px;
-	background-color: $foreground;
-	width: 150px;
-	float: right;
-}
-
-#console .oldrant h4 {
-	float: right;
-	margin:5px 0pt 5px 5px;
-}
-
-/* Shaded borders around images */
-#strip,
-#strip span {
-	display: block;        /* Everyone treat <span> like <div> */
-	display: inline-block; /* Shrinkwrap blocks for IE */
+	/* Shrinkwrap blocks for IE */
+	display: inline-block;
 }
 
 /* hasLayout */
-* html #strip, * html #strip span { height: 1%; }
+* html #strip, * html #strip span {
+	height: 1%;
+}
 
 #strip {
-	display: table;        /* Shrinkwrap blocks for everyone else */
+	/* Shrinkwrap blocks for everyone else */
+	display: table;
 	position: relative;
 	margin: -33px auto 0px;
 	min-width: 650px;
+
+	img {
+		margin: 33px 25px;
+	}
+
+	iframe {
+		border: none;
+		margin: 33px 25px;
+		width: 1024px;
+		height: 576px;
+	}
 }
 
 div#strip {
-	width:700px;
+	width: 700px;
 	background-color: $comic-background;
 }
 
@@ -593,26 +665,28 @@ div#strip {
 	background: url(../parts/mt-shadow-vert-right.png) repeat-y right;
 }
 
-#strip img {
-	margin: 33px 25px;
+#strip-transcript {
+	padding: 10px;
 }
 
-#strip iframe {
-	border: none;
-	margin: 33px 25px;
-	width: 1024px;
-	height: 576px;
+/* Center the comic */
+#comic {
+	text-align: center;
+
+	* {
+		text-align: left;
+	}
 }
 
-#strip-transcript {
-	padding: 10px 10px 10px 10px;
+/* Overload header texts */
+#metabox h2 span {
+	background: url(../parts/mt-blk_bar-metabox.png) no-repeat;
 }
 
-/* Center the comic */
-#comic { text-align:center }
-#comic * { text-align:left }
+#support h2 span {
+	background: url(../parts/mt-blk_bar-support.png) no-repeat;
+}
 
-/* Overload header texts */
-#metabox h2 span { background: url(../parts/mt-blk_bar-metabox.png) no-repeat }
-#support h2 span { background: url(../parts/mt-blk_bar-support.png) no-repeat }
-#console h2 span { background: url(../parts/mt-blk_bar-console.png) no-repeat }
+#console h2 span {
+	background: url(../parts/mt-blk_bar-console.png) no-repeat;
+}
diff --git a/styles/main.scss b/styles/main.scss
index a4e878a..7644020 100644
--- a/styles/main.scss
+++ b/styles/main.scss
@@ -3,18 +3,26 @@
 @import "palette";
 
 /* Set basic element styles */
-img { border: none; }
+img {
+	border: none;
+}
 
 a {
 	text-decoration: none;
 	color: $link-normal;
-}
 
-a:visited { color: $link-visited; }
-a:hover { color: $link-hover; }
+	&:visited {
+		color: $link-visited;
+	}
+
+	&:hover {
+		color: $link-hover;
+	}
+}
 
 body {
-	position: relative; /* Make IE not hate positioned elements */
+	/* Make IE not hate positioned elements */
+	position: relative;
 
 	margin: auto;
 	padding: 14px;
@@ -23,18 +31,23 @@ body {
 
 	font-size: 0.8em;
 	font-family: $font-stack;
-}
 
-/* Set default widths for page boxes */
-body div {
-	position: relative;
-	margin: auto;
-	width: 700px;
+	div {
+		/* Set default widths for page boxes */
+		position: relative;
+		margin: auto;
+		width: 700px;
+
+		div {
+			width: auto;
+		}
+	}
 }
-body div div { width: auto; }
 
 /* Make the headers look nice */
-h1 { margin: 0; }
+h1 {
+	margin: 0;
+}
 
 h2 {
 	text-align: left;
@@ -43,7 +56,8 @@ h2 {
 
 /* Create special elements and classes */
 h2, .blackbar {
-	height: 18px; /* Take that, old gecko! */
+	/* Take that, old gecko! */
+	height: 18px;
 	margin: 0;
 	padding: 0 1ex;
 
@@ -52,20 +66,31 @@ h2, .blackbar {
 
 	font-size: 16px;
 	font-weight: 100;
-	font-family: monospace;
+	font-family: $banner-font;
 	letter-spacing: 0.5ex;
+
+	span {
+		display: block;
+		width: 100%;
+		height: 100%;
+	}
+}
+
+.clearer {
+	clear: both;
 }
 
-h2 span, .blackbar span {
-	display: block;
-	width: 100%;
-	height: 100%;
+br.clearer {
+	line-height: 0;
 }
 
-.clearer { clear: both; }
-br.clearer { line-height: 0; }
-.leftcol { float: left }
-.rightcol { float: right }
+.leftcol {
+	float: left;
+}
+
+.rightcol {
+	float: right;
+}
 
 .nl {
 	margin: 0;
@@ -75,39 +100,48 @@ br.clearer { line-height: 0; }
 	text-align: center;
 
 	list-style-type: none;
+	
+	li {
+		display: inline;
+		margin: 0;
+		padding: 0 0.5ex;
+		color: $text-normal;
+	}
+	
+	a {
+		color: $text-normal;
+		text-decoration: none;
+		
+		&:link, &:visited {
+			color: $text-normal;
+		}
+		
+		&:hover {
+			color: $link-hover;
+		}
+	}
 }
 
-.nl li {
-	display: inline;
-	margin: 0px;
-	padding: 0em 0.5ex;
-	color: $text-normal;
-}
-
-.nl a { color: $text-normal; text-decoration: none; }
-.nl a:link, .nl a:visited { color: $text-normal; }
-.nl a:hover { color: $link-hover; }
-
 .content {
 	margin-top: 1em;
 	margin-bottom: 1em;
 	background-color: $nl-background;
 	color: $text-normal;
-}
-
-.content div {
-	/* Satisfy internal floated elements */
-	overflow: hidden;
-	height: 100%;
-
-	border: solid 5px $nl-background;
-	background-color: $infobox;
-	padding: 5px;
-}
-
-.content .clearer {
-	border: none;
-	padding: 0px;
+	
+	div {
+		/* Satisfy internal floated elements */
+		overflow: hidden;
+		height: 100%;
+
+		border: solid 5px $nl-background;
+		background-color: $infobox;
+		padding: 5px;
+	}
+	
+	.clearer {
+		border: none;
+		padding: 0;
+	}
 }
 
 /* Correct a word wrapping bug in the ad bar */
@@ -117,52 +151,51 @@ br.clearer { line-height: 0; }
 	text-align: center;
 	font-size: 1px;
 	letter-spacing: 500px;
-}
-
-#adbar #megagear-ad {
-	position: absolute;
-	top: 14px;
-	left: 0px;
-}
-
-#adbar #kickstarter-ad {
-	position: absolute;
-	top: 14px;
-	left: 115px;
-}
-
-#adbar #cologuys-ad {
-	position: absolute;
-	top: 14px;
-	right: 0px;
-}
-
-#adbar .glowwrap {
-	position: absolute;
-	display: block;
-	top: 0px;
-	left: 50%;
-	width: 468px;
-	margin-left: -246px;
-
-	background-image: url(../parts/banner_bg.gif);
-	padding: 14px 12px;
+	
+	#megagear-ad, #kickstarter-ad, #cologuys-ad {
+		position: absolute;
+		top: 14px;
+	}
+	
+	#megagear-ad {
+		left: 0;
+	}
+	
+	#kickstarter-ad {
+		left: 115px;
+	}
+	
+	#cologuys-ad {
+		right: 0;
+	}
+	
+	.glowwrap {
+		position: absolute;
+		display: block;
+		top: 0;
+		left: 50%;
+		width: 468px;
+		margin-left: -246px;
+
+		background-image: url(../parts/banner_bg.gif);
+		padding: 14px 12px;
+	}
 }
 
 /* Style the top banner */
 #banner {
 	background-color: $nl-background;
 	text-align: center;
-}
-
-#banner h2 {
-	color: $text-normal;
-	font-family: $banner-font;
-}
-
-#banner .nl {
-	padding-bottom: 5px;
-	padding-top: 5px;
+	
+	h2 {
+		color: $text-normal;
+		font-family: $banner-font;
+	}
+	
+	.nl {
+		padding-bottom: 5px;
+		padding-top: 5px;
+	}
 }
 
 /* Style the footer */
@@ -171,16 +204,21 @@ br.clearer { line-height: 0; }
 	color: $text-credits;
 	padding-bottom: 0.5ex;
 	margin-top: 1em;
+	
+	p {
+		margin: 0;
+		text-align: center;
+		padding: 0.5ex;
+		font-family: $credits-font;
+		font-size: x-small;
+	}
 }
 
-#credits p {
-	margin: 0px;
-	text-align: center;
-	padding: 0.5ex;
-	font-family: $credits-font;
-	font-size: x-small;
+/* Overload header texts */
+#banner .blackbar span {
+	background: url(../parts/mt3-bar-comic.gif) no-repeat
 }
 
-/* Overload header texts */
-#banner .blackbar span { background: url(../parts/mt3-bar-comic.gif) no-repeat }
-#credits h2 span { background: url(../parts/mt-blk_bar-credits.png) no-repeat }
+#credits h2 span {
+	background: url(../parts/mt-blk_bar-credits.png) no-repeat
+}
diff --git a/styles/search.scss b/styles/search.scss
index 07d1263..0ba2bef 100644
--- a/styles/search.scss
+++ b/styles/search.scss
@@ -3,24 +3,40 @@
 
 .search {
 	margin: 10px;
-}
-
-.search #q {
-	width: 45%;
+	
+	#q {
+		width: 45%;
+	}
 }
 
 .results {
 	margin: 0;
 	padding: 1ex 2em;
 	background-color: $foreground;
+	color: $text-accent;
+	a {
+		color: $text-accent;
+	
+		&:visited {
+			color: $link-visited;
+		}
+		
+		&:hover {
+			color: $link-hover;
+		}
+	}
 }
 
-.results, .results a { color: $text-accent; }
-.results a:visited { color: $link-visited; }
-.results a:hover { color: $link-hover; }
-
-#syntax code { color: $text-accent; }
-#syntax form { margin: 0; }
+#syntax {
+	code { color: $text-accent; }
+	form { margin: 0; }
+	h2 {
+		span {
+			// Overload header texts
+			background: url(../parts/mt-blk_bar-search_syntax.png) no-repeat;
+		}
+	}
+}
 
 dt {
 	font-size: larger;
@@ -29,6 +45,3 @@ dt {
 ol {
 	list-style-type: none;
 }
-
-/* Overload header texts */
-#syntax h2 span { background:url(../parts/mt-blk_bar-search_syntax.png) no-repeat }
diff --git a/styles/support.scss b/styles/support.scss
index c98bada..9aa555b 100644
--- a/styles/support.scss
+++ b/styles/support.scss
@@ -7,16 +7,16 @@
 	height:   100%;
 	border:   none;
 	margin:   0 1em;
-}
-
-#inner img
-{
-    display:      block;
-    margin-left:  auto;
-    margin-right: auto;
-}
-
-#inner h3
-{
-	color: $text-accent;
+	
+	img {
+		display: block;
+		margin: {
+			left:  auto;
+			right: auto;
+		}
+	}
+	
+	h3 {
+		color: $text-accent;
+	}
 }