html, body { color: #314159; background: #333 url(swirl_pattern.png); height: 100%; font-family: 'Libre Baskerville', serif; }
body { padding: 0; }
.container { margin: 0 auto; padding-top: 50px; width: 760px;}
.panel { margin: 0 auto 30px; font-size: 16px; line-height: 26px; text-align: left; box-shadow: 0 0 14px rgba(0,0,0,0.3); padding: 1em; background: #FCFCFC; }
.panel p:last-child { margin-bottom: 0; }
#title { text-align: center; }
.light { color: #93A6AF; }

/*
#countdownContainer { font-size: 72px; line-height: 72px; padding: 40px 0 0; text-align: center;}
#countdownContainer p { margin: 0; }
#countdown { cursor: pointer; }
#countdown span { display: inline-block; width: 34px; }
#countdown span.dhms { display: inline-block; width: 100px; }
#until { color: #93A6AF; font-size: 16px; }
#moment { color: #314159; }
#explain { color: #93A6AF; }*/

#countdownContainer { font-size: 60px; line-height: 72px; padding: 40px 0 0; text-align: left;}
#countdownContainer p { margin: 0; }
#countdown { cursor: pointer; }
#countdown span { display: inline-block; width: 84px; }
#countdown span.dhms { display: inline-block; width: 100px; }
#until { color: #93A6AF; font-size: 16px; }
#moment { color: #314159; }
#explain { color: #93A6AF; }


h1 { color: #314159; margin-bottom: 0; margin-top: 30px; }
h2 { color: #93A6AF; margin-bottom: 0; }

.column{display:block;float:left;}
.column.oneThird{width:30.66%;margin:0 1.99%;}
.column.twoThirds{width:65.33%;margin:0 1.99%;}
.column.half{width:48%;margin:0 1.99%;}
.column.oneFourth{width:22%;margin:0 1.99%;}
.column.oneFourth:first-child{margin:0 1.99%;}
.column.threeFourths{width:74%;margin:0 1.99%;}
.column:first-child,.column.first{margin-left:0;}
.column:last-child,.column.last{margin-right:0;}

#piDay {
	display: none;
	text-align: center;
}

#piDay h2 {
	color: #314159;
	margin: 15px;
}