body {
	margin: 0;
	background: url(Lockscreen_Wallpaper.png) no-repeat;
}
#clockbar {
	background: url(clockbar.png) repeat-x;
	text-align: center;
	font: bold 14px/19px Helvetica;
	color: rgba(255,255,255,0.75);
	text-shadow: #000000 1px 2px 1px;
	word-spacing: -1px;
	width: 320px;
	height: 20px;
}

#calendarbar {
	text-align: center;
	font: 17px Helvetica;
	color: #fff;
	text-shadow: #000000 1px 2px 1px;
	position: relative;
	left: 42%;
	top: 37%;
	padding-top: 66px;
	word-spacing: -1px;
	-webkit-transform: rotate(90deg);
}

#pagewrap {
	width: 320px;
	height: 480px;
	background: url(Lockscreen_overlay.png) no-repeat;
}

#clock {
	width: 179px;
	height: 128px;
	position: relative;
	left: 89%;
	margin-left: -100px;
	background-image: url(clock.png);
	text-align: center;
	word-spacing: -4px;
	font: bold 33px "Helvetica";
	text-shadow: #000000 1px 2px 1px;
	top: 42%;
	display: none;
	margin-top: -150px;
	color: #ffffff;
    -webkit-transform: rotate(90deg);
}

#clock #minutes {
	position: absolute;
	width: 80px;
	height: 75px;
	right: 19px;
	top: 26px;
}

#clock #hours {
	position: absolute;
	width: 80px;
	height: 75px;
	top: 26px;
	left: 19px;
}
#ampm {
	font: bold 25px "Helvetica";
    color: #ffffff;
    text-shadow: #000000 1px 2px 1px;
	margin-left: -250px;
	margin-top: 150px;
	position: relative;
	left: 80%;
	top: 66%;
	-webkit-transform: rotate(90deg);
}