/*

	Stylesheet for Swishing.be

	Media:      screen, projection
	Author:     Yoni De Beule <info@yoni-web.be>

*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

body {
	font: 300 12px Arial, sans-serif;
	line-height: 1.5;
	color: #000;
	background: #8ccb29;
}

/*
	Typography and text styles
*/

p {
	padding: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4 {
	font-weight: 700;
}

h1, h2, h3 {
	line-height: 1.1;
	font-family: Helvetica, Arial, sans-serif;
}

h1 a, h2 a, h3 a, h4 a {
	border: 0;
}

h1 {
	font-size: 24px;
	padding: 0 0 12px 0;
}

	.hd h1 {
		padding: 0 12px 8px 12px;
		border-bottom: 2px solid #000;
		margin-bottom: 12px;
	}

h2 {
	font-size: 24px;
	padding: 0 0 12px 0;
}

	.hd h2 {
		padding: 0 12px 8px 12px;
		border-bottom: 2px solid #000;
		margin-bottom: 12px;
	}

h3 {
	font-size: 14px;
	padding: 0 0 4px 0;
}

	.hd h3 {
		padding: 0 0 8px 12px;
		border-bottom: 2px solid #000;
		margin-bottom: 12px;
	}

h4 {
	font-size: 12px;
	padding: 0 0 4px 0;
}

/* Links */

a { text-decoration: none; border-bottom: 1px solid #6a9d1b; color: #263e00; }
a:link, a:visited { border-color: #6a9d1b; color: #263e00; }
a:hover, a:active { border-color: #000; color: #000; }

/* Defaults */

.content ul,
.content ol {
	padding: 0 0 12px 24px;
}

.content ul {
	list-style: disc;
}

.content ol {
	list-style-type: decimal;
}

.content ul ul,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content ol ol {
	list-style: upper-roman;
}

.content ol ol ol {
	list-style: lower-roman;
}

code {
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.15;
}

pre {
	padding: 6px 12px;
	background: #81bb26;
	margin: 0 0 12px;
}

p.small, .small, small {
	font-size: 11px;
	line-height: 1.636;
}

blockquote, q {
	font-style: italic;
	font-family: Georgia, serif;
}

blockquote {
	padding: 0 0 0 12px;
}

em {
	font-style: italic;
}

sub, sup {
	line-height: 0;
}

hr {
	border: none;
	border-top: 2px solid #000;
	padding: 0;
}

div.hr {
	border-bottom: 1px solid #000;
	margin: 0 0 12px 0;
}

.darkBox div.hr, .darkThumbBox div.hr {
	border-bottom: 1px solid #fff;
}

	div.hr hr {
		display: none;
	}

table {
	border-top: 1px solid #000;
	width: 100%;
	margin-bottom: 24px;
	vertical-align: top
}

td, th {
	border-bottom: 1px solid #000;
	padding: 4px;
	vertical-align: top
}

th {
	font-weight: 700;
	background: #81bb26;
}

/* Image classes */

img.alignLeft {
	float: left;
	padding: 0 12px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 12px;
}

a.linkedImage {
	border: 0;
	display: block;
	font-size: 11px;
}

a.linkedImage img {
	display: block;
}

/*
	Page structure and layout
*/

#container {
	width: 936px;
	margin: 0 auto;
	position: relative;
}

/*
	Header
*/

#header {
	height: 130px;
	overflow: hidden;
	padding-bottom: 32px;
}

	/* Logo */

	#header h1, #header h2 {
		width: 96px;
		height: 128px;
		text-indent: -9999px;
		float: left;
		position: fixed;
		padding: 0;
		border-bottom: 2px solid #7cad2c;
	}

		#home #header h1, #home #header h2 {
			padding-bottom: 2px;
			border: 0;
		}

	#header h1 a, #header h2 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: 0;
		background-image: url(../images/sprite.png);
		background-repeat: none;
		background-position: 0 -3px;
	}

	#header h1 a:hover, #header h1 a:active, #header h2 a:hover, #header h2 a:active {
		background-position: -106px -3px;
	}

	/* Navigation */

	#navigation {
		padding: 0 0 0 108px;
		float: left;
		height: 130px;
		overflow: hidden;
		width: 828px;
	}

		#navigation ul {
			float: right;
		}

			#navigation li {
				float: left;
				padding-left: 6px;
			}

				#navigation li a {
					font-size: 14px;
					color: #000;
					float: left;
					line-height: 10px;
					height: 10px;
					padding: 97px 12px 19px 12px;
					border: 0;
				}

				#navigation li a:link, #navigation li a:visited {
					color: #000;
				}

				#navigation li a:hover, #navigation li a:active {
					color: #fff;
				}

					#home #navigation li a:hover, #home #navigation li a:active {
						color: #6a9d1b;
					}

				#navigation li.selected a {
					color: #fff;
					background: #000 url(../images/dark_background.png) repeat-x top left;
					border-bottom: 2px solid #7cad2c;
				}

					#home #navigation li.selected a {
						border: 0;
						padding: 97px 12px 21px 12px;
					}

				#navigation li.selected a:link,
				#navigation li.selected a:visited {
					color: #fff;
				}

				#navigation li.selected a:hover,
				#navigation li.selected a:active {
					color: #fff;
					background: #000;
				}

					#home #navigation li.selected a:hover,
					#home #navigation li.selected a:active {
						color: #fff;
						background: #000;
					}

					#navigation li ul {
						display: none;
					}

