/* ----------------------------------------*/
/* Basic                                   */
/* ----------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #71797E;
	background: url(../gfx/_background.gif) repeat;
	background: #000000;
}

body, td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

body { text-align: center; }

td { text-align: left; vertical-align: top; padding: 40px; }

html, body { min-height:100.1%; }

pre { background: #FFFFFF; border: 1px solid red; text-align: left; font-size: 14px; }

h1 {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0px;
}

h2 {
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0px;
}

hr { border: 0px; height: 1px; color: #000000; }

a { color: #D58900; text-decoration: none; }
a:hover { text-decoration: none; color: #FFFFFF; }
.inactiveLink { color: #000000; }


/* ----------------------------------------*/
/* Menu */
/* ----------------------------------------*/
#menu {
	width: 800px;
	padding: 4px;
	margin: 0px auto;
	border: 0px;
	text-align: right;
	background: #000000;
}

ul.menu { margin: 0px; padding: 0px; text-align: right; }
ul.menu li { display: inline; list-style-type: disc; margin-left: 10px; }
ul.menu li:before { content: ' \2022  '; }
ul.menu li.firstitem:before { content: ''; }


/* ----------------------------------------*/
/* Navigation                              */
/* ----------------------------------------*/
#navigation {
	width: 800px;
	margin: 0px auto;
	text-align: left;
	padding: 8px 4px 4px 4px;
	background: #000000;
	border: 0px solid red;
}


/* ----------------------------------------*/
/* Image                                   */
/* ----------------------------------------*/
#image {
	width: 800px;
	margin: 0;
	padding: 4px;
	border: 0px solid #CCCCCC;
	background: #000000;
	margin: 0px auto;
}

#image img {
	margin: 0;
	padding: 0px;
	border: 0px;
}


/* ----------------------------------------*/
/* Legend                                  */
/* ----------------------------------------*/
#legend {
	width: 800px;
	margin: 0px auto;
	text-align: left;
	border: 0px;
	background: #000000;
	padding: 4px;
}


/* ----------------------------------------*/
/* Comments                                */
/* ----------------------------------------*/
#comments {
	width: 800px; margin: 0px auto 0px auto;
	padding: 8px 4px 4px 4px;
	margin: 0px auto 0px auto;
	background: #000000;
	text-align: left;
}

#comments ul {
	display: inline;
	list-style: none;
}

#comments li {
	border-top: 1px solid #71797E;
	margin: 0px 0px 10px 0px;
	padding: 20px;
	clear: both;
}

#comments li a { font-style: italic ; }

#commentAdd {
	margin: 0px auto 0px auto;
	padding: 8px 4px 4px 4px;
	margin: 0px auto 0px auto;
	border-top: 1px solid #71797E;
	background: #000000;
	text-align: left;
}


/* ----------------------------------------*/
/* Footer                                  */
/* ----------------------------------------*/
#footer {
	width: 800px;
	border-top: 1px solid #71797E;
	margin: 0 auto;
	padding: 8 4 4 4;
	background: #000000;
	text-align: right;
}

#credits { float: left; text-align: left; }
#favLink { text-align: right; }


/* ----------------------------------------*/
/* Forms                                   */
/* ----------------------------------------*/
.formNotice { color: red; }

.formTextarea {
	font-size: 14px;
	width: 100%;
	border: 1px solid #CCCCCC;
	color: #000000;
	background: #FFFFFF;
	padding: 2px;
}

.formInput {
	width: 100%;
	border: 1px solid #CCCCCC;
	color: #000000;
	background: #FFFFFF;
	font-size: 10px;
	padding: 2px;
}

.formButton {
	font-weight: bold;
	font-size: 10px;
}


/* ----------------------------------------*/
/* Forms                                   */
/* ----------------------------------------*/
#errorMessage {
	padding: 10 4 10 4;
	margin: 0px auto;
	border: 0px solid red;
	background: #000000;
	text-align: center;
	font-weight: bold;
	color: red;
}

#successMessage {
	padding: 10 4 10 4;
	margin: 0px auto;
	border: 0px;
	background: #000000;
	text-align: center;
	font-weight: bold;
	color: green;
}


/* ----------------------------------------*/
/* Content                                 */
/* ----------------------------------------*/
#content {
	width: 800px;
	padding: 4px;
	margin: 0px auto;
	border: 0px;
	background: #000000;
	text-align: left;
}

#pagination { text-align: right; }


/* ----------------------------------------*/
/* Calendar                                */
/* ----------------------------------------*/
#calendar ul {
	text-align: center;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background-color: #71797E;
	color: #000000;
	width: 100%;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
}

#calendar ul li {
	display: inline;
	padding: 4px;
	border: 0px;
	margin: 0px 4px 0px 0px;
}

#calendar #year {
	background-color: #000000;
	color: #71797E;
}


/* ----------------------------------------*/
/* Thumbs                                  */
/* ----------------------------------------*/
#thumbList { text-align: center; }

.thumbnail {
	padding: 2px;
	margin: 8px;
	border: 1px solid #FFFFFF;
}