Correction!!
I have edited the code below today (Nov.5th) after having got back home to my desktop pc. When I originally wrote the bold code line:
#cc_webcalendar { margin: 0 50%;}
I was on a Linux machine with an old FF browser, and I had a distorted view of what was actually happening. The code above will center
the left edge of the calendar, not the calendar itself.
The code
below will center the calendar:
How about inserting this line into the monthstyles.css:
/** base calendar styles **/
#cc_calendar a:link, a:visited{text-decoration:none; border-bottom:0px; color:#4f4c4d;}
#cc_calendar_container { position:relative; }
#cc_webcalendar {margin: 0 auto; width: 400px;}
#cc_webcalendar a:link, a:visited{text-decoration:none; border-bottom:0px; color:#000000;}
See the line in bold. This will center the calendar. You'll have to set the width matching that of your own calendar. The 0 for top and bottom can be changed into some other value, like 20px or something.