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

/* Generic body information */
body {
	background-color: white;
	font-family: Arial, Helvetica, Geneva;
	padding: 0px;
	}

/* Standard link styling */
A {
	color: rgb(20%, 20%, 20%);
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted black;
	}

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

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


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

/* The containing div */
#calendar {
	float: left;
	width: 13em;
	text-align: center;
	background: white;
	border: 1px dotted rgb(10%, 10%, 10%);
	border-left: 6px solid rgb(10%, 10%, 10%);
	padding: 1em;
	margin: 0px;
	margin-bottom: 1.5em;
	}

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

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

/* Generic TH class, inherited by th.month and th.day */
th {
	vertical-align: middle;
	background: transparent;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	color: rgb(10%, 10%, 10%);
	}

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

/* The text indicating the day of the week, (m, t, w, etc) */
/* Also specifies the width of the calendar days */
th.day {
	font-size: 0.7em;
	font-weight: normal;
	text-align: center;
	border: 1px dotted black;
	width: 2.8em;
	height: 1.8em;
	background: white;
	}

/* Generic TD class, inherited by all calendar days, empty or not */
td {
	font-size: 0.7em;
	text-align: center;
	vertical-align: middle;
	background-color: white;
	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: white;	
	}

/* A calendar day, with an entry made on it */
td.item {
	font-weight: bold;
	border: 1px solid white;
	background: rgb(80%, 80%, 80%);
	}

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

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

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

/* 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;
	}
	
/* Content styles, applying to the main content section */
/* ---------------------------------------------------- */

/* The content div, holds whatever we're viewing and the links/header */
#content {
	border: 1px dotted rgb(10%, 10%, 10%);
	border-right: 6px solid rgb(10%, 10%, 10%);
	background: white;
	margin-left: 16em;
	padding-left: 1px;
	padding-bottom: 2em;
	}

/* Generic H1 styles for things in the content section */
/* This is for H1's in the stats, news, howto sections */
div#content H1 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	text-align: center;
	font-size: 1.3em;
	color: rgb(25%, 25%, 25%);
	background: white;
	border: 0px;
	}

/* Generic H2 styles for things in the content section */
/* For headings in any area, except when viewing entries */
div#content H2 {
	margin-left: auto;
	margin-right: auto;
	padding: 0.3em;
	text-align: center;
	font-size: 0.75em;
	color: rgb(25%, 25%, 25%);
	background: white;
	border: 1px dotted rgb(10%, 10%, 10%);
	border-left: 0px;
	border-right: 0px;
	}

/* Paragraph class for any text in a paragraph */
div#content p {
	font-size: 0.8em;
	margin-left: 4em;
	margin-right: 4em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 130%;
	}

/* Paragraph class for any text in the news section */
div#content p.news {
	font-size: 0.8em;
	margin-left: 4em;
	margin-right: 4em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 130%;
	text-align: justify;
	}
	
/* The size of the header of the title of the page */
#content div.header h1 {
	font-weight: normal;
	color: rgb(10%, 10%, 10%);
	text-align: center;
	background: white;
	border: 0px;
	border-left: 0px;
	border-right: 0px;
	}
			
/* The size of links in the header */
#content div.header h2 {
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	background: white;
	border: 1px dotted black;
	border-left: 0px;
	border-right: 0px;
	}

/* The div that holds the theme selector */
#content div.themesel {
	font-size: 0.8em;
	font-weight: normal;
	background: white;
	border: 1px dotted black;
	border-right: 0px;
	border-left: 0px;
	text-align: center;
	padding: 0.3em;
	margin-top: 1em;
	}

/* How themebar links should look */
div#content A.theme {
	color: rgb(20%, 20%, 20%);
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted black;
	}

/* How themebar hovers look */
div#content A.theme:hover {
	color: red;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted black;
	}
	
/* This should be the current day, at the top of a posting */
div#content H1.posting {
	margin-left: auto;
	margin-right: auto;
	padding: 0.3em;
	text-align: center;
	font-size: 1.3em;
	color: rgb(25%, 25%, 25%);
	background: white;
	border: none;
	}

/* These are the individual posting times and users */
div#content h2.posting {
	font-size: 0.9em;
	font-weight: bold;
	color: rgb(25%, 25%, 25%);
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	text-align: left;
	border: none;
	background: transparent;
	}

/* Paragraph that contains the actual text of the entry */
div#content p.posting {
	color: rgb(10%, 10%, 10%); 
	font-size: 0.8em;
	}

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

/* This is the time at the bottom of the current day */
div#content h3 {
	font-size: 0.8em;
	color: rgb(10%, 10%, 10%);
	text-align: center;
	}

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

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

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

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