/*DARK */
.primary {background:#222;}  
.secondary  {background:#444;} 
.border {border-color:#444 !important;}
.borderlight {border-color:#555 !important;}
a.border:hover {border-color:#fff !important;}
a.borderlight:hover {border-color:#fff !important;}
.primary h1 {color:#fff;}
.primary .byline {color:#ccc;}
.primary .byline a{color:#ccc;}
.primary .header .menuicon a, .shareicon a{color:#ccc;}
.primary .header .liveicon a { color:#ccc; border:1px solid #ccc;}
 .headerwrapper  {}
 #footbody, #footbody a {color:#ccc;}
 .primaryad {background:#222; padding-top:10px;}  

@media (min-width: 980px) {

.primary {background:#222;}  
.secondary  {background:#444;} 
.border {border-color:#444 !important;}
.borderlight {border-color:#555 !important;}
a.border:hover {border-color:#fff !important;}
a.borderlight:hover {border-color:#fff !important;}
.primary h1 {color:#000;}
.primary .byline {color:#000;}
.primary .byline a{color:#000;}
.primary .header .menuicon a, .shareicon a{color:#fff;}
.primary .header .liveicon a { color:#fff; border:1px solid #fff;}
.primary .header ul.upper li a { color:#fff; }
.primary #topnav_body  ul li a {color:#ccc;display:inline;}
.primary #topnav_body  ul li a:hover {color:#555;}
.headerwrapper { -webkit-box-shadow: 0 5px 10px -8px #555555; -moz-box-shadow: 0 5px 10px -8px #555555; box-shadow: 0 5px 10px -8px #555555;}
#topnav {border-bottom:1px solid #444;}
 .primaryad {background:#fff; padding-top:0;}  
}