readable: refresh styles

1 files changed, 207 insertions, 257 deletions

diff --git a/readable/bootstrap.css b/readable/bootstrap.css
index c8d12dd6..a39516ce 100644
--- a/readable/bootstrap.css
+++ b/readable/bootstrap.css
@@ -1,4 +1,4 @@
-@import url("//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic");
+@import url("//fonts.googleapis.com/css?family=Raleway:700");
 
 /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
 
@@ -299,11 +299,11 @@ html {
 }
 
 body {
-  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
-  font-size: 17px;
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-size: 16px;
   line-height: 1.428571429;
   color: #333333;
-  background-color: #f9f9f9;
+  background-color: #fcfcfc;
 }
 
 input,
@@ -316,13 +316,13 @@ textarea {
 }
 
 a {
-  color: #428bca;
+  color: #4582ec;
   text-decoration: none;
 }
 
 a:hover,
 a:focus {
-  color: #428bca;
+  color: #134fb8;
   text-decoration: underline;
 }
 
@@ -352,7 +352,7 @@ img {
   max-width: 100%;
   padding: 4px;
   line-height: 1.428571429;
-  background-color: #f9f9f9;
+  background-color: #fcfcfc;
   border: 1px solid #dddddd;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
@@ -364,8 +364,8 @@ img {
 }
 
 hr {
-  margin-top: 24px;
-  margin-bottom: 24px;
+  margin-top: 22px;
+  margin-bottom: 22px;
   border: 0;
   border-top: 1px solid #eeeeee;
 }
@@ -382,19 +382,19 @@ hr {
 }
 
 p {
-  margin: 0 0 12px;
+  margin: 0 0 11px;
 }
 
 .lead {
-  margin-bottom: 24px;
-  font-size: 19px;
+  margin-bottom: 22px;
+  font-size: 18px;
   font-weight: 200;
   line-height: 1.4;
 }
 
 @media (min-width: 768px) {
   .lead {
-    font-size: 25.5px;
+    font-size: 24px;
   }
 }
 
@@ -412,11 +412,11 @@ cite {
 }
 
 .text-primary {
-  color: #428bca;
+  color: #4582ec;
 }
 
 .text-primary:hover {
-  color: #3071a9;
+  color: #1863e6;
 }
 
 .text-warning {
@@ -475,7 +475,7 @@ h6,
 .h4,
 .h5,
 .h6 {
-  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
+  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1.1;
   color: inherit;
@@ -513,8 +513,8 @@ h6 .small,
 h1,
 h2,
 h3 {
-  margin-top: 24px;
-  margin-bottom: 12px;
+  margin-top: 22px;
+  margin-bottom: 11px;
 }
 
 h1 small,
@@ -529,8 +529,8 @@ h3 .small {
 h4,
 h5,
 h6 {
-  margin-top: 12px;
-  margin-bottom: 12px;
+  margin-top: 11px;
+  margin-bottom: 11px;
 }
 
 h4 small,
@@ -544,44 +544,44 @@ h6 .small {
 
 h1,
 .h1 {
-  font-size: 44px;
+  font-size: 41px;
 }
 
 h2,
 .h2 {
-  font-size: 36px;
+  font-size: 34px;
 }
 
 h3,
 .h3 {
-  font-size: 29px;
+  font-size: 28px;
 }
 
 h4,
 .h4 {
-  font-size: 22px;
+  font-size: 20px;
 }
 
 h5,
 .h5 {
-  font-size: 17px;
+  font-size: 16px;
 }
 
 h6,
 .h6 {
-  font-size: 15px;
+  font-size: 14px;
 }
 
 .page-header {
-  padding-bottom: 11px;
-  margin: 48px 0 24px;
+  padding-bottom: 10px;
+  margin: 44px 0 22px;
   border-bottom: 1px solid #eeeeee;
 }
 
 ul,
 ol {
   margin-top: 0;
-  margin-bottom: 12px;
+  margin-bottom: 11px;
 }
 
 ul ul,
@@ -612,7 +612,7 @@ ol ol {
 }
 
 dl {
-  margin-bottom: 24px;
+  margin-bottom: 22px;
 }
 
 dt,
@@ -695,13 +695,13 @@ abbr.initialism {
 }
 
 blockquote {
-  padding: 12px 24px;
-  margin: 0 0 24px;
+  padding: 11px 22px;
+  margin: 0 0 22px;
   border-left: 5px solid #eeeeee;
 }
 
 blockquote p {
-  font-size: 21.25px;
+  font-size: 20px;
   font-weight: 300;
   line-height: 1.25;
 }
@@ -749,7 +749,7 @@ blockquote:after {
 }
 
 address {
-  margin-bottom: 24px;
+  margin-bottom: 22px;
   font-style: normal;
   line-height: 1.428571429;
 }
@@ -772,9 +772,9 @@ code {
 
 pre {
   display: block;
-  padding: 11.5px;
-  margin: 0 0 12px;
-  font-size: 16px;
+  padding: 10.5px;
+  margin: 0 0 11px;
+  font-size: 15px;
   line-height: 1.428571429;
   color: #333333;
   word-break: break-all;
@@ -1709,7 +1709,7 @@ th {
 
 .table {
   width: 100%;
-  margin-bottom: 24px;
+  margin-bottom: 22px;
 }
 
 .table > thead > tr > th,
@@ -1743,7 +1743,7 @@ th {
 }
 
 .table .table {
-  background-color: #f9f9f9;
+  background-color: #fcfcfc;
 }
 
 .table-condensed > thead > tr > th,
@@ -1878,7 +1878,7 @@ table th[class*="col-"] {
 @media (max-width: 767px) {
   .table-responsive {
     width: 100%;
-    margin-bottom: 18px;
+    margin-bottom: 16.5px;
     overflow-x: scroll;
     overflow-y: hidden;
     border: 1px solid #dddddd;
@@ -1933,8 +1933,8 @@ legend {
   display: block;
   width: 100%;
   padding: 0;
-  margin-bottom: 24px;
-  font-size: 25.5px;
+  margin-bottom: 22px;
+  font-size: 24px;
   line-height: inherit;
   color: #333333;
   border: 0;
@@ -1993,7 +1993,7 @@ input[type="number"]::-webkit-inner-spin-button {
 output {
   display: block;
   padding-top: 9px;
-  font-size: 17px;
+  font-size: 16px;
   line-height: 1.428571429;
   color: #333333;
   vertical-align: middle;
@@ -2002,9 +2002,9 @@ output {
 .form-control {
   display: block;
   width: 100%;
-  height: 42px;
+  height: 40px;
   padding: 8px 12px;
-  font-size: 17px;
+  font-size: 16px;
   line-height: 1.428571429;
   color: #333333;
   vertical-align: middle;
@@ -2059,7 +2059,7 @@ textarea.form-control {
 .radio,
 .checkbox {
   display: block;
-  min-height: 24px;
+  min-height: 22px;
   padding-left: 20px;
   margin-top: 10px;
   margin-bottom: 10px;
@@ -2119,16 +2119,16 @@ fieldset[disabled] .checkbox-inline {
 }
 
 .input-sm {
-  height: 34px;
+  height: 33px;
   padding: 5px 10px;
-  font-size: 15px;
+  font-size: 14px;
   line-height: 1.5;
   border-radius: 3px;
 }
 
 select.input-sm {
-  height: 34px;
-  line-height: 34px;
+  height: 33px;
+  line-height: 33px;
 }
 
 textarea.input-sm {
@@ -2136,16 +2136,16 @@ textarea.input-sm {
 }
 
 .input-lg {
-  height: 62px;
+  height: 59px;
   padding: 14px 16px;
-  font-size: 22px;
+  font-size: 20px;
   line-height: 1.33;
   border-radius: 6px;
 }
 
 select.input-lg {
-  height: 62px;
-  line-height: 62px;
+  height: 59px;
+  line-height: 59px;
 }
 
 textarea.input-lg {
@@ -2346,7 +2346,7 @@ textarea.input-lg {
   display: inline-block;
   padding: 8px 12px;
   margin-bottom: 0;
-  font-size: 17px;
+  font-size: 16px;
   font-weight: normal;
   line-height: 1.428571429;
   text-align: center;
@@ -2437,8 +2437,8 @@ fieldset[disabled] .btn-default.active {
 
 .btn-primary {
   color: #ffffff;
-  background-color: #428bca;
-  border-color: #428bca;
+  background-color: #4582ec;
+  border-color: #4582ec;
 }
 
 .btn-primary:hover,
@@ -2447,8 +2447,8 @@ fieldset[disabled] .btn-default.active {
 .btn-primary.active,
 .open .dropdown-toggle.btn-primary {
   color: #ffffff;
-  background-color: #3276b1;
-  border-color: #2d6ca2;
+  background-color: #2069e8;
+  border-color: #175fdd;
 }
 
 .btn-primary:active,
@@ -2472,8 +2472,8 @@ fieldset[disabled] .btn-primary:active,
 .btn-primary.disabled.active,
 .btn-primary[disabled].active,
 fieldset[disabled] .btn-primary.active {
-  background-color: #428bca;
-  border-color: #428bca;
+  background-color: #4582ec;
+  border-color: #4582ec;
 }
 
 .btn-warning {
@@ -2642,7 +2642,7 @@ fieldset[disabled] .btn-info.active {
 
 .btn-link {
   font-weight: normal;
-  color: #428bca;
+  color: #4582ec;
   cursor: pointer;
   border-radius: 0;
 }
@@ -2665,7 +2665,7 @@ fieldset[disabled] .btn-link {
 
 .btn-link:hover,
 .btn-link:focus {
-  color: #428bca;
+  color: #134fb8;
   text-decoration: underline;
   background-color: transparent;
 }
@@ -2680,7 +2680,7 @@ fieldset[disabled] .btn-link:focus {
 
 .btn-lg {
   padding: 14px 16px;
-  font-size: 22px;
+  font-size: 20px;
   line-height: 1.33;
   border-radius: 6px;
 }
@@ -2688,7 +2688,7 @@ fieldset[disabled] .btn-link:focus {
 .btn-sm,
 .btn-xs {
   padding: 5px 10px;
-  font-size: 15px;
+  font-size: 14px;
   line-height: 1.5;
   border-radius: 3px;
 }
@@ -3592,7 +3592,7 @@ input[type="button"].btn-block {
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
-  font-size: 17px;
+  font-size: 16px;
   list-style: none;
   background-color: #ffffff;
   border: 1px solid #cccccc;
@@ -3610,7 +3610,7 @@ input[type="button"].btn-block {
 
 .dropdown-menu .divider {
   height: 1px;
-  margin: 11px 0;
+  margin: 10px 0;
   overflow: hidden;
   background-color: #e5e5e5;
 }
@@ -3629,7 +3629,7 @@ input[type="button"].btn-block {
 .dropdown-menu > li > a:focus {
   color: #ffffff;
   text-decoration: none;
-  background-color: #428bca;
+  background-color: #4582ec;
 }
 
 .dropdown-menu > .active > a,
@@ -3637,7 +3637,7 @@ input[type="button"].btn-block {
 .dropdown-menu > .active > a:focus {
   color: #ffffff;
   text-decoration: none;
-  background-color: #428bca;
+  background-color: #4582ec;
   outline: 0;
 }
 
@@ -3667,7 +3667,7 @@ input[type="button"].btn-block {
 .dropdown-header {
   display: block;
   padding: 3px 20px;
-  font-size: 15px;
+  font-size: 14px;
   line-height: 1.428571429;
   color: #999999;
 }
@@ -3874,21 +3874,21 @@ input[type="button"].btn-block {
 .btn-group-xs > .btn {
   padding: 5px 10px;
   padding: 1px 5px;
-  font-size: 15px;
+  font-size: 14px;
   line-height: 1.5;
   border-radius: 3px;
 }
 
 .btn-group-sm > .btn {
   padding: 5px 10px;
-  font-size: 15px;
+  font-size: 14px;
   line-height: 1.5;
   border-radius: 3px;
 }
 
 .btn-group-lg > .btn {
   padding: 14px 16px;
-  font-size: 22px;
+  font-size: 20px;
   line-height: 1.33;
   border-radius: 6px;
 }
@@ -4065,9 +4065,9 @@ input[type="button"].btn-block {
 .input-group-lg > .form-control,
 .input-group-lg > .input-group-addon,
 .input-group-lg > .input-group-btn > .btn {
-  height: 62px;
+  height: 59px;
   padding: 14px 16px;
-  font-size: 22px;
+  font-size: 20px;
   line-height: 1.33;
   border-radius: 6px;
 }
@@ -4075,8 +4075,8 @@ input[type="button"].btn-block {
 select.input-group-lg > .form-control,
 select.input-group-lg > .input-group-addon,
 select.input-group-lg > .input-group-btn > .btn {
-  height: 62px;
-  line-height: 62px;
+  height: 59px;
+  line-height: 59px;
 }
 
 textarea.input-group-lg > .form-control,
@@ -4088,9 +4088,9 @@ textarea.input-group-lg > .input-group-btn > .btn {
 .input-group-sm > .form-control,
 .input-group-sm > .input-group-addon,
 .input-group-sm > .input-group-btn > .btn {
-  height: 34px;
+  height: 33px;
   padding: 5px 10px;
-  font-size: 15px;
+  font-size: 14px;
   line-height: 1.5;
   border-radius: 3px;
 }
@@ -4098,8 +4098,8 @@ textarea.input-group-lg > .input-group-btn > .btn {
 select.input-group-sm > .form-control,
 select.input-group-sm > .input-group-addon,
 select.input-group-sm > .input-group-btn > .btn {
-  height: 34px;
-  line-height: 34px;
+  height: 33px;
+  line-height: 33px;
 }
 
 textarea.input-group-sm > .form-control,
@@ -4129,7 +4129,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 
 .input-group-addon {
   padding: 8px 12px;
-  font-size: 17px;
+  font-size: 16px;
   font-weight: normal;
   line-height: 1;
   color: #333333;
@@ -4141,13 +4141,13 @@ textarea.input-group-sm > .input-group-btn > .btn {
 
 .input-group-addon.input-sm {
   padding: 5px 10px;
-  font-size: 15px;
+  font-size: 14px;
   border-radius: 3px;
 }
 
 .input-group-addon.input-lg {
   padding: 14px 16px;
-  font-size: 22px;
+  font-size: 20px;
   border-radius: 6px;
 }
 
@@ -4297,19 +4297,19 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .nav .open > a:hover,
 .nav .open > a:focus {
   background-color: #eeeeee;
-  border-color: #428bca;
+  border-color: #4582ec;
 }
 
 .nav .open > a .caret,
 .nav .open > a:hover .caret,
 .nav .open > a:focus .caret {
-  border-top-color: #428bca;
-  border-bottom-color: #428bca;
+  border-top-color: #134fb8;
+  border-bottom-color: #134fb8;
 }
 
 .nav .nav-divider {
   height: 1px;
-  margin: 11px 0;
+  margin: 10px 0;
   overflow: hidden;
   background-color: #e5e5e5;
 }
@@ -4343,7 +4343,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .nav-tabs > li.active > a:focus {
   color: #555555;
   cursor: default;
-  background-color: #f9f9f9;
+  background-color: #fcfcfc;
   border: 1px solid #dddddd;
   border-bottom-color: transparent;
 }
@@ -4396,7 +4396,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
   .nav-tabs.nav-justified > .active > a,
   .nav-tabs.nav-justified > .active > a:hover,
   .nav-tabs.nav-justified > .active > a:focus {
-    border-bottom-color: #f9f9f9;
+    border-bottom-color: #fcfcfc;
   }
 }
 
@@ -4416,7 +4416,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .nav-pills > li.active > a:hover,
 .nav-pills > li.active > a:focus {
   color: #ffffff;
-  background-color: #428bca;
+  background-color: #4582ec;
 }
 
 .nav-pills > li.active > a .caret,
@@ -4486,7 +4486,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
   .nav-tabs-justified > .active > a,
   .nav-tabs-justified > .active > a:hover,
   .nav-tabs-justified > .active > a:focus {
-    border-bottom-color: #f9f9f9;
+    border-bottom-color: #fcfcfc;
   }
 }
 
@@ -4499,13 +4499,13 @@ textarea.input-group-sm > .input-group-btn > .btn {
 }
 
 .nav .caret {
-  border-top-color: #428bca;
-  border-bottom-color: #428bca;
+  border-top-color: #4582ec;
+  border-bottom-color: #4582ec;
 }
 
 .nav a:hover .caret {
-  border-top-color: #428bca;
-  border-bottom-color: #428bca;
+  border-top-color: #134fb8;
+  border-bottom-color: #134fb8;
 }
 
 .nav-tabs .dropdown-menu {
@@ -4517,7 +4517,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .navbar {
   position: relative;
   min-height: 50px;
-  margin-bottom: 24px;
+  margin-bottom: 22px;
   border: 1px solid transparent;
 }
 
@@ -4776,9 +4776,9 @@ textarea.input-group-sm > .input-group-btn > .btn {
 
 .navbar-brand {
   float: left;
-  padding: 13px 15px;
-  font-size: 22px;
-  line-height: 24px;
+  padding: 14px 15px;
+  font-size: 20px;
+  line-height: 22px;
 }
 
 .navbar-brand:hover,
@@ -4822,13 +4822,13 @@ textarea.input-group-sm > .input-group-btn > .btn {
 }
 
 .navbar-nav {
-  margin: 6.5px -15px;
+  margin: 7px -15px;
 }
 
 .navbar-nav > li > a {
   padding-top: 10px;
   padding-bottom: 10px;
-  line-height: 24px;
+  line-height: 22px;
 }
 
 @media (max-width: 767px) {
@@ -4846,7 +4846,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
     padding: 5px 15px 5px 25px;
   }
   .navbar-nav .open .dropdown-menu > li > a {
-    line-height: 24px;
+    line-height: 22px;
   }
   .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-nav .open .dropdown-menu > li > a:focus {
@@ -4863,8 +4863,8 @@ textarea.input-group-sm > .input-group-btn > .btn {
     float: left;
   }
   .navbar-nav > li > a {
-    padding-top: 13px;
-    padding-bottom: 13px;
+    padding-top: 14px;
+    padding-bottom: 14px;
   }
 }
 
@@ -4879,9 +4879,9 @@ textarea.input-group-sm > .input-group-btn > .btn {
 
 .navbar-form {
   padding: 10px 15px;
-  margin-top: 4px;
+  margin-top: 5px;
   margin-right: -15px;
-  margin-bottom: 4px;
+  margin-bottom: 5px;
   margin-left: -15px;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
@@ -4949,14 +4949,14 @@ textarea.input-group-sm > .input-group-btn > .btn {
 }
 
 .navbar-btn {
-  margin-top: 4px;
-  margin-bottom: 4px;
+  margin-top: 5px;
+  margin-bottom: 5px;
 }
 
 .navbar-text {
   float: left;
-  margin-top: 13px;
-  margin-bottom: 13px;
+  margin-top: 14px;
+  margin-bottom: 14px;
 }
 
 @media (min-width: 768px) {
@@ -4967,39 +4967,39 @@ textarea.input-group-sm > .input-group-btn > .btn {
 }
 
 .navbar-default {
-  background-color: #f9f9f9;
-  border-color: #e8e8e8;
+  background-color: #fcfcfc;
+  border-color: transparent;
 }
 
 .navbar-default .navbar-brand {
-  color: #555555;
+  color: #4582ec;
 }
 
 .navbar-default .navbar-brand:hover,
 .navbar-default .navbar-brand:focus {
-  color: #333333;
+  color: #134fb8;
   background-color: transparent;
 }
 
 .navbar-default .navbar-text {
-  color: #555555;
+  color: #333333;
 }
 
 .navbar-default .navbar-nav > li > a {
-  color: #555555;
+  color: #4582ec;
 }
 
 .navbar-default .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:focus {
-  color: #333333;
+  color: #134fb8;
   background-color: transparent;
 }
 
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus {
-  color: #333333;
-  background-color: #e0e0e0;
+  color: #4582ec;
+  background-color: transparent;
 }
 
 .navbar-default .navbar-nav > .disabled > a,
@@ -5024,48 +5024,48 @@ textarea.input-group-sm > .input-group-btn > .btn {
 
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
-  border-color: #e8e8e8;
+  border-color: transparent;
 }
 
 .navbar-default .navbar-nav > .dropdown > a:hover .caret,
 .navbar-default .navbar-nav > .dropdown > a:focus .caret {
-  border-top-color: #333333;
-  border-bottom-color: #333333;
+  border-top-color: #134fb8;
+  border-bottom-color: #134fb8;
 }
 
 .navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover,
 .navbar-default .navbar-nav > .open > a:focus {
-  color: #333333;
-  background-color: #e0e0e0;
+  color: #4582ec;
+  background-color: transparent;
 }
 
 .navbar-default .navbar-nav > .open > a .caret,
 .navbar-default .navbar-nav > .open > a:hover .caret,
 .navbar-default .navbar-nav > .open > a:focus .caret {
-  border-top-color: #333333;
-  border-bottom-color: #333333;
+  border-top-color: #4582ec;
+  border-bottom-color: #4582ec;
 }
 
 .navbar-default .navbar-nav > .dropdown > a .caret {
-  border-top-color: #555555;
-  border-bottom-color: #555555;
+  border-top-color: #4582ec;
+  border-bottom-color: #4582ec;
 }
 
 @media (max-width: 767px) {
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-    color: #555555;
+    color: #4582ec;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #333333;
+    color: #134fb8;
     background-color: transparent;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #333333;
-    background-color: #e0e0e0;
+    color: #4582ec;
+    background-color: transparent;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
   .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
@@ -5076,16 +5076,16 @@ textarea.input-group-sm > .input-group-btn > .btn {
 }
 
 .navbar-default .navbar-link {
-  color: #555555;
+  color: #4582ec;
 }
 
 .navbar-default .navbar-link:hover {
-  color: #333333;
+  color: #134fb8;
 }
 
 .navbar-inverse {
   background-color: #333333;
-  border-color: #1a1a1a;
+  border-color: transparent;
 }
 
 .navbar-inverse .navbar-brand {
@@ -5115,8 +5115,8 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > a:focus {
-  color: #ffffff;
-  background-color: #1a1a1a;
+  color: #999999;
+  background-color: transparent;
 }
 
 .navbar-inverse .navbar-nav > .disabled > a,
@@ -5147,8 +5147,8 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .navbar-inverse .navbar-nav > .open > a,
 .navbar-inverse .navbar-nav > .open > a:hover,
 .navbar-inverse .navbar-nav > .open > a:focus {
-  color: #ffffff;
-  background-color: #1a1a1a;
+  color: #999999;
+  background-color: transparent;
 }
 
 .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
@@ -5164,13 +5164,13 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .navbar-inverse .navbar-nav > .open > a .caret,
 .navbar-inverse .navbar-nav > .open > a:hover .caret,
 .navbar-inverse .navbar-nav > .open > a:focus .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
+  border-top-color: #999999;
+  border-bottom-color: #999999;
 }
 
 @media (max-width: 767px) {
   .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
-    border-color: #1a1a1a;
+    border-color: transparent;
   }
   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
     color: #999999;
@@ -5183,8 +5183,8 @@ textarea.input-group-sm > .input-group-btn > .btn {
   .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
   .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
   .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #ffffff;
-    background-color: #1a1a1a;
+    color: #999999;
+    background-color: transparent;
   }
   .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
   .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
@@ -5204,7 +5204,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 
 .breadcrumb {
   padding: 8px 15px;
-  margin-bottom: 24px;
+  margin-bottom: 22px;
   list-style: none;
   background-color: #f5f5f5;
   border-radius: 4px;
@@ -5227,7 +5227,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .pagination {
   display: inline-block;
   padding-left: 0;
-  margin: 24px 0;
+  margin: 22px 0;
   border-radius: 4px;
 }
 
@@ -5295,7 +5295,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .pagination-lg > li > a,
 .pagination-lg > li > span {
   padding: 14px 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 
 .pagination-lg > li:first-child > a,
@@ -5313,7 +5313,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .pagination-sm > li > a,
 .pagination-sm > li > span {
   padding: 5px 10px;
-  font-size: 15px;
+  font-size: 14px;
 }
 
 .pagination-sm > li:first-child > a,
@@ -5330,7 +5330,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 
 .pager {
   padding-left: 0;
-  margin: 24px 0;
+  margin: 22px 0;
   text-align: center;
   list-style: none;
 }
@@ -5457,12 +5457,12 @@ textarea.input-group-sm > .input-group-btn > .btn {
 }
 
 .label-primary {
-  background-color: #428bca;
+  background-color: #4582ec;
 }
 
 .label-primary[href]:hover,
 .label-primary[href]:focus {
-  background-color: #3071a9;
+  background-color: #1863e6;
 }
 
 .label-success {
@@ -5505,7 +5505,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
   display: inline-block;
   min-width: 10px;
   padding: 3px 7px;
-  font-size: 15px;
+  font-size: 14px;
   font-weight: bold;
   line-height: 1;
   color: #ffffff;
@@ -5534,7 +5534,7 @@ a.badge:focus {
 
 a.list-group-item.active > .badge,
 .nav-pills > .active > a > .badge {
-  color: #428bca;
+  color: #4582ec;
   background-color: #ffffff;
 }
 
@@ -5545,11 +5545,11 @@ a.list-group-item.active > .badge,
 .jumbotron {
   padding: 30px;
   margin-bottom: 30px;
-  font-size: 26px;
+  font-size: 24px;
   font-weight: 200;
   line-height: 2.1428571435;
   color: inherit;
-  background-color: #f1f1f1;
+  background-color: #f4f4f4;
 }
 
 .jumbotron h1 {
@@ -5575,7 +5575,7 @@ a.list-group-item.active > .badge,
     padding-left: 60px;
   }
   .jumbotron h1 {
-    font-size: 76.5px;
+    font-size: 72px;
   }
 }
 
@@ -5585,9 +5585,9 @@ a.list-group-item.active > .badge,
   height: auto;
   max-width: 100%;
   padding: 4px;
-  margin-bottom: 24px;
+  margin-bottom: 22px;
   line-height: 1.428571429;
-  background-color: #f9f9f9;
+  background-color: #fcfcfc;
   border: 1px solid #dddddd;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
@@ -5605,7 +5605,7 @@ a.list-group-item.active > .badge,
 a.thumbnail:hover,
 a.thumbnail:focus,
 a.thumbnail.active {
-  border-color: #428bca;
+  border-color: #4582ec;
 }
 
 .thumbnail .caption {
@@ -5615,7 +5615,7 @@ a.thumbnail.active {
 
 .alert {
   padding: 15px;
-  margin-bottom: 24px;
+  margin-bottom: 22px;
   border: 1px solid transparent;
   border-radius: 4px;
 }
@@ -5742,8 +5742,8 @@ a.thumbnail.active {
 }
 
 .progress {
-  height: 24px;
-  margin-bottom: 24px;
+  height: 22px;
+  margin-bottom: 22px;
   overflow: hidden;
   background-color: #f5f5f5;
   border-radius: 4px;
@@ -5755,11 +5755,11 @@ a.thumbnail.active {
   float: left;
   width: 0;
   height: 100%;
-  font-size: 15px;
-  line-height: 24px;
+  font-size: 14px;
+  line-height: 22px;
   color: #ffffff;
   text-align: center;
-  background-color: #428bca;
+  background-color: #4582ec;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
           box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   -webkit-transition: width 0.6s ease;
@@ -5911,8 +5911,8 @@ a.list-group-item.active:hover,
 a.list-group-item.active:focus {
   z-index: 2;
   color: #ffffff;
-  background-color: #428bca;
-  border-color: #428bca;
+  background-color: #4582ec;
+  border-color: #4582ec;
 }
 
 a.list-group-item.active .list-group-item-heading,
@@ -5924,7 +5924,7 @@ a.list-group-item.active:focus .list-group-item-heading {
 a.list-group-item.active .list-group-item-text,
 a.list-group-item.active:hover .list-group-item-text,
 a.list-group-item.active:focus .list-group-item-text {
-  color: #e1edf7;
+  color: #fefeff;
 }
 
 .list-group-item-heading {
@@ -5938,7 +5938,7 @@ a.list-group-item.active:focus .list-group-item-text {
 }
 
 .panel {
-  margin-bottom: 24px;
+  margin-bottom: 22px;
   background-color: #ffffff;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -6095,7 +6095,7 @@ a.list-group-item.active:focus .list-group-item-text {
 .panel-title {
   margin-top: 0;
   margin-bottom: 0;
-  font-size: 20px;
+  font-size: 18px;
 }
 
 .panel-title > a {
@@ -6159,17 +6159,17 @@ a.list-group-item.active:focus .list-group-item-text {
 }
 
 .panel-primary {
-  border-color: #428bca;
+  border-color: #4582ec;
 }
 
 .panel-primary > .panel-heading {
   color: #ffffff;
-  background-color: #428bca;
-  border-color: #428bca;
+  background-color: #4582ec;
+  border-color: #4582ec;
 }
 
 .panel-primary > .panel-heading + .panel-collapse .panel-body {
-  border-top-color: #428bca;
+  border-top-color: #4582ec;
 }
 
 .panel-primary > .panel-heading > .dropdown .caret {
@@ -6177,7 +6177,7 @@ a.list-group-item.active:focus .list-group-item-text {
 }
 
 .panel-primary > .panel-footer + .panel-collapse .panel-body {
-  border-bottom-color: #428bca;
+  border-bottom-color: #4582ec;
 }
 
 .panel-success {
@@ -6272,8 +6272,8 @@ a.list-group-item.active:focus .list-group-item-text {
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
-  background-color: #f1f1f1;
-  border: 1px solid #e0e0e0;
+  background-color: #f4f4f4;
+  border: 1px solid #e3e3e3;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
@@ -6296,7 +6296,7 @@ a.list-group-item.active:focus .list-group-item-text {
 
 .close {
   float: right;
-  font-size: 25.5px;
+  font-size: 24px;
   font-weight: bold;
   line-height: 1;
   color: #000000;
@@ -6501,7 +6501,7 @@ button.close {
   position: absolute;
   z-index: 1030;
   display: block;
-  font-size: 15px;
+  font-size: 14px;
   line-height: 1.4;
   opacity: 0;
   filter: alpha(opacity=0);
@@ -6649,7 +6649,7 @@ button.close {
 .popover-title {
   padding: 8px 14px;
   margin: 0;
-  font-size: 17px;
+  font-size: 16px;
   font-weight: normal;
   line-height: 18px;
   background-color: #f7f7f7;
@@ -7486,88 +7486,38 @@ td.visible-print {
 }
 
 .navbar {
-  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
-          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  text-transform: uppercase;
 }
 
 .navbar-nav > li > a {
-  padding-top: 19px;
+  padding-top: 20px;
+}
+
+.navbar-nav > li > a:hover {
+  text-decoration: underline;
 }
 
 .navbar-brand {
-  padding-top: 18px;
-}
-
-.btn-default,
-.btn-default:hover {
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d4d4d), color-stop(6%, #333333), to(#292929));
-  background-image: -webkit-linear-gradient(#4d4d4d, #333333 6%, #292929);
-  background-image: -moz-linear-gradient(top, #4d4d4d, #333333 6%, #292929);
-  background-image: linear-gradient(#4d4d4d, #333333 6%, #292929);
-  background-repeat: no-repeat;
-  border: 1px solid #1a1a1a;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d4d4d', endColorstr='#ff292929', GradientType=0);
-  filter: none;
-}
-
-.btn-primary,
-.btn-primary:hover {
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6aa3d5), color-stop(6%, #428bca), to(#3681c1));
-  background-image: -webkit-linear-gradient(#6aa3d5, #428bca 6%, #3681c1);
-  background-image: -moz-linear-gradient(top, #6aa3d5, #428bca 6%, #3681c1);
-  background-image: linear-gradient(#6aa3d5, #428bca 6%, #3681c1);
-  background-repeat: no-repeat;
-  border: 1px solid #3071a9;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6aa3d5', endColorstr='#ff3681c1', GradientType=0);
-  filter: none;
-}
-
-.btn-success,
-.btn-success:hover {
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#80c780), color-stop(6%, #5cb85c), to(#4eb24e));
-  background-image: -webkit-linear-gradient(#80c780, #5cb85c 6%, #4eb24e);
-  background-image: -moz-linear-gradient(top, #80c780, #5cb85c 6%, #4eb24e);
-  background-image: linear-gradient(#80c780, #5cb85c 6%, #4eb24e);
-  background-repeat: no-repeat;
-  border: 1px solid #449d44;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff80c780', endColorstr='#ff4eb24e', GradientType=0);
-  filter: none;
-}
-
-.btn-info,
-.btn-info:hover {
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#85d0e7), color-stop(6%, #5bc0de), to(#4ab9db));
-  background-image: -webkit-linear-gradient(#85d0e7, #5bc0de 6%, #4ab9db);
-  background-image: -moz-linear-gradient(top, #85d0e7, #5bc0de 6%, #4ab9db);
-  background-image: linear-gradient(#85d0e7, #5bc0de 6%, #4ab9db);
-  background-repeat: no-repeat;
-  border: 1px solid #31b0d5;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff85d0e7', endColorstr='#ff4ab9db', GradientType=0);
-  filter: none;
-}
-
-.btn-warning,
-.btn-warning:hover {
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4c37d), color-stop(6%, #f0ad4e), to(#eea43b));
-  background-image: -webkit-linear-gradient(#f4c37d, #f0ad4e 6%, #eea43b);
-  background-image: -moz-linear-gradient(top, #f4c37d, #f0ad4e 6%, #eea43b);
-  background-image: linear-gradient(#f4c37d, #f0ad4e 6%, #eea43b);
-  background-repeat: no-repeat;
-  border: 1px solid #ec971f;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4c37d', endColorstr='#ffeea43b', GradientType=0);
-  filter: none;
-}
-
-.btn-danger,
-.btn-danger:hover {
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e27c79), color-stop(6%, #d9534f), to(#d5433e));
-  background-image: -webkit-linear-gradient(#e27c79, #d9534f 6%, #d5433e);
-  background-image: -moz-linear-gradient(top, #e27c79, #d9534f 6%, #d5433e);
-  background-image: linear-gradient(#e27c79, #d9534f 6%, #d5433e);
-  background-repeat: no-repeat;
-  border: 1px solid #c9302c;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe27c79', endColorstr='#ffd5433e', GradientType=0);
-  filter: none;
+  padding-top: 19px;
+}
+
+.btn {
+  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  text-transform: uppercase;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-transform: uppercase;
+}
+
+p {
+  margin-bottom: 1.4em;
 }
 
 .pagination .active > a,