/* The Watchers red: #7e1e14 */
/* ------------------------- */ 


/* THEME FIXES */
/* =========== */
.pagination {
   font-size:15px;
}
   .pagination > li > a {
      color:#333;
   }
   .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
      background:#711;
   }
   .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
      cursor:default;
   }
label[for] {
   cursor:pointer;
}
label, .control-label, .help-block, .checkbox, .radio {
   font-size:15px; 
}
textarea.form-control {
   height:100px;
}
p strong {
   font-family:'Roboto', sans-serif;
}
.main-alert {
   margin-top:20px;
   margin-bottom:0;
}
table {
   font-size:14px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-weight:bold;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 {
   color:#333;
}
   .article-text h3 {
      font-size:22px;
   }
   .article-text h2 {
      font-size:26px;
   }
.btn-default {
   color:#fff;
   background-color:#400;
   border-color:#300;
}
   .btn-default:hover {
      color:#fff;
      background-color:#600;
      border-color:#500;
   }
   .form-control:focus {
      box-shadow:0 0 4px #f00;
      border-color:transparent;
      outline:none;
   }
.table-borderless>thead>tr>th, 
.table-borderless>tbody>tr>th, 
.table-borderless>tfoot>tr>th, 
.table-borderless>thead>tr>td, 
.table-borderless>tbody>tr>td, 
.table-borderless>tfoot>tr>td {
   border:none;
}
.tabs-below .nav-tabs {
   margin-bottom:12px;
   border-bottom:none;
   border-top:1px solid #ddd;
}
   .tabs-below .nav-tabs li:first-child {
      margin-left:4px;
   }
   .tabs-below .tab-pane {
      margin-bottom:10px;
   }
   .tabs-below .nav-tabs:before {
      display:block;
      content:' ';
      margin-top:-10px;
      height:10px;
      border-left:1px solid #ddd;
      border-right:1px solid #ddd;
   }
   .tabs-below .nav-tabs>li {
      margin-bottom:0;
      margin-top:-1px;
   }
   .tabs-below .nav-tabs>li>a {
      background-image: -webkit-gradient(	linear,	left top,	left bottom,	color-stop(0, #AAAAAA),	color-stop(0.16, #DDDDDD));background-image: -o-linear-gradient(bottom, #AAAAAA 0%, #DDDDDD 16%);background-image: -moz-linear-gradient(bottom, #AAAAAA 0%, #DDDDDD 16%);background-image: -webkit-linear-gradient(bottom, #AAAAAA 0%, #DDDDDD 16%);background-image: -ms-linear-gradient(bottom, #AAAAAA 0%, #DDDDDD 16%);background-image: linear-gradient(to bottom, #AAAAAA 0%, #DDDDDD 16%);
   }
   .tabs-below .nav-tabs>li.active>a, 
   .tabs-below .nav-tabs>li.active>a:hover, 
   .tabs-below .nav-tabs>li.active>a:focus {
      border-bottom-color:#aaa;
      border-top-color:transparent;
      background:#fff;
   }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family:'Roboto', 'Impact', sans-serif;
}
.nav-pills>li>a, 
.nav-pills>li>a:hover, 
.nav-pills>li>a:focus {
   border-radius:3px;
}
.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus {
   background:#711;
}
   .nav-pills>li>a {
      padding:4px 10px;
   }
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
   color:#000;
}
.dropdown-toggle {
   cursor:pointer;
}
.navbar-toggle {
   float:left;
   margin:0;
/*   padding:2px 14px 8px 14px;*/
   width:60px;
   height:60px;
   line-height:60px;
   padding:0 14px;
   background:transparent;
}  
   .sidebar-show {
      float:right;
   }
      .mobile-sidebar-shown .sidebar-show {
         display:none;
      }
   .sidebar-hide {
      position:absolute;
      top:0;
      right:-60px;
      width:60px;
   }
   .navbar-toggle:hover, .navbar-toggle:focus {
      background:transparent;
   }
   .navbar-toggle-active {
      background:#200 !important;
   }
   .navbar-toggle span {
      font-size:2em; 
      color:#fff;
      height:4px !important;
      border-radius:2px !important;
      -moz-border-radius:2px !important;
      -webkit-border-radius:2px !important;
      -o-border-radius:2px !important;
   }
footer {
   margin:0;
}
footer li {
   float:none;
   margin-bottom:0;
}
ul {
   padding-left:2em;
}
ul.no-bullet,
ul.no-bullets {
   list-style-type:none;
   padding-left:0.5em;
}  
.alert {
   font-family:Verdana, sans;
}
*[class^='icon-'],
*[class*='icon-'] {
   margin-left:2px;
   margin-right:2px;
}
p a { 
  /* text-decoration:underline; */
}
footer p {
   margin:0 0 10.5px;
}
h1, .h1 {
   font-size:36px;
}
.tooltip.bottom .tooltip-arrow {
   border-bottom-color:#000;
}

/* OWL CAROUSEL FIXES */
/* ================== */
.owl-theme .owl-controls .owl-buttons div {
   border-radius:0;
}

/* EKKO LIGHTBOX FIXES */
/* =================== */
.glyphicon-chevron-left,
.glyphicon-chevron-right {
   font-family:FontAwesome !important;
   text-shadow:0 0 10px #000 !important;
   font-size:40px !important;
}
.glyphicon-chevron-left:before {
   content:"\f137" !important;
}
.glyphicon-chevron-right:before {
   content:"\f138" !important;
}
.ekko-lightbox-nav-overlay a:empty {
   width:30%;
}

/* GOOGLE CSE FIXES */
/* ================ */
.gsc-thumbnail {
   padding-right:14px;
}
   .gsc-control-wrapper-cse tr > td {
      padding-bottom:10px;
   }
   .gsc-selected-option-container {
      padding-right:100px !important;
   }

/* GLOBAL STUFF */
/* ============ */
.loading {
   display:none;
   width:80px;
   height:7px;
   background:url(../img/loading_red.gif);
}
   .loading-shown {
      display:inline-block !important;
   }
   .loading-white {
      background:url(../img/loading_white.gif);
   }
.computer-row {
   display:none; /* Because bots are stupid, that's why */
}
.searchable .highlight {
   background:#ff0;
}
.rotate-90-cc {
   -webkit-transform:rotate(-90deg);
}
.sws-loading {
   display:block;
   margin:0 auto;
   margin-top:20px;
}
.wrapper {
   position:relative;
   min-height:100%;
   padding-top:60px;
   left:0px;
   transition:left ease 0.5s;
}
   /* When the mobile navigation is pulled out */ 
   .mobile-nav-shown {
      left:250px;
   }
   /* When the sidebar is pulled out */ 
   .mobile-sidebar-shown {
      left:-330px;
   }
   .article .wrapper {
      padding-top:60px;
   }
body {
   overflow:hidden;
   padding:0;
}
body, html {
   overflow-x:hidden;
}
   article p {
      line-height:1.6em;
   }
   img.full,
   img.wide {
      width:100%;
   }
   /* Article image on desktop should fit the original proportions */ 
   .article article img.full {
      margin-bottom:20px;
      max-width:798px;
   }
.right-border {
   border-right:1px solid #faa;
}
.text-bigger {
   font-size:1.3em;
}
.text-huge {
   font-size:3em;
}
.text-smaller {
   font-size:0.8em;
}
::-webkit-input-placeholder {
   font-size:13px;
   color:#faa;
}
   :-moz-placeholder {
      font-size:13px;
      color:#faa;
   }
   ::-moz-placeholder {
      font-size:13px;
      color:#faa;
   }
   :-ms-input-placeholder {  
      font-size:13px;
      color:#faa;
   }
.informative {
   display:inline-block;
   margin-right:20px;
   width:30px;
   height:30px;
   line-height:30px;
   font-family:monospace;
   font-size:26px;
   text-align:center;
   color:#fff;
   background:#444;
   cursor:help;
}
.informative-text {
   display:inline-block;
   margin:0 12px;
   border-bottom:1px dotted #aaa;
   cursor:help;
}
   .informative:hover {
      text-shadow:0 0 4px #fff;
   }
   .sws-item .tooltip-inner {
      max-width:400px;
      font-size:15px;
      background:#000 !important;
   }
   .sws-item .tooltip-arrow {
      border-top-color:#000 !important;
   }
.ajax-loader-icon {
   display:block;
   margin:20px auto;
}
.mandatory {
   color:#f00;
   font-size:1.4em;
}

/* RULES FOR OPENING THE SUBNAVIGATIONS */
/* ------------------------------------ */
   
.sub-nav, 
.subnav {
   display:none;
}
   .open .sub-nav,
   .open .subnav {
      display:block;
   }
   .has-subnav .show-on-hover {
      display:block;
      visibility:hidden;
      opacity:0;
   }
   .has-subnav:hover .show-on-hover {
      visibility:visible !important;
      opacity:1;
   }
/*   .has-subnav:hover .sub-nav,*/
/*   .has-subnav:hover .subnav {*/
/*      display:block;*/
/*   }*/

/* HEADER STUFF */
/* ============ */

.fixed-top {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   z-index:10;
}
   .fixed-top .container {
      width:100%;
   }
.main-navigation {
   width:100%;
   height:60px;
   
   box-shadow:0 0 10px #000;
   -moz-box-shadow:0 0 10px #000;
   -webkit-box-shadow:0 0 10px #000;
   -o-box-shadow:0 0 10px #000;
   
   background: rgba(126,30,20,1);
/*   background: -moz-linear-gradient(top, rgba(126,30,20,1) 0%, rgba(99,20,14,1) 100%);*/
/*   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(126,30,20,1)), color-stop(100%, rgba(99,20,14,1)));*/
/*   background: -webkit-linear-gradient(top, rgba(126,30,20,1) 0%, rgba(99,20,14,1) 100%);*/
/*   background: -o-linear-gradient(top, rgba(126,30,20,1) 0%, rgba(99,20,14,1) 100%);*/
/*   background: -ms-linear-gradient(top, rgba(126,30,20,1) 0%, rgba(99,20,14,1) 100%);*/
/*   background: linear-gradient(to bottom, rgba(126,30,20,1) 0%, rgba(99,20,14,1) 100%);*/
/*   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e1e14', endColorstr='#63150e', GradientType=0 );*/
}
   .main-navigation .container {
      padding:0;
   }

/* SUBNAVIGATION */
/* ------------- */

.main-nav .sub-nav {
   position:absolute;
   top:80px;
   left:0;
   padding:30px 0;
   width:100%;
   font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
   font-weight:normal;
   text-align:left;
   text-transform:none;

   background:#fee;
   z-index:9;   
   box-shadow:0 8px 4px rgba(0,0,0,0.4);
   border-bottom:6px solid #7e1e14;
}
   .main-nav .sub-nav h2 {
      margin:0 0 20px 0;
      font-size:24px;
   }
   .main-nav .sub-nav h2 a {
      color:#411;
   }
   .main-nav .sub-nav ul {
      list-style-type:none;
      padding:0;
   }
   .main-nav .sub-nav li {
      display:block;
      float:none;
      margin:0;
      padding:0;
      line-height:2em;
      text-align:left;
   }
   .main-nav .sub-nav li a {
      color:#400;
   }
      .main-nav .sub-nav img {
         width:90%;
      }
      .main-nav .sub-nav a {
         padding:0;
      }
      .main-nav .sub-nav h4 a {
         color:#333;
      }
      .main-nav .sub-nav p {
         line-height:1em;
      }
      .main-nav .sub-nav ul ul {
         padding-left:0.5em;
         font-size:0.9em;
      }  
   
/* BORDERS IN THE NAVIGATION */
/* ------------------------- */

.navbar-default .navbar-toggle {
   border-right:1px solid #500;
}
.navbar-brand, 
.main-nav {
   border-left:1px solid #7e1e14;
}
.sidebar-show {
   border-left:1px solid #500 !important;
}

@media(min-width:992px) {
   .navbar-brand {
      border-right:1px solid #611;
      border-left:none;
   }
}
/* END BORDERS IN THE NAVIGATION */
/* ----------------------------- */

.navbar-brand {
   height:60px;
   font-family:'Roboto Condensed', 'Impact', sans-serif;
}
   .navbar-brand .name {
      display:block;
      font-weight:bold;
      font-size:32px;
      line-height:32px;
   }
   .navbar-brand .tagline {
      display:none;
      font-weight:normas;
      font-size:14px;
      color:#faa;
   }

/* MAIN NAVIGATION */
/* --------------- */

.main-nav {
   display:none;
   float:left;
   padding-left:10px;
   list-style-type:none;
}
   .main-nav > li {
      float:left;
      margin:0 -1px;
      font-family:'Roboto Condensed', 'Impact', sans-serif;
      font-size:14px;
      font-weight:bold;
      text-transform:uppercase;
      overflow:hidden;
      text-align:center;
   }
      .main-nav > li > a {
         display:block;
         color:#fcc;
         height:80px;
         text-decoration:none !important;
         padding-top:26px;
      }
         .main-nav > li.more-categories > a {
            padding-top:22px;
         }
         .main-nav > li > a > label {
            display:block;
            text-transform:none;
            font-size:12px;
            font-family:"Open Sans";
            cursor:pointer;
         }
         .main-nav > li:hover {
            background:#933;
         }
         .main-nav > li:hover > a {
            text-decoration:none;
         }
         .main-nav > li.open {
            background:#fee !important;
            text-decoration:none;
         }
         .main-nav > li.open > a {
            color:#7e1e14;
            text-decoration:none;
         }

/* RESPONSIVE CATEGORIES IN THE NAVIGATION */
/* --------------------------------------- */

      
.main-nav li a { /* padding:0 8px; */ }
   .category-earth-changes a  { width:111px; }
   .category-severe-weather a { width:120px; }
   .category-space-weather a  { width:113px; }
   .category-space a          { width:54px; }
   .category-research a       { width:77px; } 
   .category-video-gallery    { display:none; }
   .more-categories a         { width:31px; }

@media(min-width:992px) {
   .main-nav > li > a { /* padding:0 16px; */ font-size:14px; }
   .category-video-gallery { display:block; }
   .category-earth-changes a  { width:127px; }
   .category-severe-weather a { width:136px; }
   .category-space-weather a  { width:129px; }
   .category-space a          { width:70px; }
   .category-research a       { width:93px; } 
   .category-video-gallery a  { width:123px; }
   .more-categories a         { width:47px; }
}

@media(min-width:1200px) {
   .main-nav > li > a { /* padding:0 24px; */ font-size:16px; }
   .category-earth-changes a  { width:160px; }
   .category-severe-weather a { width:167px; }
   .category-space-weather a  { width:160px; }
   .category-space a          { width:92px; }
   .category-research a       { width:119px; }
   .category-video-gallery a  { width:151px; }
   .more-categories a         { width:66px; } 
}
/* SECONDARY NAVIGATION */
/* -------------------- */
.secondary-navigation {
   display:none;
   padding-top:100px;
   padding-bottom:10px;
   background:#500e0a;
}
   .secondary-navigation .row > div[class^=col-] {
      padding:0;
   }
   .secondary-navigation .row {
      margin-left:0;
      margin-right:0;
   }
   .secondary-navigation .row > div {
      text-align:center;
   }
   .secondary-navigation p,
   .secondary-navigation span {
      padding:0;
      color:#fcc;
   }
   .secondary-navigation a {
      color:#fff;
   }
   .secondary-navigation .icon-globe {
      margin:0 4px;
   }
   .secondary-navigation .classy {
      /*font-family:'Roboto Condensed', 'Impact', sans-serif;*/
   }
   .secondary-navigation .clock {
      font-family:'Roboto Condensed', 'Impact', sans-serif;
   }
   .secondary-navigation .spacer {
      display:inline-block;
      width:20px;
   }
   .secondary-navigation .red {
      font-weight:bold;
      color:#f00 !important;
   }
   .secondary-navigation .social-icons {
      margin:-4px 0;
      font-size:22px;
   }
      .secondary-navigation .social-icons a span {
         display:inline-block;
         margin:0 !important;
         width:22px;
         height:22px;
         color:#500e0a;
         background:#fcc;
         border-radius:1px;
      }
      .secondary-navigation .social-icons a:hover span {
         background:#fff;
         text-decoration:none;
      }
   .secondary-navigation .sws-holder,
   .secondary-navigation .sam-holder {
      padding:0 8px;
   }
   .secondary-navigation .sws,
   .secondary-navigation .sam {
      display:block;
      width:100%;
      margin-top:-4px;
      padding-top:6px;
      padding-bottom:6px;
      min-height:30px;
      font-size:14px;
      text-align:center;
      background:#300;
   }
      .secondary-navigation .sam,
      .secondary-navigation .sws {
         text-decoration:none;
      }
      .secondary-navigation .sws:hover,
      .secondary-navigation .sam:hover {
         color:#fff;
         background:#900;
      }
      .secondary-navigation li a {
         padding:4px 12px;
         text-align:left;
      }
   .search-form {
      display:block;
      margin-right:40px;
      margin-top:-6px;
   }
      .search-control {
         display:block;
         float:left;
         width:100%;
         height:30px;
         line-height:30px;
         color:#fff;
         font-family:'Roboto Condensed', 'Impact', sans-serif;
         background:#722;
         border:none;
         outline:none;
      }
      .search-button {
         display:block;
         float:right;
         padding:0;
         margin-right:-30px;
         width:30px;
         height:30px;
         background:#933;
         cursor:pointer;
         border:none;
         outline:none;
      }
      .search-button:hover {
         background:#b44;
      }
      .search-button:active {
         background:#300;
      }
         .search-button .icon-search {
            display:block;
            width:30px;
            height:30px;
            line-height:30px;
            text-align:center;
            color:#ccc;
         }
   .contribute {
      position:relative;
      display:inline-block;
      padding:6px 12px;
      margin-top:-8px;
      height:30px;
      line-height:30px;
   }
      .contribute:hover {
         background:#fee;
      }
      .contribute:hover span {
         color:#400;
      }
      .contribute-link:hover {
         color:#400;
         background:#fee;
      }
      .contribute-menu {
         position:absolute;
         z-index:2;
         top:30px;
         left:0;
         padding:12px 0;
         width:200px;
         list-style-type:none;
         text-align:left;
         background:#fee;
         border-bottom:3px solid #400;
         box-shadow:2px 6px 4px rgba(0,0,0,0.4);
      }
         .contribute-menu li {
           
         }
         .contribute-menu li a {
            color:#400;
         }

.navigation-puller, 
.navigation-puller:hover {
   position:absolute;
   top:0;
   z-index:4;
   left:10px;
   padding:10px 0;
   width:50px;
   line-height:50px;
   color:#fff;
   text-align:center;
   background:#500e0a;
   border-bottom:4px solid #400;
   box-shadow:0 4px 6px rgba(0,0,0,0.5);
}
   .navigation-puller {
      display:none;
   }
   .navigation-puller:hover {
      text-decoration:none;
      box-shadow:0 0 10px #500e0a;
      border-bottom:4px solid #900;
   }
   .navigation-puller .icon-bar {
      display:block;
      margin:2px auto;
      width:22px;
      height:4px;
      background:#fff;
      border-radius:2px;
   }
   .navigation-puller .menu-label {
      display:block;
      text-transform:uppercase;
      -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
   }

/* FOOTERS */
/* ------- */

.prefooter {
   padding:30px;   
   background:#eee;
   border-top:1px solid #e0e0e0;
}
.footer-menu {
   padding:20px 0;
   background:#500e0a;
}
   /* Hiding too many list elements for mobile resolutions */ 
   .prefooter li:nth-child(n+4) {
      display:none;
   }
   
   .footer-menu .helper {
      float:right;
      position:relative;
      left:-50%;
      text-align:left;
   }
   .footer-menu ul {
      margin:0;
      list-style-type:none;
      float:left;
      position:relative;
      left:50%;
   }
   .footer-menu li {
      float:left;
      position:relative;
      margin:0;
   }
   .footer-menu a {
      display:block;
      float:left;
      padding:2px 8px;
      font-weight:bold;
      font-size:12px;
      color:#fff;
      text-transform:uppercase;
      border-right:1px solid #a11;
   }
   .footer-menu a.last {
      border-right:none;
   }
.footer {
   padding-top:20px;
   padding-bottom:20px;
   background:#701010;
}
   .footer .col-md-6 {
      margin-bottom:20px;
   }
   .footer p, 
   .footer h1,  
   .footer h2,  
   .footer h3,  
   .footer h4,  
   .footer h5,  
   .footer h6,  
   .footer li {
      color:#eee;
   }
   .footer h4 {
      font-size:24px;
      margin-top:20px;
   }
   .footer h5 {
      font-size:19px;
      margin-top:20px;
   }
   .footer a {
      color:#fff;
   }
   .footer p a {
      text-decoration:underline;
   }
   .footer blockquote {
      padding-top:0;
      margin-bottom:12px;
      font-family:serif;
      font-style:italic;
      font-size:14px;
      color:#faa;
      border-left:2px solid #922;
   }
   .footer .signature {
   }
      .footer .signature p,
      .footer .signature p a {
         color:#f00;
         border:none;
      }
      .footer .signature p a:hover {
         color:#faa;
      }
   .footer .form-control {
      background:#fdd;
   }
   .bottom-text {
      padding-top:12px;
      text-align:center;
      border-top:1px dotted #a22;
   }

/* MOBILE NAVIGATION */
/* ----------------- */

.mobile-navigation {
   position:absolute;
   top:0;
   left:-250px;

   padding:12px;   
   width:250px;
   min-height:100%;

   background:#333;
   background-image: -webkit-gradient(	linear,	left top,	right top,	color-stop(0.76, #333333),	color-stop(1, #1F1F1F));
   background-image: -o-linear-gradient(right, #333333 76%, #1F1F1F 100%);
   background-image: -moz-linear-gradient(right, #333333 76%, #1F1F1F 100%);
   background-image: -webkit-linear-gradient(right, #333333 76%, #1F1F1F 100%);
   background-image: -ms-linear-gradient(right, #333333 76%, #1F1F1F 100%);
   background-image: linear-gradient(to right, #333333 76%, #1F1F1F 100%);
}
.mobile-navigation hr {
   border-top:1px dotted #666;
}
.mobile-navigation h2 {
   margin:2px -12px;
   padding:0 12px;
   height:40px;
   line-height:40px;
   font-weight:bold;
   font-size:16px;
   color:#fff;
   background:#111;
   text-transform:uppercase;
}
.mobile-navigation h3,
.mobile-navigation h4,
.mobile-navigation h5 {
   color:#fff;
}
.mobile-navigation p a {
   color:#fff;
   text-decoration:underline;
}

.mobile-navigation p {
   margin-top:0.5em;
   color:#ccc;
}
   .mob-search-form {
      display:block;
      margin-right:30px;
   }
      .mob-search-control {
         display:block;
         float:left;
         width:100%;
         height:30px;
         color:#fff;
         background:#999;
         border:none;
         outline:none;
      }
      .mob-search-button {
         display:block;
         float:right;
         margin-right:-30px;
         width:30px;
         height:30px;
         line-height:30px;
         text-align:center;
         background:#aaa;
         border-left:1px solid #bbb;
         cursor:pointer;
      }
      .mob-search-button:hover {
         background:#ccc;
      }
      .mob-search-button:active { 
         background:#666;
      }
      .mob-search-button .icon-search {
         display:block;
         width:30px;
         height:30px;
         line-height:30px;
         text-align:center;
         color:#fff;
      }
   .mobile-navigation .signature p,
   .mobile-navigation .signature p a {
      font-size:13px;
      color:#555;
   }
.mobile-main-nav,
.mobile-secondary-nav {
   list-style-type:none;
   padding:0;
   color:#fff;
}
   .mobile-main-nav li,
   .mobile-secondary-nav li {
   }
      .mobile-main-nav li a,
      .mobile-secondary-nav li a {
         display:block;
         line-height:30px;
         color:#ccc;
      }
      .mobile-main-nav li a {
         margin:1px -12px;
         padding:0 12px;
         height:40px;
         line-height:40px;
         background:#1f1f1f;
         border-top:1px solid #131313;
         border-bottom:1px solid #404040;
      }
      .mobile-main-nav li a:active {
         background:#666;
         border-top:1px solid #666;
         border-bottom:1px solid #666;
      }
      .mobile-main-nav li a span {
         margin-right:8px;
      }

   .mobile-main-nav li.more-categories {
      text-transform:none;
   }
   .mobile-main-nav li.more-categories a {
   }

/* SEISMIC ACTIVITY MONITOR */
/* ======================== */
.seismic-activity-monitor .wrapper {
/*   background:url(../img/asphalt.jpg) repeat;*/
}
   .seismic-activity-monitor .candy-b {
      background:rgba(255,255,255,0.4);
      border:none;
   }
.sam-container {
   position:relative;
   width:100%;
}
   .sam-container #map-canvas {
      width:100%;
      height:800px;
      background:skyblue;
   }
   .sam-navigation {
      position:absolute;
      z-index:4;
      top:20px;
      left:50%;
      margin-left:-496px; 
      width:992px;
      height:85px;
      background:#fff;
      box-shadow:0 4px 6px rgba(0,0,0,0.4);
   }
   .sam-nav-inner {
   }
   .sam-title {
   }
   .sam-title h1 {
      font-size:26px;
      text-transform:uppercase;
   }
   .sam-toolbar {
      padding-top:10px;
   }
   .sam-toolbar .form-group {
   }
   .sam-toolbar-cracked {
      background:rgba(255,255,255,0.8) url(../img/cracked.png) right center no-repeat;
   }
   .sam-toolbar h1 {
      margin:0;
      line-height:70px;
      font-family:'Roboto', 'Impact', sans-serif;
      text-transform:uppercase;
      font-size:20px;
   }
   .sam-toolbar label {
      display:block;
      font-family:'Roboto', 'Impact', sans-serif;
      font-weight:bold;
      font-size:14px;
      text-transform:uppercase;
   }
   .sam-toolbar select {
      opacity:0.9;
   }
   .earthquakes-info {
      position:absolute;
      top:340px;
      right:20px;
      width:240px;
      min-height:400px;
      background:rgba(0,0,0,0.8);
   }
   .earthquakes-info-handle {
      display:block;
      position:absolute;
      top:50%;
      left:-30px;
      width:30px;
      height:100px;
      margin-top:-50px;
      color:#fff;
      line-height:100px;
      text-align:center;
      background:rgba(0,0,0,0.8);
      border-radius:3px 0 0 3px;
      cursor:pointer;
   }
   .earthquakes-info-handle:hover {
      background:rgba(0,0,0,0.9);
   }
   .earthquakes-info-handle:hover span {
      color:#0ff;
   }
   .sort-holder {
      padding:10px;
      color:#fff;
   }
   .sort-holder select {
      width:100%;
      background:#111;
      color:#fff;
   }
   .infoCont {
      padding:10px 10px;
      color:#fff;
      border-bottom:1px solid #222;
      cursor:pointer;
   }
   .infoCont h6 {
      margin:0;
   }
   .infoCont p {
      margin:0;
      font-size:12px;
   }
   .infoCont:hover h6,
   .infoCont:hover p {
      color:#0ff;
   }
   .info
      #spinner {
         position:absolute;
         top:40%;
         left:50%;
         z-index:10;
      }
   .gm-style {
      font-size:13px;
      font-family:Arial,Helvetica,sans-serif;
   }
   .sam-legend {
      display:none;
   }
      .sam-legend-container {
         position:absolute;
         bottom:30px;
         left:5px;
         padding:0 8px;
         height:26px;
         line-height:26px;
         font-size:13px;
         font-weight:bold;
         border:1px solid #aaa;
         border-radius:1px;
         background:#fff;
         box-shadow:0 2px 2px rgba(0,0,0,0.2);
         cursor:pointer;
      }
.sam-navigation .ui-dropdownchecklist-selector-wrapper {
   display: block;
   width: 100%;
   height: 35px;
   padding: 6px 12px;
   padding:7px;
   font-size: 15px;
   line-height: 1.42857143;
   color: #6f6f6f;
   background-color: #ffffff;
   background-image: none;
   border: 1px solid #cccccc;
   border-radius: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
   .sam-navigation .ui-dropdownchecklist-selector {
      border:none;
   }
   .ui-dropdownchecklist-text {
      font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size:15px;
      color:#6f6f6f;
   }
   .sam-navigation .ui-dropdownchecklist-dropcontainer {
      padding:6px 10px;
   }
   .sam-navigation .ui-dropdownchecklist-dropcontainer-wrapper {
      width:240px;
   }
   .sam-navigation .ui-dropdownchecklist-dropcontainer-wrapper label {
      display:inline-block;
      margin-left:8px;
      text-transform:none;
      font-weight:normal;
   }

/* SPACE WEATHER STATION */
/* ===================== */

.space-weather-station .candy-b {
   background:rgba(255,255,255,0.3);
   border:none;
}

.sws-header {

}
   .sws-header h1 {
      padding-left:12px;
      margin-right:240px;
      font-weight:bold;
      font-size:32px;
      text-transform:uppercase;
   }
   .sws-header h1,
   .sws-header h2,
   .sws-header p {
      color:#fff;
      text-shadow:0 2px 2px #000;
   }
   .sws-header p {
      font-weight:bold;
   }
   .header-infos {
      margin-top:0px;
   }
      .header-info,
      .header-info-2 {
         float:left;
         margin-bottom:20px;
         margin-left:12px;
         font-weight:bold; 
         color:#fff;
      }
      .header-info {
         width:121px;
      }
      .header-info img,
      .header-info .header-box {
         display:block;
         margin-bottom:6px;
      }
      .header-box {
         float:left;
         width:110px;
         margin-right:8px;
         height:21px;
         background:#000;
         color:#fff;
         text-align:center;
         line-height:21px;
      }
     .flare-prob-x {
         float:right;
      }
      .flare-prob-m {
         float:left;
      }
      .header-box-green {
         background:#040;
      }
      .header-box-yellow {
         background:#ffd700;
         color:#000;
      }
      .header-box-red {
         background:#a00;
      }
      .header-info-longer,
      .header-info-longer .header-box {
         width:170px;
      }
      .header-info-longer .header-box {
         color:#f90;
      }
      .header-info-double {
         width:232px;
      }
      .header-info-double .header-box {
         margin-right:0;
      }
   .sws-container {
      position:relative;
      z-index:1;
/*      padding:20px;*/
      /* -webkit-transform:skewY(-1deg); */
      -webkit-border-radius:3px;
   }
   .sws-clock {
      float:right;
      width:200px;
      margin-top:12px;
      margin-bottom:20px;
      padding-top:12px;
      color:#fff;
      text-shadow:0 2px 3px #000;
      text-align:center;
      text-shadow:0 2px 4px #000;
      background:rgba(0,0,0,0.4);
   }
      .sws-time {
         margin:0;
         padding:0;
         font-family:'ds-digitalbold', sans;
         font-size:40px;
         line-height:30px;
      }
/* Breaks the header infos into rows on mobile, but on big screens they are floated */ 
.mobile-breaker {
   display:block;
   overflow:hidden;
}
@media(min-width:768px) {
   .mobile-breaker {
      display:inline;
      overflow:auto;
   }
}

body.space-weather-station {
   background-color:#000;
   background-image:url(../img/space_mobile.jpg);
   background-position:center 0;
   background-repeat:no-repeat;
   background-attachment:fixed;
}
   .space-weather-station .dropdown-menu>li>a {
      padding:6px 20px;
   }
   .space-weather-station .sws-tabs>li>a {
      color:#fff;
      font-family:'Roboto', 'Impact', sans-serif;
      font-weight:bold;
      border:none;
      background:transparent;
   }
      .space-weather-station .sws-tabs>li>a:hover {
         background:#222;
         border:none;
/*         background:rgba(0,0,0,0.9);*/
/*         border:1px solid transparent;*/
      }
      .space-weather-station .sws-tabs>li.active>a, 
      .space-weather-station .sws-tabs>li.active>a:hover, 
      .space-weather-station .sws-tabs>li.active>a:focus, 
      .space-weather-station .sws-tabs>li.open>a {
         background:#037;
         color:#fff;
/*         background:#ddf;*/
/*         box-shadow:0 0 10px #67C8FF;*/
/*         border:none;*/
      }
   .space-weather-station .sws-tabs {
      position:relative;
      z-index:2;
      padding-left:4px;
      background:#fff;
      background:rgba(0,0,0,0.4);
      border-bottom:2px solid #037;
   }
   .space-weather-station .sws-tabs li a {
   }
   .sws-container .sws-content {
      padding-top:20px;
   }
.sws-item {
   position:relative;
   padding:4px 2px 12px 2px;
   margin-bottom:20px;
   background:rgba(0,10,20,.8);
   box-shadow:inset 0 0 100px rgba(0,0,0,.8);
}

   .sws-item hr {
      border-top:1px solid #0C1A2B;
   }
/*   sws overflowers only for big screens */
   @media(min-width:992px) {
      .overflower-a {
         max-height:500px;
         overflow-y:auto;
      }
      .overflower-b {
         max-height:900px;
         overflow-y:auto;
      }
      .overflower-c {
         max-height:500px;
         overflow-y:auto;
      }
   }
   .sws-item-double {
      float:left;
      width:342px;
   }
   .sws-item-single {
      float:left;
      width:342px;
   }
   @media(min-width:992px) {
      .sws-item-double {
         width:64%;
         min-width:540px;
      }
      .sws-item-single {
         width:31%;
         min-width:270px;
      }
   }
   .sws-item h3 {
      padding-top:20px;
   }
   .sws-item p,
   .sws-item h3,
   .sws-item h4,
   .sws-item h5,
   .sws-item .table-holder {
      font-family:Arial, sans-serif;
      color:#fff;
      margin-left:12px;
      margin-right:12px;
   }
   .sws-item h4 {
      margin-bottom:12px;
      margin-right:20px;
      padding:6px 4px 6px 0px;
      font-family:'Roboto', 'Impact', sans-serif;
      font-weight:bold;
/*      background:#3A3A40;*/
/*      border-right:3px solid #444;*/
/*      border-bottom:1px solid #444;*/
   }
   .sws-item li, 
   .sws-item a {
      color:#fff;
   }
   .sws-item a {
      text-decoration:underline;
   }
   .sws-item a:hover {
      color:#00ffff;
   }
   .sws-item img.wide {
      display:block;
      margin-bottom:12px;
      width:100%;
/*      border-radius:0 0 3px 3px;*/
   }
   .table-white {
/*      background:#fff;*/
   }
.sws-item .nav-pills {
   margin:12px 12px 20px 12px;
   padding-bottom:12px;
   font-family:'Roboto', 'Impact', sans-serif;
   font-weight:bold;
   border-bottom:1px dotted #aaa;
}
   .sws-item .nav-pills li a {
      text-decoration:none;
   }
   .sws-item .nav-pills>li.active>a, 
   .sws-item .nav-pills>li.active>a:hover, 
   .sws-item .nav-pills>li.active>a:focus {
      color:#000;
      background:#ccc;
/*      background:#fff;*/
   }
   .sws-item .nav>li>a:hover, 
   .sws-item .nav>li>a:focus {
      background:#036;
/*      background:#666;*/
   }
.sws-item .table-bordered, 
.sws-item .table-bordered>thead>tr>th, 
.sws-item .table-bordered>tbody>tr>th, 
.sws-item .table-bordered>tfoot>tr>th, 
.sws-item .table-bordered>thead>tr>td, 
.sws-item .table-bordered>tbody>tr>td, 
.sws-item .table-bordered>tfoot>tr>td {
   background:#000;
   border:none;
   border-bottom:1px solid #284361;
}
.sws-item pre {
   color:#fff;
   font-size:12px;
   border:none;
}
.sws-item pre,
.sws-item .file-content {
   background:rgba(0,0,0,0.4);
}
.sws-item .file-content {
   padding-top:12px;
   padding-bottom:12px;
}
.sws-item .nav-tabs {
   border:none;
   margin-left:12px;
}
.sws-item .nav-tabs>li>a {
   margin-right:0;
   margin-left:0;
   color:#bbb;
   text-decoration:none;
   background:#11111a;
   border-bottom:1px solid #fff;
}
.sws-item .nav-tabs>li.active>a, 
.sws-item .nav-tabs>li.active>a:hover, 
.sws-item .nav-tabs>li.active>a:focus {
   color:#fff;
   background:none;
   border:1px solid #fff;
   border-bottom-color:transparent;
}
.sws-item .nav-tabs>li>a:hover {
   background:#445;
   border-color:transparent;
   border-bottom-color:#fff;
} 
   .sws-item .icon-refresh {
      position:absolute;
      top:12px;
      right:12px;
      padding:6px;
      color:#fff;
      text-decoration:none;
      background:#036;
   }
   .sws-item .icon-refresh:hover {
/*      background:#666;*/
   }
   .sws-item .icon-refresh:active {
      background:#000;
      border-top:1px solid #333;
   }
      /*#sun {
         position:fixed;
         left:-100px;
         top:140px;
         width:537px;
         height:432px;
         background:url(../img/sun.png);
      }
      #earth {
         position:fixed;
         z-index:0;
         left:540px;
         top:140px;
         width:51px;
         height:53px;
         background:url(../img/earth.png);
      }*/
      #comet {
         position:fixed;
         z-index:0;
         width:164px;
         height:112px;
         background:url(../img/comet.png) center center no-repeat;
      }
      #astronaut {
         position:fixed;
         z-index:0;
         width:169px;
         height:193px;
         background:url(../img/astronaut.png) center center no-repeat;
      }
      #shuttle {
         position:fixed;
         z-index:0;
         width:285px;
         height:144px;
         background:url(../img/shuttle.png) center center no-repeat;
      }
      #satellite {
         position:fixed;
         z-index:0;
         width:246px;
         height:506px;
         background:url(../img/satellite.png) center center no-repeat;
      }
      #space-cow {
         position:fixed;
         z-index:0;
         width:181px;
         height:215px;
         background:url(../img/space_cow.png) center center no-repeat;
      }
/*      .space-weather-station .candy-header,*/
      .space-weather-station .prefooter, 
      .space-weather-station .footer, 
      .space-weather-station .candy-footer, 
      .space-weather-station .sws-image-credit,
      .space-weather-station .candy-prefooter,
      .space-weather-station .footer-menu,
      .space-weather-station .header-infos,
      .space-weather-station .sws-clock {
         position:relative;
         z-index:1;
      }

.sws-image-credit {
   margin-top:40px;
   color:#fff;
   text-align:center;
}

/* MAIN CONTENT */
/* ============ */
.sidebar {
}
   .sidebar h4,
   .sidebar h4 a {
      margin-top:0;
      font-size:18px;
      color:#711;
      text-decoration:none;
   }
   .sidebar h4 a:hover {
      text-decoration:underline;
   }
   .sidebar .sidebar-box {
      padding:20px 0;
      border-bottom:1px solid #ddd;
   }
   .sidebar .sidebar-box-bordered {
   }
   .sidebar-facebook,
   .sidebar-twitter {
      margin:0 auto;
      width:300px;
   }
   .sidebar .tab-content ol,
   .sidebar .tab-content ul {
      padding-left:2em;
   }
      .sidebar .tab-content ol.simplistic,
      .sidebar .tab-content ul.simplistic {
         padding-left:0;
      }
   .sidebar .top-articles ol li {
      padding-top:6px;
   }
   .sidebar .sidebar-box ol li a,
   .sidebar .sidebar-box ul li a {
      color:#111;
   }
      .sidebar .sidebar-box ol li a.btn,
      .sidebar .sidebar-box ul li a.btn {
         color:#fff;
      }
   .newsflash h4 a {
      color:#333;
   }  
/* FACEBOOK & TWITTER FOLLOWERS IN THE SIDEBAR */
/* ------------------------------------------- */ 
.sidebar-twitter {
   padding:20px 0;
   width:300px;
}
   @media(min-width:667px) {
      .sidebar-twitter {
         padding:0;
         border:none;
         float:left;
      }
      .sidebar-facebook {
         float:right;
      }
   }
   @media(min-width:992px) {
      .sidebar-twitter {
         float:none;
         padding:20px 0;
         margin-bottom:20px;
         border-bottom:1px solid #ddd;
      }
      .sidebar-facebook {
         float:none;
      }
   }

.article-side {
   position:relative;
   display:none;
}
   #article-sharers {
      position:relative;
   }
.article-calendar-outer {
   margin-top:20px;
}
   .article-calendar-inner {
      border:1px solid #ccc;
      background:#fff;
/*      box-shadow:0 4px 4px rgba(0,0,0,0.4);*/
   }
   .article-calendar-date {
      height:50px;
      line-height:50px;
      font-family:Roboto, Impact, sans-serif;
      font-weight:bold;
      font-size:30px;
      text-align:center;
   }
   .article-calendar-month {
      font-family:Roboto, Impact, sans-serif;
/*      font-weight:bold;*/
      text-align:center;
      font-size:12px;
      color:#fff;
      background:#711;
   }
.article-text p img,
.article-text iframe,
.article-text object,
.article-text embed {
   display:block;
   max-width:100%;
   margin:20px auto;
}
.twitter-tweet {
   margin-top:40px !important;
   margin-bottom:40px !important;
}
.article article h1 {
   margin-top:0;
}

.sam-module,
.more-latest-articles {
/*   padding:0 4px;*/
}
.featured-button-holder {
   text-align:center;
   background:url(../img/dot_grey.png) center center repeat-x;
}
   .featured-button-padding {
      display:inline-block;
      padding:20px;
      background:#fff;
   }
.swsm-overview {
   margin-bottom:10px;
}
.swsm-overview-dark {
   background:url(../img/space.jpg) center top no-repeat;
   color:#000;
   padding-left:12px;
   margin-bottom:12px;
}
   .swsm-overview-dark p {
      color:#fff;
   }
   .sws-module td.sws-m-title {
      padding-top:12px;
   }
   .sws-module td.sws-m-title p {
      padding:0;
      margin:0;
   }
   .swsm-table-2 {
      margin-top:12px;
      margin-bottom:12px;
   }
   .swsm-overview .bordered td {
      padding:6px 4px 0 4px;
      border-top:1px dashed #ccc;
   }
   .swsm-overview .bordered-bottom td {
      border-bottom:1px dashed #ccc;
   }
   .swsm-overview-dark td {
      color:#fff;
   }
   .swsm-box-holder {
      background:#000;
   }
   .swsm-box {
      display:inline-block;
      width:121px;
      height:21px;
      color:#fff;
      font-weight:bold;
      line-height:21px;
      text-align:center;
      background:#000;
   }
   .swsm-box-longer {
      width:150px;
      color:#f90;
   }
.tags {
   padding:10px 12px;
   margin-top:20px;
   background:#eee;
   opacity:0.8;
}   
ul.simplistic {
   list-style-type:none;
   padding-left:0;
}
   .simplistic li {
      padding:4px 0;
      border-bottom:1px solid #eee;
   }
   .simplistic li:last-child {
      border-bottom:none;
   }
   .simplistic li a {
      text-decoration:none;
      font-family:'Roboto', 'Impact', sans-serif;
      color:#333;
   }
   .simplistic li a:hover {   
      text-decoration:underline;
   }

.homepage-slider {
   overflow:hidden;
   width:100%;
   height:350px;
}
.homepage-head {
   margin-top:30px;
}
   /*   article date*/
   .homepage-head .text-muted {
      margin-bottom:20px;
   }
   .homepage-head h2 {
      margin-top:10.5px;
   }
   .homepage-head h2, 
   .homepage-head h4 {
      margin-bottom:2px;
   }
   .more-latest-articles {
      margin-top:24px;
   }
.homepage-a-1,
.homepage-a-2,
.homepage-a-3,
.homepage-a-4,
.homepage-a-5,
.homepage-a-6 {
   margin-left:140px;
   margin-bottom:24px;
}
   .homepage-a-1 .homepage-a-image,
   .homepage-a-2 .homepage-a-image,
   .homepage-a-3 .homepage-a-image,
   .homepage-a-4 .homepage-a-image,
   .homepage-a-5 .homepage-a-image,
   .homepage-a-6 .homepage-a-image {
      overflow:hidden;
      float:left;
      width:120px;
      height:90px;
      margin-left:-140px;
   }
   .homepage-a-1 .homepage-a-image img,
   .homepage-a-2 .homepage-a-image img,
   .homepage-a-3 .homepage-a-image img,
   .homepage-a-4 .homepage-a-image img,
   .homepage-a-5 .homepage-a-image img,
   .homepage-a-6 .homepage-a-image img {
      width:244px;
      height:90px;
      margin-left:-40px;
   }
   .homepage-a-1 .homepage-a-content,
   .homepage-a-2 .homepage-a-content,
   .homepage-a-3 .homepage-a-content,
   .homepage-a-4 .homepage-a-content,
   .homepage-a-5 .homepage-a-content,
   .homepage-a-6 .homepage-a-content {
      width:100%;
      float:right;
   }
.featured-banner {
   display:block;
   margin-bottom:20px;   
   font-family:'Roboto';
   font-weight:bold;
   font-size:30px;
   border-bottom:2px solid #faa;
}

/*.article-preview {*/
/*   margin-bottom:20px;   */
/*   padding-bottom:20px;*/
/*   padding-top:20px;*/
/*   border-bottom:1px solid #ccc;*/
/*}*/
/*.article-preview .article-image,*/
/*.article-preview-smaller .article-image {*/
/*}*/
/*   .article-preview .article-image img,*/
/*   .article-preview-smaller .article-image img {*/
/*      width:100%;*/
/*   }*/

.article-preview {
   margin-top:20px;
   margin-bottom:0;
   margin-left:110px;
   padding-bottom:0;
   padding-top:0;
   border-bottom:none;
}
.article-preview-smaller {
   margin-left:120px;
}
/* On smaller screens, we only preview the first 7 articles */ 
.article-preview:nth-child(n+9) {
   display:none;
}
   .article-content {
      float:right;
      margin-top:-10px;
      width:100%;
   }  
      .article-content p.excerpt {
         display:none;
      }
   .article-image {
      float:left;
      width:100px;
   }
   .article-preview .article-image {
      height:75px;
      overflow:hidden;
   }
   .article-preview-smaller .article-image {
      height:75px !important;
      overflow:hidden;
   }
   .article-preview .article-image {
      width:100px;
      margin-left:-110px;
   }  
      
      .article-preview .article-image img {
         width:auto;
         height:75px;
      }
      .article-preview-smaller .article-image img {
         height:75px !important;
      }
      .article-preview .article-image img[lazyloaded] {
         margin-left:-50px;
      }
         .article-preview-smaller .article-image img[lazyloaded] {
            margin-left:0 !important;
         }
   .article-preview-smaller .article-image {
      width:110px !important;
      margin-left:-120px !important;
   }
      .article-preview-smaller .article-image img[lazyloaded] {
         margin-left:-140px;
      }


/* SITEMAP AND OTHER MASONRIES */
/* --------------------------- */
.sitemap {
   margin-top:40px;
}
   .mason-item {
      float:left;
      width:31%;
      min-width:160px;
      margin:2px 1%;
      border-radius:1px;
   }  
   .sitemap .mason-item {
      width:31%;
   }
   .link-library-container .mason-item {
      width:46%;
      min-width:270px;
   }
      .sitemap h4 a {
         color:#400;
      }
      .sitemap li a {
         color:#a00;
      }
#filler-articles, #related-articles, #comments {
   margin-top:40px;
}   

