Sidebar stuff:
Look in your style.css for #sidebar2
#sidebar2 {
background: transparent;
border: none;
color: #443;
float: left;
font-size: 10px
margin: 0;
padding: 0 2px 30px 0px;
text-align: left;
width: 138px;
}
Make the change to the ‘padding’ line
You also have no css for your calendar which is why it is huge which is why it’s all broken.
Put this at the BOTTOM of your css:
/* WP Calendar styling */
#wp-calendar {
background-color: #fc3;
border: 1px solid #000;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar a:hover {
background: #fc3;
color: #000;
}
#wp-calendar caption {
color: #000;
font-size: 16px;
text-align: left;
}
#wp-calendar td {
color: #000;
font: normal 12px 'Trebuchet MS', 'Lucida Sans Unicode', verdana, arial, helvetica, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #fff;
color: #000;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
The colors ARE wrong – you need to make them how you want.
I don’t know if that makes the cols in the correct order – you didn’t indicate that. Once that is all sorted, the next chunk can be tackled.
(Calendar css taken from the Mixed Bouquet theme)
