Index: wp-content/themes/twentytwelve/style.css
===================================================================
--- wp-content/themes/twentytwelve/style.css	(revision 23582)
+++ wp-content/themes/twentytwelve/style.css	(working copy)
@@ -48,8 +48,54 @@
 http://snook.ca/archives/html_and_css/font-size-with-rem
 http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
 
+/**
+ * Table of Contents:
+ *
+ *  1.0 - Reset
+ *    1.1 - Clearing floats
+ *  2.0 - Repeatable Patterns
+ *    2.1 - Small headers
+ *    2.2 - Shared Post Format styling
+ *    2.3 - Form fields, general styles first
+ *    2.4 - Reset non-text input types
+ *    2.5 - Buttons
+ *    2.6 - Responsive images
+ *    2.7 - Images
+ *    2.8 - Navigation
+ *    2.9 - Author profiles
+ *  3.0 - Site Structure
+ *    3.1 - Body, links, basics
+ *    3.2 - Assistive text
+ *    3.3 - Page structure
+ *    3.4 - Header
+ *      3.4.1 - Site Header
+ *      3.4.2 - Navigation
+ *      3.4.3 - Banner
+ *    3.5 - Sidebar
+ *    3.6 - Footer
+ *  4.0 - Main content and comment content
+ *  5.0 - Archives
+ *  6.0 - Single image attachment view
+ *  7.0 - Aside post format
+ *  8.0 - Post formats
+ *    8.1 - Image posts
+ *    8.2 - Link posts
+ *    8.3 - Quote posts
+ *    8.4 - Status posts
+ *  9.0 - Comments
+ *    9.1 - Comment form
+ * 10.0 - Front page template
+ * 11.0 - Widgets
+ * 12.0 - Plugins
+ * 13.0 - Media queries
+ *   13.1 - Minimum width of 600 pixels
+ *   13.2 - Minimum width of 960 pixels
+ * 14.0 - Print
+ *   14.1 - Comments
+ * ----------------------------------------------------------------------------
+ */
 
-/* =Reset
+/* 1.0 Reset
 -------------------------------------------------------------- */
 
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
@@ -159,7 +205,7 @@
 	-ms-interpolation-mode: bicubic;
 }
 
-/* Clearing floats */
+/* 1.1 Clearing floats */
 .clear:after,
 .wrapper:after,
 .format-status .entry-header:after {
@@ -176,10 +222,10 @@
 }
 
 
-/* =Repeatable patterns
+/* 2.0 Repeatable patterns
 -------------------------------------------------------------- */
 
-/* Small headers */
+/* 2.1 Small headers */
 .archive-title,
 .page-title,
 .widget-title,
@@ -193,7 +239,7 @@
 	color: #636363;
 }
 
-/* Shared Post Format styling */
+/* 2.2 Shared Post Format styling */
 article.format-quote footer.entry-meta,
 article.format-link footer.entry-meta,
 article.format-status footer.entry-meta {
@@ -202,7 +248,7 @@
 	line-height: 2.181818182;
 }
 
-/* Form fields, general styles first */
+/* 2.3 Form fields, general styles first */
 button,
 input,
 textarea {
@@ -222,7 +268,7 @@
 	vertical-align: top;
 }
 
-/* Reset non-text input types */
+/* 2.4 Reset non-text input types */
 input[type="checkbox"],
 input[type="radio"],
 input[type="file"],
@@ -234,7 +280,7 @@
 	padding: 0;
 }
 
-/* Buttons */
+/* 2.5 Buttons */
 .menu-toggle,
 input[type="submit"],
 input[type="button"],
@@ -312,7 +358,7 @@
 	padding: 0;
 }
 
-/* Responsive images */
+/* 2.6 Responsive images */
 .entry-content img,
 .comment-content img,
 .widget img {
@@ -342,7 +388,7 @@
 	max-width: 100% !important; /* Override the Twitter embed fixed width */
 }
 
-/* Images */
+/* 2.7 Images */
 .alignleft {
 	float: left;
 }
@@ -412,7 +458,7 @@
 	padding: 3%;
 }
 
-/* Navigation */
+/* 2.8 Navigation */
 .site-content nav {
 	clear: both;
 	line-height: 2;
@@ -445,7 +491,7 @@
 	margin: 3.428571429rem 0;
 }
 
-/* Author profiles */
+/* 2.9 Author profiles */
 .author .archive-header {
 	margin-bottom: 24px;
 	margin-bottom: 1.714285714rem;
@@ -474,10 +520,10 @@
 }
 
 
-/* =Basic structure
+/* 3.0 Site structure
 -------------------------------------------------------------- */
 
-/* Body, links, basics */
+/* 3.1 Body, links, basics */
 html {
 	font-size: 87.5%;
 }
@@ -499,7 +545,7 @@
 	color: #0f3647;
 }
 
-/* Assistive text */
+/* 3.2 Assistive text */
 .assistive-text,
 .site .screen-reader-text {
 	position: absolute !important;
@@ -522,7 +568,7 @@
 	z-index: 100000; /* Above WP toolbar */
 }
 
