

	body {

	    background-color: transparent;

	    margin: 0;

	    padding: 0px;

	    height: 480px;

	    width: 320px;

	    font-family: HelveticaNeue; 

	}





    SPAN#clock				   

{

	position: absolute; top: 180px; right:0px; down: 0px; left: 5px; height: 400px;

	 text-align: left;

	 

	color: white;

 text-shadow: black 0px 0px 5px;
	font-size: 26px;

	font-weight: regular;

       

} 



    SPAN#ampm					

{

	position: absolute; top: 203px; right: 0px; down: 0px; left: 8px; height: 460px;

	 text-align: left;

	

	color: grey;
 text-shadow: black 0px 0px 5px;

	font-size: 16px;

	font-weight: regular;

       

}



    Span#DayUpdate

{

	

	position: absolute; top: 332px; right: px; down: 0px; left: 25px; height: 461px;

	 text-align: center;

 color: white;
	
 text-shadow: black 0px 0px 5px;
	font-size: 12px;

	font-weight: bold;

	 

}



Span#Day
{

	position: absolute; top: 338px; left: 21px; down: 0px; right: 0px; height: 461px;

	 text-align: left;

	

	color: white;
 text-shadow: black 0px 0px 5px;

	font-size: 38px;

	font-weight: bold;

	opacity: 1;

	z-index: -1;

}



    Span#Calendar

{

writing-mode:tb-rl;

	-webkit-transform:rotate(-90deg);   

position: absolute; top: 348px; right: 293px; down: 0px; left:0px; height: 40px;

	 text-align: right;

	 text-transform: lowercase;

	

	color: white;
 text-shadow: black 0px 0px 5px;

	font-size: 24px;

	font-weight: regular;
 
	opacity: .8;

	 



}