/* CLOCK.JS v2 - 2013 */
/* rhq.be - haqqazi.com - github @rhq */



/* Global */
html, body {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	font-family: arial, sans-serif;
	font-size: 7px;
	line-height: 1.6;
	background-color: #ecf0e9;
}



/* Layout */
#main {
	width: 100%; height: 100%;
	display: table;
	margin: 0; padding: 0;
}
#main #content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#main #content #block {
	display: inline-block;
	max-width: 90%;
	/* margin: auto; */
}



/* Clock.js */
#clock {
	max-width: 400px;
	text-align: center;
	margin: auto;
}
#clock p {
	margin: 10px 0; padding: 15px;
	text-align: center;
	color: #666;
	background-color: rgba(1,1,1,.8);
	border-radius: 2px;
}
#clock p#time { font-size: 2.8rem; }
#clock p#daynight { font-size: 5.8rem; }
#clock p#time span,
#clock p#daynight span.active {
	color: #ecf0e9;
}