.breaking-container {
   border-bottom:1px solid #a11;
   margin-top:20px;
}
   /* .breaking-news */ .has-controls {
/*      margin-right:150px;*/
   }
   .breaking-controls {
      float:right;
      width:150px;
      margin-bottom:6px;
/*      margin-right:-150px;*/
      text-align:right;
   }
   .breaking-content {
      float:left;
      width:100%;
      overflow:hidden;
   }
      .breaking-item {
      }
         .breaking-item a {
            font-family:'Roboto';
            font-weight:bold;
            font-size:18px;
            color:#000;
         }
            .space-weather-station .breaking-item a,
            .space-weather-station .breaking-controls {
               color:#fff;
            }
      .breaking-label {
         display:inline-block;
         padding:0 10px;
         font-family:'Roboto';
         font-weight:bold;
         font-size:20px;
         text-transform:uppercase;
         background:#a11;
         color:#fff;
      }
.cms-link {
   display:block;
   position:fixed;
   z-index:12;
   top:60px;
   left:-46px;
   transition:left ease 0.2s;
}
   .cms-link:hover {
      left:-8px;
   }
.video-gallery {
   margin-top:50px;
}
   .video-container {
   }
   .video-item {
      position:relative;
      float:left;
      margin:5px;
      padding:10px;
      background:#eee;
      border-radius:3px;
   }
   .video-item h1 {
      position:absolute;
      width:180px;
      bottom:8px;
      left:16px;
      font-size:14px;
      color:white;
      text-shadow:0 0 2px #000;
   }
   .video-item .fa {
      opacity:0.4;
      position:absolute;
      top:0;
      left:0;
      width:200px;
      height:150px;
      color:#fff;
      font-size:60px;
      line-height:150px;
      text-align:center;
   }