/*
	Content
*/

	/* Intro box */

	#introBox {
		color: #fff;
		background: #000 url(../images/dark_background.png) repeat-x top left;
		border-bottom: 2px solid #7cad2c;
		padding: 24px 0 24px 24px;
		position: relative;
		margin-bottom: 42px;
	}

		#introBoxWrapper {
			float: right;
			width: 592px;
		}

			#introBoxWrapper h3 {
				width: 592px;
				height: 56px;
				overflow: hidden;
				padding-bottom: 24px;
				font-size: 31px;
				line-height: 34px;
			}

				#introBoxWrapper h3 .firstLine {
					letter-spacing: 0;
				}

				#introBoxWrapper h3 .secondLine {
					letter-spacing: -0.03em;
				}

			#introBoxWrapper p {
				padding: 0;
			}

				#introBoxWrapper a {
					color: #8ccb29;
					border-color: #496918;
				}

					#introBoxWrapper a span.cufon {
						margin-bottom: 1px;
					}

				#introBoxWrapper a:link, #introBoxWrapper a:visited {
					color: #8ccb29;
					border-color: #496918;
				}

				#introBoxWrapper a:hover, #introBoxWrapper a:active {
					color: #8ccb29;
					border-color: #8ccb29;
				}

		#introBox ul {
			float: left;
			width: 204px;
			height: 99px;
			overflow: hidden;
		}

			#introBox li {
				float: left;
				width: 33px;
				height: 33px;
				overflow: hidden;
				margin: 0 1px 1px 0;
			}

				#introBox li a {
					width: 33px;
					height: 33px;
					display: block;
					border: 0;
				}

					#introBox li img {
						display: block;
						width: 33px;
						height: 33px;
					}

			#introBox li#introBoxAction {
				width: 135px;
				line-height: 10px;
			}

				#introBox li#introBoxAction a {
					color: #fff;
					padding: 11px 0 12px 0;
					height: 10px;
					line-height: 14px;
					width: 135px;
					text-align: center;
					background: #000;
				}

		#introBoxClose {
			padding: 0;
			width: 20px;
			height: 22px;
			text-indent: -9999px;
			position: absolute;
			top: -6px;
			right: -6px;
		}

			#introBoxClose a {
				width: 100%;
				height: 100%;
				display: block;
				overflow: hidden;
				border: 0;
				background-image: url(../images/sprite.png);
				background-repeat: none;
				background-position: -212px -61px;
			}

			#introBoxClose a:hover,
			#introBoxClose a:active {
				background-position: -242px -61px;
			}

	/* General module */

	.mod {
		margin-bottom: 24px;
	}

	.rightCol .bd {
		padding: 0 12px;
	}

	.homeLeftCol .bd {
		padding: 0 12px;
	}

	.wideLeftCol .bd.content,
	.wideLeftCol form {
		padding: 0 12px;
	}

	.smallLeftCol .bd {
		padding: 0 12px;
	}

	.homeRightCol .bd {
		padding: 0 12px;
	}

	#homeSmallLeftCol .bd {
		padding: 0 12px;
	}

	#homeSmallMiddleCol .bd {
		padding: 0 12px;
	}

	#homeSmallRightCol .bd {
		padding: 0 12px;
	}

	/* Event box */

	.eventBox {
		color: #fff;
		background: #000 url(../images/dark_background.png) repeat-x top left;
		border-bottom: 2px solid #7cad2c;
		padding: 18px 10px 10px 24px;
		margin-bottom: 12px;
		position: relative;
		cursor: pointer;
	}

		.eventBox h3, .eventBox h2 {
			font-size: 28px;
			padding-bottom: 12px;
		}

			.eventBox a {
				color: #fff;
			}

			.eventBox a:link, .eventBox a:visited {
				color: #fff;
			}

			.eventBox a:hover, .eventBox a:active {
				color: #fff;
			}

		.eventBox .official {
			height: 51px;
			width: 49px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/sprite.png) no-repeat -212px 0;
			padding-bottom: 24px;
			padding: 0;
			position: absolute;
			top: -6px;
			right: -17px;
			z-index: 999;
		}

		.eventBox .dateWrapper {
			float: left;
			width: 158px;
			position: relative;
			font-size: 14px;
			overflow: hidden;
		}

			.eventBox .fromDateIcon {
				position: absolute;
				top: 5px;
				left: 0;
				color: #000;
				height: 6px;
				line-height: 16px;
				font-size: 9px;
				display: block;
				width: 15px;
				padding: 5px 0 5px 2px;
				text-align: center;
				overflow: hidden;
				background: url(../images/sprite.png) no-repeat -280px -118px;
			}

			.eventBox .tillDateIcon {
				position: absolute;
				top: 31px;
				left: 0;
				color: #000;
				height: 6px;
				line-height: 6px;
				font-size: 9px;
				display: block;
				width: 15px;
				padding: 5px 0 5px 2px;
				text-align: center;
				overflow: hidden;
				background: url(../images/sprite.png) no-repeat -305px -118px;
			}

			.eventBox .fromDate, .eventBox .tillDate {
				display: block;
				line-height: 10px;
				height: 10px;
				width: 148px;
				padding: 8px 0 8px 24px;
			}

			.eventBox .tillDate {
				color: #9a9b9b;
			}

		.locationWrapper {
			float: left;
			width: 200px;
			position: relative;
			font-size: 14px;
			overflow: hidden;
		}

			.locationWrapper .markerIcon {
				position: absolute;
				top: 5px;
				left: 0;
				color: #000;
				height: 6px;
				line-height: 6px;
				font-size: 9px;
				display: block;
				width: 15px;
				padding: 5px 0 5px 1px;
				text-align: center;
				overflow: hidden;
				background: url(../images/sprite.png) no-repeat -280px -92px;
			}

			.locationWrapper .timeIcon {
				position: absolute;
				top: 32px;
				left: 0;
				color: #000;
				height: 6px;
				line-height: 6px;
				font-size: 9px;
				display: block;
				width: 15px;
				padding: 5px 0 5px 1px;
				text-align: center;
				overflow: hidden;
				background: url(../images/sprite.png) no-repeat -306px -92px;
			}

			.locationWrapper .location, .locationWrapper .timeSpan {
				display: block;
				line-height: 10px;
				height: 10px;
				width: 178px;
				padding: 8px 0 8px 24px;
			}

			.locationWrapper .timeSpan {
				color: #9a9b9b;
			}

		.attendingWrapper {
			float: left;
			width: 144px;
			position: relative;
			font-size: 14px;
			overflow: hidden;
		}

			.attendingWrapper .availible, .attendingWrapper .unAvailible {
				display: block;
				line-height: 10px;
				height: 10px;
				width: 144px;
				padding: 8px 0;
				font-size: 8px;
			}

				.attendingWrapper .availible strong, .attendingWrapper .unAvailible strong {
					font-size: 14px;
					width: 32px;
					padding-right: 22px;
					text-align: right;
					display: inline-block;
					font-weight: 300;
				}

				.attendingWrapper .okAvaible {
					color: #8ccb29;
				}

				.attendingWrapper .neutralAvaible {
					color: #9a9b9b;
				}

				.attendingWrapper .noneAvaible {
					color: #bc3b36;
				}

				.attendingWrapper .availibleIconOk {
					position: absolute;
					top: 5px;
					left: 36px;
					color: #000;
					height: 6px;
					line-height: 6px;
					font-size: 9px;
					display: block;
					width: 15px;
					padding: 5px 0 5px 1px;
					text-align: center;
					overflow: hidden;
					background: url(../images/sprite.png) no-repeat -235px -118px;
				}

				.attendingWrapper .availibleIconNeutral {
					position: absolute;
					top: 5px;
					left: 36px;
					color: #000;
					height: 6px;
					line-height: 6px;
					font-size: 9px;
					display: block;
					width: 15px;
					padding: 5px 0 5px 1px;
					text-align: center;
					overflow: hidden;
					background: url(../images/sprite.png) no-repeat -258px -118px;
				}

				.attendingWrapper .availibleIconNone {
					position: absolute;
					top: 5px;
					left: 36px;
					color: #000;
					height: 6px;
					line-height: 6px;
					font-size: 9px;
					display: block;
					width: 15px;
					padding: 5px 0 5px 1px;
					text-align: center;
					overflow: hidden;
					background: url(../images/sprite.png) no-repeat -212px -118px;
				}

				.attendingWrapper .unAvailibleIconOk {
					position: absolute;
					top: 31px;
					left: 36px;
					color: #000;
					height: 6px;
					line-height: 6px;
					font-size: 9px;
					display: block;
					width: 15px;
					padding: 5px 0 5px 1px;
					text-align: center;
					overflow: hidden;
					background: url(../images/sprite.png) no-repeat -235px -118px;
				}

				.attendingWrapper .unAvailibleIconNeutral {
					position: absolute;
					top: 31px;
					left: 36px;
					color: #000;
					height: 6px;
					line-height: 6px;
					font-size: 9px;
					display: block;
					width: 15px;
					padding: 5px 0 5px 1px;
					text-align: center;
					overflow: hidden;
					background: url(../images/sprite.png) no-repeat -258px -118px;
				}

				.attendingWrapper .unAvailibleIconNone {
					position: absolute;
					top: 31px;
					left: 36px;
					color: #000;
					height: 6px;
					line-height: 6px;
					font-size: 9px;
					display: block;
					width: 15px;
					padding: 5px 0 5px 1px;
					text-align: center;
					overflow: hidden;
					background: url(../images/sprite.png) no-repeat -212px -118px;
				}

			.eventBoxHover {
				width: 540px;
				height: 104px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(../images/overlay.png) no-repeat center center;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 99;
			}

		/* Archive box */

		.archiveBox {
			float: left;
			color: #fff;
			background: #000 url(../images/dark_background.png) repeat-x top left;
			border-bottom: 2px solid #7cad2c;
			width: 164px;
			height: 70px;
			padding: 6px;
			margin: 0 6px 3px 0;
			position: relative;
			cursor: pointer;
		}
		
		.noCursor {
			cursor: default;
		}

		.archiveBox:hover, .archiveBox:active {
			background: #000;
		}

		.lastArchiveBox {
			margin-right: 0;
		}

			.archiveBox ul {
				position: absolute;
				top: 6px;
				padding: 0;
			}

				.archiveBox li {
					float: left;
					width: 40px;
					height: 40px;
					overflow: hidden;
					margin: 0 1px 1px 0;
				}

					.archiveBox li a {
						width: 40px;
						height: 40px;
						display: block;
						border: 0;
					}

						.archiveBox li img {
							display: block;
							width: 40px;
							height: 40px;
						}

			.archiveBox p {
				position: absolute;
				top: 53px;
				width: 164px;
				padding-bottom: 2px;
			}

				.archiveBox .fromDate {
					float: left;
					color: #9a9b9b;
					font-size: 12px;
				}

					.archiveBox .fromDate strong {
						font-size: 18px;
						color: #cdcecd;
						font-weight: 300;
					}

				.archiveBox .location {
					float: right;
					color: #9a9b9b;
					font-size: 12px;
					padding-top: 7px;
				}

	/* Upcoming box */
	
	.upcomingBox {
		color: #fff;
		background: #000 url(../images/dark_background.png) repeat-x center left;
		border-bottom: 2px solid #7cad2c;
		height: 38px;
		padding: 0 12px;
		margin: 0 0 6px 0;
		cursor: pointer;
	}

	.upcomingBox:hover, .upcomingBox:active {
		background: #000;
	}

		.upcomingBox p {
			padding: 0;
		}
		
			.upcomingBox .fromDate {
				float: left;
				font-size: 12px;
				line-height: 38px;
				color: #999;
			}

				.upcomingBox .fromDate strong {
					font-size: 18px;
					color: #cdcecd;
					font-weight: 300;
				}

			.upcomingBox .location {
				float: right;
				font-size: 12px;
				line-height: 34px;
				padding-top: 3px;
				color: #999;
				padding-left: 24px;
				position: relative;
			}

				.upcomingBox .markerIcon {
					position: absolute;
					top: 9px;
					left: 2px;
					color: #000;
					height: 6px;
					line-height: 6px;
					font-size: 9px;
					display: block;
					width: 15px;
					padding: 5px 0 5px 1px;
					text-align: center;
					overflow: hidden;
					background: url(../images/sprite.png) no-repeat -256px -92px;
				}

	/* Gallery */

	.galleryBox {
		padding: 24px;
	}

		.galleryBox .photo {
			width: 60px;
			height: 60px;
			float: left;
			margin: 0 1px 1px 0;
		}

			.galleryBox .photo a {
				width: 60px;
				height: 60px;
				border: 0;
				display: block;
			}

				.galleryBox .photo img {
					width: 61px;
					height: 61px;
					display: block;
				}

	/* Link buttons */

	a.button {
		float: left;
		line-height: 32px;
		padding: 0 12px 2px 12px;
		font-size: 12px;
		font-weight: 700;
		color: #fff;
		background-image: url(../images/sprite.png);
		background-position: left -145px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border: 0;
	}

		a.button:link, a.button:visited {
			color: #fff;
		}

		a.button:hover {
			color: #000;
			text-shadow: rgba(255, 255, 255, 0.75) 0 1px;
			background-position: left -189px;
		}

		a.button:active {
			color: #000;
			text-shadow: rgba(255, 255, 255, 0.75) 0 1px;
			background-position: left -233px;
		}

	a.goButton {
		float: left;
		line-height: 32px;
		padding: 0 24px 2px 12px;
		font-size: 12px;
		font-weight: 700;
		color: #fff;
		background-image: url(../images/sprite.png);
		background-position: right -409px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border: 0;
	}

		a.goButton:link, a.goButton:visited {
			color: #fff;
		}

		a.goButton:hover {
			color: #000;
			text-shadow: rgba(255, 255, 255, 0.75) 0 1px;
			background-position: right -453px;
		}

		a.goButton:active {
			color: #000;
			text-shadow: rgba(255, 255, 255, 0.75) 0 1px;
			background-position: right -497px;
		}

	a.facebookButton {
		float: left;
		line-height: 32px;
		padding: 0 12px 2px 36px;
		font-size: 12px;
		font-weight: 700;
		color: #fff;
		background-image: url(../images/sprite.png);
		background-position: left -277px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border: 0;
	}

		a.facebookButton:link, a.facebookButton:visited {
			color: #fff;
		}

		a.facebookButton:hover {
			color: #000;
			text-shadow: rgba(255, 255, 255, 0.75) 0 1px;
			background-position: left -321px;
		}

		a.facebookButton:active {
			color: #000;
			text-shadow: rgba(255, 255, 255, 0.75) 0 1px;
			background-position: left -365px;
		}

	a.addButton {
		float: left;
		line-height: 32px;
		padding: 0 12px 2px 30px;
		font-size: 12px;
		font-weight: 700;
		color: #fff;
		background-image: url(../images/sprite.png);
		background-position: left -541px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border: 0;
		text-shadow: rgba(0, 0, 0, 0.75) 0 1px;
	}

		a.addButton:link, a.addButton:visited {
			color: #fff;
		}

		a.addButton:hover {
			color: #000;
			text-shadow: rgba(255, 255, 255, 0.75) 0 1px;
			background-position: left -585px;
		}

		a.addButton:active {
			color: #000;
			text-shadow: rgba(255, 255, 255, 0.75) 0 1px;
			background-position: left -629px;
		}

	/* Newsletter */

	#newsletterForm .inputHolder, #newsletterForm .buttonHolder {
		float: left;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomright: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

		#newsletterForm .inputHolder input {
			width: 126px;
			-moz-border-radius-topright: 0;
			-moz-border-radius-bottomright: 0;
			-webkit-border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}

	#newsletterForm .buttonHolder {
		float: left;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-bottomleft: 0;
		-webkit-border-top-left-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

		#newsletterForm .buttonHolder input, #newsletterForm .buttonHolder button {
			-moz-border-radius-topleft: 0;
			-moz-border-radius-bottomleft: 0;
			-webkit-border-top-left-radius: 0;
			-webkit-border-bottom-left-radius: 0;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}

	/* Subnavigation */

	#subNavigation {
		width: 158px;
	}

		#subNavigation li {
			padding-bottom: 2px;
			width: 158px;
		}

			#subNavigation li a {
				display: block;
				width: 134px;
				font-size: 12px;
				padding: 8px 12px 4px 12px;
				border: 0;
				background: rgba(0,0,0,0.1);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);
				color: #000;
				letter-spacing: 0 !important;
			}

			#subNavigation li a:link,
			#subNavigation li a:visited {
				color: #000;
			}

			#subNavigation li a:hover,
			#subNavigation li a:active {
				color: #fff;
			}

			#subNavigation li.selected a {
				background: #000;
				color: #fff;
			}

			#subNavigation li.selected a:link,
			#subNavigation li.selected a:visited {
				color: #fff;
			}

			#subNavigation li.selected a:hover,
			#subNavigation li.selected a:active {
				color: #fff;
			}

	/* Boxes */

	.contentBox {
		color: #000;
		padding: 18px 24px 10px 24px;
		margin-bottom: 12px;
		background: rgba(0,0,0,0.1);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);
	}

	.contentThumbBox {
		color: #000;
		padding: 18px 24px 10px 120px;
		margin-bottom: 12px;
		background: rgba(0,0,0,0.1);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);
		position: relative;
	}

	.contentThumbBox img.contentThumb {
		width: 72px;
		height: auto;
		position: absolute;
		top: 24px;
		left: 24px;
	}

	/* Banner */

	.bannerMod .hd {
		padding: 0;
	}

		.bannerMod .hd h3 {
			font-size: 8px;
			color: #fff;
			line-height: 8px;
			padding: 5px 6px;
			margin: 0;
			float: left;
			background: #74a922;
			border: 0;
			-moz-border-radius-topright: 3px;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-right-radius: 3px;
			-webkit-border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			border-top-left-radius: 3px;
		}

	.bannerMod .bd {
		padding: 0;
		border: 1px solid #000;
	}

		.bannerMod .bd p {
			padding: 0;
		}

			.bannerMod .bd a {
				display: block;
				border: 0;
			}

				.bannerMod .bd img {
					display: block;
					width: 250px;
					height: 250px;
				}

	/* Home upcoming */

	.homeEventBox {
		padding: 4px 12px 21px 0;
		cursor: pointer;
	}

		.homeEventBox h3 {
			font-size: 16px;
		}

			.homeEventBox h3 a {
				color: #000 !important;
			}

			.homeEventBox .dateWrapper {
				float: left;
				font-size: 12px;
				overflow: hidden;
				position: relative;
				width: 160px;
			}

			.homeEventBox .locationWrapper {
				float: left;
				font-size: 12px;
				overflow: hidden;
				position: relative;
				width: 188px;
			}

				.homeEventBox .fromDateIcon {
					position: absolute;
					top: 4px;
					left: 0;
					color: #8ccb29;
					height: 6px;
					line-height: 6px;
					font-size: 7px;
					display: block;
					width: 15px;
					padding: 7px 1px 7px 0;
					text-align: center;
					overflow: hidden;
					background: url(../images/sprite.png) no-repeat -330px -118px;
				}

				.homeEventBox .tillDateIcon {
					position: absolute;
					top: 30px;
					left: 0;
					color: #8ccb29;
					height: 6px;
					line-height: 6px;
					font-size: 7px;
					display: block;
					width: 15px;
					padding: 7px 1px 7px 0;
					text-align: center;
					overflow: hidden;
					background: url(../images/sprite.png) no-repeat -330px -118px;
				}

				.homeEventBox .fromDate, .homeEventBox .tillDate {
					display: block;
					line-height: 14px;
					height: 10px;
					width: 148px;
					padding: 8px 0 8px 24px;
					color: #263f00;
					letter-spacing: 0 !important;
				}

				.homeEventBox .locationWrapper .markerIcon {
					background: url(../images/sprite.png) no-repeat -350px -92px;
				}

				.homeEventBox .locationWrapper .timeIcon {
					background: url(../images/sprite.png) no-repeat -330px -94px;
				}

				.homeEventBox .locationWrapper .location, .homeEventBox .locationWrapper .timeSpan {
					color: #263f00;
					line-height: 14px;
					letter-spacing: 0 !important;
				}

	/* Home news and twitter */

	.homeRightCol {
		padding-top: 4px;
	}

		.homeRightCol .hd h3 {
			font-size: 20px;
		}

			#homeNews {
				margin-bottom: 0;
				height: 148px;
			}

				#homeNews h4 {
					padding: 0 0 4px 0;
					font-size: 16px;
				}

					#homeNews h4 a {
						color: #000 !important;
					}

						#homeNews .dateWrapper {
							font-size: 12px;
							line-height: 14px;
							height: 10px;
							padding: 8px 0 16px 24px;
							color: #263f00;
							position: relative;
							letter-spacing: 0 !important;
						}

							#homeNews .newsDate {
								position: absolute;
								top: 4px;
								left: 0;
								color: #8ccb29;
								height: 6px;
								line-height: 6px;
								font-size: 7px;
								display: block;
								width: 15px;
								padding: 7px 1px 7px 0;
								text-align: center;
								overflow: hidden;
								background: url(../images/sprite.png) no-repeat -330px -118px;
							}

			#homeTwitter {
				height: 154px;
			}

			#homeTwitter p {
				padding-bottom: 4px;
			}

					#homeTwitter .twitterWrapper {
					font-size: 12px;
					line-height: 14px;
					height: 10px;
					padding: 8px 0 16px 24px;
					color: #263f00;
					position: relative;
					letter-spacing: 0 !important;
				}
	
					#homeTwitter .tweetIcon {
						position: absolute;
						top: 4px;
						left: 0;
						color: #8ccb29;
						text-indent: -9999px;
						height: 6px;
						line-height: 6px;
						font-size: 7px;
						display: block;
						width: 15px;
						padding: 7px 0 5px 1px;
						text-align: center;
						overflow: hidden;
						background: url(../images/sprite.png) no-repeat -352px -118px;
					}

	/*  Event detail */

	.darkBox {
		background: #000;
		color: #fff;
		border-bottom: 2px solid #7cad2c;
		padding: 18px 24px 10px 24px;
		margin-bottom: 12px;
	}

	.darkThumbBox {
		background: #000;
		color: #fff;
		border-bottom: 2px solid #7cad2c;
		padding: 18px 24px 10px 120px;
		margin-bottom: 12px;
		position: relative;
	}

		.darkThumbBox img.contentThumb {
			width: 72px;
			height: auto;
			position: absolute;
			top: 24px;
			left: 24px;
		}

			.darkBox .darkThumbBox {
				padding: 6px 0 12px 96px;
				border: 0;
				margin: 0;
			}

			.darkBox .darkThumbBox img.contentThumb {
				width: 72px;
				height: auto;
				position: absolute;
				top: 6px;
				left: 0;
			}

	.lastDarkBox {
		margin: 0;
		border: 0;
	}

		.darkBox h2 {
			font-size: 18px;
		}

		.darkBox a, .darkThumbBox a {
			color: #fff;
			border-color: #545454;
		}

		.darkBox a:link, .darkBox a:visited, .darkThumbBox a:link, .darkThumbBox a:visited,
		
		 {
			color: #fff;
			border-color: #545454;
		}

		.darkBox a:hover, .darkBox a:active, .darkThumbBox a:hover, .darkThumbBox a:active {
			color: #fff;
			border-color: #fff;
		}

		/* signInBox */
	
		#signInBox .darkBox {
			border: 0;
			margin: 0;
		}

			#signInForm {
				padding: 20px 10px 10px 10px;
				background: #fff url(../images/facebook_background.jpg) repeat-x;
				position: relative;
			}
	
				#facebookLoggedOut {
					position: absolute;
					right: -30px;
					top: 45px;
				}
	
				#facebookLoggedOut a {
					width: 29px;
					height: 34px;
					text-indent: -9999px;
					background: url(../images/sprite.png) no-repeat -371px 0;
					border: 0;
				}
	
				#facebookLoggedOut a:hover {
					width: 29px;
					height: 34px;
					text-indent: -9999px;
					background: url(../images/sprite.png) no-repeat -371px -46px;
					border: 0;
				}

					#facebookLoggedOut span.fb_button_text {
						display: none;
					}

				#signInBox .inputHolder {
					border-color: #eee;
					margin-right: 24px;
				}
	
					#signInBox .inputHolder input.inputText {
						width: 166px;
						border: 1px solid #ddd;
					}
	
				#signInBox .lastInputHolder {
					margin-right: 0;
					-moz-border-radius-bottomright: 0;
					-moz-border-radius-topright: 0;
					-webkit-border-bottom-right-radius: 0;
					-webkit-border-top-right-radius: 0;
					border-bottom-right-radius: 0;
					border-top-right-radius: 0;
				}
	
					#signInBox .lastInputHolder input.inputText {
						margin-right: 0;
						width: 166px;
						border: 1px solid #ddd;
						-moz-border-radius-bottomright: 0;
						-moz-border-radius-topright: 0;
						-webkit-border-bottom-right-radius: 0;
						-webkit-border-top-right-radius: 0;
						border-bottom-right-radius: 0;
						border-top-right-radius: 0;
					}

		#signInBox {
			background: #fff;
			border-bottom: 2px solid #7cad2c;
			margin-bottom: 12px;
		}

			#signInBox .buttonHolder {
				border-bottom: 3px solid #ddd;
				-moz-border-radius-bottomleft: 0;
				-webkit-border-bottom-left-radius: 0;
				border-bottom-left-radius: 0;
			}
	
				#signInBox input.input-submit, #signInBox input.inputSubmit, #signInBox input.submit, #signInBox button {
					border-color: #fff;
					-moz-border-radius-bottomleft: 0;
					-moz-border-radius-topleft: 0;
					-webkit-border-bottom-left-radius: 0;
					-webkit-border-top-left-radius: 0;
					border-bottom-left-radius: 0;
					border-top-left-radius: 0;
				}

			#facebookEventAttendeesLoading {
				background: url(../images/facebook_spinner.gif) no-repeat center center;
				height: 32px;
			}

			#signInForm #rows {
				padding-bottom: 12px;
				margin-bottom: 12px;
				border-bottom: 1px solid #ddd;
			}

		#facebookAttendees {
			padding: 12px 0 12px 24px;
			font-size: 11px;
			line-height: 17px;
		}

			#facebookAttendees span.floatRight {
				padding-right: 20px;
			}

			#facebookAttendees li {
				float: left;
				width: 50px;
				height: 110px;
				padding-right: 13px;
				overflow: hidden;
			}

				#facebookAttendees a {
					border: 0;
					color: #565998;
				}

				#facebookAttendees a:link,
				#facebookAttendees a:visited {
					color: #565998;
				}

				#facebookAttendees a:hover,
				#facebookAttendees a:active {
					color: #565998;
				}

	/* Contact form and comment */

	#contactForm .row, #blogForm .row { 
		padding-bottom: 12px;
	}

		#contactForm .inputHolder, #blogForm .inputHolder { 
			margin-right: 6px; 
		}
    	
		#contactForm .lastInputHolder, #blogForm .lastInputHolder {
			margin-right: 0px;
		}

	.comment {
		padding: 0 10px 12px 10px;
	}

