The calendar's just not formatted at all, I just had the same problem, solved it and saw your post, so here you go. You have to edit the file archive.ascx; replace the calendar control with the following code:
<asp:calendar id="calMonth" runat="server" summary="Events Calendar Design Table"
CellPadding="0"
SelectWeekText=" "
SelectMonthText=" "
BackColor="Transparent"
BorderColor="Transparent"
BorderStyle="None"
width="100%"
BorderWidth="0"
NextMonthText="<span style=color:#fff;>&raquo;</span>"
PrevMonthText="<span style=color:#fff;>&laquo;</span>"
cssClass="pncEvents_Cal">
<TitleStyle cssClass="pncEvents_CalHeader"></TitleStyle>
<SelectorStyle cssClass="pncEvents_CalSelector"></SelectorStyle>
<DayStyle cssClass="pncEvents_CalDay"></DayStyle>
<SelectedDayStyle cssClass="pncEvents_CalSelectedDay"></SelectedDayStyle>
<TodayDayStyle cssClass="pncEvents_CalToday"></TodayDayStyle>
<DayHeaderStyle cssClass="pncEvents_CalDayHeader"></DayHeaderStyle>
<WeekendDayStyle cssClass="pncEvents_CalWeekendDay"></WeekendDayStyle>
<OtherMonthDayStyle cssClass="pncEvents_CalOtherMonthDay"></OtherMonthDayStyle>
</asp:calendar>
Then add the css classes to your portal.css:
.pncEvents_Cal {
background-color: #219B37;
}
.pncEvents_CalHeader {
background-color: #F38E16;
height: 20px;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #f0f0d8;
font-family: Arial;
font-size: 8pt;
line-height: 12pt;
letter-spacing:0.06em;
text-align: center;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}
.pncEvents_CalHeader td {
background-color: #F38E16;
height: 20px;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #f0f0d8;
font-family: Arial;
font-size: 8pt;
line-height: 12pt;
letter-spacing:0.06em;
text-align: center;
}
.pncEvents_CalDayHeader {
background-color: #B3B2B2;
border: 1px solid #E4E4E2;
font-size: 10px;
font-weight: bold;
font-family: Arial;
text-align: center;
height: 25px;
color: #57574E;
}
.pncEvents_CalSelector {
color: #fff;
}
.pncEvents_CalDay {
background-color: #FFFFC0;
border: 1px solid #cdcdcd;
font-size: 10px;
font-family: Tahoma;
text-align: Left;
height: 25px;
width: 25px;
color: #232323;
text-align: center;
}
.pncEvents_CalToday {
background-color: #B1DA17;
height: 25px;
width: 25px;
text-align: left;
border: 1px solid #E4E4E2;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #fff;
font-family: Arial;
font-size: 8pt;
text-align: center;
}
.pncEvents_CalSelectedDay {
background-color: #B1DA17;
border: 1px solid #cdcdcd;
font-size: 10px;
font-family: Tahoma;
text-align: Left;
height: 25px;
width: 25px;
color: #232323;
text-align: center
}
.pncEvents_CalWeekendDay {
background-color: #E0E0E0;
border: 1px solid #ffffff;
font-size: 10px;
font-family: Tahoma;
text-align: Left;
height: 25px;
width: 25px;
color: #232323;
text-align: center
}
.pncEvents_CalOtherMonthDay {
background-color: #ffffff;
border: 1px solid #E4E4E2;
font-size: 10px;
font-family: Tahoma;
text-align: Left;
height: 25px;
width: 25px;
color: #cdcdcd;
text-align: center
}