.rss-title-icon {
   margin-top:-14px;
}
   
.comment, 
.comment-response {
   margin-left:60px;
   margin-top:20px;
   margin-bottom:-6px;
}
   .comment-response {
      margin-left:100px;
   }
   .comment-avatar {
      float:left;
      width:40px;
      margin-left:-60px;
   }
   .comment-text {
      float:right;
      width:100%;
   }
      .comment-text h4 {
         margin-top:0;
         margin-bottom:0;
      }
      .comment-text h4 .title-date {
         font-weight:normal;
         font-size:12px;
      }
   .comment .respond,
   .comment-response .respond {
      height:28px;
   }
      .comment .respond a,
      .comment-response .respond a {
         display:none;
      }  
      .comment:hover .respond a,
      .comment-response:hover .respond a,
      .comment-responding .respond a {
         display:inline;
      }
   .comment-respond {
      margin-bottom:20px;
   }

.fancy-fieldset {
   margin-top:12px;
   margin-bottom:12px;
   padding:10px 20px;
   background:#eee;
} 
   .fancy-fieldset legend {
      padding:4px 12px;
      width:auto;
      font-family:'Roboto', sans-serif;
      font-size:14px;
      font-weight:bold;
      border:none;
      background:#fff;
   }

.sharer {
   display:block;
   margin-bottom:10px;
   margin-left:20px;
   width:40px;
   height:40px;
   color:#fff;
   line-height:40px;
   text-align:center;
   font-size:40px;
   background:#aaa;
}
   .mobile-sharers {
      margin-top:20px;
      margin-bottom:30px; 
   }
   .mobile-sharers .sharer {
      float:left;
   }
   .sharer:hover {
      opacity:1;
      color:#fff;
      text-decoration:none;
   }
   .sharer-facebook:hover,
   .mobile-sharers .sharer-facebook {
      background:#3B5998;
   }
   .sharer-google-plus:hover,
   .mobile-sharers .sharer-google-plus {
      background:#d34836;
   }
   .sharer-twitter:hover,
   .mobile-sharers .sharer-twitter {
      background:#4099FF;
   }
   .sharer-digg:hover,
   .mobile-sharers .sharer-digg {
      background:#000;
   }
   .sharer-stumbleupon:hover,
   .mobile-sharers .sharer-stumbleupon {
      background:#eb4823;
   }
   .sharer-reddit:hover,
   .mobile-sharers .sharer-reddit {
      background:#79a;
   }
   .sharer-delicious:hover,
   .mobile-sharers .sharer-delicious {
      background:#000;
   }
   .sharer-tumblr:hover,
   .mobile-sharers .sharer-tumblr {
      background:#00255f;
   }
   .sharer-pinterest:hover,
   .mobile-sharers .sharer-pinterest {
      background:#c92228;
   }
   .sharer-vk:hover,
   .mobile-sharers .sharer-vk {
      background:#45668e;
   }
