Changeset 25998

Timestamp:

10/31/2013 04:27:51 AM (13 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: second pass at revamping the main CSS file. Update pattern graphics to fix issue with orientation changes on tablets. Props iamtakashi, fixes #25592.

Location:

trunk/src/wp-content/themes/twentyfourteen

Files:

• images/pattern-dark.svg (modified) (1 diff)
• images/pattern-light.svg (modified) (1 diff)
• inc/customizer.php (modified) (6 diffs)
• style.css (modified) (116 diffs)

trunk/src/wp-content/themes/twentyfourteen/images/pattern-dark.svg

@@ -1 +1 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-     width="5px" height="5px" viewBox="0 0 5 5" enable-background="new 0 0 5 5" xml:space="preserve">
-<g>
-    <polygon points="1,0 0,1 0,5 5,0    "/>
-    <polygon points="5,5 5,1 1,5    "/>
-</g>
+     width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
+<path d="M0,20v-4L16,0h4L0,20z M15,0h-4L0,11v4L15,0z M25,0h-4L0,21v4L25,0z M26,0L0,26v4L30,0H26z M10,0H6L0,6v4L10,0z M5,0H1L0,1
+    v4L5,0z M30,30v-4l-4,4H30z M5,30L30,5V1L1,30H5z M10,30l20-20V6L6,30H10z M15,30l15-15v-4L11,30H15z M20,30l10-10v-4L16,30H20z
+     M25,30l5-5v-4l-9,9H25z"/>
 </svg>

trunk/src/wp-content/themes/twentyfourteen/images/pattern-light.svg

@@ -1 +1 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-     width="5px" height="5px" viewBox="0 0 5 5" enable-background="new 0 0 5 5" xml:space="preserve">
-<g>
-    <polygon fill="#FFFFFF" points="1,0 0,1 0,5 5,0     "/>
-    <polygon fill="#FFFFFF" points="5,5 5,1 1,5     "/>
-</g>
+     width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
+<path fill="#FFFFFF" d="M0,15v-4L11,0h4L0,15z M10,0H6L0,6v4L10,0z M20,0h-4L0,16v4L20,0z M25,0h-4L0,21v4L25,0z M26,0L0,26v4L30,0
+    H26z M5,0H1L0,1v4L5,0z M5,30L30,5V1L1,30H5z M10,30l20-20V6L6,30H10z M15,30l15-15v-4L11,30H15z M20,30l10-10v-4L16,30H20z M25,30
+    l5-5v-4l-9,9H25z M30,30v-4l-4,4H30z"/>
 </svg>

trunk/src/wp-content/themes/twentyfourteen/inc/customizer.php

@@ -141 +141 @@
         a,
         .paging-navigation .page-numbers.current,
-        .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
+        .content-sidebar .widget a {
             color: ' . $accent_color . ';
         }
@@ -152 +152 @@
         .search-toggle,
         .hentry .mejs-controls .mejs-time-rail .mejs-time-current,
-        .widget_calendar tbody a {
+        .widget_calendar tbody a,
+        .slider-control-paging a:hover:before,
+        .slider-direction-nav a:hover {
             background-color: ' . $accent_color . ';
+        }
+
+        ::-moz-selection {
+            background: ' . $accent_color . ';
+        }
+
+        ::selection {
+            background: ' . $accent_color . ';
+        }
+
+        .paging-navigation .page-numbers.current {
+            border-color: ' .  $accent_color . ';
         }
 
@@ -163 +177 @@
         }
 
-        ::-moz-selection {
-            background: ' . $accent_color . ';
-        }
-
-        ::selection {
-            background: ' . $accent_color . ';
-        }
-
-        .paging-navigation .page-numbers.current {
-            border-color: ' .  $accent_color . ';
+        @media screen and (min-width: 1008px) {
+            .secondary-navigation li:hover > a,
+            .secondary-navigation ul ul {
+                background-color: ' . $accent_color . ';
+            }
         }
 
@@ -188 +197 @@
         .search-toggle.active,
         .search-box,
-        .primary-navigation ul ul a:hover,
-        .widget_calendar tbody a:hover {
+        .widget_calendar tbody a:hover,
+        .slider-control-paging .slider-active:before {
             background-color: ' . $accent_lighter . ';
+        }
+
+        @media screen and (min-width: 782px) {
+            .primary-navigation ul ul a:hover,
+            .secondary-navigation ul ul a:hover {
+                background-color: ' . $accent_lighter . ';
+            }
         }
 
@@ -210 +226 @@
         .site-navigation .current-menu-item > a,
         .site-navigation .current-menu-ancestor > a,
-        .secondary-navigation a:hover,
         .entry-title a:hover,
+        .entry-meta a:hover,
         .cat-links a:hover,
         .post-navigation a:hover,
@@ -219 +235 @@
         .comment-list .trackback a:hover,
         .comment-metadata a:hover,
-        .footer-sidebar a:hover,
-        .primary-sidebar a:hover,
-        .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover,
+        .widget a:hover,
+        .widget a:focus,
+        .widget a:active,
+        .content-sidebar .widget a:hover,
+        .content-sidebar .widget a:focus,
+        .content-sidebar .widget a:active,
+        .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover,
         .featured-content a:hover {
             color: ' . $accent_much_lighter . ';

trunk/src/wp-content/themes/twentyfourteen/style.css

@@ -35 +35 @@
  *   6.10 - 404 Page
  *   6.11 - Full-width
- *   6.12 - Comments
+ *   6.12 - Singular
+ *   6.13 - Comments
  * 7.0 - Sidebar
  *   7.1 - Widgets
@@ -44 +45 @@
  * -----------------------------------------------------------------------------
  */
-
 
 
@@ -174 +174 @@
 
 address {
+    font-style: italic;
     margin-bottom: 24px;
 }
 
-abbr,
-acronym {
+abbr[title] {
     border-bottom: 1px dotted #2b2b2b;
     cursor: help;
@@ -198 +198 @@
     background: #fff9c0;
     text-decoration: none;
+}
+
+p {
+    margin-bottom: 24px;
 }
 
@@ -208 +212 @@
     font-family: monospace, serif;
     font-size: 15px;
+    -webkit-hyphens: none;
+    -moz-hyphens:    none;
+    -ms-hyphens:     none;
+    hyphens:         none;
     line-height: 1.6;
 }
 
 pre {
-    background: #eee;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing:    border-box;
+    box-sizing:         border-box;
     margin-bottom: 24px;
     max-width: 100%;
     overflow: auto;
     padding: 12px;
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
 }
 
 blockquote,
 q {
+    -webkit-hyphens: none;
+    -moz-hyphens:    none;
+    -ms-hyphens:     none;
+    hyphens:         none;
     quotes: none;
 }
@@ -241 +259 @@
 }
 
+blockquote cite,
+blockquote small {
+    color: #2b2b2b;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 1.5;
+}
+
 blockquote em,
 blockquote i,
@@ -247 +273 @@
 }
 
-blockquote cite {
-    color: #2b2b2b;
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 1.5;
-}
-
 blockquote strong,
 blockquote b {
@@ -260 +279 @@
 
 small {
-    font-size: 75%;
+    font-size: smaller;
 }
 
@@ -325 +344 @@
 }
 
+fieldset {
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    margin: 0 0 24px;
+    padding: 11px 12px 0;
+}
+
+legend {
+    white-space: normal;
+}
+
+button,
+input,
+select,
+textarea {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing:    border-box;
+    box-sizing:         border-box;
+    font-size: 100%;
+    margin: 0;
+    max-width: 100%;
+}
+
+button,
+input {
+    line-height: normal;
+}
+
+input,
+textarea {
+    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button;
+    cursor: pointer;
+}
+
+button[disabled],
+input[disabled] {
+    cursor: default;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+    padding: 0;
+}
+
+input[type="search"] {
+    -webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+textarea {
+    overflow: auto;
+    vertical-align: top;
+}
+
 table,
 th,
@@ -378 +466 @@
 }
 
-p {
-    margin-bottom: 24px;
-}
-
-button,
-input,
-select,
-textarea {
-    font-size: 100%;
-    margin: 0;
-    max-width: 100%;
-}
-
-button,
-input {
-    line-height: normal;
-}
-
-button,
-input[type="button"],
-input[type="checkbox"],
-input[type="email"],
-input[type="password"],
-input[type="radio"],
-input[type="reset"],
-input[type="search"],
-input[type="submit"],
-input[type="text"],
-input[type="url"],
-textarea {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing:    border-box;
-    box-sizing:         border-box;
-    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
-}
-
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
-    -webkit-appearance: button;
-    cursor: pointer;
-}
-
-input[type="checkbox"],
-input[type="radio"] {
-    padding: 0;
-}
-
-input[type="search"] {
-    -webkit-appearance: textfield;
-}
-
-input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-textarea {
-    overflow: auto;
-    vertical-align: top;
-}
-
 
 /**
@@ -451 +471 @@
  * -----------------------------------------------------------------------------
  */
+
+/* Input fields */
+
+input,
+textarea {
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 2px;
+    color: #2b2b2b;
+    padding: 8px 10px 7px;
+}
+
+textarea {
+    width: 100%;
+}
+
+input:focus,
+textarea:focus {
+    border: 1px solid rgba(0, 0, 0, 0.3);
+    outline: 0;
+}
 
 /* Buttons */
@@ -460 +500 @@
 input[type="submit"] {
     background-color: #24890d;
-    border: none;
+    border: 0;
     border-radius: 2px;
     color: #fff;
@@ -491 +531 @@
 }
 
-/* Input Fields */
-
-input[type="email"],
-input[type="password"],
-input[type="search"],
-input[type="text"],
-input[type="url"],
-textarea {
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 2px;
-    color: #2b2b2b;
-    padding: 8px 10px 7px;
-}
-
-input[type="email"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus,
-input[type="text"]:focus,
-input[type="url"]:focus,
-textarea:focus {
-    color: #2b2b2b;
-}
-
-textarea {
-    padding: 8px 10px;
-    width: 100%;
-}
-
 .search-field {
     width: 100%;
@@ -527 +539 @@
 }
 
+/* Placeholder text color -- selectors need to be separate to work. */
+
+::-webkit-input-placeholder {
+    color: #767676;
+}
+
+:-moz-placeholder {
+    color: #767676;
+}
+
+::-moz-placeholder {
+    color: #767676;
+}
+
+:-ms-input-placeholder {
+    color: #767676;
+}
+
 /* Responsive images. Fluid images for posts, comments, and widgets */
 
+.comment-content img,
 .entry-content img,
 .entry-summary img,
-.comment-content img,
 #site-header img,
 .widget img,
@@ -543 +573 @@
  */
 
+.comment-content img[height],
 .entry-content img,
 .entry-summary img,
-.comment-content img[height],
 img[class*="align"],
 img[class*="wp-image-"],
@@ -583 +613 @@
 
 .alignleft {
-    display: inline;
     float: left;
-    margin-right: 24px;
 }
 
 .alignright {
-    display: inline;
     float: right;
-    margin-left: 24px;
 }
 
 .aligncenter {
-    clear: both;
     display: block;
-    margin: 0 auto;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 blockquote.alignleft,
-img.alignleft,
+img.alignleft {
+    margin: 7px 24px 7px 0;
+}
+
 .wp-caption.alignleft {
-    margin: 7px 24px 7px 0;
+    margin: 7px 14px 7px 0;
 }
 
 blockquote.alignright,
-img.alignright,
+img.alignright {
+    margin: 7px 0 7px 24px;
+}
+
 .wp-caption.alignright {
-    margin: 7px 0 7px 24px;
+    margin: 7px 0 7px 14px;
 }
 
@@ -653 +685 @@
     line-height: 1.5;
     margin: 9px 0;
+    padding-right: 10px;
 }
 
 img.wp-smiley {
-    border: none;
+    border: 0;
     margin-bottom: 0;
     margin-top: 0;
@@ -736 +769 @@
     -webkit-font-smoothing: antialiased;
     display: inline-block;
-    font-family: Genericons;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: normal;
-    line-height: 1;
+    font: normal 16px/1 Genericons;
     text-decoration: inherit;
     vertical-align: top;
 }
 
-/* Separator */
+/* Separators */
 
 .site-content span + .entry-date:before,
@@ -785 +814 @@
 
 .site-header {
+    background-color: #000;
     max-width: 1260px;
     position: relative;
@@ -792 +822 @@
 
 .header-main {
-    background-color: #000;
     min-height: 48px;
     padding: 0 10px;
@@ -798 +827 @@
 
 .site-title {
-    display: inline-block;
     float: left;
     font-size: 18px;
@@ -817 +845 @@
     float: right;
     height: 48px;
-    margin-right: 48px;
+    margin-right: 38px;
     text-align: center;
     width: 48px;
@@ -838 +866 @@
     -moz-box-sizing:    border-box;
     box-sizing:         border-box;
-    position: relative;
+    position: absolute;
+    top: 48px;
     width: 100%;
     z-index: 2;
@@ -856 +885 @@
 }
 
+.search-toggle .screen-reader-text {
+    right: 0; /* This makes sure a horizontal scrollbar won't appear */
+}
+
 
 /**
@@ -862 +895 @@
  */
 
+.site-navigation ul {
+    list-style: none;
+    margin: 0;
+}
+
+.site-navigation li {
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.site-navigation ul ul {
+    margin-left: 20px;
+}
+
 .site-navigation a {
     color: #fff;
+    display: block;
     text-transform: uppercase;
 }
@@ -874 +921 @@
 }
 
-.site-navigation ul {
-    list-style: none;
+.site-navigation a:hover {
+    color: rgba(255, 255, 255, 0.7);
 }
 
@@ -886 +933 @@
     box-sizing:         border-box;
     font-size: 14px;
-    margin: 0 auto;
     padding-top: 24px;
 }
 
 .primary-navigation.toggled-on {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
-    margin-bottom: 36px;
-    padding-top: 72px;
+    padding: 72px 0 36px;
 }
 
 .primary-navigation .nav-menu {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     display: none;
 }
@@ -904 +949 @@
 }
 
-.primary-navigation ul {
-    list-style: none;
-    margin: 0;
-    padding-left: 0;
-}
-
-.primary-navigation li {
-    border-top: 1px solid rgba(255, 255, 255, 0.2);
-}
-
-.primary-navigation ul ul li {
-    margin-left: 15px;
-}
-
 .primary-navigation a {
-    color: #fff;
-    display: block;
     padding: 7px 0;
-    text-decoration: none;
-}
-
-.primary-navigation a:hover {
-    color: rgba(255, 255, 255, 0.7);
 }
 
@@ -933 +957 @@
 .secondary-navigation {
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-    font-size: 14px;
+    font-size: 11px;
     margin: 48px 0;
 }
 
 .secondary-navigation a {
-    display: block;
-    padding: 8px 0 9px;
-}
-
-.secondary-navigation a:hover {
-    color: #55d737;
-}
-
-.secondary-navigation ul {
-    margin: 0;
-}
-
-.secondary-navigation ul ul {
-    margin-left: 20px;
-}
-
-.secondary-navigation li {
-    border-top: 1px solid rgba(255, 255, 255, 0.2);
+    padding: 10px 0;
 }
 
 .menu-toggle {
-    background-color: #000;
     cursor: pointer;
     font-size: 0;
-    height: 16px;
+    height: 48px;
     margin: 0;
-    padding: 16px;
     position: absolute;
     top: 0;
     right: 0;
+    text-align: center;
+    width: 48px;
 }
 
@@ -973 +980 @@
     color: #fff;
     content: "\f419";
+    margin-top: 16px;
 }
 
@@ -1006 +1014 @@
 
  .post-thumbnail {
-    background: url(images/pattern-light.svg) #767676 repeat fixed;
+    background: #767676 url(images/pattern-light.svg) repeat fixed;
     display: none;
-    float: none;
     height: auto;
     margin: 0;
-    min-height: 192px;
+    min-height: 216px;
     position: relative;
     width: 100%;
@@ -1018 +1025 @@
 
 a.post-thumbnail:hover {
-    background: url(images/pattern-light.svg) #919191 repeat fixed;
+    background-color: #919191;
 }
 
@@ -1042 +1049 @@
 }
 
-.site-content .entry-header {
-    background-color: #fff;
-    padding: 0 10px 12px;
-}
-
-.site-content .has-post-thumbnail .entry-header,
-.site-content .format-standard .entry-header {
-    padding-top: 24px;
-}
-
-.site-content .format-standard.post-password-required .entry-header {
-    padding-top: 0;
-}
-
 .entry-title {
-    clear: none;
-    font-size: 15px;
-    font-weight: 900;
-    line-height: 1.2;
-    margin: 0 0 6px 0;
-}
-
-.site-content .entry-title {
     font-size: 33px;
     font-weight: 300;
     line-height: 1.0909090909;
     margin-bottom: 12px;
+    margin: 0 0 12px 0;
     text-transform: uppercase;
 }
@@ -1078 +1064 @@
 .entry-title a:hover {
     color: #55d737;
+}
+
+.site-content .entry-header {
+    background-color: #fff;
+    padding: 0 10px 12px;
+}
+
+.site-content .has-post-thumbnail .entry-header,
+.site-content .format-standard .entry-header {
+    padding-top: 24px;
+}
+
+.site-content .format-standard.post-password-required .entry-header {
+    padding-top: 0;
 }
 
@@ -1094 +1094 @@
 }
 
+.entry-meta a {
+    color: #767676;
+}
+
+.entry-meta a:hover {
+    color: #55d737;
+}
+
+.sticky .entry-date {
+    display: none;
+}
+
+.cat-links {
+    font-weight: 900;
+    text-transform: uppercase;
+}
+
+.cat-links a {
+    color: #2b2b2b;
+}
+
+.cat-links a:hover {
+    color: #55d737;
+}
+
+.byline {
+    display: none;
+}
+
+.single .byline,
+.group-blog .byline {
+    display: inline;
+}
+
 .site-content .entry-meta {
     background-color: #fff;
@@ -1100 +1134 @@
 }
 
-.entry-meta a {
-    color: #767676;
-}
-
-.entry-meta a:hover {
-    color: #2b2b2b;
-}
-
-.sticky .entry-date {
-    display: none;
-}
-
-.cat-links {
-    font-weight: 900;
-    text-transform: uppercase;
-}
-
-.cat-links a {
-    color: #2b2b2b;
-}
-
-.cat-links a:hover {
-    color: #55d737;
-}
-
-.byline {
-    display: none;
-}
-
-.single .byline,
-.group-blog .byline {
-    display: inline;
-}
-
 .site-content footer.entry-meta {
-    margin: 12px auto 36px;
+    margin: 12px auto;
     padding: 0 10px;
+}
+
+.site-content footer.entry-meta:empty {
+    margin-top: 0;
+    margin-bottom: 0;
 }
 
@@ -1191 +1196 @@
 }
 
