/*  Theme Name: Tuacahn 3.0
	Theme URI: http://tuacahn.org
	Description: Stylesheet for Tuacahn
	Version: 3.0	
	Author: 4ThirtyFive LLC.
	Author URL: http://4thirtyfive.com
	Tags: tuacahn, ivins, utah
*/

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
}

body {
	background: url('images/bg.jpg') repeat-x top left #000;
	color: #fff;
	font-family: Verdana, Arial, Helevetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

h1 {

}

h2 {
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	padding: 0;
	margin: 0;
	line-height: 20px;
}

h3 {
	color: #cc9;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

h4 {

}

h6 {
	color: #cc9;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

p {
	font-weight: 100;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

a {
	color: #09f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* LAYOUT */

#container960 {
	background-color: #000;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
}

#header {
	background: transparent url('images/headerBG.jpg') no-repeat top left;
	float: left;
	height: auto;
	padding: 0 0 10px 0;
	margin: 0;
	overflow: hidden;
	width: 960px;
}

#topHeader {
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	width: 960px;
}

	#logo {
		float: left;
		height: 120px;
		padding: 0 0 20px 20px;
		margin: 0;
		width: 220px;
	}
		
		#logoTU {
			background: url('images/logo-trans.png') top left no-repeat;
			float: left;
			height: 120px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			position: relative;
			width: 220px;
			z-index: .2;
		}
		
		#logoTU a {
			height: 120px;
			left: 0;
			position: absolute;
			top: 0;
			width: 220px;
		}
		
		#logoTU a h2 {
			display: none;
		}
	
	#featuredLogos {
		float: left;
		height: 120px;
		margin: 0 0 0 0;
		padding: 0 10px 20px 0;
		width: 710px;
	}
	
		.featuredLogo {
			float: right;
			height: 70px;
			margin: 50px 0 0 0;
			padding: 0;
			width: 140px;
		}
		
		/*Annie*/
		
		#featuredTarzan {
			background: url('images/featuredLogos/featuredTarzanIcon.jpg') top left no-repeat;
			float: left;
			height: 70px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			position: relative;
			width: 140px;
		}
		
		#featuredTarzan a {
			height: 70px;
			left: 0;
			position: absolute;
			top: 0;
			width: 140px;
		}
		
		#featuredTarzan a:hover {
			background: url('images/featuredLogos/featuredTarzanIcon.jpg') bottom left no-repeat;
		}
		
		#featuredTarzan a h1 {
			display: none;
		}
		
		/*Footloose*/
		
		#featuredCats {
			background: url('images/featuredLogos/featuredCatsIcon.jpg') top left no-repeat;
			float: left;
			height: 70px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			position: relative;
			width: 140px;
		}
		
		#featuredCats a {
			height: 70px;
			left: 0;
			position: absolute;
			top: 0;
			width: 140px;
		}
		
		#featuredCats a:hover {
			background: url('images/featuredLogos/featuredCatsIcon.jpg') bottom left no-repeat;
		}
		
		#featuredCats a h1 {
			display: none;
		}
		
		/*Aida*/
	
		#featuredCFY {
			background: url('images/featuredLogos/featuredCrazyForYouIcon.jpg') top left no-repeat;
			float: left;
			height: 70px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			position: relative;
			width: 140px;
		}
		
		#featuredCFY a {
			height: 70px;
			left: 0;
			position: absolute;
			top: 0;
			width: 140px;
		}
		
		#featuredCFY a:hover {
			background: url('images/featuredLogos/featuredCrazyForYouIcon.jpg') bottom left no-repeat;
		}
		
		#featuredCFY a h1 {
			display: none;
		}
		
