/* A NOTE
 *
 * All the horizontal positioning is relative to screen size (in
 * percentages) while all the vertical is in absolute (pixel) terms.
 *
 * That's to make sure that text doesn't flow outside the boxes on lower
 * res displays and that the boxes are always separated (not overlapping)
 * but without a horizontal scroll bar.
 *
 * It's unfortunate to have to scroll vertically but it's unacceptable to
 * have to scroll horizontally.
 */
body { background-color: #fff7f0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.title {
	background-color: #e0e0e0;
	color: black;
	width: 50%;
	font-size: 100%;
	padding: 2px;
	margin-bottom: 5px;
}

td { font-size: 11px; }
td.label { color: #909090; vertical-align: top; }
.armastats, .nosignal, .booster, .projects, .news, .blogs, .pics , .zortl {
	font-size: 14px;
	background-color: white;
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 2px #666;
	border-bottom: solid 2px #666;
	width: 30%;
	height: 275px;
	margin: 1%;
	padding: 2px;
	font-family: trebuchet ms, arial, helvetica, sans-serif;
}

.armastats, .nosignal {
	position: absolute;
	left: 1%;
	top: 5px;
	background-color: #f0fff0;
}
l.armastats, l.nosignal a { font-weight: 900; font-size: 110%; }
.armastasts.a , .nosignal a { color: #f08070; font-weight: 900; }
.pics { position: absolute; left: 33%; top: 5px; }
.projects {
	position: absolute;
	left: 65%;
	top: 5px;
}
.news { position: absolute; left: 1%; top: 300px; }
.blogs { position: absolute; left: 33%; top: 300px; }
.zortl, .booster { position: absolute; left: 65%; top: 300px; }

.zweknutitle {
	font-size: 250%;
	color: #ccf;
}

img.picshow { height: 75px; border: 0px; }

input {
	background-color: #ff7;
	border: solid 1px #666;
}

.weather {
	color: #909090;
	font-size: 10px;
	position: absolute;
	left: 2px;
	bottom: 2px;
	vertical-align: bottom;
}

.description {
	font-size: 75%;
}