@media (max-width: 767px) {
 .affix {
  position: static;
 }
 #categories ul {
  text-align: center;
 }
 #categories li {
  display:inline-block;
  min-width:20em;
  max-width:50%;
 }
}
@media (min-width: 767px) {
 .affix, .affix-top, .affix-bottom {
  overflow:auto;
  height:100%;
 }
}

#head-nav {
 background:transparent;
 border:none;
}
#head-nav a.navbar-brand {
 background:url("logo.png") no-repeat;
 display:block;
 width:400px;
 height:0;
 padding:55px 0 0 0;
 margin:0 .5555em 0 0;
 overflow:hidden;
}
#head-nav a {
 color:#fff;
}
@media (min-width:884px) {
 #head-nav #q {
  width:18em;
 }
}

html, body { background:#00f; }
#content {
 background:#fff;
}

#categories nav {
 margin-right:1ex;
}
#categories h3 {
 font-size:1em;
 font-variant:small-caps;
 color:#fff;
 margin:0;
}
#categories a {
 background:#fff;
 color:#000;
 text-decoration:underline;
 text-transform:capitalize;
 display:block;
 padding:5px 2px 5px 1ex;
}
#categories a:hover, #categories a:focus {
 background:#000;
 color:#fff;
 text-decoration:none;
}
#categories ul {
 display:inline-block;
}

article .meta {
  border-left:3px solid #ccf;
  padding-left:3px;
  margin:0 0 1em .214em;
}

footer .credits div {
  margin-bottom:1em;
}

div.container-fluid > footer.row {
 margin-top:1em;
}

article img {
 max-width:100%;
}

.unpublished {
 opacity:.8;
 background:#eee;
}

@media print {
	#content {
		width:auto;
	}
}