#bottomHeader {
	float: left;
	height: auto;
	padding: 0 10px;
	margin: 0;
	width: 940px;
}
	
	#navbar {
		background: url('images/navMenu.jpg') repeat-x top left;
		border: 1px solid #333;
		float: left;
		font-family: Arial;
		height: 28px;
		padding: 0;
		margin: 0;
		position: relative;
		width: 938px; 
	}
	
		/*#navbar ul {
			margin: 7px 0 0 0;
			list-style: none;
			padding: 0;
		}
		
		#navbar li {
			display: inline;
			font-size: 14px;
			font-weight: bold;
			margin: 0;
			padding: 0 10px 0 10px;
			text-transform: uppercase;
		} */
		
		#navMenuLeft {
			background: url('images/navMenuLeft.jpg') no-repeat top left;
			height: 30px;
			position: absolute;
			left: 0;
			top: 0;
			width: 5px;
		}
		
		#navMenuRight {
			background: url('images/navMenuRight.jpg') no-repeat top right;
			height: 30px;
			position: absolute;
			right: 0;
			top: 0;
			width: 5px;
		}

#content {
	height: auto;
	margin: 0;
	padding: 0;
	width: 960px;
}

#theContent {
	float: left;
	height: auto;
	padding: 10px 0 0 0;
	margin: 0;
	width: 960px;
}

	#theSidebar {
		float: left;
		height: auto;
		margin: 0;
		padding: 0 0 0 10px;
		position: relative;
		width: 230px;
	}
	
/*Buy Tickets Now */
#buyTicketsNow {
	background: url('images/buttons/buyTicketsOnline.jpg') top left no-repeat;
	float: left;
	height: 40px;
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 230px;
}

	#buyTicketsNow a {
		height: 40px;
		left: 0;
		position: absolute;
		top: 0;
		width: 230px;
	}
	
	#buyTicktetsNow a:hover {
		background: url('images/buttons/buyTicketsOnline.jpg') bottom left no-repeat;
	}
	
	#buyTicketsNow a h2 {
		display: none;
	}

