/* My CSS - XX/XX/XXXX 

	Table of Contents:
	Reset
	Typography
	Positioning
	IE Fixes
			
*/

/* Reset
---------------------------------------------------------------------------------------- */

@import "reset.css";

* {
	margin: 0;
	padding: 0;
}

/* now I'm working with a clean slate! */


/* Typography
---------------------------------------------------------------------------------------- */

body {
	font-family: Helvetica, Arial, sans serif;
	color: #939091;
}

h1#maintitle {
	font-size: 30px;
	font-weight: normal;
}

h1#maintitle a, h1#maintitle a:hover {
	color: #939091;
}

a {
	color: #3399ff;
}

a:hover {
	color: #0066cc;
}

h1#maintitle span, p#timeflip span a {
	color: #d8d7d7;
}

p#timeflip span a:hover {
	color: #c1c0c0;
}

h2#subtitle, div#daytext h2, div#nighttext h2 {
	font-size: 20px;
}

div#daytext, div#nighttext {
	font-size: 16px;
}

div#textcontent {
	font-size: 14px;
}

p.aftertable, p#timeflip {
	font-size: 12px;
}

p#timeflip span.current a, h1#maintitle a {
	text-decoration: none;
}

h1#maintitle a {
	font-weight: normal;
}

table#eventtable th, a {
	font-weight: bold;
}

table#eventtable th, p.aftertable {
	text-align: center;
}

h1#maintitle {
	line-height: 30px;
}

div#daytext, div#nighttext {
	line-height: 1.5em;
}


/* Positioning
---------------------------------------------------------------------------------------- */

div#header {
	padding: 20px;
	position: relative;
	width: 940px;
	margin: 0 auto;
}

h1#maintitle {
	position: absolute;
	top: 29px;
	left: 80px;
	display: inline;
}

p#timeflip {
	position: absolute;
	top: 30px;
	right: 20px;
}

p#timeflip span a {
	padding: 8px 14px;
	float: right;
	border: 1px solid #F1F1F1;
	background: white url(../images/buttondither.jpg) bottom left repeat-x;
}

p#timeflip span#daybutton a {
	border: 1px solid #F1F1F1;
	border-style: solid solid solid none;
}

p#timeflip span#nightbutton a {
	background: #333;
}

div#maincontent {
	border: 2px solid #F1F1F1;
	padding: 20px 0;
	width: 940px;
	margin: 0 auto;
	background: #FFFFFF;
}

div#daycontainer, div#nightcontainer {
	width: 549px;
	height: 399px;
}	

div#maincontentinner {
	width: 900px;
	background: #F1F1F1;
	margin: 0 auto;
	height: 398px;
	overflow: hidden;
}

div#gallerypanel, div#infopanel {
	float: left;
	width: 549px;
}

div#infopanel {
	width: 350px;
}

div#daytext, div#nighttext {
	padding: 20px;
}

div#daytext h2, div#nighttext h2, div#daytext p, div#nighttext p {
	margin: 0 0 10px 0;
}

div#textcontent {
		width: 940px;
		margin: 0 auto;
}

h2#subtitle {
	margin: 20px 0;
	background: #F8F8F8;
	padding: 10px;
}

table#eventtable {
	width: 100%;
	line-height: 1.5em;
}

table#eventtable td, table#eventtable th {
	padding: 8px;
	border: 1px inset #F1F1F1;
}

p.aftertable {
	padding: 20px 0 0 0;
}

p.aftertable.last {
	padding: 20px 0;
}

p#eventtitle {
	padding: 0 0 20px 10px;
}


/* IE Fixes
---------------------------------------------------------------------------------------- */