Themes

Hrmm, been working on this for a few days now and I figured I would ask all around if anyone had any ideas why something strange is happening to one of the .sideblock content items. Specifically, there is an odd whole showing on the left in a table border. (image attached at bottom)

Any ideas?



Also got a bizarre calendar issue. proceed to http://test.skss.sd73.bc.ca take a look at the calendar there. CSS pasted below:

/***
*** Calendar
***/

#calendar {
width: 100%;
border-spacing: 5px;
border-collapse: separate;
}

#calendar h2,
#calendar h3
{
text-align: center;
}

#calendar .maincalendar,
#calendar .sidecalendar
{
vertical-align: top;
border: 1px solid;
padding: 0px;
}

#calendar .sidecalendar {
width: 25%;
}

#calendar .maincalendar table.calendarmonth {
border-collapse: separate;
margin: 0px auto;
width: 98%;
}

#calendar .maincalendar table.calendarmonth th {
padding:10px;
border-bottom:2px solid;
}

#calendar .maincalendar table.calendarmonth td {
height: 5em;
padding-left: 4px;
padding-top: 4px;
line-height:1.2em;
}

#calendar .maincalendar table.calendarmonth td,
table.minicalendar td,
table.minicalendar th {
width:14%;
vertical-align:top;
}
table.minicalendar td {
text-align: center;
}
#calendar .maincalendar table.calendarmonth td table td {
height: auto;
}

#calendar div.header
{
padding: 5px;
}

#calendar .maincalendar .buttons {
float: right;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table
{
border-collapse:separate;
border-spacing: 2px;
padding: 2px;
width: 100%;
}

#calendar .maincalendar .filters {
padding: 0px 10px;
}

#calendar .sidecalendar .filters {
padding: 5px;
}

#calendar .maincalendar .controls {
clear:both;
padding:10px;
}

#calendar .maincalendar table.calendarmonth ul.events-new,
#calendar .maincalendar table.calendarmonth ul.events-underway
{
padding:0px;
margin:0px;
list-style-type:none;
}

#calendar .maincalendar table.calendarmonth ul li {
margin-top: 4px;
}

table.minicalendar {
width: 100%;
margin:10px auto;
padding:2px;
border-width:1px;
border-style:solid;
border-collapse:separate;
border-spacing:1px !important;
}

table.minicalendar th {
padding: 0px 2px;
}

#calendar .maincalendar .eventlist {
padding: 10px;
}

#calendar .maincalendar .eventlist .topic {
padding: 5px;
border-style:solid;
border-width: 0px;
border-bottom-color: #EEEEEE;
border-bottom-width: 1px;
}

#calendar .maincalendar .eventlist .event {
width:100%;
margin-bottom:10px;
border-spacing:0px;
border-collapse:separate;
border-width:1px;
border-style:solid;
}

#calendar .maincalendar .eventlist .event .name {
float:left;
}

#calendar .maincalendar .eventlist .event .course {
float:left;
clear:left;
}

#calendar .maincalendar .eventlist .event .date {
float:right;
}

#calendar .maincalendar .eventlist .event .description .commands {
width:100%;
}

#calendar .maincalendar .eventlist .event .description {
padding:5px;
}

#calendar .maincalendar .eventlist .event .picture {
padding:8px;
}

#calendar .maincalendar .eventlist .event .side {
width:32px;
}

#calendar #selecteventtype table {
margin:auto;
}

#calendar .event_global,
#calendar .event_course,
#calendar .event_group,
#calendar .event_user,
.minicalendar .event_global,
.minicalendar .event_course,
.minicalendar .event_group,
.minicalendar .event_user {
border:2px solid !important;
}

#calendar .duration_global,
#calendar .duration_course,
#calendar .duration_group,
#calendar .duration_user,
.minicalendar .duration_global,
.minicalendar .duration_course,
.minicalendar .duration_group,
.minicalendar .duration_user
{
border-top:2px solid !important;
border-bottom:2px solid !important;
}

#calendar .today,
.minicalendar .today {
border:2px solid !important;
}

.cal_popup_bg {
padding:0px;
margin:0px;
border:1px solid;
}

.cal_popup_close {
margin-right:5px;
}

.cal_popup_caption {
border-width:0px 0px 1px 0px;
border-style:solid;
padding-bottom:2px;
}

table.calendar-controls {
width: 100%;
}

table.calendar-controls .previous,
table.calendar-controls .next
{
width: 12%;
}
table.calendar-controls .previous {
text-align: left;
}
table.calendar-controls .current {
text-align: center;
}
table.calendar-controls .next {
text-align: right;
}


#calendar .maincalendar .calendar-controls .previous,
#calendar .maincalendar .calendar-controls .next
{
width: 30%;
}