/*End Button - Resume theSidebar */

		.showsList {
			height: auto;
			margin: 20px 0 0 0;
			padding: 0 10px 0 10px;
			width: 200px;
		}
		
		.showsList h2 {
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
		}
		
		.showsList ul {
			list-style: none;
			margin: 0;
			padding: 0;
		
		}
		
		.showsList li {
			text-transform: uppercase;
			padding: 5px 0 5px 0;
		}
		
		.showsList a:hover {
			color: #fff;
			text-decoration: none;
		}
		
		#concertList {
			height: auto;
			margin: 20px 0 0 0;
			padding: 0 10px 0 10px;
			position: fixed;
				top: 40px;
				left: 10px;
			width: 200px;
		}
		
		#concertList h2 {
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
		}
		
		#concertList ul {
			list-style: none;
			margin: 0;
			padding: 0;
		
		}
		
		#concertList li {
			text-transform: uppercase;
			padding: 5px 0 5px 0;
		}
		
		#concertList a:hover {
			color: #fff;
			text-decoration: none;
		}
		
		.showsInfo {
			height: auto;
			margin: 20px 0 0 0;
			padding: 0 10px 0 10px;
			width: 210px;
		}
		
		.showsInfo h3 {
			color: #cc9;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
		}
		
		.showsInfo ul {
			list-style: none;
			margin: 0;
			padding: 0;
		
		}
		
		.showsInfo li {
			text-transform: uppercase;
			padding: 5px 0 5px 0;
		}
		
	
	#contentMain {
		float: left;
		height: auto;
		margin: 0;
		padding: 0 10px;
		width: 700px;
	}
		#featuredImage {
			background: #111;
			float: left;
			height: 350px;
			margin: 0;
			padding: 0;
			width: 700px;
			z-index: .9;
		}
		
		#homepageSpots {
			float: left;
			height: auto;
			margin: 20px 0 0 0;
			padding: 0;
			width: 700px;
		}
			.featuredSpot {
				background: #111;
				float: left;
				height: 130px;
				margin: 0;
				padding: 0;
				width: 220px;
			}
				.spotTop {
					margin-bottom: 20px;
				}
				
				.spotCenter {
					margin: 0 20px 0 20px;
				}
		
		#showImage {
			background: #111;
			float: left;
			height: 250px;
			margin: 0;
			padding: 0;
			width: 700px;
		}
		
		#showsContent {
			float: left;
			height: auto;
			margin: 0;
			padding: 20px 0;
			width: 700px;
		}
		
			#showsMain {
				float: left;
				height: auto;
				margin: 0;
				padding: 0;
				width: 380px;
			}
			
				#showsAbout {
					float: left;
					font-size: 14px;
					height: auto;
					margin: 0;
					padding: 0 10px;
					width: 360px;
				}
				
					.showsAboutIntro {
						color: #fff;
						font-size:18px;
						font-weight: normal;
						margin: 0 0 20px 0;
					}
				
				#showsPhotos {
					background: #333;
					float: left;
					height: 250px;
					margin: 20px 0 0 0;
					padding: 0;
					width: 380px;
				}
				
				#showsPhotosNav {
					float: left;
					height: auto;
					margin: 0;
					padding: 0 10px;
					position: relative;
					width: 360px;
				}
					#showsPhotoNavLeft {
						height: auto;
						margin: 0;
						padding: 0;
						position: absolute;
							left: 10px;
							top: 5px;
					}
					
					#showsPhotoNavRight {
						height: auto;
						margin: 0;
						padding: 0;
						position: absolute;
							right: 10px;
							top: 5px;
					}
					
					#showsPhotoNavCenter {
						height: auto;
						margin: 0;
						padding: 0;
						position: absolute;
							left: 160px;
							top: 5px;
						text-align: center;
						width: 60px;
					}
					
			
			#showsCast {
				float: left;
				height: auto;
				padding: 0;
				margin: 0 0 0 20px;
				width: 290px;
			}
				.castInfo {
					float: left;
					height: auto;
					margin: 10px 0;
					padding: 0;
					width: 290px;
				}
				
				.castInfo h2 {
					color: #cc9;
					font-size: 18px;
					font-weight: bold;
					margin: 0;
					padding: 0;
				}
				
				.castInfo ul {
					padding: 0;
					margin: 0;
				}
				
				.castInfo li {
					color: #999;
					list-style: none;
					padding: 5px 0 0 0;
					margin: 0;
				}
				
				.castName {
					color: #fff;
					font-weight: bold;
				}
		.castMember {
			float: left;
			height: auto;
			margin: 0;
			padding: 10px 0;
			width: 700px;
		}
			
			.castImage {
				background: #111;
				display: inline;
				float: left;
				height: 156px;
				margin: 0 10px 0 0;
				padding: 0;
				overflow: hidden;
				width: 170px;
			}
			
			.castCol1 {
				float: left;
				height: auto;
				margin: 0;
				padding: 10px 10px 10px 0;
				text-align: justify;
				width: 690px; /*340*/
			}
			
				.castCol1 h3  {
					padding: 0 0 2px 0;
				}
			
			.castCol2 {
				display: none; /* Disable */
				float: left;
				height: auto;
				margin: 0;
				padding: 10px;
				text-align: justify;
				width: 330px;
			}
				
		.concertItem {
			float: left;
			height: auto;
			margin: 0;
			padding: 0;
			width: 700px;
		}
		
			.featuredImage {
				background: #111;
				float: left;
				height: 250px;
				margin: 0;
				padding: 0;
				width: 700px;
			}
			
			.concertTitle {
				float: left;
				height: auto;
				margin: 0;
				padding: 10px;
				width: 680px;
			}
			
			.concertCol1 {
				float: left;
				height: auto;
				margin: 0;
				padding: 10px;
				text-align: justify;
				width: 330px;
			}
			
			.concertCol2 {
				float: left;
				height: auto;
				margin: 0;
				padding: 10px;
				text-align: justify;
				width: 330px;
			}
			
			.concertButtons {
				float: left;
				height: auto;
				margin: 0 0 20px 0;
				padding: 10px;
				width: 680px;
			}