/*
	Footer
*/

#footer {
	border-top: 2px solid #000;
	padding: 12px 0;
}

	#footer li {
		float: left;
		line-height: 14px;
		padding-right: 24px;
	}

		#footer li a {
			border: 0;
			font-size: 11px;
			color: #000;
		}

		#footer li a:link,
		#footer li a:visited {
			color: #000;
		}

		#footer li a:hover,
		#footer li a:active {
			color: #000;
		}

		#footer #facebookFooterLogo {
			width: 37px;
			height: 14px;
			text-indent: -9999px;
			float: right;
			padding: 0 0 0 10px;
		}

			#footer #facebookFooterLogo a {
				width: 100%;
				height: 100%;
				display: block;
				overflow: hidden;
				border: 0;
				background: url(../images/sprite.png) no-repeat -281px -68px;
			}

		#footer #twitterFooterLogo {
			width: 43px;
			height: 14px;
			text-indent: -9999px;
			float: right;
			padding: 0 0 0 10px;
		}

			#footer #twitterFooterLogo a {
				width: 100%;
				height: 100%;
				display: block;
				overflow: hidden;
				border: 0;
				background: url(../images/sprite.png) no-repeat -281px -46px;
			}

		#footer #flickrFooterLogo {
			width: 33px;
			height: 14px;
			text-indent: -9999px;
			float: right;
			padding: 0 0 0 10px;
		}

			#footer #flickrFooterLogo a {
				width: 100%;
				height: 100%;
				display: block;
				overflow: hidden;
				border: 0;
				background: url(../images/sprite.png) no-repeat -281px -26px;
			}

