#actual .title { font-size: 1.5em; display: block; }
#actual .value { font-size: 4em; }
#actual .unit { font-size: 3em; }

#actual, .peaks {
	width: 250px;
	font-family: dejavu sans condensed;
	font-weight: bold;
	border: solid 2px gray;
	padding: 1em;
}

#actual {
	text-align: center;
	}

.peaks {
	margin-top: 0.5em;
	}

.left {
	float: left;
	}

#actualgraph {
	float: left;
    width: 900px;
	height: 380px;
	margin-left: 0.5em;
	}

.peaks .title { font-size: 1em; display: block; margin-top: 1em; margin-bottom: 0.5em; }
.peaks .title:first-of-type { margin-top: 0; }
.peaks .subtitle { font-size: 1em; font-weight: normal; display: inline-block; width: 3em; }
.peaks>span { display: block; margin-bottom: 0.5em; }
.peaks .value { font-size: 1em; }
.peaks .date { font-weight: normal; font-size: 0.5em; margin-left: 0.5em; }
.peaks .date:before { content: "("; }
.peaks .date:after { content: ")"; }