/* Outer div */ 
div.datetime { 
border:1px solid #0099FF; 
width:4.0em; 
}

div.datetime p { 
margin:0 auto; 
padding:0; 
text-align:center; 
font-size:x-small; 
}
div.datetime .top { 
color:#fefefe; 
background-color:#2f4765; 
}
div.datetime .top p { 
font:bold x-small/100% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif; 
letter-spacing:0.12em; 
text-transform:uppercase; 
}
/* day of the month (NUMBER) */ 
div.datetime p.day { 
font:bold 1.1em/95% Verdana,Geneva,Arial,Helvetica,sans-serif; 
letter-spacing:0.13em; 
padding-top:4px;
padding-bottom:4px; 
}

/* month */ 
div.datetime p.mon { 
font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif; 
letter-spacing:normal;
color:white;
font-weight:bold;padding-top:4px;
padding-bottom:4px; 
background-color:#0099FF;padding-left:2px; 
text-transform:uppercase; 
}

/* year */ 
div.datetime p.yr { 
font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif; 
letter-spacing:0.05em; 
}