/* 1. General */ 

* {
	margin					: 0;
	padding					: 0;
	border					: 0;
}


html, body {
	height					: 100%;
}

a {
	text-decoration			: none;	
	color					: #878787;
}
.entry p {
	margin					: 15px 0px;
}
.articlewrapper .entry p {
	margin					: 0px;
}
body {
	font-size				: 12px;
	font-family				: Arial;
	color					: #676767;
	background				: #ded7de;
}

/* Structure */
#wrapper {
	position				: relative;
	margin					: 0 auto;
	width					: 960px;		
	-moz-box-shadow			: 1px 1px 10px #000;
 	-webkit-box-shadow		: 1px 1px 10px #000;
 	box-shadow				: 1px 1px 10px #000;
}

#sitecontainer {
	position				: relative;
	width					: auto;
	background				: #ffffff;
}


header {
	width					: 100%;
	height					: 400px;
	/*background				: url('../images/header_visual.jpg') no-repeat;*/
}
body.home header {
	height					: 600px;
}
#header_img {
	width					: 100%;
	height					: 400px;
	position				: absolute;
	top						: 0px;
	z-index					: 99;
	display					: none;
}
body.home #header_img {
	height					: 600px;
}
#infoheader {
	width					: 100%;
	height					: 200px;
	position				: absolute;
	top						: 119px;	
	z-index					: 101;
}
body.home #infoheader {
	height					: 400px;
}

	aside {
		width					: 400px;
		position				: relative;
		left					: 550px;	
	}
		#searchpane {
			height					: 68px;
			width					: 100%;
			background				: url('../images/searchpane.png') no-repeat;
		}
		#mappane {
			height					: 330px;
			width					: 100%;
			padding					: 10px 10px 0px 30px;
			background				: url('../images/map_pane.png') no-repeat;
			display					: none;
		}
		#blogpane {
			height					: 382px;
			width					: 100%;
		}		
		.blogpane_home {
			background				: url('../images/blogpane_home.png') no-repeat;	
		}
		.blogpane_sub {
			background				: url('../images/blogpane_sub.png') no-repeat;	
			display					: none;
		}		
		#pagebanners{
			padding					: 5px 0px 0px 30px;
			display					: none;
		}
		.pagebanner {
			margin					: 5px 0px 10px 0px;
			width					: 355px;
			max-width				: 355px; 
			height					: 85px;
			max-height				: 85px;				
			overflow				: hidden;	
			position				: relative;
		}
		#ticketpane {
			height					: 142px;
			padding					: 10px 10px 30px 30px;
			background				: url('../images/ticket_pane.png') no-repeat;				
		}
		#homepagebanner {
			width					: 360px;
			max-width				: 360px; 
			height					: 140px;
			max-height				: 140px;				
			overflow				: hidden;		
			position				: relative;	
			display					: none;
		}
		#quote {
			width					: 330px;
			height					: 135px;
			position				: absolute;
			left					: -318px;	
			top						: 100px;
			display					: none;
		}
		
		body.red #quote {
			background				: url('../images/quotepane_red.png') top right no-repeat;
		}
		body.orange #quote {
			background				: url('../images/quotepane_orange.png') top right no-repeat;
		}		
		body.yellow #quote {
			background				: url('../images/quotepane_yellow.png') top right no-repeat;
		}	
		body.green #quote {
			background				: url('../images/quotepane_green.png') top right no-repeat;
		}	
		body.blue #quote {
			background				: url('../images/quotepane_blue.png') top right no-repeat;
		}	
		body.purple #quote {
			background				: url('../images/quotepane_purple.png') top right no-repeat;
		}									

header nav {
	height					: 119px;
	width					: 100%;
	background				: url('../images/header.png') no-repeat;
	z-index					: 199;
	position				: absolute;
}

/* Blogpane */
#article_highlight {
	width					: 400px;
	height					: 135px;
	position				: absolute;
	left					: -388px;	
	top						: 300px;
	background				: url('../images/article_pane.jpg') top right no-repeat;
}

#blogpane .articlewrapper {
	width					: 347px;
	padding					: 10px 20px 15px 33px;		
}
#blogpane .figure {
	width					: 86px;
	height					: 86px;
	background				: #ff0000;
	float					: left;
	margin					: 0px 10px 0px 0px;
}
#blogpane .articlewrapper h1 {
	font-family				: Georgia;
	font-size				: 18px;
	font-weight				: bold;
	color					: #eb0015;
}
#blogpane .articlewrapper small {
	font-size				: 11px;
	color					: #ababab;
	font-style				: italic;
	font-family				: Georgia;
}
#blogpane .articlewrapper p {
	font-size				: 12px;
	color					: #676767;
	font-family				: Arial;
}

#article_highlight .articlewrapper {
	width					: 330px;
	height					: 135px;	
	float					: right;
	padding					: 0px;
}

#article_highlight .articlewrapper .figure {
	display					: none;
}

#article_highlight .articlewrapper h1 {
	padding					: 10px 0px 5px 10px;
	font-size				: 20px;
	color					: #ffffff;
	margin					: 0px;
}
#article_highlight .articlewrapper small {
	padding					: 0px 0px 5px 10px;
	font-size				: 11px;
	color					: #c8c8c8;
	font-style				: italic;
	font-family				: Georgia;
}
#article_highlight .articlewrapper p {
	font-size				: 12px;
	color					: #ffffff;
	font-family				: Arial;
	padding					: 0px 0px 5px 10px;
}
#article_highlight .articlewrapper a.more-link {
	color					: #fff200;
}

#next_article {
	width					: 70px;
	height					: 135px;
	background				: url('../images/articlepane_next.jpg');
	cursor					: pointer;
	float					: left;
}
#next_article:hover  {
	background				: url('../images/articlepane_next_hover.jpg');
}

section#main_content {
	width					: 500px;
	padding					: 15px 44px 44px 27px;
}
section#main_content.wide {
	width					: 95%;
}
section#main_content.home {
	min-height				: 100px;		
}
section#main_content.sub {
	min-height				: 250px;		
}

section#main_content nav {
	padding					: 20px 0px;	
}

footer {
	clear					: both;
	width					: 100%;
	height					: 111px;
	background				: #dfdfdf;	
	text-align				: center;		
}
#footerspace {
	clear					: both;
	width					: 100%;
	height					: 6px;			
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display					: block;
}