-@-moz-document url-prefix() { /* For Firefox to avoid jagged edge */
-    .tag-links a:before {
-        border-right: 10px solid #767676;
-        left: -10px;
-    }
-}
-
 
 /**
@@ -1205 +1203 @@
 
 .entry-content,
-.page-content,
-.entry-summary {
-    position: relative;
-    z-index: 2;
+.entry-summary,
+.page-content {
+    -webkit-hyphens: auto;
+    -moz-hyphens:    auto;
+    -ms-hyphens:     auto;
+    hyphens:         auto;
+    word-wrap: break-word;
 }
 
@@ -1223 +1224 @@
 
 .entry-content a,
+.entry-summary a,
 .page-content a,
-.entry-summary a,
 .comment-content a {
     text-decoration: underline;
@@ -1230 +1231 @@
 
 .entry-content a:hover,
+.entry-summary a:hover,
 .page-content a:hover,
-.entry-summary a:hover,
 .comment-content a:hover {
     text-decoration: none;
@@ -1257 +1258 @@
 .entry-content .edit-link {
     clear: both;
-    display: block;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 1.3333333333;
+    text-transform: uppercase;
+}
+
+.entry-content .edit-link a {
+    color: #767676;
+    text-decoration: none;
 }
 
@@ -1334 +1343 @@
 }
 
-.page-links > span.page-links-title {
+.page-links > .page-links-title {
     height: auto;
     margin: 0;
@@ -1348 +1357 @@
     text-transform: uppercase;
     white-space: pre;
-}
-
-.more-link:hover,
-.post-format-archive-link:hover {
-    text-decoration: none;
 }
 
@@ -1457 +1461 @@
 .gallery-caption {
     background-color: rgba(0, 0, 0, 0.7);
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing:    border-box;
+    box-sizing:         border-box;
     color: #fff;
     font-size: 12px;
@@ -1477 +1483 @@
     min-height: 49px;
     position: absolute;
+    top: 0;
     left: 0;
-    top: 0;
     width: 100%;
 }
@@ -1503 +1509 @@
 .format-quote .entry-summary,
 .format-link .entry-content,
-.format-link.entry-summary {
+.format-link .entry-summary {
     padding-top: 0;
 }
@@ -1535 +1541 @@
 .image-navigation .next-image {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing:    border-box;
-    box-sizing:         border-box;
-    float: none;
-    padding: 11px 0;
-    text-align: left;
+    padding: 11px 0 12px;
     width: 100%;
 }
@@ -1583 +1584 @@
     border-top: 5px solid transparent;
     display: inline-block;
-    font-size: 13px;
+    font-size: 14px;
     font-weight: 900;
     margin-right: 1px;
-    padding: 7px 15px;
+    padding: 7px 16px;
     text-transform: uppercase;
 }
@@ -1600 +1601 @@
 
 .paging-navigation a:hover {
-    background-color: #f5f5f5;
     border-top: 5px solid #55d737;
     color: #2b2b2b;
@@ -1644 +1644 @@
     font-weight: 900;
     line-height: 1.5;
-    margin: 0 0 24px;
+    margin: 0;
 }
 
 .taxonomy-description {
     color: #767676;
-    font-size: 12px;
-    line-height: 1.5;
+    font-size: 14px;
+    line-height: 1.2857142857;
     margin-bottom: 18px;
-}
-
-.taxonomy-description p:last-child {
-    margin: 0;
 }
 
@@ -1672 +1668 @@
 }
 
+.contributor:nth-of-type(1) {
+    padding-top: 24px;
+}
+
 .contributor-info {
     margin: 0 auto;
@@ -1689 +1689 @@
     line-height: 1.5;
     margin: 0;
-    text-transform: uppercase;
-}
-
-.contributor-bio {
-    color: #767676;
+}
+
+.contributor-bio a {
+    text-decoration: underline;
+}
+
+.contributor-bio a:hover {
+    text-decoration: none;
 }
 
@@ -1713 +1716 @@
  */
 
