@charset "utf-8";
/* CSS Document */

body {
	background-color: #28340E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: center;
	}

.clear {
	clear: both;
	}

/*STRUCTURE AND LAYOUT
-----------------------------------------------------*/

#header {
	background-image: url(../images/bg-header.gif);
	height: 164px;
	text-align: center;
	width: 100%;
	}
	
	#header img {
		border: none;
		}
	
#nav {	
	background-color: #000000;
	width: 100$;
	height: 36px;
	}

	#nav ul {
		width: 800px;
		margin: 0 auto;
		padding: 9px;
		}
		
	#nav li {
		border-right: 1px #FFFFFF solid;
		color: #FFFFFF;
		font-size: 14px;
		float: left;
		padding: 0 23px  0 0;
		margin: 0 23px 0 0;
		list-style-type: none;
		text-transform: uppercase;
		text-align: left;
		}
		
		#nav li.cap {
			border-right: none;
			margin: 0;
			padding: 0;
			}
	
#content {
	background-color: #FFFFFF;
	text-align: left;
	}
	
	#container {
		margin: 0 auto;
		width: 800px;
		}
		
		#concertImage {
			float: left;
			width: 400px;
			}
						
		#concertDescription {
			background-image: url(../images/bg-concertinfo.gif);
			color: #FFFFFF;
			float:left;
			padding: 18px 18px 0 18px;
			width: 364px;
			height: 282px;
			}
					
		.homeFeature {
			background-color: #EDEEE1;
			float: left;
			margin: 9px 16px 18px 0;
			width: 250px;
			}

			.homeFeature.first {
				}
				
			.homeFeature.middle {
				background-color: #FFFFFF;
				width: 266px;
				}	
				
			.homeFeature.last {
				margin: 9px 0 18px 0;
				}	
				
			.homeFeature h3 {
				color: #495826;
				font-size: 16px;
				font-weight: normal;
				margin: 0 0 9px 0;
				padding: 0 10px;
				}
				
			.homeFeature p {
				padding: 0 10px;
				}
				
			.homeFeature img {
				border: 5px solid #FFFFFF;
				margin: 9px 10px 9px 10px;
				}
				
			.homeFeature a {
				color: #495826;
				text-decoration: none;
				}
				
				.homeFeature a:hover {
					text-decoration: underline;}
	
	#feature {
		float: left;
		padding: 18px 0;
		width: 400px;
		}
		
		#featureContainer {
			background-image: url(../images/bg-feature.jpg);
			background-repeat:no-repeat;
			padding: 24px;
			}
		
	#info {
		float: left;
		padding: 18px;
		width: 364px;
		}
	
	#main {
		float: left;
		margin: 18px 20px 18px 0;
		width: 580px;
		}
	
	#side {
		background-color:#EDEEE1;
		float: left;
		padding: 9px 10px;
		margin: 18px 0;
		width: 180px;
		}
		
#footer {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	}
	
/*GENERAL STYLES
-----------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	}

/*GENERAL STYLES -> Home Page
-----------------------------------------------------*/

#concertDescription h1 {
	font-size: 36px;
	font-weight: normal;
	line-height: 110%;
	margin: 0 0 18px 0;
	}
	
#concertDescription p.concertDateTime,
#main p.concertDateTime {
	font-size: 11px;
	margin: 0 0 18px 0;
	text-transform: uppercase;
	}
	
#concertDescription p {
	margin: 0 0 18px 0;
	}


#featureContainer img {
	float: left;
	border: 5px solid #FFFFFF;
	}

#featureContainer p {
	color: #FFFFFF;
	float: right;
	margin: 0;
	padding: 6px 15px 3px 15px;
	width: 192px;
	}
	
/*GENERAL STYLES -> Sub-Page
-----------------------------------------------------*/
	
#main h1 {
	color: #495826;
	font-size: 36px;
	font-weight: normal;
	line-height: 100%;
	margin: 0 0 18px 0;
	}

#main h2 {
	color: #495826;
	font-size: 24px;
	font-weight: normal;
	margin: 9px 0;
	}
	
#main h3 {
	color: #495826;
	font-size: 16px;
	font-weight: normal;
	margin: 9px 0;
	}


#main .concertBlock {
	border-top: 1px solid #8d9045;
	margin: 0 0 18px 0;}
	
	#main .concertBlock .concertImage {
		float: left;
		width: 132px;
		margin: 0 10px 0 0;
		}
		
		#main .concertBlock  .concertImage img {
			border: none;
			}
		
	#main .concertBlock .concertTeaser {
		float: left;
		width: 438px;
		}
		
	#main .concertBlock .concertDateTime {
		background-color: #EDEEE1;
		margin: 9px 0;
		padding: 3px 6px;
		}
		
#main .concertDetails {	
	height: 256px;
	margin: 0 0 18px 0;
	}
	
	#main .concertDetails .concertImage {
		width: 200px;
		padding: 20px 15px;
		float: left;
		}
		
		#main .concertDetails .concertImage img {
			border: 5px solid #FFFFFF;
			}
		
	#main .concertDetails .concertInfo {
		float: left;
		padding: 20px 0 0 10px;
		width: 330px;
		}
		
		#main .concertDetails .concertInfo h1 {
			color: #FFFFFF;
			margin: 0 0 18px 0;
			}
			
		#main .concertDetails .concertInfo h3 {
			color: #FFFFFF;
			font-weight: bold;
			margin: 0 0 18px 0;
			}
			
		#main .concertDetails .concertInfo p {
			color: #FFFFFF;
			text-transform: uppercase;
			}
			

/*#main img {
	border: 1px solid #000000;
	}
*/

#main p {
	margin: 0 0 18px 0;
	}
	
#main .newsDate {
	text-transform: uppercase;
	}
	
#main table {
	width: 100%;
	margin: 0 0 18px 0;}
	
	#main th {
		color: #FFFFFF;
		background-color: #8d9045;
		padding: 4px 8px 5px 8px;
		text-align:center;
		text-transform: uppercase;
		}
	
	#main tr.odd {
		background-color: #edeee1;}
	
	#main td {
		padding: 4px 8px 5px 8px;
		text-align:center;
		}
		
#side {
	color: #000000;
	font-size: 12px;

	}

#side img {
	border:5px solid #FFFFFF;
	}

#side h3 {
	font-size: 16px;
	margin: 9px 0;
	}

#footer p {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 15px;
	margin: 18px 0;
	text-align: center;
	text-transform: uppercase;
	}
	
/*LINKS
-----------------------------------------------------*/

#nav a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#nav a:hover {
	text-decoration: underline;
	}
	
#concertDescription a {
	color:#FFFFFF;
	text-decoration: none;
	}
	
	#concertDescription a:hover {
		text-decoration:underline;
		}

#concertDescription a.purchaseTickets  {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	}
	
		
#feature a {
	color: #FFFFFF;
	}	
		
#main a,
#side a  {
	color: #495826;
	}
	
#main a:hover {
	color: #29350E;
	}

#main .concertBlock a {
	text-decoration: none;
	}

#footer a {
	color: #FFFFFF;
	}