/*
	Column system
*/

.wideCol {
	float: left;
	padding: 0 0 0 108px;
	width: 828px;
}

.subNavCol {
	float: left;
	padding: 0 0 0 108px;
	width: 158px;
}

.smallLeftCol {
	float: left;
	padding: 0 24px;
	width: 358px;
}

.wideLeftCol {
	float: left;
	padding: 0 24px 0 108px;
	width: 540px;
}

.rightCol {
	float: left;
	padding: 10px 0 0 12px;
	width: 252px;
}

.homeLeftCol {
	float: left;
	width: 396px;
	padding: 0 24px 0 108px;
}

.homeRightCol {
	float: left;
	width: 396px;
}

#homeSmallLeftCol {
	float: left;
	width: 252px;
	padding: 0 36px 0 108px;
}

#homeSmallMiddleCol {
	float: left;
	width: 252px;
	padding: 0 36px 0 0;
}

#homeSmallRightCol {
	float: left;
	width: 252px;
}

/* Pagination */

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 11px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #000;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: #000;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: #000;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #7cad2c;
	background: #7cad2c;
	text-decoration: none;
	min-width: 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: #000;
}

.pagination li a:hover,
.pagination li a:active {
	background: #fff;
	border: 1px solid #fff;
	color: #000;
}

