/**
 * Layout with flex
 */

body {
	background: orange;
	display: flex;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	flex-direction: column;
}

.max-lg { max-width: 1000px; margin: 0 auto; }
.max { max-width: 800px; margin: 0 auto; }

.site-header { background: #1e4b9e; color: #ffffff; padding: 10px; }
.site-body { background: #eaeaea; flex: 1; display: flex; flex-direction: column; }
.site-sidebar { background: #eaeaea; padding: 10px; width: 280px; }
.site-main { background: #ffffff; padding: 10px; }
.site-main-bottom { background: #f4f4f4; border-top: 2px solid #eaeaea; padding: 10px; }
.site-main-fill { flex: 1; }
.site-footer { background: #ffffff; border-top: 1px solid #eaeaea; color: #999999; padding: 10px; }

.hide { display: none; }