diff --git a/sass/_normalize.scss b/sass/_normalize.scss
index 3046bebc56..f59f799e45 100644
--- a/sass/_normalize.scss
+++ b/sass/_normalize.scss
@@ -1,7 +1,7 @@
 html {
 	font-family: sans-serif;
 	-webkit-text-size-adjust: 100%;
-	-ms-text-size-adjust:     100%;
+	-ms-text-size-adjust: 100%;
 }
 
 body {
diff --git a/sass/elements/_elements.scss b/sass/elements/_elements.scss
index 4909ddc572..fb18c2cead 100644
--- a/sass/elements/_elements.scss
+++ b/sass/elements/_elements.scss
@@ -1,18 +1,23 @@
-html {
-	box-sizing: border-box;
-}
-
+/* Inherit box-sizing to more easily change it's value on a component level.
+(http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) */
 *,
 *:before,
-*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
+*:after {
 	box-sizing: inherit;
 }
 
+/* Includes border and padding in the value specified for width and height. */
+html {
+	box-sizing: border-box;
+}
+
+/* Fallback for when there is no custom background color defined. */
 body {
-	background: $color__background-body; /* Fallback for when there is no custom background color defined. */
+	background: $color__background-body;
 }
 
-blockquote, q {
+blockquote,
+q {
 	quotes: "" "";
 
 	&:before,
@@ -30,13 +35,15 @@ hr {
 
 @import "lists";
 
+/* Make sure images are scaled correctly and adhere to the container width. */
 img {
-	height: auto; /* Make sure images are scaled correctly. */
-	max-width: 100%; /* Adhere to container width. */
+	height: auto;
+	max-width: 100%;
 }
 
+/* Extra wide images within figure tags don't overflow the content area. */
 figure {
-	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
+	margin: 1em 0;
 }
 
-@import "tables";
\ No newline at end of file
+@import "tables";
diff --git a/sass/elements/_lists.scss b/sass/elements/_lists.scss
index e271c24fe8..1b8bd42b5d 100644
--- a/sass/elements/_lists.scss
+++ b/sass/elements/_lists.scss
@@ -1,4 +1,5 @@
-ul, ol {
+ul,
+ol {
 	margin: 0 0 1.5em 3em;
 }
 
@@ -17,9 +18,9 @@ li > ol {
 }
 
 dt {
-	font-weight: bold;
+	font-weight: bolder;
 }
 
 dd {
 	margin: 0 1.5em 1.5em;
-}
\ No newline at end of file
+}
diff --git a/sass/elements/_tables.scss b/sass/elements/_tables.scss
index 14af567ade..acd5b337c4 100644
--- a/sass/elements/_tables.scss
+++ b/sass/elements/_tables.scss
@@ -1,4 +1,4 @@
 table {
 	margin: 0 0 1.5em;
 	width: 100%;
-}
\ No newline at end of file
+}
diff --git a/sass/forms/_buttons.scss b/sass/forms/_buttons.scss
index d7a914a613..cdd89c3251 100644
--- a/sass/forms/_buttons.scss
+++ b/sass/forms/_buttons.scss
@@ -6,10 +6,12 @@ input[type="submit"] {
 	border-color: $color__border-button;
 	border-radius: 3px;
 	background: $color__background-button;
-	color: rgba(0, 0, 0, .8);
+	color: rgba(0, 0, 0, 0.8);
+
 	@include font-size(0.75);
+
 	line-height: 1;
-	padding: .6em 1em .4em;
+	padding: 0.6em 1em 0.4em;
 
 	&:hover {
 		border-color: $color__border-button-hover;
@@ -19,4 +21,4 @@ input[type="submit"] {
 	&:focus {
 		border-color: $color__border-button-focus;
 	}
-}
\ No newline at end of file
+}
diff --git a/sass/forms/_forms.scss b/sass/forms/_forms.scss
index 8008a55811..94fd5bd8fe 100644
--- a/sass/forms/_forms.scss
+++ b/sass/forms/_forms.scss
@@ -1,3 +1,2 @@
 @import "buttons";
-
-@import "fields";
\ No newline at end of file
+@import "fields";
diff --git a/sass/layout/_content-sidebar.scss b/sass/layout/_content-sidebar.scss
index ecfdc7d45a..2af13c9a9c 100644
--- a/sass/layout/_content-sidebar.scss
+++ b/sass/layout/_content-sidebar.scss
@@ -17,4 +17,4 @@
 .site-footer {
 	clear: both;
 	width: $size__site-main;
-}
\ No newline at end of file
+}
diff --git a/sass/layout/_sidebar-content.scss b/sass/layout/_sidebar-content.scss
index f101e3ecad..03eb2d84b9 100644
--- a/sass/layout/_sidebar-content.scss
+++ b/sass/layout/_sidebar-content.scss
@@ -17,4 +17,4 @@
 .site-footer {
 	clear: both;
 	width: $size__site-main;
-}
\ No newline at end of file
+}
diff --git a/sass/media/_captions.scss b/sass/media/_captions.scss
index c299bfe8c6..1f7f60c324 100644
--- a/sass/media/_captions.scss
+++ b/sass/media/_captions.scss
@@ -3,6 +3,7 @@
 	max-width: 100%;
 
 	img[class*="wp-image-"] {
+
 		@include center-block;
 	}
 
diff --git a/sass/media/_galleries.scss b/sass/media/_galleries.scss
index c3801ab2c2..e766aa0c6a 100644
--- a/sass/media/_galleries.scss
+++ b/sass/media/_galleries.scss
@@ -10,6 +10,7 @@
 
 	// Loops to enumerate the classes for gallery columns.
 	@for $i from 2 through 9 {
+
 		.gallery-columns-#{$i} & {
 			max-width: ( 100% / $i );
 		}
diff --git a/sass/media/_media.scss b/sass/media/_media.scss
index 0f2f32b212..7fdb3a85c8 100644
--- a/sass/media/_media.scss
+++ b/sass/media/_media.scss
@@ -15,16 +15,16 @@ object {
 }
 
 /* Make sure logo link wraps around logo image. */
-.custom-logo-link{
+.custom-logo-link {
 	display: inline-block;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Captions
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "captions";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Galleries
---------------------------------------------------------------*/
-@import "galleries";
\ No newline at end of file
+-------------------------------------------------------------- */
+@import "galleries";
diff --git a/sass/modules/_accessibility.scss b/sass/modules/_accessibility.scss
index f71106bd6d..b2fe665e3b 100644
--- a/sass/modules/_accessibility.scss
+++ b/sass/modules/_accessibility.scss
@@ -5,7 +5,7 @@
 	height: 1px;
 	width: 1px;
 	overflow: hidden;
-	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
+	word-wrap: normal !important; // Many screen reader and browser combinations announce broken words as they would appear visually.
 
 	&:focus {
 		background-color: $color__background-screen;
@@ -14,8 +14,10 @@
 		clip: auto !important;
 		color: $color__text-screen;
 		display: block;
+
 		@include font-size(0.875);
-		font-weight: bold;
+
+		font-weight: bolder;
 		height: auto;
 		left: 5px;
 		line-height: normal;
@@ -23,7 +25,7 @@
 		text-decoration: none;
 		top: 5px;
 		width: auto;
-		z-index: 100000; /* Above WP toolbar. */
+		z-index: 100000; // Above WP toolbar.
 	}
 }
 
diff --git a/sass/modules/_alignments.scss b/sass/modules/_alignments.scss
index 5db6ab4efc..97dce362e1 100644
--- a/sass/modules/_alignments.scss
+++ b/sass/modules/_alignments.scss
@@ -12,5 +12,6 @@
 
 .aligncenter {
 	clear: both;
+
 	@include center-block;
 }
diff --git a/sass/modules/_clearings.scss b/sass/modules/_clearings.scss
index 96c3245e90..24ec9ace67 100644
--- a/sass/modules/_clearings.scss
+++ b/sass/modules/_clearings.scss
@@ -10,6 +10,7 @@
 .site-content:after,
 .site-footer:before,
 .site-footer:after {
+
 	@include clearfix;
 }
 
@@ -19,5 +20,6 @@
 .site-header:after,
 .site-content:after,
 .site-footer:after {
+
 	@include clearfix-after;
-}
\ No newline at end of file
+}
diff --git a/sass/modules/_infinite-scroll.scss b/sass/modules/_infinite-scroll.scss
index be51db2e0d..57fbc77e37 100644
--- a/sass/modules/_infinite-scroll.scss
+++ b/sass/modules/_infinite-scroll.scss
@@ -1,10 +1,11 @@
 /* Globally hidden elements when Infinite Scroll is supported and in use. */
-.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
-.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
+.infinite-scroll .posts-navigation, // Older / Newer Posts Navigation (always hidden).
+.infinite-scroll.neverending .site-footer { // Theme Footer (when set to scrolling).
 	display: none;
 }
 
-/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
+/* When Infinite Scroll has reached its end we need to re-display elements that
+were hidden (via .neverending) before. */
 .infinity-end.neverending .site-footer {
 	display: block;
-}
\ No newline at end of file
+}
diff --git a/sass/navigation/_links.scss b/sass/navigation/_links.scss
index eade43f6f5..2e59a07352 100644
--- a/sass/navigation/_links.scss
+++ b/sass/navigation/_links.scss
@@ -4,16 +4,19 @@ a {
 	&:visited {
 		color: $color__link-visited;
 	}
+
 	&:hover,
 	&:focus,
 	&:active {
 		color: $color__link-hover;
 	}
+
 	&:focus {
 		outline: thin dotted;
 	}
+
 	&:hover,
 	&:active {
 		outline: 0;
 	}
-}
\ No newline at end of file
+}
diff --git a/sass/navigation/_menus.scss b/sass/navigation/_menus.scss
index 1a2b040260..d88b0a6895 100644
--- a/sass/navigation/_menus.scss
+++ b/sass/navigation/_menus.scss
@@ -24,6 +24,7 @@
 			}
 
 			li {
+
 				&:hover > ul,
 				&.focus > ul {
 					left: 100%;
@@ -77,9 +78,11 @@
 }
 
 @media screen and (min-width: 37.5em) {
+
 	.menu-toggle {
 		display: none;
 	}
+
 	.main-navigation ul {
 		display: block;
 	}
diff --git a/sass/navigation/_navigation.scss b/sass/navigation/_navigation.scss
index ffa4368a74..6e8e399f4b 100644
--- a/sass/navigation/_navigation.scss
+++ b/sass/navigation/_navigation.scss
@@ -1,9 +1,9 @@
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Links
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "links";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Menus
---------------------------------------------------------------*/
-@import "menus";
\ No newline at end of file
+-------------------------------------------------------------- */
+@import "menus";
diff --git a/sass/site/_site.scss b/sass/site/_site.scss
index 3257106732..08c6217c1b 100644
--- a/sass/site/_site.scss
+++ b/sass/site/_site.scss
@@ -1,11 +1,12 @@
 // @import "../layout/content-sidebar";
 // @import "../layout/sidebar-content";
-/*--------------------------------------------------------------
+
+/* --------------------------------------------------------------
 ## Posts and pages
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "primary/posts-and-pages";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Comments
---------------------------------------------------------------*/
-@import "primary/comments";
\ No newline at end of file
+-------------------------------------------------------------- */
+@import "primary/comments";
diff --git a/sass/site/primary/_comments.scss b/sass/site/primary/_comments.scss
index 13760c5cad..df8485a0f2 100644
--- a/sass/site/primary/_comments.scss
+++ b/sass/site/primary/_comments.scss
@@ -1,6 +1,7 @@
 .comment-content a {
 	word-wrap: break-word;
 }
+
 .bypostauthor {
 	display: block;
 }
diff --git a/sass/site/primary/_posts-and-pages.scss b/sass/site/primary/_posts-and-pages.scss
index 3329cfd666..ceed29f130 100644
--- a/sass/site/primary/_posts-and-pages.scss
+++ b/sass/site/primary/_posts-and-pages.scss
@@ -6,7 +6,7 @@
 	margin: 0 0 1.5em;
 }
 
-.updated:not(.published){
+.updated:not(.published) {
 	display: none;
 }
 
@@ -19,4 +19,4 @@
 .page-links {
 	clear: both;
 	margin: 0 0 1.5em;
-}
\ No newline at end of file
+}
diff --git a/sass/style.scss b/sass/style.scss
index 5aacd0cc07..43b5965b08 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -1,4 +1,4 @@
-/*!
+/*
 Theme Name: _s
 Theme URI: http://underscores.me/
 Author: Automattic
@@ -11,7 +11,8 @@ Text Domain: _s
 Tags:
 
 This theme, like WordPress, is licensed under the GPL.
-Use it to make something cool, have fun, and share what you've learned with others.
+Use it to make something cool, have fun, and share what you've learned with
+others.
 
 _s is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
 Underscores is distributed under the terms of the GNU GPL v2 or later.
@@ -20,7 +21,7 @@ Normalizing styles have been helped along thanks to the fine work of
 Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
 */
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 >>> TABLE OF CONTENTS:
 ----------------------------------------------------------------
 # Normalize
@@ -41,66 +42,66 @@ Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
 # Media
 	## Captions
 	## Galleries
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "variables-site/variables-site";
 @import "mixins/mixins-master";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Normalize
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "normalize";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Typography
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "typography/typography";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Elements
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "elements/elements";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Forms
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "forms/forms";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Navigation
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "navigation/navigation";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Accessibility
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "modules/accessibility";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Alignments
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "modules/alignments";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Clearings
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "modules/clearings";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Widgets
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "site/secondary/widgets";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Content
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "site/site";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Infinite scroll
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "modules/infinite-scroll";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Media
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "media/media";
diff --git a/sass/typography/_copy.scss b/sass/typography/_copy.scss
index 82a10e3cba..46bd235d4d 100644
--- a/sass/typography/_copy.scss
+++ b/sass/typography/_copy.scss
@@ -2,7 +2,10 @@ p {
 	margin-bottom: 1.5em;
 }
 
-dfn, cite, em, i {
+dfn,
+cite,
+em,
+i {
 	font-style: italic;
 }
 
@@ -17,7 +20,9 @@ address {
 pre {
 	background: $color__background-pre;
 	font-family: $font__pre;
+
 	@include font-size(0.9375);
+
 	line-height: $font__line-height-pre;
 	margin-bottom: 1.6em;
 	max-width: 100%;
@@ -25,21 +30,27 @@ pre {
 	padding: 1.6em;
 }
 
-code, kbd, tt, var {
+code,
+kbd,
+tt,
+var {
 	font-family: $font__code;
+
 	@include font-size(0.9375);
 }
 
-abbr, acronym {
+abbr,
+acronym {
 	border-bottom: 1px dotted $color__border-abbr;
 	cursor: help;
 }
 
-mark, ins {
+mark,
+ins {
 	background: $color__background-ins;
 	text-decoration: none;
 }
 
 big {
 	font-size: 125%;
-}
\ No newline at end of file
+}
diff --git a/sass/typography/_headings.scss b/sass/typography/_headings.scss
index 281e66662d..2c41a742dd 100644
--- a/sass/typography/_headings.scss
+++ b/sass/typography/_headings.scss
@@ -1,3 +1,8 @@
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
 	clear: both;
-}
\ No newline at end of file
+}
diff --git a/sass/typography/_typography.scss b/sass/typography/_typography.scss
index 9450eb81ce..4787f52ddd 100644
--- a/sass/typography/_typography.scss
+++ b/sass/typography/_typography.scss
@@ -6,10 +6,11 @@ optgroup,
 textarea {
 	color: $color__text-main;
 	font-family: $font__main;
+
 	@include font-size(1);
+
 	line-height: $font__line-height-body;
 }
 
 @import "headings";
-
-@import "copy";
\ No newline at end of file
+@import "copy";
diff --git a/sass/variables-site/_colors.scss b/sass/variables-site/_colors.scss
index f2dba39ad3..435066c580 100644
--- a/sass/variables-site/_colors.scss
+++ b/sass/variables-site/_colors.scss
@@ -8,9 +8,9 @@ $color__background-ins: #fff9c0;
 $color__text-screen: #21759b;
 $color__text-input: #666;
 $color__text-input-focus: #111;
-$color__link: royalblue;
-$color__link-visited: purple;
-$color__link-hover: midnightblue;
+$color__link: #4169e1;
+$color__link-visited: #800080;
+$color__link-hover: #191970;
 $color__text-main: #404040;
 
 $color__border-button: #ccc #ccc #bbb;
diff --git a/sass/variables-site/_structure.scss b/sass/variables-site/_structure.scss
index adbf8892bc..d24a84edad 100644
--- a/sass/variables-site/_structure.scss
+++ b/sass/variables-site/_structure.scss
@@ -1,2 +1,2 @@
 $size__site-main: 100%;
-$size__site-sidebar: 25%;
\ No newline at end of file
+$size__site-sidebar: 25%;
diff --git a/sass/variables-site/_typography.scss b/sass/variables-site/_typography.scss
index 56ea1be634..302891ea49 100644
--- a/sass/variables-site/_typography.scss
+++ b/sass/variables-site/_typography.scss
@@ -2,4 +2,4 @@ $font__main: sans-serif;
 $font__code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 $font__pre: "Courier 10 Pitch", Courier, monospace;
 $font__line-height-body: 1.5;
-$font__line-height-pre: 1.6;
\ No newline at end of file
+$font__line-height-pre: 1.6;
diff --git a/sass/variables-site/_variables-site.scss b/sass/variables-site/_variables-site.scss
index 661e342bf4..72ab88473e 100644
--- a/sass/variables-site/_variables-site.scss
+++ b/sass/variables-site/_variables-site.scss
@@ -1,3 +1,3 @@
 @import "colors";
 @import "typography";
-@import "structure";
\ No newline at end of file
+@import "structure";
diff --git a/style.css b/style.css
index c8362c0c49..bac8b62909 100644
--- a/style.css
+++ b/style.css
@@ -11,7 +11,8 @@ Text Domain: _s
 Tags:
 
 This theme, like WordPress, is licensed under the GPL.
-Use it to make something cool, have fun, and share what you've learned with others.
+Use it to make something cool, have fun, and share what you've learned with
+others.
 
 _s is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
 Underscores is distributed under the terms of the GNU GPL v2 or later.
@@ -20,7 +21,7 @@ Normalizing styles have been helped along thanks to the fine work of
 Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
 */
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 >>> TABLE OF CONTENTS:
 ----------------------------------------------------------------
 # Normalize
@@ -41,15 +42,15 @@ Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
 # Media
 	## Captions
 	## Galleries
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Normalize
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 html {
 	font-family: sans-serif;
 	-webkit-text-size-adjust: 100%;
-	-ms-text-size-adjust:     100%;
+	-ms-text-size-adjust: 100%;
 }
 
 body {
@@ -154,6 +155,7 @@ figure {
 }
 
 hr {
+	-webkit-box-sizing: content-box;
 	box-sizing: content-box;
 	height: 0;
 }
@@ -214,6 +216,7 @@ input {
 
 input[type="checkbox"],
 input[type="radio"] {
+	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 	padding: 0;
 }
@@ -257,9 +260,9 @@ th {
 	padding: 0;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Typography
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 body,
 button,
 input,
@@ -338,21 +341,33 @@ big {
 	font-size: 125%;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Elements
---------------------------------------------------------------*/
-html {
-	box-sizing: border-box;
-}
+-------------------------------------------------------------- */
 
+/* Inherit box-sizing to more easily change it's value on a component level.
+(http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) */
 *,
 *:before,
-*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
+*:after {
+	-webkit-box-sizing: inherit;
 	box-sizing: inherit;
 }
 
+/* Includes border and padding in the value specified for width and height. */
+html {
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+/* Fallback for when there is no custom background color defined. */
 body {
-	background: #fff; /* Fallback for when there is no custom background color defined. */
+	background: #fff;
+}
+
+blockquote,
+q {
+	quotes: "" "";
 }
 
 blockquote:before,
@@ -362,11 +377,6 @@ q:after {
 	content: "";
 }
 
-blockquote,
-q {
-	quotes: "" "";
-}
-
 hr {
 	background-color: #ccc;
 	border: 0;
@@ -394,20 +404,22 @@ li > ol {
 }
 
 dt {
-	font-weight: bold;
+	font-weight: bolder;
 }
 
 dd {
 	margin: 0 1.5em 1.5em;
 }
 
+/* Make sure images are scaled correctly and adhere to the container width. */
 img {
-	height: auto; /* Make sure images are scaled correctly. */
-	max-width: 100%; /* Adhere to container width. */
+	height: auto;
+	max-width: 100%;
 }
 
+/* Extra wide images within figure tags don't overflow the content area. */
 figure {
-	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
+	margin: 1em 0;
 }
 
 table {
@@ -415,9 +427,9 @@ table {
 	width: 100%;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Forms
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 button,
 input[type="button"],
 input[type="reset"],
@@ -426,11 +438,11 @@ input[type="submit"] {
 	border-color: #ccc #ccc #bbb;
 	border-radius: 3px;
 	background: #e6e6e6;
-	color: rgba(0, 0, 0, .8);
+	color: rgba(0, 0, 0, 0.8);
 	font-size: 12px;
 	font-size: 0.75rem;
 	line-height: 1;
-	padding: .6em 1em .4em;
+	padding: 0.6em 1em 0.4em;
 }
 
 button:hover,
@@ -440,14 +452,14 @@ input[type="submit"]:hover {
 	border-color: #ccc #bbb #aaa;
 }
 
-button:focus,
-input[type="button"]:focus,
-input[type="reset"]:focus,
-input[type="submit"]:focus,
 button:active,
+button:focus,
 input[type="button"]:active,
+input[type="button"]:focus,
 input[type="reset"]:active,
-input[type="submit"]:active {
+input[type="reset"]:focus,
+input[type="submit"]:active,
+input[type="submit"]:focus {
 	border-color: #aaa #bbb #bbb;
 }
 
@@ -473,10 +485,6 @@ textarea {
 	padding: 3px;
 }
 
-select {
-	border: 1px solid #ccc;
-}
-
 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
@@ -496,28 +504,33 @@ textarea:focus {
 	color: #111;
 }
 
+select {
+	border: 1px solid #ccc;
+}
+
 textarea {
 	width: 100%;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Navigation
---------------------------------------------------------------*/
-/*--------------------------------------------------------------
+-------------------------------------------------------------- */
+
+/* --------------------------------------------------------------
 ## Links
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 a {
-	color: royalblue;
+	color: #4169e1;
 }
 
 a:visited {
-	color: purple;
+	color: #800080;
 }
 
 a:hover,
 a:focus,
 a:active {
-	color: midnightblue;
+	color: #191970;
 }
 
 a:focus {
@@ -529,9 +542,9 @@ a:active {
 	outline: 0;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Menus
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 .main-navigation {
 	clear: both;
 	display: block;
@@ -546,17 +559,8 @@ a:active {
 	padding-left: 0;
 }
 
-.main-navigation li {
-	float: left;
-	position: relative;
-}
-
-.main-navigation a {
-	display: block;
-	text-decoration: none;
-}
-
 .main-navigation ul ul {
+	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
 	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
 	float: left;
 	position: absolute;
@@ -570,24 +574,13 @@ a:active {
 	top: 0;
 }
 
-.main-navigation ul ul a {
-	width: 200px;
-}
-
-.main-navigation ul ul li {
-
-}
-
-.main-navigation li:hover > a,
-.main-navigation li.focus > a {
-}
-
-.main-navigation ul ul :hover > a,
-.main-navigation ul ul .focus > a {
+.main-navigation ul ul li:hover > ul,
+.main-navigation ul ul li.focus > ul {
+	left: 100%;
 }
 
-.main-navigation ul ul a:hover,
-.main-navigation ul ul a.focus {
+.main-navigation ul ul a {
+	width: 200px;
 }
 
 .main-navigation ul li:hover > ul,
@@ -595,15 +588,14 @@ a:active {
 	left: auto;
 }
 
-.main-navigation ul ul li:hover > ul,
-.main-navigation ul ul li.focus > ul {
-	left: 100%;
+.main-navigation li {
+	float: left;
+	position: relative;
 }
 
-.main-navigation .current_page_item > a,
-.main-navigation .current-menu-item > a,
-.main-navigation .current_page_ancestor > a,
-.main-navigation .current-menu-ancestor > a {
+.main-navigation a {
+	display: block;
+	text-decoration: none;
 }
 
 /* Small menu. */
@@ -613,9 +605,11 @@ a:active {
 }
 
 @media screen and (min-width: 37.5em) {
+
 	.menu-toggle {
 		display: none;
 	}
+
 	.main-navigation ul {
 		display: block;
 	}
@@ -643,9 +637,10 @@ a:active {
 	width: 50%;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Accessibility
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
+
 /* Text meant only for screen readers. */
 .screen-reader-text {
 	clip: rect(1px, 1px, 1px, 1px);
@@ -653,19 +648,20 @@ a:active {
 	height: 1px;
 	width: 1px;
 	overflow: hidden;
-	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
+	word-wrap: normal !important;
 }
 
 .screen-reader-text:focus {
 	background-color: #f1f1f1;
 	border-radius: 3px;
+	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	color: #21759b;
 	display: block;
 	font-size: 14px;
 	font-size: 0.875rem;
-	font-weight: bold;
+	font-weight: bolder;
 	height: auto;
 	left: 5px;
 	line-height: normal;
@@ -673,7 +669,7 @@ a:active {
 	text-decoration: none;
 	top: 5px;
 	width: auto;
-	z-index: 100000; /* Above WP toolbar. */
+	z-index: 100000;
 }
 
 /* Do not show the outline on the skip link target. */
@@ -681,9 +677,9 @@ a:active {
 	outline: 0;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Alignments
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 .alignleft {
 	display: inline;
 	float: left;
@@ -703,9 +699,9 @@ a:active {
 	margin-right: auto;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Clearings
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 .clear:before,
 .clear:after,
 .entry-content:before,
@@ -732,24 +728,26 @@ a:active {
 	clear: both;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Widgets
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 .widget {
 	margin: 0 0 1.5em;
+
+	/* Make sure select elements fit in widgets. */
 }
 
-/* Make sure select elements fit in widgets. */
 .widget select {
 	max-width: 100%;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Content
---------------------------------------------------------------*/
-/*--------------------------------------------------------------
+-------------------------------------------------------------- */
+
+/* --------------------------------------------------------------
 ## Posts and pages
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 .sticky {
 	display: block;
 }
@@ -773,9 +771,9 @@ a:active {
 	margin: 0 0 1.5em;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Comments
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 .comment-content a {
 	word-wrap: break-word;
 }
@@ -784,23 +782,25 @@ a:active {
 	display: block;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Infinite scroll
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
+
 /* Globally hidden elements when Infinite Scroll is supported and in use. */
-.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
-.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
+.infinite-scroll .posts-navigation,
+.infinite-scroll.neverending .site-footer {
 	display: none;
 }
 
-/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
+/* When Infinite Scroll has reached its end we need to re-display elements that
+were hidden (via .neverending) before. */
 .infinity-end.neverending .site-footer {
 	display: block;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 # Media
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 .page-content .wp-smiley,
 .entry-content .wp-smiley,
 .comment-content .wp-smiley {
@@ -818,13 +818,13 @@ object {
 }
 
 /* Make sure logo link wraps around logo image. */
-.custom-logo-link{
+.custom-logo-link {
 	display: inline-block;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Captions
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 .wp-caption {
 	margin-bottom: 1.5em;
 	max-width: 100%;
@@ -844,9 +844,9 @@ object {
 	text-align: center;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Galleries
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 .gallery {
 	margin-bottom: 1.5em;
 }