-.error404 .page-header,
 .error404 .page-content {
     padding-top: 0;
@@ -1719 +1721 @@
 
 .error404 .page-content .search-form {
-    margin-bottom: 36px;
+    margin-bottom: 24px;
 }
 
@@ -1728 +1730 @@
  */
 
-.full-width.singular .content-area {
-    padding-top: 0;
-}
-
 .full-width .hentry {
     max-width: 100%;
 }
 
-.full-width.singular .hentry.no-post-thumbnail,
-.full-width.singular .hentry.no-post-thumbnail.format-standard.post-password-required {
-    padding-top: 24px;
-}
-
-.full-width.singular .hentry.no-post-thumbnail.format-standard {
-    padding-top: 0;
-}
-
 
 /**
- * 6.12 Comments
+ * 6.12 Singular
+ * -----------------------------------------------------------------------------
+ */
+
+.singular .hentry.format-standard,
+.singular .hentry.has-post-thumbnail {
+    margin-top: -24px;
+}
+
+.singular .hentry.format-standard.post-password-required {
+    margin-top: 0
+}
+
+
+/**
+ * 6.13 Comments
  * -----------------------------------------------------------------------------
  */
@@ -1758 +1762 @@
 
 .comment-reply-title,
-.comments-title, {
+.comments-title {
     font-size: 16px;
     font-weight: 900;
     line-height: 1.5;
-    margin-bottom: 0;
+    margin: 0;
     text-transform: uppercase;
-}
-
-.comment-form {
-    background: #fff;
 }
 
@@ -1778 +1778 @@
     font-size: 14px;
     line-height: 1.7142857142;
-    text-transform: uppercase;
 }
 
@@ -1788 +1787 @@
 }
 
