body{background:#000;font-size:100%;margin:0;padding:0;}
div{margin:0;padding:0;}
.clock{position:relative;width:100%;min-width:820px;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(.5,rgba(0,100,0,.5)),to(#000));
	background-image:-moz-linear-gradient(top,#000,rgba(0,100,0,.5) 50%,#000);}
.overlayleft{position:absolute;left:50px;top:100px; text-shadow:0 0 20px #0f0; text-decoration:none;
	font-family: tahoma, arial, helvetica, sans-serif; font-size: 40px; font-weight:bolder; 
	letter-spacing: 0.1em; color: #336699;
	margin:0 auto;padding:20px;overflow:hidden;-webkit-transition:opacity 1000ms ease;-moz-transition:opacity 1000ms ease;z-index:99;}
.overlayright{position:absolute;right:50px;top:100px; text-shadow:0 0 20px #0f0; text-decoration:none;
	font-family: tahoma, arial, helvetica, sans-serif; font-size: 40px; font-weight:bolder; 
	letter-spacing: 0.1em; color: #336699;
	margin:0 auto;padding:20px;overflow:hidden;-webkit-transition:opacity 1000ms ease;-moz-transition:opacity 1000ms ease;z-index:99;}
.display{position:relative;margin:0 auto;padding:20px;
	width:800px;-webkit-transition:opacity 1000ms ease;-moz-transition:opacity 1000ms ease;z-index:99;}
.dim .display{opacity:.4;}
.dim footer{opacity:0;}
.slot{float:left;height:222px;margin:0 15px 15px 0;position:relative;-webkit-transform:skewX(-5deg);-moz-transform:skewX(-5deg);}
.element{opacity:.1;}
.on{opacity:.9!important;}
.digit{width:124px;}
.second{margin-top:111px;height:111px;width:62px;}
.bar{background-color:#0f0;border-radius:4px;-moz-border-radius:4px;position:absolute;
	-webkit-box-shadow:0 0 20px #0f0;-moz-box-shadow:0 0 20px #0f0;
	-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;}
.center{left:22px;height:20px;width:80px;}
.center.top{top:0;}
.center.middle{top:100px;}
.center.bottom{bottom:0;}
.left,.right{width:20px;height:100px;}
.left{left:0;}
.right{right:0;}
.left.top,.right.top{top:10px;}
.left.bottom,.right.bottom{bottom:10px;}
.second .bar{border-radius:3px;-moz-border-radius:3px;}
.second .center{height:10px;width:40px;left:11px;}
.second .center.middle{top:50px;}
.second .left,.second .right{width:10px;height:50px;}
.second .left.top,.second .right.top{top:5px;}
.second .left.bottom,.second .right.bottom{bottom:5px;}
.d0 .center.top,.d0 .center.bottom,.d0 .left.top,.d0 .left.bottom,.d0 .right.top,.d0 .right.bottom{opacity:.9;}
.hr12 .d0:first-child .bar{opacity:.1!important;}
.d1 .right.top,.d1 .right.bottom{opacity:.9;}
.d2 .center,.d2 .right.top,.d2 .left.bottom{opacity:.9;}
.d3 .center,.d3 .right.top,.d3 .right.bottom{opacity:.9;}
.d4 .center.middle,.d4 .left.top,.d4 .right.top,.d4 .right.bottom{opacity:.9;}
.d5 .center,.d5 .left.top,.d5 .right.bottom{opacity:.9;}
.d6 .center,.d6 .left.top,.d6 .left.bottom,.d6 .right.bottom{opacity:.9;}
.d7 .center.top,.d7 .right.top,.d7 .right.bottom{opacity:.9;}
.d8 .bar{opacity:.9;}
.d9 .center,.d9 .left.top,.d9 .right.top,.d9 .right.bottom{opacity:.9;}
.colon{width:20px;}
.colon .bar{width:20px;height:20px;}
.colon .top{top:64px;}
.colon .bottom{bottom:64px;}
.ampm.am .am{opacity:.9;}
.ampm.pm .pm{opacity:.9;}
.hr24 .ampm .am,.hr24 .ampm .pm{opacity:.1!important;}
.hr12 .element.hr12{opacity:.9!important;}
.hr24 .element.hr24{opacity:.9!important;}
.text{font-family:"Arial",sans-serif;font-size:20px;color:#0f0;text-shadow:0 0 20px #0f0;}
.text .element{margin:0;padding:0;}
.dot{background-color:#0f0;height:10px;width:20px;opacity:.3;border-radius:5px;-moz-border-radius:5px;-webkit-box-shadow:0 0 20px #0f0;-moz-box-shadow:0 0 20px #0f0;}
.dot.blue{background-color:#00c8ff;-webkit-box-shadow:0 0 20px #00c8ff;-moz-box-shadow:0 0 20px #00c8ff;}
.dot.red{background-color:#c81400;-webkit-box-shadow:0 0 20px #c81400;-moz-box-shadow:0 0 20px #c81400;}
.controls{position:relative;height:100%;text-align:center;z-index:101;}
.controls a{cursor:pointer;}
.controls .element{margin:0 10px;overflow:visible;}
.controls .text{display:inline-block;opacity:.3;}
.controls .dot{display:inline-block;padding:0;transition:all 250ms ease;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;}
.blue .clock{background-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(.5,rgba(80,160,200,.4)),to(#000));background-image:-moz-linear-gradient(top,#000,rgba(0,200,255,.4) 50%,#000);}
.blue .bar{background-color:#00c8ff;-webkit-box-shadow:0 0 20px #00c8ff;-moz-box-shadow:0 0 20px #00c8ff;}
.red .text,.red a,.red a:visited{color:#c81400;text-shadow:0 0 20px #c81400;}
.red .clock{background-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(.5,rgba(150,0,0,.3)),to(#000));background-image:-moz-linear-gradient(top,#000,rgba(150,0,0,.3) 50%,#000);}
.red .bar{background-color:#c81400;-webkit-box-shadow:0 0 20px #c81400;-moz-box-shadow:0 0 20px #c81400;}
.blue .text,.blue a,.blue a:visited{color:#00c8ff;text-shadow:0 0 20px #00c8ff;}
footer{display:block;margin:10px;position:absolute;top:250px;right:100px;z-index:102;-webkit-transition:all 1000ms ease;-moz-transition:all 1000ms ease;}
a,a:visited{color:#089d08;text-shadow:0 0 20px #089d08; text-decoration:azure;}
/* New date display styles */
.date-display {
	position: relative;
	margin: 2px auto;
	padding: 2px;
	font-family: tahoma, arial, helvetica, sans-serif; 
	font-size: 55px;
	font-weight: bold;
	text-shadow: none;
	letter-spacing: 0.1em; 
	color: #336699;
  }
.separator {
	margin: 0 5px;
  }