.nextpage, .previouspage {
	font-size: 11px;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/* Forms */

label {
	font-size: 12px;
	font-family: Arial, sans-serif;
	display: block;
	font-weight: 700;
	padding: 4px 0;
}

input.input-text, input.inputText, input.text, input.input-password, input.inputPassword, input.password, textarea {
	font-size: 12px;
	font-family: Arial, sans-serif;
	background: #fff;
	color: #999;
	border: 0;
	padding: 9px 8px 8px 8px;
	margin: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 180px;
	border-top: 1px solid #8CCB29;
}

.inputHolder, .buttonHolder {
	float: left;
	border-bottom: 2px solid #7cad2c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

textarea {
	line-height: 1.5;
	width: 381px;
}

input:focus, textarea:focus {
	border-color: #999;
	background: #fff;
	color: #000;
}

input.input-submit, input.inputSubmit, input.submit, button {
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	border: 0;
	margin: 1px 0 0 0;
	height: 32px;
	padding: 8px 12px;
	cursor: pointer;
	overflow: visible;
	background-image: url(../images/sprite.png);
	background-position: left -145px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input.input-submit:hover, input.inputSubmit:hover, input.submit:hover, button:hover {
	color: #000;
	text-shadow: rgba(255, 255, 255, 0.75) 0 1px;
	background-position: left -189px;
}

input.input-submit:active, input.inputSubmit:active, input.submit:active, button:active {
	color: #000;
	text-shadow: rgba(255, 255, 255, 0.75) 0 1px;
	background-position: left -233px;

}

select, option {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

input.inputCheckbox {
	float: left;
	margin: 3px 6px 3px 0;
}

form p.floatLeft {
	padding-right: 10px;
}

form p {
	padding-bottom: 6px;
}

.form-error, .formError {
	padding: 4px 6px;
	font-size: 11px;
	margin: 3px 0;
	background: #ff1410;
	color: #fff;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	max-width: 388px;
}

.form-error a, .formError a {
	color: #fff !important;
	font-weight: 700;
	border: 0;
}

.form-success, .formSuccess {
	padding: 4px 6px;
	font-size: 11px;
	margin: 3px 0;
	background: #ffb400;
	color: #fff;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.form-success a, .formSuccess a {
	color: #fff !important;
	font-weight: 700;
	border: 0;
}

/* Center anything */

.centerWidthlessWrap {
	width: 100%;
	overflow: hidden;
}

.centerWidthless {
	float: left;
	position: relative;
	left: 50%;
}

.centerWidthlessInner {
	position: relative;
	left: -50%;
}

/* General purpose classes */

.hidden { display: none; }
.block { display: block; }

.floatLeft { float: left !important; }
.floatRight { float: right !important; }

.noPadding { padding: 0; }
.paddingBottom { padding-bottom: 12px; }

.clear { clear: both; }

/* Font face */

@font-face {
	font-family: 'Quicksand';
	src: url('../font/quicksand.eot');
	src: local('☺'), url('../font/quicksand.woff') format('woff'), url('../font/quicksand.ttf') format('truetype'), url('../font/quicksand.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, #navigation li a, #subNavigation li a, #introBoxAction, #introBoxWrapper p, .eventBox h3, .eventBox p, .archiveBox p, .upcomingBox p, .homeEventBox p, #footer li a, .dateWrapper, .twitterWrapper, #introBoxWrapper h3 {
	font-family: 'Quicksand';
	text-transform: uppercase;
	font-weight: 300 !important;
	letter-spacing: -0.03em;
	font-style: normal;
}

/* Guillotine bug */

.guillotineBugFix {
	display: none;
}

/* Clearfix */

.clearfix:after, #header:after, #content:after, #footer:after, .hd:after, .bd:after, .ft:after, #introBox:after, .eventBox:after, .homeEventBox:after, .contentThumbBox:after, .contentBox:after, .row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}