anchor.diff:    color: rgb(0,136,204);
   }
   
  -a.hnl-logo {
  -  font-size: 20px;
  -  color: #FFFFFF;
  -  font-family: Oswald, "News Cycle", Helvetica, Tahoma, Arial, sans-serif;
  -  letter-spacing:0.08em;
  -  border-bottom: 7px solid #ffde4d;
  -  text-decoration: none;
  -  text-transform: uppercase;
  -  line-height: 70%;
  -}
  -
  -a.hnl-logo:hover {
  -  border-bottom: 10px solid #ffde4d;
  -}
  -
   .sidebar-content  {
     font-size: 14px;
   }
  +
  +
  +/* Top Navbar */
  +/* ---------- */
  +div.navbar-top {
  +  width: 100%;
  +  background-color: #070707;
  +  height: 80px;
  +}
  +div.logo {
  +  display: inline-block;
  +  padding-top:35px;
  +}
  +img.beta {
  +  margin-top: -65px;
  +  margin-left: -10px;
  +}
  +ul.nav-top {
  +  display: inline-block;
  +  padding-top: 35px;
  +}
  +.nav-top li {
  +  display: block;
  +  float: left;
  +}
  +.nav-top li a {
  +  color: #FFFFFF;
  +  font-weight: bold;
  +  float: none;
  +  font-size: 14px;
  +  margin: 9px 10px 2px;
  +  border-bottom: none;
  +}
  +
  +.nav-top li a:hover {
  +  border-bottom: 1px solid #ffde4d;
  +}
  +
  +.nav-top li a:active, .nav-top li a:focus{
  +  color: black;
  +}
  +
  +div.header-search {
  +  padding-top: 35px;
  +}
  +
  +/* Homepage Modal */
  +/* -------------- */
  +.container.main {
  +  margin-top: 50px;
  +  margin-bottom: 50px;
  +}
  +.modal-container {
  +  background-color: #fbfbfb;
  +  float: none;
  +  margin: 0 auto;
  +  padding: 40px 50px 50px 50px;
  +  border:1px solid #FFF;
  +  -moz-box-shadow:    0px 0px 20px 1px rgba(0, 0, 0, 0.4);
  +  -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.4);
  +  box-shadow:         0px 0px 20px 1px rgba(0, 0, 0, 0.4);
  +}
  +
  +div.pop-heading {
  +  border-bottom: 10px solid #ffde4d;
  +  margin: 0 0 20px 0;
  +}
  +
  +p.call {
  +  font-size: 20px; 
  +  margin-bottom: 20px;
  +  text-align: center;
  +}
  +.pop-heading h2 {
  +  font-size:20px;
  +  font-weight: bold;
  +  margin-bottom: 10px;
  +}
  +div.category {
  +  padding: 20px 0;
  +  border-bottom: 1px solid #cdcbcb;
  +}
  +div.category.last {
  +  border: none;
  +}
  +.category {
  +  font-size: 14px;
  +  color: #333;
  +}
  +.category .left {
  +  font-size: 20px;
  +  width: 130px;
  +  display: inline-block;
  +  margin-right: 60px;
  +}
  +
  +div.category a{
  +  color: rgb(51, 51, 51);
  +}
  +
  +div.category a:hover{
  +  color: rgb(69, 128, 180);
  +}
  +
  +.category .right{
  +  font-size: 120%;
  +  /*word-spacing: 20px;*/
  +}
  +
  +
  +/* Homepage Modal -- Search Ribbon*/
  +/* ------------------------------ */
  +div.search-ribbon {}
  +.ribbon-wrapper {
  +  position: relative;
  +  width: 700px;
  +  height: 60px;
  +  margin: 0 auto;
  +  text-align: center;
  +  padding-top: 10px;
  +}
  +.ribbon-front {
  +  position: relative;
  +  padding: 25px 70px;
  +  margin: 0 -78px 50px -78px;
  +  background-color: rgb(69, 128, 180);
  +  color: white;
  +  text-shadow: 0 1px 1px #155B88;
  +  box-shadow: 2px 1px 6px -3px rgba(0, 0, 0, 0.5), -2px 0px 5px -3px rgba(0, 0, 0, 0.5), 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  +}
  +
  +.ribbon-front .triangle-l {
  +  border-color: transparent #4a7d95 transparent transparent;
  +  border-style:solid;
  +  border-width:34px;
  +  height:0;
  +  width:0;
  +  position: absolute;
  +  left: -34px;
  +  top: 83px;
  +  z-index: -1;
  +}
  +
  +.ribbon-front .triangle-r {
  +  border-color: transparent transparent transparent #4a7d95;
  +  border-style:solid;
  +  border-width:34px;
  +  height:0;
  +  width:0;
  +  position: absolute;
  +  right: -34px;
  +  top: 83px;
  +  z-index: -1;
  +}
  +
  +
  +/* Search results page */
  +/* ------------------- */
  +.page-container {
  +  background-color: rgba(255, 255, 255, 0.8);
  +  background-repeat: repeat;
  +}
  +.page-container.search {
  +  padding-top:40px;
  +}
  +
  +.main-content {
  +  background-color: #FFF;
  +  padding: 30px;
  +  opacity:1;
  +  margin-left: 20px;
  +  margin-bottom: 20px;
  +}
  +.main-content > .header { /* TODO */
  +  border-bottom: 6px solid #ffde4d;
  +  padding-bottom: 15px;
  +  margin-bottom: 10px;
  +}
  +.sidebar {
  +  height: 100%;
  +  margin-right: 20px;
  +}
  +
  +.sidebar-unit {
  +    background-color: #FFF;
  +    margin-bottom: 20px;
  +}
  +li.article-listing, li.category-listing {
  +  border-bottom: 1px solid #DDD;
  +  padding: 20px 0px;
  +}
  +li:last-child.article-listing, li:last-child.category-listing {
  +  border-bottom: none;
  +}
  +.sidebar-content {
  +  padding: 10px 15px;
  +}
  +.sidebar ul li {
  +  padding: 10px 0;
  +}
  +.sidebar ul li:first-child {
  +  padding-top: 0;
  +}
  +li.category-article{
  +  padding:5px 0px;
  +}
  +.category-listing h1 {
  +  padding-bottom:5px;
  +}
  +
  +li.article-listing a:hover{
  +  color: rgb(0,136,204);
  +  border-bottom: 1px solid #FFDE4D;
  +}
  +
  +li.article-listing a{
  +  color: rgb(0,136,204);
  +}
  +
  +li.article-listing p{
  +  color: #303030;
  +}
  +
  +li.article-listing p:hover{
  +  color: #303030;
  +  border-bottom: none;
  +}
  +
  +.suggestion {
  +  padding-top: 10px; 
  +}
  +
  +
  +
   
   div.content-text {
     padding-top: 20px;
  
positive.code:   letter-spacing: 0.075em;
  }
  
  h5 { }
  h6 { }
  
  p {
    /*font-size: 1.1em;*/
    color: #070707;
  
negative.code: }
  th {
    text-align: left;
    background-color: #f8f8f8;
  }
  td {
    text-align: left;
    background-color: #ededed;
    margin: 1px;
  }
  
  /*accessibility*/
  a:focus, a:active { 
    color: black;
  }
  
  /* Style external links */
  a[href ^= "http"]:after {
       content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);    
  }
  
  .container a[href ^= "http"]:after {
       content: "";    
  }
  
  div.footer a[href ^= "http"]:after {
       content: none;
  }
  
  div.breadcrumbs a[href ^= "http"]:after {
       content: none;
  }
  
  .highlight {
  	font-weight:bold;
  }
  </style>
  
  