-/* Page structure */
+/* 3.3 Page structure */
 .site {
 	padding: 0 24px;
 	padding: 0 1.714285714rem;
@@ -537,7 +583,9 @@
 	margin: 1.714285714rem 0 0;
 }
 
-/* Header */
+/* 3.4 Header */
+
+/* 3.4.1 Site Header */
 .site-header {
 	padding: 24px 0;
 	padding: 1.714285714rem 0;
@@ -575,7 +623,7 @@
 	margin-top: 1.714285714rem;
 }
 
-/* Navigation Menu */
+/* 3.4.2 Navigation Menu */
 .main-navigation {
 	margin-top: 24px;
 	margin-top: 1.714285714rem;
@@ -603,13 +651,13 @@
 	display: inline-block;
 }
 
-/* Banner */
+/* 3.4.3 Banner */
 section[role="banner"] {
 	margin-bottom: 48px;
 	margin-bottom: 3.428571429rem;
 }
 
-/* Sidebar */
+/* 3.5 Sidebar */
 .widget-area .widget {
 	-webkit-hyphens: auto;
 	-moz-hyphens: auto;
@@ -655,7 +703,7 @@
 	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
 }
 
-/* Footer */
+/* 3.6 Footer */
 footer[role="contentinfo"] {
 	border-top: 1px solid #ededed;
 	clear: both;
@@ -679,7 +727,7 @@
 }
 
 
-/* =Main content and comment content
+/* 4.0 Main content and comment content
 -------------------------------------------------------------- */
 
 .entry-meta {
@@ -987,7 +1035,7 @@
 }
 
 
-/* =Archives
+/* 5.0 Archives
 -------------------------------------------------------------- */
 
 .archive-header,
@@ -1008,7 +1056,7 @@
 }
 
 
-/* =Single image attachment view
+/* 6.0 Single image attachment view
 -------------------------------------------------------------- */
 
 .article.attachment {
@@ -1032,7 +1080,7 @@
 }
 
 
-/* =Aside post format
+/* 7.0 Aside post format
 -------------------------------------------------------------- */
 
 article.format-aside h1 {
@@ -1064,10 +1112,10 @@
 }
 
 
-/* =Post formats
+/* 8.0 Post formats
 -------------------------------------------------------------- */
 
-/* Image posts */
+/* 8.1 Image posts */
 article.format-image footer h1 {
 	font-size: 13px;
 	font-size: 0.928571429rem;
@@ -1083,7 +1131,7 @@
 	font-weight: normal;
 }
 
-/* Link posts */
+/* 8.2 Link posts */
 article.format-link header {
 	padding: 0 10px;
 	padding: 0 0.714285714rem;
@@ -1109,7 +1157,7 @@
 	text-decoration: none;
 }
 
-/* Quote posts */
+/* 8.3 Quote posts */
 article.format-quote .entry-content p {
 	margin: 0;
 	padding-bottom: 24px;
@@ -1127,7 +1175,7 @@
 	background: #efefef;
 }
 
-/* Status posts */
+/* 8.4 Status posts */
 .format-status .entry-header {
 	margin-bottom: 24px;
 	margin-bottom: 1.714285714rem;
@@ -1162,7 +1210,7 @@
 }
 
 
-/* =Comments
+/* 9.0 Comments
 -------------------------------------------------------------- */
 
 .comments-title {
@@ -1266,7 +1314,7 @@
 	margin-bottom: 1.714285714rem;
 }
 
-/* Comment form */
+/* 9.1 Comment form */
 #respond {
 	margin-top: 48px;
 	margin-top: 3.428571429rem;
@@ -1322,7 +1370,7 @@
 }
 
 
-/* =Front page template
+/* 10.0 Front page template
 -------------------------------------------------------------- */
 
 .entry-page-image {
@@ -1363,7 +1411,7 @@
 }
 
 
-/* =Widgets
+/* 11.0 Widgets
 -------------------------------------------------------------- */
 
 .widget-area .widget ul ul {
@@ -1415,7 +1463,7 @@
 }
 
 
-/* =Plugins
+/* 12.0 Plugins
 ----------------------------------------------- */
 
 img#wpstats {
@@ -1425,10 +1473,10 @@
 }
 
 
-/* =Media queries
+/* 13.0 Media queries
 -------------------------------------------------------------- */
 
-/* Minimum width of 600 pixels. */
+/* 13.1 Minimum width of 600 pixels */
 @media screen and (min-width: 600px) {
 	.author-avatar {
 		float: left;
@@ -1594,7 +1642,7 @@
 	}
 }
 
-/* Minimum width of 960 pixels. */
+/* 13.2 Minimum width of 960 pixels */
 @media screen and (min-width: 960px) {
 	body {
 		background-color: #e6e6e6;
@@ -1621,7 +1669,7 @@
 }
 
 
-/* =Print
+/* 14.0 Print
 ----------------------------------------------- */
 
 @media print {
@@ -1718,7 +1766,7 @@
 		width: auto;
 	}
 
-	/* Comments */
+	/* 14.1 Comments */
 	.commentlist > li.comment {
 		background: none;
 		position: relative;
@@ -1735,4 +1783,4 @@
 		margin-left: 50px;
 		margin-left: 3.57142857rem;
 	}
-}
\ No newline at end of file
+}