.back-to-top {
   display:none;
   position:fixed;
   z-index:21;
   bottom:20px;
   right:20px;
   width:40px;
   height:40px;
   line-height:40px;
   font-size:30px;
   color:#fff;
   text-align:center;
   background:#711;
}
   .back-to-top span {
      cursor:pointer;
   }

/* CALENDAR */
/* -------- */
.calendar {
   margin:0 auto;
   width:300px;
   border:1px solid #ccc;
   box-shadow:0 4px 4px #aaa;
}
   .calendar-content {
      margin:20px 12px;
   }
   .calendar-title {
      height:20px;
      margin-bottom:12px;
      line-height:20px;
      text-align:center;
      background:#400;
      border-radius:2px;
   }
   .calendar-title,
   .calendar-title a {
      color:#fff;
   }
   .calendar-prev-month {
      display:block;
      float:left;
      padding-left:6px;
      height:20px;
      line-height:20px;
      font-size:12px;
   }
   .calendar-next-month {
      float:right;
      padding-right:6px;
      height:20px;
      line-height:20px;
      font-size:12px;
   }
   .calendar-day,
   .calendar-date {
      display:block;
      float:left;
      margin-bottom:2px;
      margin-right:1%;
      width:13%;
      height:20px;
      line-height:20px;
      text-align:center;
   }
   .calendar-day {
      font-weight:bold;
   }
   .date-has-articles {
      color:#000;
      background:#fdd;
      border-radius:3px;
   }
   .calendar .tooltip-inner,
   .calendar .tooltip {
      width:300px;
      max-width:300px;
      text-align:left;
      padding-top:4px;
   }

