/*LIGHT*/
.primary {background:#fff;} 
.secondary  {background:#000;} 
.border {border-color:#ccc !important;}
.borderlight {border-color:#333 !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:#333;}
.primary .header .liveicon a { color:#333; border:1px solid #333;}
.headerwrapper  {-webkit-box-shadow: 0 1px 5px 0px #cccccc; -moz-box-shadow: 0 1px 5px 0px #cccccc; box-shadow: 0 1px 5px 0px #cccccc;}
#footwrapper {border-top:1px solid #eee;}
 #footbody, #footbody a {color:#333;}
 .primaryad {padding-top:10px;}  
 
@media (min-width: 980px) {

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