/* RESET */
html, body, form, fieldset {
	margin:  0;
	padding:  0;
	font-size:  100%;
	line-height:  1.4;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin:  1em 0;
	padding:  0;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom:  0.5em;
}
li, dd, blockquote {
	margin-left:  2.5em;
	margin-bottom:  0.25em;
	padding-left:  0;
}
form label {
	cursor:  pointer;
	font-size: .9em;
}
h1 { font-size:  1.5em; }
h2 { font-size:  1.3em; }
h3 { font-size:  1.17em; }
h4 { font-size:  1em; }
h5 { font-size:  .83em; }
h6 { font-size:  .67em; }

/* GENERAL */
a {
	color: #99FE1A;
}
	a:hover {
		color: #99FE1A;
	}
	a.add, a.edit {
		padding-left: 17px;
	}
		a.add:hover {
			background: url(/static/images/icon_plus.png) no-repeat 0 60%;
		}
		a.edit:hover {
			background: url(/static/images/icon_pen.png) no-repeat 0 60%;
		}
form {
}
	form fieldset {
		border: none;
		float: left;
		margin-bottom: 1em;
		width: 50%;
	}
	form .field {
		margin: 1em 0;
	}
	form label {
		display: block;
		padding-bottom: 5px;
		width: 80%;
	}
		form label .notrequired, form label .help_text {
			color: gray;
		}
		form .error {
			color: red;
		}
			form span.error {
				margin-left: 6px;
			}
	form input, form textarea {
		border: none;
		font-family: Arial, sans-serif;
		font-size: 0.8em;
		padding: 5px;
	}
	form input {
		width: 20em;
	}
		form input.datepicker {
			width: 10em;
		}
	form textarea {
		width: 40em;
	}
	form button {
		background: #99FE1A;
		border: 5px solid white;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		cursor: pointer;
		padding: 2px 10px;
	}
	form .submit {
		clear: both;
	}
	form img.ui-datepicker-trigger {
		cursor: pointer;
		margin-left: 5px;
		vertical-align: middle;
	}
.listing li {
	list-style: none;
	margin: 0 0 2em;
	overflow: hidden;
}
	.listing li a {
		background: url(/static/images/listing.png) no-repeat;
		float: left;
		padding-top: 30px;
		text-decoration: none;
	}
		.listing li a .title {
			font-size: 2.2em;
		}
		.listing li a .listdate {
			color: #C30004;
			white-space: nowrap;
		}
			.listing li a:hover span, .listing li a:focus span {
				color: #99FE1A;
			}
			.listing li a .sep0 { color: #821AB9; }
			.listing li a .sep1 { color: #F66AE4; }
			.listing li a .sep2 { color: #C30004; }
.smallisting {
	color: #821AB9;
}
	.smallisting li {
		margin-left: 1em;
	}
		.smallisting li a {
			color: #821AB9;
		}
			.smallisting li a:hover {
				color: #99FE1A;
			}
.ui-widget {
	font-size: 0.8em !important;
}
	.ui-slider-handle {
		cursor: n-resize !important;
	}
.col {
	float: left;
	width: 40%;
}

/* SPECIFIC */
body {
	background: black;
	color: white;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	margin: 0 auto;
	padding: 0 20px 0 28px;
	width: 912px;
}
#header {
	overflow: hidden;
}
	#logo {
		background: url(/static/images/logo.png) no-repeat;
		float: left;
		height: 229px;
		overflow: hidden;
		outline: none;
		text-indent: -10000px;
		width: 262px;
	}
	#navigation {
		background: url(/static/images/navigation.png) no-repeat;
		height: 229px;
		margin: 0;
		overflow: hidden;
	}
		#navigation li {
			float: left;
			list-style: none;
			margin: 0;
			width: 130px;
		}
			#navigation li a {
				float: left;
				font-size: 1.3em;
				overflow: hidden;
				padding-top: 107px;
				height: 39px;
				margin-right: 4.5%;
				text-align: center;
				text-decoration: none;
				width: 95.5%;
			}
				#navigation li a:focus, #navigation li a:hover {
					border-bottom: 5px solid white;
					outline: none;
				}
				#navigation li#event a {
					border-color: #99FE1A;
					color: #315208;
				}
				#navigation li#news a {
					border-color: #01A532;
					color: #003410;
				}
				#navigation li#member a {
					border-color: #85FFD8;
					color: #003410;
				}
				#navigation li#about a {
					border-color: #5E55FC;
					color: #1E1B51;
				}
				#navigation li#login a {
					border-color: #060BFB;
					color: #02044F;
				}
#content {
	margin-top: -70px;
	padding: 0 8px 0 20px;
}
	#content #sidebar {
		float: right;
		padding-top: 1em;
		text-align: right;
		width: 200px;
	}
		#content #sidebar ul {
			margin: 0;
		}
			#content #sidebar ul li {
				list-style: none;
				margin: 0 0 0.25em;
			}
				#content #sidebar ul li.detail {
					color: white;
					font-size: 0.8em;
				}
					#content #sidebar ul li.detail a {
						color: white;
						white-space: nowrap;
					}
	#content h1 {
		color: #B91A82;
		font-size: 2em;
		line-height: 1.2;
		margin-bottom: 0;
	}
	#content h2 {
		color: #1A82B9;
	}
	#content h3 {
		color: #1AB982;
		font-size: 1.1em;
	}
	#content .date {
		color: #821AB9;
		font-size: 1.2em;
		margin-top: 0;
	}
	#content #inner {
		width: 80%;
	}
		#content .gravatar {
			float: left;
			width: 80px;
		}
		#content dl {
			margin-bottom: 0.5em;
			margin-left: 100px;
		}
			#content dl dt {
				float: left;
				font-weight: bold;
				width: 10em;
			}
			#content dl dd {
				margin: 0;
			}
		#content #presentation p {
			margin-top: 0;
			margin-left: 100px;
		}
#footer {
	background: url(/static/images/footer.png) no-repeat left bottom;
	clear: both;
	overflow: hidden;
	padding: 0 6px 1em 0;
}
	#footer h2 {
		float: left;
		font-size: 1.3em;
		padding: 4px 0;
	}
	#footer .column {
		float: right;
		margin: 0 0 0.5em 6px;
		overflow: hidden;
		width: 254px;
	}
		#footer .column h3 {
			font-size: 1.3em;
		}
			#footer .column h3 a {
				padding: 4px 10px;
				margin-bottom: 0.3em;
				display: block;
				text-decoration: none;
			}
			#footer #latest_events h3 a {
				background: #99FE1A;
				color: #315208;
			}
			#footer #latest_articles h3 a {
				background: #01A532;
				color: #003410;
			}
			#footer #latest_members h3 a {
				background: #85FFD8;
				color: #003410;
			}
		#footer .column ul, #footer .column p {
			font-size: 0.75em;
			margin: 0 10px;
		}
			#footer .column ul li {
				list-style: none;
				margin: 0 0 4px;
			}
				#footer .column ul li a:hover {
					color: white !important;
				}
			#footer #latest_events a {
				color: #99FE1A;
			}
			#footer #latest_articles a {
				color: #01A532;
			}
			#footer #latest_members a {
				color: #85FFD8;
			}

