body {margin: 0; padding: 0;}

#comicnav {width: 100%; overflow: auto; font-size: 13px;}
#comicnav span {padding: 0 3px; }


#comicnav .credits {float: right; padding: 8px 6px; }
#comicnav .credits h1 {margin: 0; font-size: 13px; display: inline;}
#comicnav .credits span {text-transform: lowercase;}
#comicnav .credits a {margin-left: 0;}

#comicnav .issues {float: left;  padding: 8px 6px;}


#comicnav a { text-decoration: none; padding: 0; margin: 3px; font-weight: bold;}

#comicnav a.selected { padding: 3px 9px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


#comicnav.grey {color: #666; background: #000; }
#comicnav.grey a {color: #e0e0e0;}
#comicnav.grey a:hover {color: #fff;}
#comicnav.grey a.selected {color: #000; background: #e0e0e0; }
#comicnav.grey a.selected:hover {background: #fff;}

#comicnav.blue {color: #666; background: #000; }
#comicnav.blue a {color: #d7d6e8;}
#comicnav.blue a:hover {color: #fff;}
#comicnav.blue a.selected {color: #000; background: #d7d6e8; }
#comicnav.blue a.selected:hover {background: #fff; }

#comicnav.pink {color: #666; background: #000; }
#comicnav.pink a {color: #ffeeee;}
#comicnav.pink a:hover {color: #fff;}
#comicnav.pink a.selected {color: #000; background: #ffeeee; }
#comicnav.pink a.selected:hover {background: #fff; }

/*  */