journal: big revamp to newspaper look

1 files changed, 367 insertions, 285 deletions

diff --git a/journal/bootstrap.css b/journal/bootstrap.css
index 9c184339..60fddeef 100644
--- a/journal/bootstrap.css
+++ b/journal/bootstrap.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
+@import url('http://fonts.googleapis.com/css?family=News+Cycle:400,700');
 /*!
  * Bootstrap v2.0.4
  *
@@ -134,14 +134,14 @@ textarea {
 }
 body {
   margin: 0;
-  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 14px;
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-size: 13px;
   line-height: 18px;
-  color: #222222;
-  background-color: #fcfbfd;
+  color: #888888;
+  background-color: #ffffff;
 }
 a {
-  color: #222222;
+  color: #888888;
   text-decoration: none;
 }
 a:hover {
@@ -346,8 +346,8 @@ p {
   margin: 0 0 9px;
 }
 p small {
-  font-size: 12px;
-  color: #999999;
+  font-size: 11px;
+  color: #bbbbbb;
 }
 .lead {
   margin-bottom: 18px;
@@ -362,9 +362,9 @@ h4,
 h5,
 h6 {
   margin: 0;
-  font-family: inherit;
+  font-family: "News Cycle", "Arial Narrow Bold", sans-serif;
   font-weight: bold;
-  color: inherit;
+  color: #000000;
   text-rendering: optimizelegibility;
 }
 h1 small,
@@ -374,7 +374,7 @@ h4 small,
 h5 small,
 h6 small {
   font-weight: normal;
-  color: #999999;
+  color: #bbbbbb;
 }
 h1 {
   font-size: 30px;
@@ -413,7 +413,7 @@ h5 {
 }
 h6 {
   font-size: 11px;
-  color: #999999;
+  color: #bbbbbb;
   text-transform: uppercase;
 }
 .page-header {
@@ -488,11 +488,11 @@ em {
   font-style: italic;
 }
 .muted {
-  color: #999999;
+  color: #bbbbbb;
 }
 abbr[title] {
   cursor: help;
-  border-bottom: 1px dotted #999999;
+  border-bottom: 1px dotted #bbbbbb;
 }
 abbr.initialism {
   font-size: 90%;
@@ -512,7 +512,7 @@ blockquote p {
 blockquote small {
   display: block;
   line-height: 18px;
-  color: #999999;
+  color: #bbbbbb;
 }
 blockquote small:before {
   content: '\2014 \00A0';
@@ -550,8 +550,8 @@ code,
 pre {
   padding: 0 3px 2px;
   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
-  font-size: 13px;
-  color: #333333;
+  font-size: 12px;
+  color: #888888;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -566,7 +566,7 @@ pre {
   display: block;
   padding: 8.5px;
   margin: 0 0 9px;
-  font-size: 12.950000000000001px;
+  font-size: 12.025px;
   line-height: 18px;
   word-break: break-all;
   word-wrap: break-word;
@@ -605,22 +605,22 @@ legend {
   width: 100%;
   padding: 0;
   margin-bottom: 27px;
-  font-size: 21px;
+  font-size: 19.5px;
   line-height: 36px;
-  color: #333333;
+  color: #888888;
   border: 0;
   border-bottom: 1px solid #e5e5e5;
 }
 legend small {
   font-size: 13.5px;
-  color: #999999;
+  color: #bbbbbb;
 }
 label,
 input,
 button,
 select,
 textarea {
-  font-size: 14px;
+  font-size: 13px;
   font-weight: normal;
   line-height: 18px;
 }
@@ -628,7 +628,7 @@ input,
 button,
 select,
 textarea {
-  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: Georgia, "Times New Roman", Times, serif;
 }
 label {
   display: block;
@@ -655,9 +655,9 @@ input[type="color"],
   height: 18px;
   padding: 4px;
   margin-bottom: 9px;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 18px;
-  color: #888888;
+  color: #999999;
 }
 input,
 textarea {
@@ -1014,17 +1014,17 @@ select:focus:required:invalid:focus {
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
 }
 :-moz-placeholder {
-  color: #999999;
+  color: #bbbbbb;
 }
 :-ms-input-placeholder {
-  color: #999999;
+  color: #bbbbbb;
 }
 ::-webkit-input-placeholder {
-  color: #999999;
+  color: #bbbbbb;
 }
 .help-block,
 .help-inline {
-  color: #888888;
+  color: #999999;
 }
 .help-block {
   display: block;
@@ -1350,11 +1350,11 @@ table {
 }
 .table-striped tbody tr:nth-child(odd) td,
 .table-striped tbody tr:nth-child(odd) th {
-  background-color: #eeeeee;
+  background-color: #f5f5f5;
 }
 .table tbody tr:hover td,
 .table tbody tr:hover th {
-  background-color: #f5f5f5;
+  background-color: #eeeeee;
 }
 table .span1 {
   float: none;
@@ -1958,7 +1958,7 @@ table .span24 {
   padding: 4px 0;
   margin: 1px 0 0;
   list-style: none;
-  background-color: #fcfbfd;
+  background-color: #ffffff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.2);
   *border-right-width: 2px;
@@ -1983,8 +1983,8 @@ table .span24 {
   margin: 8px 1px;
   *margin: -5px 0 5px;
   overflow: hidden;
-  background-color: #e5e5e5;
-  border-bottom: 1px solid #ffffff;
+  background-color: #eeeeee;
+  border-bottom: 1px solid #eeeeee;
 }
 .dropdown-menu a {
   display: block;
@@ -1992,13 +1992,13 @@ table .span24 {
   clear: both;
   font-weight: normal;
   line-height: 18px;
-  color: #222222;
+  color: #000000;
   white-space: nowrap;
 }
 .dropdown-menu li > a:hover,
 .dropdown-menu .active > a,
 .dropdown-menu .active > a:hover {
-  color: #222222;
+  color: #000000;
   text-decoration: none;
   background-color: #eeeeee;
 }
@@ -2116,10 +2116,10 @@ button.close {
   *zoom: 1;
   padding: 4px 10px 4px;
   margin-bottom: 0;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 18px;
   *line-height: 20px;
-  color: #333333;
+  color: #888888;
   text-align: center;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   vertical-align: middle;
@@ -2139,9 +2139,9 @@ button.close {
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
 
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  border: 1px solid #cccccc;
+  border: 1px solid #d9d9d9;
   *border: 0;
-  border-bottom-color: #b3b3b3;
+  border-bottom-color: #bfbfbf;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
@@ -2166,7 +2166,7 @@ button.close {
   *margin-left: 0;
 }
 .btn:hover {
-  color: #333333;
+  color: #888888;
   text-decoration: none;
   background-color: #e6e6e6;
   *background-color: #d9d9d9;
@@ -2207,7 +2207,7 @@ button.close {
 }
 .btn-large {
   padding: 9px 14px;
-  font-size: 16px;
+  font-size: 15px;
   line-height: normal;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
@@ -2218,7 +2218,7 @@ button.close {
 }
 .btn-small {
   padding: 5px 9px;
-  font-size: 12px;
+  font-size: 11px;
   line-height: 16px;
 }
 .btn-small [class^="icon-"] {
@@ -2226,7 +2226,7 @@ button.close {
 }
 .btn-mini {
   padding: 2px 6px;
-  font-size: 12px;
+  font-size: 11px;
   line-height: 14px;
 }
 .btn-primary,
@@ -2257,18 +2257,18 @@ button.close {
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 .btn-primary {
-  background-color: #222222;
-  background-image: -moz-linear-gradient(top, #222222, #222222);
-  background-image: -ms-linear-gradient(top, #222222, #222222);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#222222));
-  background-image: -webkit-linear-gradient(top, #222222, #222222);
-  background-image: -o-linear-gradient(top, #222222, #222222);
-  background-image: linear-gradient(top, #222222, #222222);
+  background-color: #909090;
+  background-image: -moz-linear-gradient(top, #959595, #888888);
+  background-image: -ms-linear-gradient(top, #959595, #888888);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#959595), to(#888888));
+  background-image: -webkit-linear-gradient(top, #959595, #888888);
+  background-image: -o-linear-gradient(top, #959595, #888888);
+  background-image: linear-gradient(top, #959595, #888888);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#222222', GradientType=0);
-  border-color: #222222 #222222 #000000;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#888888', GradientType=0);
+  border-color: #888888 #888888 #626262;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #222222;
+  *background-color: #888888;
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
 
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
@@ -2278,12 +2278,12 @@ button.close {
 .btn-primary.active,
 .btn-primary.disabled,
 .btn-primary[disabled] {
-  background-color: #222222;
-  *background-color: #151515;
+  background-color: #888888;
+  *background-color: #7b7b7b;
 }
 .btn-primary:active,
 .btn-primary.active {
-  background-color: #080808 \9;
+  background-color: #6f6f6f \9;
 }
 .btn-warning {
   background-color: #ff8e1f;
@@ -2315,18 +2315,18 @@ button.close {
   background-color: #cc6600 \9;
 }
 .btn-danger {
-  background-color: #da4f49;
-  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
-  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: linear-gradient(top, #ee5f5b, #bd362f);
+  background-color: #eb0000;
+  background-image: -moz-linear-gradient(top, #ff0000, #cc0000);
+  background-image: -ms-linear-gradient(top, #ff0000, #cc0000);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#cc0000));
+  background-image: -webkit-linear-gradient(top, #ff0000, #cc0000);
+  background-image: -o-linear-gradient(top, #ff0000, #cc0000);
+  background-image: linear-gradient(top, #ff0000, #cc0000);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
-  border-color: #bd362f #bd362f #802420;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#cc0000', GradientType=0);
+  border-color: #cc0000 #cc0000 #800000;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #bd362f;
+  *background-color: #cc0000;
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
 
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
@@ -2336,26 +2336,26 @@ button.close {
 .btn-danger.active,
 .btn-danger.disabled,
 .btn-danger[disabled] {
-  background-color: #bd362f;
-  *background-color: #a9302a;
+  background-color: #cc0000;
+  *background-color: #b30000;
 }
 .btn-danger:active,
 .btn-danger.active {
-  background-color: #942a25 \9;
+  background-color: #990000 \9;
 }
 .btn-success {
-  background-color: #5bb75b;
-  background-image: -moz-linear-gradient(top, #62c462, #51a351);
-  background-image: -ms-linear-gradient(top, #62c462, #51a351);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
-  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
-  background-image: -o-linear-gradient(top, #62c462, #51a351);
-  background-image: linear-gradient(top, #62c462, #51a351);
+  background-color: #24bf51;
+  background-image: -moz-linear-gradient(top, #26c755, #22b24c);
+  background-image: -ms-linear-gradient(top, #26c755, #22b24c);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#26c755), to(#22b24c));
+  background-image: -webkit-linear-gradient(top, #26c755, #22b24c);
+  background-image: -o-linear-gradient(top, #26c755, #22b24c);
+  background-image: linear-gradient(top, #26c755, #22b24c);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
-  border-color: #51a351 #51a351 #387038;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c755', endColorstr='#22b24c', GradientType=0);
+  border-color: #22b24c #22b24c #167231;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #51a351;
+  *background-color: #22b24c;
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
 
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
@@ -2365,26 +2365,26 @@ button.close {
 .btn-success.active,
 .btn-success.disabled,
 .btn-success[disabled] {
-  background-color: #51a351;
-  *background-color: #499249;
+  background-color: #22b24c;
+  *background-color: #1e9d43;
 }
 .btn-success:active,
 .btn-success.active {
-  background-color: #408140 \9;
+  background-color: #1a873a \9;
 }
 .btn-info {
-  background-color: #49afcd;
-  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
-  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
-  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
-  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
-  background-image: linear-gradient(top, #5bc0de, #2f96b4);
+  background-color: #376ea4;
+  background-image: -moz-linear-gradient(top, #3973ac, #336699);
+  background-image: -ms-linear-gradient(top, #3973ac, #336699);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3973ac), to(#336699));
+  background-image: -webkit-linear-gradient(top, #3973ac, #336699);
+  background-image: -o-linear-gradient(top, #3973ac, #336699);
+  background-image: linear-gradient(top, #3973ac, #336699);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
-  border-color: #2f96b4 #2f96b4 #1f6377;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3973ac', endColorstr='#336699', GradientType=0);
+  border-color: #336699 #336699 #204060;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #2f96b4;
+  *background-color: #336699;
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
 
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
@@ -2394,26 +2394,26 @@ button.close {
 .btn-info.active,
 .btn-info.disabled,
 .btn-info[disabled] {
-  background-color: #2f96b4;
-  *background-color: #2a85a0;
+  background-color: #336699;
+  *background-color: #2d5986;
 }
 .btn-info:active,
 .btn-info.active {
-  background-color: #24748c \9;
+  background-color: #264c73 \9;
 }
 .btn-inverse {
-  background-color: #1d1d1d;
-  background-image: -moz-linear-gradient(top, #222222, #151515);
-  background-image: -ms-linear-gradient(top, #222222, #151515);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#151515));
-  background-image: -webkit-linear-gradient(top, #222222, #151515);
-  background-image: -o-linear-gradient(top, #222222, #151515);
-  background-image: linear-gradient(top, #222222, #151515);
+  background-color: #909090;
+  background-image: -moz-linear-gradient(top, #959595, #888888);
+  background-image: -ms-linear-gradient(top, #959595, #888888);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#959595), to(#888888));
+  background-image: -webkit-linear-gradient(top, #959595, #888888);
+  background-image: -o-linear-gradient(top, #959595, #888888);
+  background-image: linear-gradient(top, #959595, #888888);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#151515', GradientType=0);
-  border-color: #151515 #151515 #000000;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#888888', GradientType=0);
+  border-color: #888888 #888888 #626262;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #151515;
+  *background-color: #888888;
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
 
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
@@ -2423,12 +2423,12 @@ button.close {
 .btn-inverse.active,
 .btn-inverse.disabled,
 .btn-inverse[disabled] {
-  background-color: #151515;
-  *background-color: #080808;
+  background-color: #888888;
+  *background-color: #7b7b7b;
 }
 .btn-inverse:active,
 .btn-inverse.active {
-  background-color: #000000 \9;
+  background-color: #6f6f6f \9;
 }
 button.btn,
 input[type="submit"].btn {
@@ -2570,22 +2570,22 @@ input[type="submit"].btn.btn-mini {
   background-color: #e6e6e6;
 }
 .btn-group.open .btn-primary.dropdown-toggle {
-  background-color: #222222;
+  background-color: #888888;
 }
 .btn-group.open .btn-warning.dropdown-toggle {
   background-color: #ff7f00;
 }
 .btn-group.open .btn-danger.dropdown-toggle {
-  background-color: #bd362f;
+  background-color: #cc0000;
 }
 .btn-group.open .btn-success.dropdown-toggle {
-  background-color: #51a351;
+  background-color: #22b24c;
 }
 .btn-group.open .btn-info.dropdown-toggle {
-  background-color: #2f96b4;
+  background-color: #336699;
 }
 .btn-group.open .btn-inverse.dropdown-toggle {
-  background-color: #151515;
+  background-color: #888888;
 }
 .btn .caret {
   margin-top: 7px;
@@ -2691,7 +2691,7 @@ input[type="submit"].btn.btn-mini {
   font-size: 11px;
   font-weight: bold;
   line-height: 18px;
-  color: #999999;
+  color: #bbbbbb;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   text-transform: uppercase;
 }
@@ -2716,7 +2716,7 @@ input[type="submit"].btn.btn-mini {
 .nav-list > .active > a:hover {
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-  background-color: #222222;
+  background-color: #888888;
 }
 .nav-list [class^="icon-"] {
   margin-right: 2px;
@@ -2776,7 +2776,7 @@ input[type="submit"].btn.btn-mini {
 }
 .nav-tabs > .active > a,
 .nav-tabs > .active > a:hover {
-  color: #888888;
+  color: #999999;
   background-color: #ffffff;
   border: 1px solid #ddd;
   border-bottom-color: transparent;
@@ -2794,7 +2794,7 @@ input[type="submit"].btn.btn-mini {
 .nav-pills > .active > a,
 .nav-pills > .active > a:hover {
   color: #ffffff;
-  background-color: #222222;
+  background-color: #888888;
 }
 .nav-stacked > li {
   float: none;
@@ -2843,8 +2843,8 @@ input[type="submit"].btn.btn-mini {
 }
 .nav-tabs .dropdown-toggle .caret,
 .nav-pills .dropdown-toggle .caret {
-  border-top-color: #222222;
-  border-bottom-color: #222222;
+  border-top-color: #888888;
+  border-bottom-color: #888888;
   margin-top: 6px;
 }
 .nav-tabs .dropdown-toggle:hover .caret,
@@ -2854,8 +2854,8 @@ input[type="submit"].btn.btn-mini {
 }
 .nav-tabs .active .dropdown-toggle .caret,
 .nav-pills .active .dropdown-toggle .caret {
-  border-top-color: #333333;
-  border-bottom-color: #333333;
+  border-top-color: #888888;
+  border-bottom-color: #888888;
 }
 .nav > .dropdown.active > a:hover {
   color: #000000;
@@ -2865,8 +2865,8 @@ input[type="submit"].btn.btn-mini {
 .nav-pills .open .dropdown-toggle,
 .nav > li.dropdown.open.active > a:hover {
   color: #ffffff;
-  background-color: #999999;
-  border-color: #999999;
+  background-color: #bbbbbb;
+  border-color: #bbbbbb;
 }
 .nav li.dropdown.open .caret,
 .nav li.dropdown.open.active .caret,
@@ -2877,7 +2877,7 @@ input[type="submit"].btn.btn-mini {
   filter: alpha(opacity=100);
 }
 .tabs-stacked .open > a:hover {
-  border-color: #999999;
+  border-color: #bbbbbb;
 }
 .tabbable {
   *zoom: 1;
@@ -2981,18 +2981,18 @@ input[type="submit"].btn.btn-mini {
   margin-bottom: 18px;
 }
 .navbar-inner {
-  min-height: 70px;
+  min-height: 60px;
   padding-left: 20px;
   padding-right: 20px;
-  background-color: #fcfbfd;
-  background-image: -moz-linear-gradient(top, #fcfbfd, #fcfbfd);
-  background-image: -ms-linear-gradient(top, #fcfbfd, #fcfbfd);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfbfd), to(#fcfbfd));
-  background-image: -webkit-linear-gradient(top, #fcfbfd, #fcfbfd);
-  background-image: -o-linear-gradient(top, #fcfbfd, #fcfbfd);
-  background-image: linear-gradient(top, #fcfbfd, #fcfbfd);
+  background-color: #ffffff;
+  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
+  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
+  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
+  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
+  background-image: linear-gradient(top, #ffffff, #ffffff);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfd', endColorstr='#fcfbfd', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
@@ -3007,7 +3007,7 @@ input[type="submit"].btn.btn-mini {
   height: auto;
 }
 .navbar {
-  color: #222222;
+  color: #888888;
 }
 .navbar .brand:hover {
   text-decoration: none;
@@ -3015,26 +3015,26 @@ input[type="submit"].btn.btn-mini {
 .navbar .brand {
   float: left;
   display: block;
-  padding: 23px 20px 27px;
+  padding: 18px 20px 22px;
   margin-left: -20px;
   font-size: 20px;
   font-weight: 200;
   line-height: 1;
-  color: #222222;
+  color: #000000;
 }
 .navbar .navbar-text {
   margin-bottom: 0;
-  line-height: 70px;
+  line-height: 60px;
 }
 .navbar .navbar-link {
-  color: #222222;
+  color: #000000;
 }
 .navbar .navbar-link:hover {
-  color: #222222;
+  color: #000000;
 }
 .navbar .btn,
 .navbar .btn-group {
-  margin-top: 20px;
+  margin-top: 15px;
 }
 .navbar .btn-group .btn {
   margin: 0;
@@ -3055,7 +3055,7 @@ input[type="submit"].btn.btn-mini {
 .navbar-form select,
 .navbar-form .radio,
 .navbar-form .checkbox {
-  margin-top: 20px;
+  margin-top: 15px;
 }
 .navbar-form input,
 .navbar-form select {
@@ -3079,12 +3079,12 @@ input[type="submit"].btn.btn-mini {
 .navbar-search {
   position: relative;
   float: left;
-  margin-top: 21px;
+  margin-top: 16px;
   margin-bottom: 0;
 }
 .navbar-search .search-query {
   padding: 4px 9px;
-  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "News Cycle", "Arial Narrow Bold", sans-serif;
   font-size: 13px;
   font-weight: normal;
   line-height: 1;
@@ -3112,7 +3112,7 @@ input[type="submit"].btn.btn-mini {
 .navbar-search .search-query:focus,
 .navbar-search .search-query.focused {
   padding: 5px 10px;
-  color: #333333;
+  color: #888888;
   text-shadow: 0 1px 0 #ffffff;
   background-color: #ffffff;
   border: 0;
@@ -3163,40 +3163,40 @@ input[type="submit"].btn.btn-mini {
 }
 .navbar .nav > li > a {
   float: none;
-  padding: 24px 10px 26px;
+  padding: 19px 10px 21px;
   line-height: 19px;
-  color: #222222;
+  color: #000000;
   text-decoration: none;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }
 .navbar .btn {
   display: inline-block;
   padding: 4px 10px 4px;
-  margin: 20px 5px 21px;
+  margin: 15px 5px 16px;
   line-height: 18px;
 }
 .navbar .btn-group {
   margin: 0;
-  padding: 20px 5px 21px;
+  padding: 15px 5px 16px;
 }
 .navbar .nav > li > a:hover {
-  background-color: #eeeeee;
-  color: #222222;
+  background-color: transparent;
+  color: #000000;
   text-decoration: none;
 }
 .navbar .nav .active > a,
 .navbar .nav .active > a:hover {
-  color: #222222;
+  color: #000000;
   text-decoration: none;
-  background-color: #eeeeee;
+  background-color: transparent;
 }
 .navbar .divider-vertical {
-  height: 70px;
+  height: 60px;
   width: 1px;
   margin: 0 9px;
   overflow: hidden;
-  background-color: #fcfbfd;
-  border-right: 1px solid #fcfbfd;
+  background-color: #ffffff;
+  border-right: 1px solid #ffffff;
 }
 .navbar .nav.pull-right {
   margin-left: 10px;
@@ -3208,18 +3208,18 @@ input[type="submit"].btn.btn-mini {
   padding: 7px 10px;
   margin-left: 5px;
   margin-right: 5px;
-  background-color: #fcfbfd;
-  background-image: -moz-linear-gradient(top, #fcfbfd, #fcfbfd);
-  background-image: -ms-linear-gradient(top, #fcfbfd, #fcfbfd);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfbfd), to(#fcfbfd));
-  background-image: -webkit-linear-gradient(top, #fcfbfd, #fcfbfd);
-  background-image: -o-linear-gradient(top, #fcfbfd, #fcfbfd);
-  background-image: linear-gradient(top, #fcfbfd, #fcfbfd);
+  background-color: #ffffff;
+  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
+  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
+  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
+  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
+  background-image: linear-gradient(top, #ffffff, #ffffff);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfd', endColorstr='#fcfbfd', GradientType=0);
-  border-color: #fcfbfd #fcfbfd #d6c8e4;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
+  border-color: #ffffff #ffffff #d9d9d9;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #fcfbfd;
+  *background-color: #ffffff;
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
 
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
@@ -3232,12 +3232,12 @@ input[type="submit"].btn.btn-mini {
 .navbar .btn-navbar.active,
 .navbar .btn-navbar.disabled,
 .navbar .btn-navbar[disabled] {
-  background-color: #fcfbfd;
-  *background-color: #efeaf5;
+  background-color: #ffffff;
+  *background-color: #f2f2f2;
 }
 .navbar .btn-navbar:active,
 .navbar .btn-navbar.active {
-  background-color: #e3d9ec \9;
+  background-color: #e6e6e6 \9;
 }
 .navbar .btn-navbar .icon-bar {
   display: block;
@@ -3270,7 +3270,7 @@ input[type="submit"].btn.btn-mini {
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid #fcfbfd;
+  border-bottom: 6px solid #ffffff;
   position: absolute;
   top: -6px;
   left: 10px;
@@ -3283,7 +3283,7 @@ input[type="submit"].btn.btn-mini {
   top: auto;
 }
 .navbar-fixed-bottom .dropdown-menu:after {
-  border-top: 6px solid #fcfbfd;
+  border-top: 6px solid #ffffff;
   border-bottom: 0;
   bottom: -6px;
   top: auto;
@@ -3351,10 +3351,10 @@ input[type="submit"].btn.btn-mini {
 }
 .breadcrumb .divider {
   padding: 0 5px;
-  color: #999999;
+  color: #bbbbbb;
 }
 .breadcrumb .active a {
-  color: #333333;
+  color: #888888;
 }
 .pagination {
   height: 36px;
@@ -3391,13 +3391,13 @@ input[type="submit"].btn.btn-mini {
   background-color: #f5f5f5;
 }
 .pagination .active a {
-  color: #999999;
+  color: #bbbbbb;
   cursor: default;
 }
 .pagination .disabled span,
 .pagination .disabled a,
 .pagination .disabled a:hover {
-  color: #999999;
+  color: #bbbbbb;
   background-color: transparent;
   cursor: default;
 }
@@ -3457,7 +3457,7 @@ input[type="submit"].btn.btn-mini {
 }
 .pager .disabled a,
 .pager .disabled a:hover {
-  color: #999999;
+  color: #bbbbbb;
   background-color: #fff;
   cursor: default;
 }
@@ -3771,7 +3771,7 @@ input[type="submit"].btn.btn-mini {
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
 }
 a.thumbnail:hover {
-  border-color: #222222;
+  border-color: #888888;
   -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
   -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
   box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
@@ -3787,14 +3787,14 @@ a.thumbnail:hover {
 }
 .label,
 .badge {
-  font-size: 11.844px;
+  font-size: 10.998px;
   font-weight: bold;
   line-height: 14px;
   color: #ffffff;
   vertical-align: baseline;
   white-space: nowrap;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #999999;
+  background-color: #bbbbbb;
 }
 .label {
   padding: 1px 4px 2px;
@@ -3848,11 +3848,11 @@ a.badge:hover {
 }
 .label-inverse,
 .badge-inverse {
-  background-color: #333333;
+  background-color: #888888;
 }
 .label-inverse[href],
 .badge-inverse[href] {
-  background-color: #1a1a1a;
+  background-color: #6f6f6f;
 }
 @-webkit-keyframes progress-bar-stripes {
   from {
@@ -4156,7 +4156,7 @@ a.badge:hover {
   right: 0;
   bottom: 0;
   padding: 10px 15px 5px;
-  background: #333333;
+  background: #888888;
   background: rgba(0, 0, 0, 0.75);
 }
 .carousel-caption h4,
@@ -4204,160 +4204,194 @@ h2,
 h3,
 h4,
 h5,
-h6,
-.navbar .brand {
-  font-weight: 700;
+h6 {
+  line-height: 1.5em;
 }
-a {
-  text-decoration: underline;
+h1 {
+  font-size: 48px;
 }
-.nav a,
-.navbar .brand,
-.subnav a,
-a.btn,
-.dropdown-menu a {
+h2 {
+  font-size: 36px;
+}
+h3 {
+  font-size: 28px;
+}
+h4 {
+  font-size: 20px;
+}
+h5 {
+  font-size: 13px;
+}
+h6 {
+  color: #000000;
+  font-weight: bold;
+}
+p > a,
+address > a,
+.breadcrumb a,
+abbr[title] {
   text-decoration: none;
+  border-bottom: 1px dotted;
+}
+p > a:hover,
+address > a:hover,
+.breadcrumb a:hover,
+abbr[title]:hover {
+  text-decoration: none;
+  border-bottom: 1px solid;
+}
+.page-header {
+  border-bottom: 2px solid #eeeeee;
+}
+.navbar {
+  font-family: "News Cycle", "Arial Narrow Bold", sans-serif;
+  font-weight: bold;
 }
 .navbar .navbar-inner {
-  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-  border-top: 1px solid #E5E5E5;
+  border-top: 2px solid #eeeeee;
+  border-bottom: 2px solid #eeeeee;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
 }
 .navbar .brand {
+  padding: 16px 20px 20px;
+  font-size: 24px;
+  font-weight: bold;
   text-shadow: none;
+  text-transform: uppercase;
 }
-.navbar .brand:hover {
-  background-color: #EEEEEE;
+.navbar .nav > li > a {
+  padding: 20px 10px 21px;
+  font-size: 18px;
+  text-shadow: none;
+  text-transform: uppercase;
+}
+.navbar .nav > li.active > a {
+  background-color: transparent;
+  color: #000000;
 }
 .navbar .navbar-text {
-  line-height: 68px;
+  margin-top: 21px;
+  padding-left: 10px;
+  padding-right: 10px;
+  font-size: 18px;
+  line-height: 18px;
 }
-.navbar .nav > li > a {
-  text-shadow: none;
+.navbar .nav li.dropdown > .dropdown-toggle:hover,
+.navbar .nav li.dropdown.active > .dropdown-toggle:hover {
+  color: #000000;
+}
+.navbar .nav li.dropdown > .dropdown-toggle .caret,
+.navbar .nav li.dropdown.open > .dropdown-toggle:hover .caret {
+  border-top-color: #000000;
+  border-bottom-color: #000000;
 }
 .navbar .dropdown-menu {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
 }
-.navbar .nav li.dropdown.active > .dropdown-toggle,
-.navbar .nav li.dropdown.active > .dropdown-toggle:hover,
-.navbar .nav li.dropdown.open > .dropdown-toggle,
-.navbar .nav li.dropdown.active.open > .dropdown-toggle,
-.navbar .nav li.dropdown.active.open > .dropdown-toggle:hover {
-  background-color: #eeeeee;
-  color: #222222;
+.navbar .dropdown-menu a {
+  font-size: 15px;
+  font-weight: bold;
 }
-.navbar .nav li.dropdown .dropdown-toggle .caret,
-.navbar .nav .open .caret,
-.navbar .nav .open .dropdown-toggle:hover .caret {
-  border-top-color: #000000;
-  opacity: 1;
+.navbar .nav-collapse.collapse .nav li > a {
+  color: #000000;
 }
-.navbar .nav-collapse.in .nav li > a:hover {
+.navbar .nav-collapse.collapse .nav li > a:hover {
   background-color: #eeeeee;
 }
-.navbar .nav-collapse .nav li > a {
-  color: #222222;
-  text-decoration: none;
-  font-weight: normal;
-}
-.navbar .nav-collapse .navbar-form,
-.navbar .nav-collapse .navbar-search {
-  border-color: transparent;
+.navbar .nav-collapse.collapse .navbar-text {
+  margin-top: 0;
 }
 .navbar .navbar-search .search-query,
 .navbar .navbar-search .search-query:hover {
-  border: 1px solid #eeeeee;
-  color: #222222;
+  border: 2px solid #eeeeee;
+  color: #888888;
 }
 .navbar .navbar-search .search-query:-moz-placeholder,
 .navbar .navbar-search .search-query:hover:-moz-placeholder {
-  color: #888888;
+  color: #999999;
 }
 .navbar .navbar-search .search-query:-ms-input-placeholder,
 .navbar .navbar-search .search-query:hover:-ms-input-placeholder {
-  color: #888888;
+  color: #999999;
 }
 .navbar .navbar-search .search-query::-webkit-input-placeholder,
 .navbar .navbar-search .search-query:hover::-webkit-input-placeholder {
-  color: #888888;
+  color: #999999;
 }
 div.subnav {
-  background-color: #fcfbfd;
+  height: 54px;
+  background-color: #ffffff;
   background-image: none;
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  border: 2px solid #eeeeee;
+  border-left: none;
+  border-right: none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
 }
 div.subnav.subnav-fixed {
-  top: 70px;
-}
-div.subnav .nav > li > a:hover,
-div.subnav .nav > .active > a,
-div.subnav .nav > .active > a:hover {
-  color: #222222;
-  text-decoration: none;
-  font-weight: normal;
+  top: 60px;
 }
+div.subnav .nav > li > a,
 div.subnav .nav > li:first-child > a,
-div.subnav .nav > li:first-child > a:hover {
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
+div.subnav .nav > li.active > a {
+  padding: 20px 15px;
+  border-left: none;
+  border-right: none;
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  font-family: "News Cycle", "Arial Narrow Bold", sans-serif;
+  color: #000000;
+  font-size: 15px;
+  font-weight: bold;
 }
-.btn-primary {
-  background-color: #2a2a2a;
-  background-image: -moz-linear-gradient(top, #2f2f2f, #222222);
-  background-image: -ms-linear-gradient(top, #2f2f2f, #222222);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f2f2f), to(#222222));
-  background-image: -webkit-linear-gradient(top, #2f2f2f, #222222);
-  background-image: -o-linear-gradient(top, #2f2f2f, #222222);
-  background-image: linear-gradient(top, #2f2f2f, #222222);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#222222', GradientType=0);
-  border-color: #222222 #222222 #000000;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #222222;
-  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
-
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+div.subnav .nav > li > a:hover,
+div.subnav .nav > li:first-child > a:hover,
+div.subnav .nav > li.active > a:hover {
+  padding: 20px 15px;
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  color: #000000;
 }
-.btn-primary:hover,
-.btn-primary:active,
-.btn-primary.active,
-.btn-primary.disabled,
-.btn-primary[disabled] {
-  background-color: #222222;
-  *background-color: #151515;
+div.subnav li.dropdown > .dropdown-toggle .caret,
+div.subnav li.dropdown > .dropdown-toggle:hover .caret,
+div.subnav li.dropdown.open > .dropdown-toggle .caret {
+  border-top-color: #000000;
+  border-bottom-color: #000000;
+  opacity: 1;
 }
-.btn-primary:active,
-.btn-primary.active {
-  background-color: #080808 \9;
+div.subnav li.dropdown.open .dropdown-toggle,
+div.subnav li.dropdown.open .dropdown-toggle:hover {
+  background-color: #ffffff;
+  color: #000000;
 }
 [class^="icon-"],
 [class*=" icon-"] {
-  vertical-align: -2px;
+  vertical-align: baseline;
 }
 .modal {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
-  background: #fcfbfd;
+  background: #ffffff;
 }
 .modal-header {
   border-bottom: none;
 }
-.modal-header .close {
-  text-decoration: none;
-}
 .modal-footer {
   background: transparent;
   -webkit-box-shadow: none;
@@ -4365,27 +4399,75 @@ div.subnav .nav > li:first-child > a:hover {
   box-shadow: none;
   border-top: none;
 }
-code,
-pre,
-pre.prettyprint,
-.well {
-  background-color: #eeeeee;
+.close,
+.close:hover {
+  border-bottom: none;
 }
 .hero-unit {
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
   border: 1px solid rgba(0, 0, 0, 0.05);
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
 }
-.table-bordered,
-.well,
-.prettyprint {
+.hero-unit h1 {
+  line-height: 1.5em;
+}
+.well {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  background-color: #eeeeee;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.table-bordered {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+a.thumbnail:hover {
+  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
+  border-color: #ddd;
+}
+code,
+pre,
+pre.prettyprint {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
+  background-color: #eeeeee;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+@media (max-width: 768px) {
+  div.subnav {
+    height: auto;
+  }
+  div.subnav .nav > li.active > a {
+    border-top: none;
+  }
+  div.subnav .nav > li:hover > a,
+  div.subnav .nav > li:first-child:hover > a,
+  div.subnav .nav > li.active:hover > a,
+  div.subnav .nav > li.dropdown.open .dropdown-toggle,
+  div.subnav .nav > li.dropdown.open .dropdown-toggle:hover {
+    background-color: #eeeeee;
+  }
+  .nav-tabs .open .dropdown-toggle,
+  .nav-pills .open .dropdown-toggle,
+  .nav > li.dropdown.open.active > a:hover {
+    border-color: #e5e5e5;
+  }
 }
 .pull-right {
   float: right;