/* ROYAL SLIDER FIX */
/* ---------------- */
.homepage-slider .icon-arrow {
   font-size:26px;
   line-height:32px;
}
   .rsMinW .rsBullets {
      bottom:18px;
      padding-right:4px;
   }
.coloredBlock {
   padding: 12px;
   background: rgba(255,0,0,0.6);
   color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
   .infoBlock {
     position: absolute;
     height:auto;
     max-width: 85%;
     padding-bottom: 0;
     background: #FFF;
     background: rgba(255, 255, 255, 0.8);
     overflow: hidden;
     padding: 20px;
   }
   .infoBlockLeftBlack {
     color: #FFF;
     background: #000;
     background: rgba(0,0,0,0.75);
     left: 30px;
     top:20px;
     right: auto;
   }
   @media(min-width:400px) {
      .infoBlockLeftBlack {
         top:auto;
         bottom: 44px;
      }
   }
   .rsContent img {
      float:right;
   }
   .infoBlock h4 {
     font-size: 20px;
     line-height: 1.2;
     margin: 0;
     padding-bottom: 3px;
   }
   .infoBlock p {
     font-size: 14px;
     margin: 4px 0 0;
   }
      .infoBlock a {
        color: #FFF;
        text-decoration: none;
      }
      .infoBlock a:hover {
        text-decoration: underline;
      }
   .rsMinW .rsArrow, 
   .rsMinW .rsBullets {
      z-index:2;
      cursor:pointer;
   }
   .rsMinW .rsArrow:hover {
      text-shadow:0 0 4px #fff;
   }
   .rsMinW .rsBullet span:hover {
      box-shadow:0 0 4px #fff;
   }
   .rsMinW .rsGCaption {
      display:none;
   }
/* END ROYAL SLIDER FIX */
/* -------------------- */

.silver-container {
   margin-top:30px;
   padding-bottom:20px;
   background:#eee;
   border-top:2px solid #ddd;
   border-bottom:2px solid #ddd;
}
.editors-picks .item{
   margin: 10px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
   .editors-picks .item p,
   .editors-picks .item h4 {
      margin:4px;
   }
   .editors-picks .item p img {
      width:100%;
      margin-bottom:10px;
   }
   .customNavigation{
      text-align: center;
   }
   .customNavigation a {
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }
   
/* PULL-OUT SIDEBAR */
/* ---------------- */
.column-holder {
   margin-right:0px;
}
   .content {
      margin-top:30px;
/*      padding-right:40px; << this used to be here and i can't remember why */
      width:100%;
   }
   .sidebar {
   }
   .sidebar-inner {
   }
/*      .pulled-out {*/
/*         right:310px;*/
/*         width:340px;*/
/*         box-shadow:0 0 14px rgba(0,0,0,0.4);*/
/*      }*/
/*      .pulled-out .sidebar-inner {*/
/*         opacity:1;*/
/*      }*/
   .sidebar-puller {
      position:absolute;
      top:20px;
      left:-70px;
      width:70px;
      height:40px;
      padding-right:40px;
      font-size:20px;
      line-height:40px;
      color:#333;
      text-align:center;
      background:#ccc;
   }


/* BIG SCREENS */
/* =========== */

@media(min-width:768px) {
.featured-holder {
   margin-left:60px;
}
   .featured-flag {
      float:left;
      width:40px;
      margin-left:-60px;
   }
   .featured-content {
      width:100%;
      float:right;
   }
   .featured-vertical {
      margin-top:140px;
      margin-left:-140px;
      width:300px;
      height:40px;
      color:#fff;
      line-height:40px;
      text-align:right;
      border-bottom:2px dotted #faa;
      -webkit-transform:rotate(-90deg);
      -moz-transform:rotate(-90deg);
      -o-transform:rotate(-90deg);
      -ms-transform:rotate(-90deg);
      transform:rotate(-90deg);
   }
   .featured-banner {
      display:inline-block;
      padding:0 20px;
      height:40px;      
      font-family:'Open Sans';
      font-style:italic;
      font-size:15px;
      text-transform:uppercase;
      background:#ff4242;
      border:none;
   }
   .featured-banner span {
      font-family:'Roboto';
      font-weight:bold;
   }
   .prefooter li {
      display:list-item !important;
   }
   .navbar-toggle {
      display:block;
   }
   .rss-title-icon {
      margin-top:6px;
   }
      .sticky {
         width:300px;
         position:fixed !important;
      }
   .article-preview {
      margin-top:40px;
      margin-bottom:0;
      margin-left:220px;
      padding-bottom:0;
      padding-top:0;
      border-bottom:none;
   }
   .article-preview-smaller {
      margin-top:20px;
      margin-left:120px;
   }
      .article-content {
         float:right;
         margin-top:-10px;
         width:100%;
      }
         .article-content p.excerpt {
            display:block;
         }
      .article-image {
         float:left;
         width:200px;
         margin-left:-220px;
      }
      .article-preview .article-image,
      .article-preview-smaller .article-image {
         height:150px;
         overflow:hidden;
      }
      .article-preview .article-image {
         width:200px;
         margin-left:-220px;
      }  
         .article-preview .article-image img {
            width:auto;
            height:150px;
         }
         .article-preview .article-image img[lazyloaded] {
            margin-left:-100px;
         }
            .article-preview-smaller .article-image img[lazyloaded] {
               margin-left:0 !important;
            }
      .article-preview-smaller .article-image {
         width:120px !important;
         margin-left:-120px !important;
      }
         .article-preview-smaller .article-image img {
/*            margin-left:-140px;*/
         }

   .header-info,
   .header-info-2 {
      float:left;
   }
   .header-info-double .header-box {
      width:110px;
   }
   .header-info,
   .header-info-2 {
     text-align:center;
   }
   .sam-nav-inner {
      position:relative;
      margin-left:120px;
      padding-right:20px;
   }
   .sam-title {
      float:left;
      padding-left:20px;
      width:120px;
      height:85px;
      margin-left:-140px;
      text-align:center;
      border-right:1px solid #ccc;
   }
   .sam-title h1 {
      margin-top:30px;
   }
   .sam-toolbar {
      float:right;
      width:100%;
   }
   .earthquakes-info {
      top:120px;
   }
   body.space-weather-station {
      background-image:url(../img/space.jpg);
   }
}
@media(min-width:992px) {
   .fixed-top .container {
      width:970px;
   }
   /* On smaller screens, only 7 of these are shown */ 
   .article-preview {
      display:block !important;
   }
   .mobile-nav-shown,
   .mobile-sidebar-shown,
   .mobile-nav-shown .fixed-top,
   .mobile-sidebar-shown .fixed-top {
      left:0;
   }
   .navbar-toggle {
      display:none;
   }
   /* prevent showing the mobile navigation on big screens: */ 
   .wrapper, 
   .article .wrapper {
      position:relative;
      padding-top:0 !important;
   }
   .fixed-top {
      position:fixed;
   }
      .space-weather-station .fixed-top,
      .seismic-activity-monitor .fixed-top {
         position:relative;
      }
      .space-weather-station .secondary-navigation,
      .seismic-activity-monitor .secondary-navigation {
         padding-top:20px;
      }
      .space-weather-station .wrapper {
         top:-140px;
         margin-bottom:-140px;
      }
      .seismic-activity-monitor .wrapper {
         top:-140px;
/*         background-image:url(../img/asphalt.jpg);*/
      }

   .main-navigation {
      height:80px;
   }
      .main-nav, .secondary-navigation {
         display:block;
      }
   .navbar-brand {
      height:80px;
      padding-top:14px;
      padding-left:22px;
   }
   .navbar-brand .tagline {
      display:block;
   }
   .navigation-puller {
      display:block;
   }
   .pulled-out {
      right:0;
      box-shadow:none;
      background:transparent;
   }
   .sidebar-inner,
   .pulled-out .sidebar-inner {
      opacity:1;
   }
   .sidebar-puller {
      display:none;
   }
   .column-holder {
      margin-right:320px;
   }
      .content {
         float:left;
         margin-top:30px;
         padding-right:20px;
         border-right:1px solid #ddd;
         width:100%;
      }
      .sidebar {
         display:block;
         float:right;
         position:relative;
         left:0;
         top:0;
         width:300px;
         padding:0;
         margin-top:20px;
         margin-right:-320px;
         border-left:none;
         box-shadow:none;
      }

   .homepage-a-1,
   .homepage-a-2,
   .homepage-a-3,
   .homepage-a-4,
   .homepage-a-5,
   .homepage-a-6 {
      margin-left:0;
      margin-bottom:0;
   }
      .homepage-a-1 .homepage-a-image,
      .homepage-a-2 .homepage-a-image,
      .homepage-a-3 .homepage-a-image,
      .homepage-a-4 .homepage-a-image,
      .homepage-a-5 .homepage-a-image,
      .homepage-a-6 .homepage-a-image {
         overflow:hidden;
         float:none;
         width:auto;
         height:auto;
         margin-left:0;
      }
      .homepage-a-1 .homepage-a-image img,
      .homepage-a-2 .homepage-a-image img,
      .homepage-a-3 .homepage-a-image img,
      .homepage-a-4 .homepage-a-image img,
      .homepage-a-5 .homepage-a-image img,
      .homepage-a-6 .homepage-a-image img {
         width:auto;
         height:auto;
         margin-left:0;
      }
      .homepage-a-1 .homepage-a-content,
      .homepage-a-2 .homepage-a-content,
      .homepage-a-3 .homepage-a-content,
      .homepage-a-4 .homepage-a-content,
      .homepage-a-5 .homepage-a-content,
      .homepage-a-6 .homepage-a-content {
         width:auto;
         float:none;
      }
   .homepage-a-0 .homepage-a-image,
   .homepage-a-0 .homepage-a-image img,
   .homepage-a-1 .homepage-a-image img,
   .homepage-a-2 .homepage-a-image img {
      width:425px;
      height:157px;
   }
   .homepage-a-1 .homepage-a-image,
   .homepage-a-2 .homepage-a-image {
      overflow:hidden;
      height:157px;
   }
   .homepage-a-1 .homepage-a-image img,
   .homepage-a-2 .homepage-a-image img {
      margin-left:-115px;
   }

   /* Social sharers on the left */
   .article-holder {
      margin-left:120px;
   }
      .article-calendar,
      .article-side {
         display:block;
         float:left;
         margin-left:-120px;
         margin-top:40px;
         width:80px;
      }
      .mobile-sharers {
         display:none;
      }
      .article-content {
         float:right;
         width:100%;
      }
}
@media(min-width:1200px) {
   .fixed-top .container {
      width:1170px;
   }
   .homepage-a-0 .homepage-a-image,
   .homepage-a-0 .homepage-a-image img,
   .homepage-a-1 .homepage-a-image img,
   .homepage-a-2 .homepage-a-image img {
      width:525px;
      height:194px;
   }
   .homepage-a-1 .homepage-a-image,
   .homepage-a-2 .homepage-a-image {
      height:194px;
   }
   .homepage-a-1 .homepage-a-image img,
   .homepage-a-2 .homepage-a-image img {
      margin-left:-130px;
   }

}

/* AD ZONES */
/* ======== */

.candy[filled] div {
}

/* B */
/* - */
.candy-b {
   background:#eee;
   padding:12px 0;
   border-bottom:2px solid #ddd;
}
   .candy-b div {
      width:320px;
      height:50px;
   }
   @media(min-width:498px) {
      .candy-b div {
         width:468px;
         height:60px;
      }
   }
   @media(min-width:768px) {
      .candy-b div {
         width:728px;
         height:90px;
      }
   }
   
/* HP */
/* -- */ 
.candy-hp {
   padding:20px 0 30px 0;
   margin:0;
}
   .candy-hp div {
      margin:0 auto;
      width:300px;
      height:250px;
   }
   @media(min-width:498px) {
      .candy-hp div {
         width:468px;
         height:60px;
      }
   }
   @media(min-width:768px) {
      .candy-hp div {
         width:728px;
         height:90px;
      }
   }
   @media(min-width:992px) {
      .candy-hp {
         display:none;
      }
      .candy-hp div {
         width:0;
         height:0;
      }
   }
         
   
/* A1 */
/* -- */ 
.candy-a1 {
   padding:20px 0 30px 0;
   margin:0 -14px;
}
   .candy-a1 div {
      margin:0 auto;
      width:320px;
      height:50px;
   }
   @media(min-width:554px) {
      .candy-a1 div {
         width:468px;
         height:60px;
      }
   }
   @media(min-width:1200px) {
      .candy-a1 div {
         width:728px;
         height:90px;
      }
   }
   
/* A2 and A3 */ 
/* --------- */ 
.candy-a23 {
}
   .candy-a2 div {
      margin-top:20px;
      width:336px;
      height:280px;
   }
   .candy-a3 div {
      margin-top:20px;
      width:300px;
      height:250px;
   }
   @media(min-width:741px) {
      .candy-a2 div {
         float:left;
      }
      .candy-a3 div {
         float:right;
      }
   }
   @media(min-width:1028px) {
      .candy-a2 div {
         float:none;
      }
      .candy-a3 div {
         float:none;
      }
   }
   @media(min-width:1200px) {
      .candy-a2 div {
         float:left;
      }
      .candy-a3 div {
         float:right;
      }
   }
/* S1 through S9 */ 
/* ------------- */
.candy-s1,
.candy-s2,
.candy-s3,
.candy-s4,
.candy-s5,
.candy-s6,
.candy-s7,
.candy-s8,
.candy-s9 {
   padding:20px 0;
   border-bottom:1px solid #ddd;
}
   .candy-s1 div,
   .candy-s2 div,
   .candy-s3 div,
   .candy-s4 div,
   .candy-s5 div,
   .candy-s6 div,
   .candy-s7 div,
   .candy-s8 div,
   .candy-s9 div {
      margin:0 auto;
      width:300px;
      height:250px;
   }
   @media(min-width:498px) {
      .candy-s1 div,
      .candy-s2 div,
      .candy-s3 div,
      .candy-s4 div,
      .candy-s5 div,
      .candy-s6 div,
      .candy-s7 div,
      .candy-s8 div,
      .candy-s9 div {
         margin:0 auto;
         width:468px;
         height:60px;
      }
   }
   @media(min-width:768px) {
      .candy-s1 div,
      .candy-s2 div,
      .candy-s3 div,
      .candy-s4 div,
      .candy-s5 div,
      .candy-s6 div,
      .candy-s7 div,
      .candy-s8 div,
      .candy-s9 div {
         margin:0 auto;
         width:728px;
         height:90px;
      }
   }
   @media(min-width:992px) {
      .candy-s1 div,
      .candy-s2 div,
      .candy-s3 div,
      .candy-s4 div,
      .candy-s5 div,
      .candy-s6 div,
      .candy-s7 div,
      .candy-s8 div,
      .candy-s9 div {
         margin:0 auto;
         width:300px;
         height:250px;
      }
   }
/* F1 and F2 */
/* --------- */
.candy-f1 {
   padding:26px 0;
}
.candy-f2 {
   padding:12px 0;
}
   .candy-f1 div, 
   .candy-f2 div {
      width:320px;
      height:50px;
   }
   @media(min-width:498px) {
      .candy-f1 div, 
      .candy-f2 div {
         width:468px;
         height:60px;
      }
   }
   @media(min-width:768px) {
      .candy-f1 div, 
      .candy-f2 div {
         width:728px;
         height:90px;
      }
   }

/* P */
/* - */ 
.candy-p {
   display:none;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.6);
   z-index:20;
}
   .candy-p div {
      display:block;
      margin:0 auto;
      width:300px;
      height:250px;
   }
   .candy-p p {
      display:block;
      width:300px;
      margin:0 auto;
      color:#fff;
      text-align:right;
   }
   @media(min-width:570px) {
      .candy-p div {
         width:550px;
         height:480px;
      }
      .candy-p p {
         width:550px;
      }
   }

      .candy-b div, 
      .candy-f1 div, 
      .candy-f2 div {
         display:block;
         margin:0 auto;
      }
      .candy-a2 div {
      }

/* X */
/* -- */ 
.candy-x {
   padding:20px 0 10px 0;
   margin:0;
}
   .candy-x div {
      margin:0 auto;
   }
   
.candy-footer {
   display:none;
   background:#ccc;
   padding:40px 0;
   border-bottom:2px solid #ddd;
}
   .candy-footer img {
      display:block;
      margin:0 auto;
   }
.candy-prefooter {
   display:none;
   padding:40px 0;
}
   .candy-prefooter img {
      display:block;
      margin:0 auto;
   }

/* FONTS */
/* ===== */
@font-face {
    font-family: 'ds-digitalbold';
    src: url('../fonts/ds-digib-webfont.eot');
    src: url('../fonts/ds-digib-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ds-digib-webfont.woff') format('woff'),
         url('../fonts/ds-digib-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}