+.comment-list .reply {
+    margin-top: 24px;
+}
+
 .comment-author .fn {
     font-weight: 900;
-    text-transform: uppercase;
 }
 
@@ -1808 +1810 @@
 .comment-metadata a:hover {
     color: #55d737;
-    text-decoration: none;
-}
-
-.comments-area article,
+}
+
+.comment-list article,
 .comment-list .pingback,
 .comment-list .trackback {
-    border-top: 1px solid rgba(0, 0, 0, 0.1);
-    margin-bottom: 24px;
-    padding-top: 24px;
-}
-
-.comment-list li:first-child article {
-    border: none;
-}
-
-.comments-area article {
-    background: none;
-    min-height: 48px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    margin-top: 24px;
+    padding-bottom: 24px;
 }
 
@@ -1851 +1843 @@
 }
 
-.comment-author .fn {
-    font-style: normal;
-}
-
 .comment-content,
 .comment-list .reply,
@@ -1877 +1865 @@
 
 .comment-content {
+    -webkit-hyphens: auto;
+    -moz-hyphens:    auto;
+    -ms-hyphens:     auto;
+    hyphens:         auto;
     word-wrap: break-word;
 }
@@ -1890 +1882 @@
 }
 
+.comment-content p:last-child {
+    margin-bottom: 0
+}
+
 .comment-list .children {
     list-style: none;
     margin-left: 18px;
-}
-
-.comments-area .children article {
-    border: none;
 }
 
@@ -1919 +1911 @@
     line-height: 1.5;
     margin-top: 24px;
-    padding: 0 10px;
     text-transform: uppercase;
 }
@@ -1933 +1924 @@
 }
 
-.form-allowed-tags {
-    display: none;
-}
-
-.comment-form p:last-child {
-    margin-bottom: 0;
+.form-allowed-tags,
+.form-allowed-tags code {
+    font-size: 12px;
+    line-height: 1.5;
 }
 
@@ -1968 +1957 @@
  */
 
-/* Primary Sidebar, Footer Sidebar */
+/* Secondary */
 
 #secondary {
@@ -1976 +1965 @@
     clear: both;
     color: rgba(255, 255, 255, 0.55);
-    font-size: 14px;
-    line-height: 1.2857142857;
     margin-top: -1px;
     padding: 0 10px;
@@ -1985 +1972 @@
 
 .site-description {
-    color: rgba(255, 255, 255, 0.55);
     display: none;
     font-size: 11px;
     font-weight: 400;
-}
+    line-height: 1.6363636363;
+}
+
+/* Primary Sidebar */
 
 .primary-sidebar {
     padding-top: 48px;
 }
+
 .secondary-navigation + .primary-sidebar {
     padding-top: 0;
-}
-
-.footer-sidebar a,
-.primary-sidebar a {
-    color: rgba(255, 255, 255, 0.75);
-}
-
-.footer-sidebar a:hover,
-.primary-sidebar a:hover {
-    color: #55d737;
-}
-
-.footer-sidebar .widget-title,
-.footer-sidebar .widget-title a,
-.footer-sidebar .widget-title a:hover,
-.primary-sidebar .widget-title,
-.primary-sidebar .widget-title a,
-.primary-sidebar .widget-title a:hover {
-    color: #fff;
 }
 
@@ -2026 +1997 @@
     box-sizing:         border-box;
     color: #767676;
-    font-size: 14px;
-    line-height: 1.2857142857;
-    margin: 0 auto;
     padding: 36px 10px 0;
-    position: relative;
 }
 
@@ -2039 +2006 @@
  */
 
