body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	color: #FFFFFF;
	padding: 0px;
	font-size: 13px;
	background-color: #000000;
	margin: 15px;
	}

/* top navigation link colour */
a { color: #CC0000; text-decoration: underline; }
a:hover { color: #000000; text-decoration: none;}

/* positioning of different bits - they work absolute to a container that is centered on the page no matter how big the page is */
/* all this will also center it perfectly horizontal too for really high res screens */
div.top {
	padding: 25px 10px 0px 0px;
	width: 400px;
	text-align: right;
	float:right;
}

div.nav {
	padding: 5px 0px 0px 5px;
	width: 300px;
	text-align: left;
	float:left;
}

div.main {
	padding: 0px 5px 0px 0px;
	width: 750px;
	clear:both;
}

div.container {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

div.key {
	margin: 0 auto;
	width: 750px;
	padding-bottom: 10px;
	padding-top: 5px;
}
.enq {
	background-color: #264C73;
	padding: 8px;
	text-align: center;
	font-weight: bold;
}
.confirmed {
	background-color: #990000;
	padding: 8px;
	text-align: center;
	font-weight: bold;
}
.available {
	background-color: #4C7300;
	padding: 8px;
	text-align: center;
	font-weight: bold;
}
.unavailable {
	font-weight: bold;
	background-color: #999999;
}

td.vtd {
	text-align: center;
}


/* now the colours and styles being used 

   just add more by duplicating parts for one of the colours and adjusting the letters and values
   and then add to the arrays in admin.php and head.php

 r = red
 g = green
 c = clear
 t = today
 
 1 = current month
 2 = not current month
 
 eg. g2 is a green box not on the current month
     r1 is a red box on the current month
     etc.
 
 */


/* thin borders */
.r1 { border: 1px solid #990000; }
.c1 { border: 1px solid #999999; }
.g1 { border: 1px solid #4C7300; }
.t1 { border: 1px solid #ffffff; }
.b1 { border: 1px solid #264C73; }

.r2 { border: 1px solid #151515; }
.c2 { border: 1px solid #151515; }
.g2 { border: 1px solid #151515; }
.t2 { border: 1px solid #151515; }
.b2 { border: 1px solid #151515; } /* this is the 1 colour at 50% opacity */

/* headers - (filled in blocks) */
.r1 div,.c1 div,.g1 div,.b1 div,.t1 div { padding: 2px; font-weight: bold; text-align: right;} /* dont forget to add new colours to this line */
.r1 div { background: #990000; color: #ffffff; }
.c1 div { background: #999999; color: #ffffff; }
.g1 div { background: #4C7300; color: #ffffff; }
.t1 div { background: #ffffff; color: #000000; }
.b1 div { background: #264C73; color: #ffffff; } /* this is the 1 colour again */

.r2 div,.c2 div,.g2 div,.t2 div,.b2 div { padding: 2px; font-weight: bold; text-align: right; } /* dont forget to add new colours to this line */
.r2 div { background: #242424; color: #000000; }
.c2 div { background: #242424; color: #000000; }
.g2 div { background: #242424; color: #000000; }
.t1 div { background: #ffffff; color: #000000; }
.b2 div { background: #242424; color: #000000; } /* this color is white at 50% opacity over the background colour for the faded blocks, and the backgorund is the same as 2 above */

/* the bold header for the content today - (eg. available) */
div.cont1 { color: #FFFFFF; padding: 2px 4px; background: #000000; font-weight: bold; text-align: left; font-weight: bold; }
div.cont2 { color: #242424; padding: 2px 4px; background: #000000; font-weight: bold; text-align: left; font-weight: bold; }

/* the smaller text in the content */
span.sm { font-size: 10px; }

/* the layout of the blocks */
table.calendar td { vertical-align: top; height: 80px; }

/* days of the week heading */
th {
	height: 25px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.month {
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}


/* links in content area */
.cont1 a { color: #336699; text-decoration: underline; }
.cont1 a:hover { color: #336699; text-decoration: none; }

.cont2 a { color: #8C99A6; text-decoration: underline; }
.cont2 a:hover { color: #8C99A6; text-decoration: none; }

/* form elements */
.submit {
	border: 1px solid #ffffff;
	color: #FFFFFF;
	background: #151515;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

select {
	background-color: #151515;
	color: #ffffff;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

textarea {
	background-color: #151515;
	color: #FFFFFF;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 13px;
	border: solid #ffffff 1px;
	font-weight: bold;
}
input { 
	background-color: #151515;
	color: #FFFFFF;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 13px;
	border: solid #ffffff 1px;
	font-weight: bold;
}
