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


.clock-container {
		background: #000;
		position:fixed;
		top: 0;     
		left: 0;
		height: 110%;
		width: 100%;
		min-height: 320px;
		max-height: 480px;
		background: #000 url(images/bg.png) center center no-repeat;
}

.landscape.clock-container {
		min-height:320px;
}

#hands {
		position:absolute;
		top: 50%;
		left: 50%;
		width: 320px;
		height: 320px;
		margin: -180px 0px 0px -160px;
		background: url(images/clock-bg.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: 0px 0px 0px 0px;
		width: 320px;
		height: 320px;
		position: absolute; 
		z-index: 5;
		background: url(images/hour.png) center center no-repeat;		
}

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

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

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

#hand-glass {
	margin: 0px 0px 0px 0px;
	width: 320px;
	height: 320px;
	position: absolute; 
	z-index: 11;
	background: url(images/clock-glass.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; 
}

#alarm-noted-icon {
	z-index: 12;
	position: absolute;
	background: url(images/alarm-icon.png) center center no-repeat;
	width:32px;
	height:32px;
	top: 74px;
	left: 143px;
}

#alarm-noted-icon.eleven-to-twelve {
	top: 212px;
}

.landscape #alarm-noted-icon {

}