+/* Primary Sidebar, Footer Sidebar */
+
 .widget {
-    margin: 0 auto 48px;
+    font-size: 14px;
+    -webkit-hyphens: auto;
+    -moz-hyphens:    auto;
+    -ms-hyphens:     auto;
+    hyphens:         auto;
+    line-height: 1.2857142857;
+    margin-bottom: 48px;
     width: 100%;
-}
-
-.widget p {
+    word-wrap: break-word;
+}
+
+.widget a {
+    color: rgba(255, 255, 255, 0.75);
+}
+
+.widget a:hover,
+.widget a:focus,
+.widget a:active {
+    color: #55d737;
+}
+
+.widget h1,
+.widget h2,
+.widget h3,
+.widget h4,
+.widget h5,
+.widget h6 {
+    margin: 24px 0 12px;
+}
+
+.widget h1 {
+    font-size: 22px;
+    line-height: 1.0909090909;
+}
+
+.widget h2 {
+    font-size: 20px;
+    line-height: 1.2;
+}
+
+.widget h3 {
+    font-size: 18px;
+    line-height: 1.3333333333;
+}
+
+.widget h4 {
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+.widget h5 {
+    font-size: 14px;
+    line-height: 1.7142857142;
+}
+
+.widget h6 {
+    font-size: 12px;
+    line-height: 2;
+}
+
+.widget address {
+    margin-bottom: 18px;
+}
+
+.widget abbr,
+.widget acronym {
+    border-color: rgba(255, 255, 255, 0.75);
+}
+
+.widget mark,
+.widget ins {
+    color: #000;
+}
+
+.widget pre {
+    border-color: rgba(255, 255, 255, 0.2);
+}
+
+.widget fieldset {
+    border-color: rgba(255, 255, 255, 0.2);
+}
+
+.widget code,
+.widget kbd,
+.widget tt,
+.widget var,
+.widget samp,
+.widget pre {
+    font-size: 12px;
+    line-height: 1.5;
+}
+
+.widget blockquote {
+    color: rgba(255, 255, 255, 0.55);
+    font-size: 18px;
+    line-height: 1.5;
+    margin-bottom: 18px;
+}
+
+.widget blockquote cite {
+    color: rgba(255, 255, 255, 0.8);
+    font-size: 14px;
+    line-height: 1.2857142857;
+}
+
+.widget dl,
+.widget dd {
     margin-bottom: 18px;
 }
@@ -2059 +2130 @@
 }
 