#footer {
	background: #000;
	border-top: 2px solid #666;
	display: inline;
	height: auto;
	float: left;
	margin: 40px 0;
	padding: 10px 10px 0 10px;
	text-align: justify;
	width: 940px;
}
	
	.footerSection {
		background: #111;
		display: inline;
		height: 80px;
		float: left;
		margin: 0 10px;
		padding: 0;
		width: 220px;
	}
	
	.marginLeft {
		margin: 0 10px 0 0;
	}
	
	.marginRight {
		margin: 0 0 0 10px;
	}
	
	#footerLeft {
		display: inline;
		height: auto;
		float: left;
		padding: 10px 0 0 0;
		margin: 0;
		width: 470px;
	}
	
	#footerRight {
		display: inline;
		height: auto;
		float: right;
		padding: 10px 0 0 0;
		margin: 0;
		text-align: right !important;
		width: 470px;
	}
	
	.footerBottom {
		color: #666;
		clear: both;
		padding: 0;
		margin: 0;
		width: 470px;
	}
	
	.poweredByInfoWest {
		padding-top: 10px;
	}
	
/* ELEMENTS */

#coming2010 {
	background: url('images/coming2010.jpg') 250px 0 no-repeat;
	float: left;
	height: 50px;
	padding: 0 250px 0 250px;
	margin: 0;
	width: 460px;
	z-index: 80;
}

#noShowInfo {
	float: left;
	height: 310px;
	padding: 0 10px;
	margin: 0;
	width: 940px;
}

#systemMessage {
	background: #111;
	border: 2px solid #666;
	float: left;
	height: auto;
	padding: 80px 50px;
	margin: 0;
	text-align: center;
	width: 856px;
}
	#systemMessage h1 {
		text-transform: uppercase;
		margin: 0 0 10px 0;
	}
	
	#systemMessage h3 {
		font-size: 18px;
	}

/* STYLES */

.pageContent {
	background: #000;
	color: #fff;
	padding: 0;
	width: 700px;
}

.pageContent h2 {
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	padding: 0;
	margin: 0;
	line-height: 20px;
}

.pageContent h3 {
	font-size: 14px;	
	font-weight: bold;
	color: #cc9;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

.pageContent h4 {
	font-size: 14px;	
	font-weight: bold;
	color: #fff;
	padding: 0;
	margin: 0;
	text-transform: uppercase;	
}

.pageContent h5 {
	font-size: 12px;	
	font-weight: bold;
	color: #cc9;
	padding: 0;
	margin: 0;	
}

.pageContent h6 {
	font-size: 14px;	
	font-weight: bold;
	color: #cc9;
	padding: 0;
	margin: 0;
	text-transform: uppercase;	
}

.pageContent h7 {
	font-size: 12px;	
	font-weight: bold;
	color: #fff;
	padding: 0;
	margin: 0;
}
	.pageContent h7 a {
		color: #fff;
	}
	.pageContent h7 a:hover {
		text-decoration: underline;	
	}

.pageContent p {
	padding: 5px 0;	
}

.prices {
	color: #cc9;
	border-bottom: 1px solid #666;
}

.hilight {
	color: #cc9;
}

.restrictions {
	color: #ddd;
	font-size: 10px;
}

.gray-color {
	color: #333333
}

.table-header {
	color: #fff;
	font-weight: bold;
}

.table-rightborder {
	border-right: 1px solid #666;
}

.table-bottomborder {
	border-bottom: 1px solid #666;
}

img {
	border:none;	
}

.quote {
	background: #333;
	color: #fff;
	padding: 5px 20px;
	margin: 10px 0;
	border: solid 3px #666;
}

blockquote {
	background: #333;
	color: #fff;
	padding: 5px 20px;
	margin: 10px 0;
	border: solid 3px #666;
}

.information {
	background: url('images/icons/information.png') no-repeat 5px center #6bbff7;
	border-bottom: #0099ff 2px solid;
	border-top: #0099ff 2px solid;
	color: #fff;
	padding: 5px 5px 5px 25px;
}

/* Map */

#map_canvas {
	height: 350px;
	z-index: 0.5;
}

.address-panel div {
	margin: 10px 0;
}

/* WORDPRESS */