/* Copyright 2009 Palm, Inc.  All rights reserved. */


.clock-container {
		background: #000;
		position:fixed;
		top: 0;     
		left: 0;
		height: 110%;
		width: 100%;
		min-height: 400px;
		max-height: 480px;
}

#hands {
		position:absolute;
		top: 45%;
		left: 50%;
		width: 320px;
		height: 320px;
		margin: -160px 0px 0px -160px;
		background: #000 url(images/clock.png) center center no-repeat;
		-webkit-transition: margin, ease-out; 
		-webkit-transition-duration: 0.5s;
}



.landscape #hands  {
		top: 0;
		margin-top: 0;
/*
		-webkit-transform: scale(0.8, 0.8);
*/
}

#hour {
		margin: 15px 0px 0px 15px;
		width: 290px;
		height: 290px;
		position: absolute; 
		z-index: 5;
		background: url(images/hour.png) center center no-repeat;		
}

#minute {
		margin: 15px 0px 0px 15px;
		width: 290px;
		height: 290px;
		position: absolute; 
		z-index: 8;
		background: url(images/minute.png) center center no-repeat;
		
}

#second {
		margin: 15px 0px 0px 15px;
		width: 290px;
		height: 290px;
		position: absolute; 
		z-index: 10;
		background: url(images/second0.png) center center no-repeat; 	
}

#miniSecond {
		margin: 15px 0px 0px 15px;
		width: 290px;
		height: 290px;
		position: absolute; 
		z-index: 10;
		background: url(images/miniSecond0.png) center center no-repeat; 	
}

.day,
.date {
		width: 320px;
		height: 40px;
		font-size: 30px;
		color: #bbb; 
		overflow: hidden;
		text-align: center;
		position: absolute;
		top: 197px;
		z-index: 2;
}

.day {
		top: 83px;
		text-transform: uppercase;
		color: #ddd; 
}