-.widget select,
-.widget iframe {
-    margin-left: 1px;
-    max-width: 99%;
-}
-
-.widget-title {
+.widget table,
+.widget th,
+.widget td {
+    border-color: rgba(255, 255, 255, 0.2);
+}
+
+.widget table {
+    margin-bottom: 18px;
+}
+
+.widget del {
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.widget hr {
+    background-color: rgba(255, 255, 255, 0.2);
+}
+
+.widget p {
+    margin-bottom: 18px;
+}
+
+.widget input,
+.widget textarea {
+    background-color: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    color: #fff;
+    font-size: 16px;
+    padding: 1px 2px 2px 4px;
+}
+
+.widget input:focus,
+.widget textarea:focus {
+    border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.widget button,
+.widget input[type="button"],
+.widget input[type="reset"],
+.widget input[type="submit"] {
+    padding: 5px 15px 4px;
+}
+
+.widget .wp-caption {
+    color: rgba(255, 255, 255, 0.45);
+    margin-bottom: 18px;
+}
+
+.widget .widget-title {
     font-size: 14px;
-    font-weight: 900;
+    font-weight: 700;
     line-height: 1.7142857142;
     margin: 0 0 24px 0;
@@ -2073 +2186 @@
 }
 
-.widget-area button,
-.widget-area input[type="button"],
-.widget-area input[type="reset"],
-.widget-area input[type="submit"] {
-    font-size: 11px;
-    padding: 6px 15px;
-}
-
-.widget-area input[type="email"],
-.widget-area input[type="password"],
-.widget-area input[type="search"],
-.widget-area input[type="text"],
-.widget-area input[type="url"],
-.widget-area textarea {
-    background-color: rgba(255, 255, 255, 0.15);
-    border: 1px solid rgba(255, 255, 255, 0.2);
+.widget-title,
+.widget-title a,
+.widget-title a:hover,
+.widget-title a:focus,
+.widget-title a:active {
     color: #fff;
-    max-width: 100%;
-    padding: 4px;
 }
 
 /* Calendar Widget*/
-
-.widget_calendar table,
-.widget_calendar th,
-.widget_calendar td {
-    border-color: rgba(255, 255, 255, 0.2);
-}
 
 .widget_calendar table {
@@ -2151 +2245 @@
 }
 
-/* Cloud Widgets */
-
-.widget_tag_cloud div {
-    word-wrap: break-word;
-}
-
 /* Ephemera Widget*/
 
-.widget_twentyfourteen_ephemera .hentry {
-    margin-bottom: 0;
-}
-
-.widget_twentyfourteen_ephemera li {
+.widget_twentyfourteen_ephemera > ol > li {
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     margin-bottom: 18px;
@@ -2169 +2253 @@
 }
 
+.widget_twentyfourteen_ephemera .hentry {
+    margin-bottom: 0;
+}
+
 .widget_twentyfourteen_ephemera .entry-title,
 .widget_twentyfourteen_ephemera .entry-meta,
-.widget_twentyfourteen_ephemera .post-format-archive-link {
-    font-size: 11px;
-    line-height: 1.6363636363;
+.widget_twentyfourteen_ephemera .wp-caption-text,
+.widget_twentyfourteen_ephemera .more-link,
+.widget_twentyfourteen_ephemera .post-format-archive-link,
+.widget_twentyfourteen_ephemera .entry-content table {
+    font-size: 12px;
+    line-height: 1.5;
 }
 
@@ -2179 +2270 @@
     display: inline;
     font-weight: 400;
-    margin: 0 0 6px 0;
+    text-transform: none;
 }
 
@@ -2186 +2277 @@
 }
 
+.widget_twentyfourteen_ephemera .entry-content ul,
+.widget_twentyfourteen_ephemera .entry-content ol {
+    margin: 0 0 18px 20px;
+}
+
+.widget_twentyfourteen_ephemera .entry-content ul {
+    list-style: disc;
+}
+
+.widget_twentyfourteen_ephemera .entry-content ol {
+    list-style: decimal;
+}
+
+.widget_twentyfourteen_ephemera .entry-content li > ul,
+.widget_twentyfourteen_ephemera .entry-content li > ol {
+    margin: 0 0 0 20px;
+}
+
+.widget_twentyfourteen_ephemera .entry-content th,
+.widget_twentyfourteen_ephemera .entry-content td {
+    padding: 6px;
+}
+
 .widget_twentyfourteen_ephemera .post-format-archive-link {
-    display: inline-block;
-}
-
-.widget_twentyfourteen_ephemera .wp-caption-text {
-    margin: 6px 0 0;
-    padding: 0;
-}
-
-.widget_twentyfourteen_ephemera .format-gallery .wp-caption-text {
-    margin-bottom: 18px;
-}
-
-.widget_twentyfourteen_ephemera .entry-content a {
-    word-wrap: break-word;
-}
-
-.widget_twentyfourteen_ephemera .entry-content blockquote p cite {
-    font-size: 13px;
-    line-height: 1.3846153846;
+    font-weight: 700;
 }
 
@@ -2253 +2349 @@
 /* RSS Widget */
 
-.widget_rss a img {
-    margin-top: -5px;
+.widget_rss .rsswidget img {
+    margin-top: -4px;
 }
 
@@ -2277 +2373 @@
  */
 
-.content-sidebar.widget-area .widget-title {
+.content-sidebar .widget a {
+    color: #24890d;
+}
+
+.content-sidebar .widget a:hover,
+.content-sidebar .widget a:focus,
+.content-sidebar .widget a:active {
+    color: #55d737;
+}
+
+.content-sidebar .widget pre {
+    border-color: rgba(0, 0, 0, 0.1);
+}
+
+.content-sidebar .widget mark,
+.content-sidebar .widget ins {
+    color: #2b2b2b;
+}
+
+.content-sidebar .widget abbr,
+.content-sidebar .widget acronym {
+    border-color: #2b2b2b;
+}
+
+.content-sidebar .widget fieldset {
+    border-color: rgba(0, 0, 0, 0.1);
+}
+
+.content-sidebar .widget blockquote {
+    color: #767676;
+}
+
+.content-sidebar .widget blockquote cite {
+    color: #2b2b2b;
+}
+
+.content-sidebar .widget li > ol,
+.content-sidebar .widget li > ul {
+    margin-left: 18px;
+}
+
+.content-sidebar .widget table,
+.content-sidebar .widget th,
+.content-sidebar .widget td {
+    border-color: rgba(0, 0, 0, 0.1);
+}
+
+.content-sidebar .widget del {
+    color: #767676;
+}
+
+.content-sidebar .widget hr {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.content-sidebar .widget input,
+.content-sidebar .widget textarea {
+    background-color: #fff;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    color: #2b2b2b;
+}
+
+.content-sidebar .widget input:focus,
+.content-sidebar .widget textarea:focus {
+    border: 1px solid rgba(0, 0, 0, 0.);
+}
+
+.content-sidebar .widget .wp-caption {
+    color: #767676;
+}
+
+.content-sidebar .widget .widget-title {
     border-top: 5px solid #000;
     color: #2b2b2b;
     font-size: 14px;
     font-weight: 900;
-    margin-bottom: 18px;
+    margin: 0 0 18px;
     padding-top: 7px;
     text-transform: uppercase;
 }
 
-.content-sidebar.widget-area .widget-title a,
-.content-sidebar.widget-area .widget-title a:hover {
-    color: #2b2b2b;
-}
-
-.content-sidebar.widget-area button,
-.content-sidebar.widget-area input[type="button"],
-.content-sidebar.widget-area input[type="reset"],
-.content-sidebar.widget-area input[type="submit"] {
-    font-size: 12px;
-}
-
-.content-sidebar.widget-area input[type="email"],
-.content-sidebar.widget-area input[type="password"],
-.content-sidebar.widget-area input[type="search"],
-.content-sidebar.widget-area input[type="text"],
-.content-sidebar.widget-area input[type="url"],
-.content-sidebar.widget-area textarea {
-    background-color: #fff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
+.content-sidebar .widget-title a,
+.content-sidebar .widget-title a:hover,
+.content-sidebar .widget-title a:focus,
+.content-sidebar .widget-title a:active {
     color: #2b2b2b;
 }
@@ -2323 +2474 @@
 }
 
-.content-sidebar .widget .children,
-.content-sidebar .widget .sub-menu {
-    margin-left: 18px;
-}
-
 /* Calendar Widget */
-
-.content-sidebar .widget_calendar table,
-.content-sidebar .widget_calendar th,
-.content-sidebar .widget_calendar td {
-    border-color: rgba(0, 0, 0, 0.1);
-}
 
 .content-sidebar .widget_calendar caption {
     color: #2b2b2b;
-    font-size: 14px;
     font-weight: 900;
 }
@@ -2344 +2483 @@
 .content-sidebar .widget_calendar thead th {
     background-color: rgba(0, 0, 0, 0.02);
+}
+
+.content-sidebar .widget_calendar tbody a,
+.content-sidebar .widget_calendar tbody a:hover {
+    color: #fff;
 }
 
@@ -2356 +2500 @@
     background-color: #000;
     color: #fff;
-    margin-top: -1px;
-    margin-right: 10px;
+    margin: -1px 18px 0 0;
     padding: 6px 0 9px;
     text-align: center;
@@ -2388 +2531 @@
 }
 
-.content-sidebar .widget_twentyfourteen_ephemera li {
+.content-sidebar .widget_twentyfourteen_ephemera > ol > li {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-.content-sidebar .widget_twentyfourteen_ephemera .entry-title,
-.content-sidebar .widget_twentyfourteen_ephemera .entry-meta,
-.content-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
-.content-sidebar .widget_twentyfourteen_ephemera .more-link,
-.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
-    font-size: 12px;
-    line-height: 1.5;
-}
-
-.content-sidebar .widget_twentyfourteen_ephemera .entry-title {
-    font-weight: 400;
 }
 
@@ -2413 +2543 @@
 }
 
-.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover{
-    color: #2b2b2b;
+.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
+    color: #55d737;
+}
+
+.content-sidebar.widget_twentyfourteen_ephemera blockquote cite {
+    font-size: 13px;
+    line-height: 1.3846153846;
 }
 
 .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
-    color: #24890d;
     font-weight: 900;
-}
-
-.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover {
-    color: #55d737;
 }
 
@@ -2472 +2602 @@
 
 .featured-content {
-    background: url(images/pattern-dark.svg) #4d4d4d repeat fixed;
+    background: #4d4d4d url(images/pattern-dark.svg) repeat fixed;
     -webkit-box-sizing: border-box;
     -moz-box-sizing:    border-box;
@@ -2542 +2672 @@
     font-weight: 300;
     line-height: 1.3333333333;
-    margin-bottom: 0;
+    margin: 0;
     text-transform: uppercase;
 }
@@ -2604 +2734 @@
 }
 
-.slider-control-paging a.slider-active:before {
+.slider-control-paging .slider-active:before {
     background-color: #41a62a;
 }
@@ -2651 +2781 @@
 }
 
-.slider-direction-nav a.slider-next:before {
+.slider-direction-nav .slider-next:before {
     content: "\f429";
 }
@@ -2658 +2788 @@
     display: none;
 }
+
 
 /**
@@ -2702 +2833 @@
 
     .list-view .site-content .entry-title {
+        clear: none;
         font-size: 15px;
         font-weight: 900;
@@ -2749 +2881 @@
 
     .attachment span.entry-date:before,
+    .entry-content .edit-link a:before,
     .entry-meta .edit-link a:before,
     .site-content .byline a:before,
@@ -2759 +2892 @@
         -webkit-font-smoothing: antialiased;
         display: inline-block;
-        font-family: Genericons;
-        font-size: 16px;
-        font-style: normal;
-        font-weight: normal;
-        text-transform: none;
+        font: normal 16px/1 Genericons;
+        text-decoration: inherit;
         vertical-align: top;
     }
@@ -2773 +2903 @@
     .site-content .format-video .post-format a:before {
         content: "\f104";
-        margin: -2px 2px 0 0;
+        margin: -1px 2px 0 0;
     }
 
     .site-content .format-image .post-format a:before {
         content: "\f102";
-        margin: -3px 3px 0 0;
+        margin: -1px 3px 0 0;
     }
 
     .site-content .format-quote .post-format a:before {
         content: "\f106";
-        margin: -3px 3px 0 0;
+        margin: -1px 3px 0 0;
     }
 
     .site-content .format-gallery .post-format a:before {
         content: "\f103";
-        margin: -3px 4px 0 0;
+        margin: -1px 4px 0 0;
     }
 
     .site-content .format-aside .post-format a:before {
         content: "\f101";
-        margin: -2px 3px 0 0;
+        margin: -1px 3px 0 0;
     }
 
     .site-content .format-link .post-format a:before {
         content: "\f107";
-        margin: -2px 3px 0 0;
+        margin: -1px 3px 0 0;
     }
 
     .site-content .featured-post:before {
         content: "\f308";
-        margin: -3px 3px 0 0;
+        margin: -1px 3px 0 0;
     }
 
@@ -2809 +2939 @@
     .attachment span.entry-date:before {
         content: "\f303";
-        margin: -2px 1px 0 0;
+        margin: 0 1px 0 0;
     }
 
     .site-content .byline a:before {
         content: "\f304";
-        margin: -3px 0 0 0;
+        margin: -1px 0 0 0;
     }
 
     .site-content .comments-link a:before {
         content: "\f300";
-        margin: -3px 2px 0 0;
-    }
-
+        margin: -1px 2px 0 0;
+    }
+
+    .entry-content .edit-link a:before,
     .entry-meta .edit-link a:before {
         content: "\f411";
-        margin: -3px 2px 0 0;
+        margin: -1px 2px 0 0;
     }
 
     .site-content .full-size-link a:before {
         content: "\f402";
-        margin: -3px 2px 0 0;
+        margin: -1px 2px 0 0;
     }
 
     .site-content .parent-post-link a:before {
         content: "\f301";
-        margin: -3px 2px 0 0;
+        margin: -1px 2px 0 0;
+    }
+
+    .entry-content .edit-link a:before {
+        margin: 1px 2px 0 0;
     }
 
@@ -2872 +3007 @@
 @media screen and (min-width: 673px) {
     .header-main {
-        padding: 0 0 0 30px;
+        padding: 0 30px;
+    }
+
+    .search-toggle {
+        margin-right: 18px;
     }
 
@@ -2881 +3020 @@
     }
 
-    .full-width.singular .content-area {
-        padding-top: 0;
-    }
-
     .site-content {
         margin-right: 33.33333333%;
-    }
-
-    .full-width .site-content {
-        margin-right: 0;
     }
 
@@ -2896 +3027 @@
     .site-content .format-standard .entry-header {
         margin-top: 0;
-    }
-
-    .full-width .site-content .has-post-thumbnail .entry-header,
-    .full-width .site-content .format-standard .entry-header {
-        margin-top: -48px;
-    }
-
-    .full-width.singular .hentry.no-post-thumbnail,
-    .full-width.singular .hentry.no-post-thumbnail.format-standard.post-password-required {
-        padding-top: 36px;
-    }
-
-    .full-width.singular .hentry.no-post-thumbnail.format-standard {
-        padding-top: 0;
     }
 
@@ -2925 +3042 @@
     }
 
+    .singular .hentry.format-standard,
+    .singular .hentry.has-post-thumbnail,
+    .singular .hentry.format-standard.post-password-required {
+        margin-top: 0
+    }
+
+    .full-width .site-content {
+        margin-right: 0;
+    }
+
+    .full-width .site-content .has-post-thumbnail .entry-header,
+    .full-width .site-content .format-standard .entry-header {
+        margin-top: -48px;
+    }
+
+    .full-width.singular .hentry.format-standard,
+    .full-width.singular .hentry.has-post-thumbnail {
+        margin-top: -36px;
+    }
+
+    .full-width.singular .hentry.format-standard.post-password-required {
+        margin-top: 0
+    }
+
     #secondary,
     #supplementary {
@@ -2984 +3125 @@
 
     .slider-direction-nav li {
-        border: none;
-        padding: 0 1px; 0 0;
+        border: 0;
+        padding: 0 1px 0 0;
     }
 
@@ -3006 +3147 @@
 
 @media screen and (min-width: 782px) {
+    .header-main {
+        padding-right: 0;
+    }
+
     .search-toggle {
         margin-right: 0;
@@ -3030 +3175 @@
     }
 
+    /* Navigation */
+
+    .site-navigation li .current_page_item > a,
+    .site-navigation li .current_page_ancestor > a,
+    .site-navigation li .current-menu-item > a,
+    .site-navigation li .current-menu-ancestor > a {
+        background-color: #000;
+    }
+
     /* Primary Navigation */
 
@@ -3035 +3189 @@
         float: right;
         font-size: 11px;
-        margin: 0 10px 0 -10px;
+        margin: 0 1px 0 -10px;
         padding: 0;
         text-transform: uppercase;
@@ -3046 +3200 @@
 
     .primary-navigation .nav-menu {
+        border-bottom: 0;
         display: block;
     }
@@ -3072 +3227 @@
         background-color: #24890d;
         float: left;
+        margin: 0;
         position: absolute;
         top: 48px;
@@ -3090 +3246 @@
     }
 
-    .primary-navigation ul ul li {
-        margin: 0;
-    }
-
     .primary-navigation ul ul a {
         padding: 18px 12px;
         white-space: normal;
-        width: 144px;
+        width: 176px;
     }
 
@@ -3103 +3255 @@
         background-color: #24890d;
         color: #fff;
+        opacity: 1.0;
     }
 
@@ -3119 +3272 @@
     }
 
-    .primary-navigation li .current_page_item > a,
-    .primary-navigation li .current_page_ancestor > a,
-    .primary-navigation li .current-menu-item > a,
-    .primary-navigation li .current-menu-ancestor > a {
-        background-color: #000;
-    }
+
 }
 
 @media screen and (min-width: 810px) {
+    .attachment .entry-attachment .attachment {
+        margin-right: -168px;
+        margin-left: -168px;
+        max-width: 810px;
+    }
+
+    .attachment .site-content .attachment img {
+        display: block;
+        margin: 0 auto;
+    }
+
+    .contributor-avatar {
+        margin-left: -168px;
+    }
+
+    .contributor-summary {
+        float: left;
+    }
+
     .full-width .site-content blockquote.alignleft,
     .full-width .site-content blockquote.alignright {
@@ -3142 +3309 @@
     }
 
-    .full-width .site-content blockquote.alignrigh,
+    .full-width .site-content blockquote.alignright,
     .full-width .site-content img.size-full.alignright,
     .full-width .site-content img.size-large.alignright,
@@ -3149 +3316 @@
         margin-right: -168px;
     }
