/* unityofcommand.net — one stylesheet. Bootstrap 3.0.0 does the layout; this file only
   adds the sticky footer (same as 2x2.hr), the dark masthead and a few spacings. */

html,
body {
	height: 100%;
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
	padding: 0 0 80px;
}

#footer {
	height: 80px;
	background-color: #FAFAFA;
	border-top: 1px solid #EEE;
}

#footer .legal {
	margin: 20px 0;
	line-height: 1.8;
}

#footer img {
	vertical-align: middle;
	margin-right: 10px;
	height: 28px;
}

.container {
	width: auto;
	max-width: 960px;
	padding: 0 15px;
}

small {
	font-size: 11px;
	font-size: 1.1rem;
}

/* Dark masthead with the banner art; the image is 850px wide and scales down. */
#masthead {
	background-color: #0b0b0b;
	text-align: center;
}

#masthead img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.navbar {
	border-radius: 0;
	margin-bottom: 30px;
}

.page-header {
	margin-top: 0;
}

/* Game cards on the home page */
.game {
	margin-bottom: 30px;
}

.game .cover {
	margin-bottom: 15px;
}

.game .btn {
	margin: 4px 4px 4px 0;
}

.stores .btn {
	margin: 4px 4px 4px 0;
}

/* Screenshot grid */
.shots .thumbnail {
	margin-bottom: 20px;
}

/* DLC banners on the UoC page */
.dlc img {
	margin-bottom: 10px;
}

.links {
	margin: 40px 0 20px;
}

.links .btn {
	margin: 5px 3px;
}

.links .glyphicon {
	margin-left: 0.5em;
}

dl.faq dt {
	margin-top: 20px;
}

dl.faq dd {
	margin-top: 5px;
}