body.dark { background: #000; }
body.light { background: #fff; }

ul#nav { text-align: center; list-style: none; margin-top: 1em; /*white-space: nowrap;*/ margin-left: 0; padding: 0; line-height: 2.2; }
ul#nav li { margin: 0; display: inline; }
ul#nav li a { padding: 0.35em 0.75em; text-decoration: none; border: 1px solid #fecb45; background: #000; font-size: 110%; margin-right: 0; }
ul#nav li a:hover { background: #fecb45; color: black; }

body.dark ul#nav li a { color: white; }
body.dark ul#nav li a:hover { background: #fecb45; color: black; }

body.light ul#nav li a { color: white; background: #000; }
body.light ul#nav li a:hover { background: #fecb45; color: black; }