-
-    .attachment .entry-attachment .attachment {
-        margin-right: -168px;
-        margin-left: -168px;
-        max-width: 810px;
-    }
-
-    .attachment .site-content .attachment img {
-        display: block;
-        margin: 0 auto;
-    }
-
-    .contributor-avatar {
-        margin-left: -168px;
-    }
-
-    .contributor-summary {
-        float: left;
-    }
 }
 
@@ -3176 +3324 @@
     }
 
-    .full-width.singular .content-area {
-        padding-top: 0;
-    }
-
-    .full-width.singular .hentry.no-post-thumbnail,
-    .full-width.singular .hentry.no-post-thumbnail.format-standard.post-password-required {
-        padding-top: 72px;
-    }
-
-    .full-width.singular .hentry.no-post-thumbnail.format-standard {
-        padding-top: 0;
-    }
-
     .site-content .has-post-thumbnail .entry-header,
     .site-content .format-standard .entry-header {
@@ -3200 +3335 @@
     .comment-list .trackback,
     .comment-list .pingback,
-    .comments-area article {
-        margin-bottom: 36px;
-        padding-top: 36px;
+    .comment-list article {
+        margin-top: 36px;
+        padding-bottom: 36px;
     }
 
@@ -3224 +3359 @@
     .comment .comment-respond {
         margin-left: 60px;
+    }
+
+    .full-width.singular .hentry.format-standard,
+    .full-width.singular .hentry.has-post-thumbnail {
+        margin-top: -72px;
+    }
+
+    .full-width.singular .hentry.format-standard.post-password-required {
+        margin-top: 0
     }
 
@@ -3276 +3420 @@
         clear: none;
         float: left;
-        font-size: 11px;
-        line-height: 1.6363636363;
         margin: 0 0 0 -100%;
         min-height: 100vh;
@@ -3285 +3427 @@
     .primary-sidebar {
         padding-top: 0;
+    }
+
+    .site-description {
+        display: block;
+        margin: -3px 0 21px;
+    }
+
+    .secondary-navigation {
+        margin: 0 -30px 48px;
+        width: 182px;
+    }
+
+    .secondary-navigation li {
+        position: relative;
+    }
+
+    .secondary-navigation  li {
+        border-top: 1px solid rgba(255, 255, 255, 0.2);
+    }
+
+    .secondary-navigation  li li {
+        border-top: none;
+    }
+
+    .secondary-navigation a {
+        padding: 10px 30px;
+    }
+
+    .secondary-navigation li:hover > a {
+        background-color: #24890d;
+        color: #fff;
+    }
+
+    .secondary-navigation ul ul {
+        background-color: #24890d;
+        display: none;
+        position: absolute;
+        top: 0;
+        left: 162px;
+        width: 182px;
+        z-index: 9999;
+    }
+
+    .secondary-navigation ul ul a:hover {
+        background-color: #41a62a;
+    }
+
+    .secondary-navigation ul li:hover > ul {
+        display: block;
+    }
+
+    .footer-sidebar .widget,
+    .primary-sidebar .widget {
+        font-size: 11px;
+        line-height: 1.6363636363;
+    }
+
+    .footer-sidebar .widget {
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing:    border-box;
+        box-sizing:         border-box;
+        float: left;
+        padding: 0 30px;
+        width: 25%;
+    }
+
+    .footer-sidebar .widget h1,
+    .primary-sidebar .widget h1 {
+        font-size: 20px;
+        line-height: 1.2;
+    }
+
+    .footer-sidebar .widget h2,
+    .primary-sidebar .widget h2 {
+        font-size: 18px;
+        line-height: 1.3333333333;
+    }
+
+    .footer-sidebar .widget h3,
+    .primary-sidebar .widget h3 {
+        font-size: 16px;
+        line-height: 1.5;
+    }
+
+    .footer-sidebar .widget h4,
+    .primary-sidebar .widget h4 {
+        font-size: 14px;
+        line-height: 1.7142857142;
+    }
+
+    .footer-sidebar .widget h5,
+    .primary-sidebar .widget h5 {
+        font-size: 12px;
+        line-height: 2;
+    }
+
+    .footer-sidebar .widget h6,
+    .primary-sidebar .widget h6 {
+        font-size: 11px;
+        line-height: 2.1818181818;
+    }
+
+    .footer-sidebar .widget code,
+    .footer-sidebar .widget kbd,
+    .footer-sidebar .widget tt,
+    .footer-sidebar .widget var,
+    .footer-sidebar .widget samp,
+    .footer-sidebar .widget pre,
+    .primary-sidebar .widget code,
+    .primary-sidebar .widget kbd,
+    .primary-sidebar .widget tt,
+    .primary-sidebar .widget var,
+    .primary-sidebar .widget samp,
+    .primary-sidebar .widget pre {
+        font-size: 10px;
+        line-height: 1.8;
+    }
+
+    .footer-sidebar .widget blockquote,
+    .primary-sidebar .widget blockquote {
+        font-size: 14px;
+        line-height: 1.2857142857;
+    }
+
+    .footer-sidebar .widget blockquote cite,
+    .primary-sidebar .widget blockquote cite {
+        font-size: 11px;
+        line-height: 1.6363636363;
+    }
+
+    .footer-sidebar .widget .widget-title,
+    .primary-sidebar .widget .widget-title {
+        font-size: 11px;
+        font-weight: 700;
+        line-height: 1.6363636363;
+        margin-bottom: 18px;
+    }
+
+    .footer-sidebar .widget_twentyfourteen_ephemera .entry-title,
+    .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta,
+    .footer-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
+    .footer-sidebar .widget_twentyfourteen_ephemera .more-link,
+    .footer-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
+    .footer-sidebar .widget_twentyfourteen_ephemera .entry-content table,
+    .primary-sidebar .widget_twentyfourteen_ephemera .entry-title,
+    .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta,
+    .primary-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
+    .primary-sidebar .widget_twentyfourteen_ephemera .more-link,
+    .primary-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
+    .primary-sidebar .widget_twentyfourteen_ephemera .entry-content table {
+        font-size: 11px;
+        line-height: 1.6363636363;
     }
 
@@ -3307 +3601 @@
     }
 
-    .site-description {
-        display: block;
-        line-height: 1.6363636363;
-        margin: -3px 0 21px;
-    }
-
-    .secondary-navigation {
-        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-        font-size: 11px;
-        margin-top: 0;
-    }
-
-    .secondary-navigation ul,
-    .secondary-navigation ul ul {
-        list-style: none;
-        margin: 0;
-    }
-
-    .secondary-navigation li {
-        border-top: 1px solid rgba(255, 255, 255, 0.2);
-        position: relative;
-    }
-
-    .secondary-navigation ul ul {
-        background: rgba(0, 0, 0, 0.9);
-        display: none;
-        position: absolute;
-        top: -1px;
-        left: 122px;
-        width: 122px;
-        z-index: 9999;
-    }
-
-    .secondary-navigation ul li:hover {
-        background: #000;
-    }
-
-    .secondary-navigation ul li:hover > ul {
-        display: block;
-    }
-
-    .primary-sidebar .widget-title,
-    .footer-sidebar .widget-title {
-        font-size: 11px;
-        font-weight: 700;
-        line-height: 1.6363636363;
-        margin-bottom: 18px;
-    }
-
     #supplementary {
         padding: 0;
@@ -3363 +3608 @@
         font-size: 11px;
         line-height: 1.6363636363;
-    }
-
-    .site-footer .widget {
-        -webkit-box-sizing: border-box;
-        -moz-box-sizing:    border-box;
-        box-sizing:         border-box;
-        float: left;
-        padding: 0 30px;
-        width: 25%;
     }
 
@@ -3448 +3684 @@
     }
 
-    #secondary,
+    #secondary {
+        width: 162px;
+    }
+
+    .secondary-navigation,
     .secondary-navigation ul ul {
-        width: 162px;
+        width: 222px;
     }
 
     .secondary-navigation ul ul {
-        left: 162px;
+        left: 202px;
     }
 
@@ -3480 +3720 @@
 
     .slider-control-paging a:before {
+        top: 6px;
         left: 6px;
-        top: 6px;
     }
 }