@charset "UTF-8";
/* CSS Document */

/* ----------------------- Structure ---------------------------- */

html {
	height:100%;
}

body {
	height:100%;
}

#wrapper {
	margin:0 auto;
	background:#222222;
	height:100%;
}

.weather-info img {
	width:100%;
}

.column {
	float:left;
}

#nav {
	position:fixed;
	z-index:999;
}

.overlay {
	width:100%;
	height:100%;
	position:relative;
}

#comment {
	display:block;
	position:absolute;
	left:0;
	font-family:Knockout27, Arial, Helvetica, sans-serif;
	text-align:center;
}

/* ----------------------- Typography ---------------------------- */

.title {
	background:rgba(0,0,0, 0.6);
	position:absolute;
	bottom:0;
	color:#ffffff;
	font-family:Knockout29;
	text-transform:uppercase;
}

.byline {
	font-family:Knockout31 Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color:rgba(255, 255, 255, 0.6);
}

h2 {
	font-family:Knockout27, Arial, Helvetica, sans-serif;
	color:#ffffff;
	position:absolute;
}

h3 {
	font-family:Knockout29, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	position:absolute;
}

.subhead {
	font-family:Knockout31, Arial, Helvetica, sans-serif;
	color:rgba(255, 255, 255, 0.6);
	text-transform:uppercase;
}

.label {
	font-family:Knockout31, Arial, Helvetica, sans-serif;
	color:rgba(255, 255, 255, 0.6);
}