/* Main styles, apply document-wide */
/* -------------------------------- */

/* Generic body information */
body {
	background: #CCCCFF;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	padding: 0px;
	}

/* Standard link styling */
A {
	color: #9C6BED;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0px;
	}

/* Standard hover colour */
A:hover {
	color: white;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid white;
	}

/* The container for the entire page */
div#main {
	}

/* Calendar-specific styles, apply to the calendar only */
/* ---------------------------------------------------- */

/* The containing div */
#calendar {
	float: right;
	width: 11em;
	text-align: center;
	background: #C8C8FF;
	border: 1px solid #BAAFF3;
	border-left: 0px;
	padding: 0em;
	margin: 0px;
	margin-bottom: 0.5em;
	}

/* How links in the calendar should look */
#calendar A {
	}

/* Generic table styling */
table { 
	padding: 1px;
	padding-bottom: 1em;
	border: 0px;
	margin: 0px 0px 0px 0px;
	}

/* Generic TH class, inherited by th.month and th.day */
th {
	}

/* The text showing the month, on top of each calendar month */
th.month {
	vertical-align: middle;
	font-weight: italic;
	font-size: 1.2em;
	text-align: left;
	border-top: 1px solid #BAAFF3;
	border-bottom: 1px solid #BAAFF3;
	border-left: 0px;
	border-right: 0px;
	padding: 0px 0px 5px 5px;
	margin: 5px 0px 5px 0px;
	}

/* The text indicating the day of the week, (m, t, w, etc) */
/* Also specifies the width of the calendar days */
th.day {
	color: white;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	border: 0px;
	width: 3em;
	height: 1.6em;
	background: #C8C8FF;
	}

/* Generic TD class, inherited by all calendar days, empty or not */
td {
	font-size: 0.8em;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	height: 1.8em;
	background: transparent;
	}

/* A day with nothing in, not even a calendar day
td.empty {
	border: 0px;
	}

/* A calendar day, but with no logs made on it */
td.noitem {
	color: rgb(50%, 50%, 50%);
	border: 0px;
	padding: 2px;
	background: transparent;	
	}

/* A calendar day, with an entry made on it */
td.item {
	font-weight: bold;
	background: transparent;
	font-color: #CC99FF;
	}

/* The current day being viewed, and how it should look */
td#today {
	border: 1px solid #CC99FF;
	background: white;
	}

/* The current day being viewed, and how its link should look */
td#today A {
	}

/* The current day being viewed, and how hovering over it should look */
td#today A:hover {
	color: #C8C8FF;
	}

/* The text showing the month, on top of each calendar month */
p.month {
	font-size: 0.9em;
	text-align: right;
	border: 0;
	padding: 0.5em;
	margin: 0.5em;
	font-style: italic;
	}

/* A collapsed month */
div.nomonth {
	vertical-align: middle;
	font-weight: normal;
	font-size: 1.2em;
	text-align: right;
	border: 1px solid #BAAFF3;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	margin: 2px 0px 5px 0px;
	}


/* A collapsed month */
div.nomonth p.month {
	font-size: 0.9em;
	text-align: right;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	margin: 5px 0px 5px 5px;
	padding: 5px 0px 5px 5px;
	}
	
/* Content styles, applying to the main content section */
/* ---------------------------------------------------- */

/* The content div, holds whatever we're viewing and the links/header */
#content {
	border: 1px solid #BAAFF3;
	background: transparent;
	margin-right: 11.1em;
	}

div#content div.header {
	border-bottom: 1px solid #BAAFF3;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	text-align: centre;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

/* Generic H1 styles for things in the content section */
/* This is for H1's in the stats, news, howto sections */
div#content H1 {
	background: #C5C5FF;
	padding: 0.2em;
	text-align: left;
	font-size: 1.2em;
	color: white;
	border-top: 1px solid #BAAFF3;
	border-left: 2px solid #BAAFF3;
	border-bottom: 1px solid #BAAFF3;
	border-right: 0px;
	margin: 12px 0px 12px 0px;
	}

/* Generic H2 styles for things in the content section */
/* For headings in any area, except when viewing entries */
div#content H2 {
	border-bottom: 1px solid #BAB3FF; 
	border-right: 1px solid #BAB3FF;
	border-left: 0px;
	border-top: 1px solid #BAB3FF;
	background: #C8C8FF;
	margin: 0px 0px 12px 0px;
	padding: 2px;
	text-align: right;
	font-size: 1.1em;
	font-weight: normal;
	}

/* Paragraph class for any text in a paragraph */
div#content p {
	font-size: 1em;
	margin: 0.5em 2em 0.5em 3em;
	line-height: 130%;
	}

/* Paragraph class for any text in the news section */
div#content p.news {
	font-size: 1em;
	margin: 0.5em 4em 0.5em 4em;
	line-height: 130%;
	text-align: justify;
	}
	
/* The size of the header of the title of the page */
#content div.header h1 {
	color: white;
	text-align: center;
	background: #BEBEFF;
	margin: 2px 0px 2px 0px;
	font-size: 1.5em;
	vertical-align: middle;
	padding-left: 0px;
	}
			
/* The size of links in the header */
#content div.header h2 {
	color: white;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	background: #B4BEFF;
	margin: 2px 0px 2px 0px;
	}

/* The div that holds the theme selector */
#content div.themesel {
	font-weight: normal;
	background: #C8BEFF;
	border: 1px solid #B198F3;
	border-left: 0px;
	border-right: 0px;
	margin: 2px 0px 2px 0px;
	text-align: left;
	padding: 0.3em;
	padding-left: 5px;
	}
	
/* This should be the current day, at the top of a posting */
div#content H1.posting {
	background: #C8C8FF;
	border: 1px solid #B198F3;
	border-left: 0px;
	border-right: 0px;
	margin: 12px 0px 6px 0px;
	padding: 5px;
	text-align: center;
	font-size: 1.2em;
	}

/* These are the individual posting times and users */
div#content h2.posting {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	border: 0px;
	padding-bottom: 4px;
	color: #946AFF;
	margin: 5px;
	}

div#content p.posting {
	font-size: 1.2em;
	color: #050050;
	margin: 5px;
	margin-bottom: 0.5em;
	padding: 2px 1em 5px 4em;
	}

span.description {
	font-size: 0.9em;
	}

/* This is the time at the bottom of the current day */
div#content h3 {
	font-size: 1em;
	margin: 12px 0px 12px 12px;
	padding: 5px;
	font-style: italic;
	font-weight: normal;
	}

/* Miscellaneous styles */
/* -------------------- */

/* For this list of users in the stats screen */
ol {
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 130%;
	}

/* The daily/weekly/monthly stats */
ul {
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 130%;
	}

/* The items that go in both */
li {
	font-size: 1em;
	margin-left: 5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}