/* backgrounds */
body
{
    background: #eee none;
	/* background-image: ; */
}

thead, thead > tr > th
{
    background-color: #bbb;
}

tr.even
{
    background-color: #ffd;
}

tr.odd
{
    background-color: #dfd;
}

a:hover, tr.monthRow
{
    background-color: #ccc;
}

a.menu:link, a.menu:visited
{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #999;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #999;
}

a.menu:hover
{
    background-color: #f99;
}

a.menu:active
{
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #999;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #999;
}

/* colours */
a, h2
{
    color: #060;
}

td 
{
    border-color: #aba;
}

td.special
{
	/*
    outline-style: dotted;
    outline-width: 2px;
    outline-color: #d53;
	*/
	background-image: url("hatch.png");
}

td.social
{
	color: red;
}

th, tr.monthRow
{
    border-color: #898;
}

/* borders */
td, th, a.menu 
{
    border-width: 1px;
    border-style: solid;
}

img.monthRow
{
    border-width: 0px;
    border-style: none;
    height: 1em;
    vertical-align: middle;
}

a
{
    text-decoration: none;
}

/* text and padding */
tr
{
    vertical-align: bottom;
}

td.multievent
{
    vertical-align: top;
}

tr.monthRow
{
    vertical-align: middle;

    /* these don't actually work, no one seems to know why */
    border-style: solid;
    border-width: 1px;
}

td.monthRow
{
    text-align: left;
    font-weight:bolder;
    padding: .5em;
    border: none;
}

td.upAndDown
{
    text-align: right;
    border: none;
}

td.number
{
    text-align: right;
    width: 6em;
}


td
{
    padding: .3em;
    border-spacing: .3em;
}

table
{
    margin-right: 8em;
    margin-left: 2em;
    border-spacing: 3px;
}

thead > tr > th
{
    padding: .6em;
}

/* menu */
p.menu
{
    position: fixed;
    top: 6em;
    right: 1em;
}

a.menu 
{
    width: 5em;
    text-align: center;
    padding: .5em;
    margin-top: .7em;
    display: list-item;
    list-style-type: none;
    font-weight:bolder;
}

/*
tr.Mon, tr.Wed, tr.Fri
{
background-color: #aec;
}

tr.Tue, tr.Thu
{
background-color: #cea;
}

tr.Sat
{
background-color: #ddf;
}

tr.Sun
{
background-color: #feb;
}
*/
