Below is the css for just the calendar, not for the entire page. It's pretty minimal. Have fun.
#calendar {position:relative;
width:350px;
height:306px;
border:1px solid #000;
background:#fff url(image/calendar.jpg);
margin:0 auto;}
#calendar h2 {position:absolute;
width:240px;
left:140px;
top:170px;
text-align:center;
font-size:2em;color:#064;}
#year a {text-decoration:none; color:#000;}
#year {padding:54px 0 0 0;
margin:0;
list-style-type:none;
width:110px;}
#year li {display:block;
width:100px;
height:17px;
line-height:17px;
padding-left:10px;
background:transparent;}
#year table {border-collapse:collapse;
width:240px;
height:270px;}
#year table td {height:33px;
width:35px;
text-align:center;
line-height:33px;}
#year table tfoot td{width:240px;
background:#249;
height:46px;}
#year table caption {color:#249;
height:32px;
line-height:32px;
padding:0;
margin:0;
background:#acf; font-size:1.5em;}
#year table thead th {text-align:center;
background:#249;
color:#fff;}
#year li table {display:none;}
#year li:hover {cursor:default;
background:#7092bf;
color:#fff;}
#year li:hover table {display:block;
position:absolute;
left:110px;
top:0;
background:#79c;}
#year td a {display:block;
border:1px solid #000;
margin:-1px;
color:#fff;}
#year td a:hover {display:block;
background:#fff;
color:#000;}
#calendar span {display:none;}
#calendar a:hover span {display: inline;
position: absolute;
top: 260px;
left: 0px;
height: 250px;
width: 250px; !important;}