/* simple reset */
* { 
	margin: 0; 
	padding: 0; 
}

a img { 
	border: 0; 
}

/* global */
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%;
	color: #333;
	background-color: #e0b300;
}

#container {
	width: 999px;
	margin: 0 auto;
	position: relative;
}

/* content */
#content {
	/* padding-top: 213px (148px for the site header, 65px for the content) */
	/* padding-left: 180px for the left column, 50px for the content */
	padding: 213px 50px 30px 230px; 
	background: #fff url("/assets/gfx/layout/bg-content-24.png") repeat-y;
	position: relative;
	min-height: 400px;
	z-index: 0;
}

#content h1 {
	font-size: 1.125em;
	margin: 0 0 1.5em 0;
	text-align: center;
}

#content h2 {
	font-size: 0.75em;
	margin: 0 0 1em 0;
}

#content h3 {
	font-size: 0.75em;
	margin: 0 0 1em 0;
	color: #900;
}

#content p {
	font-size: 0.75em;
	margin: 0 0 1em 0;
	line-height: 1.25em;
}

#content ul {
	font-size: 0.75em;
	margin: 0 0 1em 2em;
	padding: 0;
	line-height: 1.25em;
}

#content ul li ul {
	font-size: 100%;
}

#content a { color: #930; }
#content a:link { text-decoration: none; }
#content a:visited { text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content a:active { /* empty */ }

#content img.cms-img-right {
	padding: 0 0 15px 20px;
	float: right;
}

#content img.cms-img-left {
	padding: 0 20px 15px 0;
	float: left;
}

#content table td {
	font-size: 0.75em;
	line-height: 1em;
	padding: 2px;
}

#content #pueblo-seal {
	width: 180px;
	height: 115px;
	position: absolute;
	bottom: 8px;
	left: 0;
	text-align: center;
}

#content #video {
	display: none; /* for homepage only */
}

/* header */
#header {
	width: 999px;
	height: 148px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 20;
}

	/* bannner */
	#header #banner {
		height: 124px;
		background: transparent url("/assets/gfx/layout/banner-hq.jpg") no-repeat;
	}
	
		#header #banner #badge {
			position: absolute;
			top: 9px;
			left: -17px;
			display: none;
		}

	/* navigation */
	#header #nav-wrapper {
		height: 19px; /* total height 24px; */
		padding: 5px 0 0 200px;
		background-color: #c00;
		text-align: center;
		white-space: nowrap;
		position: relative;
	}
	
	#header #nav, 
	#header #nav ul { 
		padding: 0;
		list-style: none;
		line-height: .75em;
		position: relative;
		z-index: 999;
		width: 900px;
	}

	#header #nav a {
		display: block;
		width: auto; 
		font-size: 0.75em;
		letter-spacing: 0.0625em;
		text-decoration: none;
		text-shadow: 0 3px 10px #000; 
	}
	
		#header #nav a:link { color: #fff; }
		#header #nav a:visited { color: #fff; }
		#header #nav a:hover { color: #f60; }
		#header #nav a:active { outline: none; }
	
	#header #nav li { 
		float: left;
		width: auto; 
		padding: 0 1em;
		border-right: solid 1px #fff;
		position: relative;
		z-index: 1000;
	}
		
	#header #nav li.last { 
		border-right: 0;
	}
	
		#header #nav li ul {
			position: absolute;
			width: auto;
			left: -999em;
			text-align: left;
			padding: 7px 0 0 0;
			margin: 0 0 0 -16px;
			z-index: 30;
		}
	
		#header ul#nav li:hover ul, 
		#header ul#nav li.sfhover ul { 
			left: auto;
		}
		
		#header #nav li ul li { 
			border-right: 0; 
			padding: 8px 16px;
			clear: left;
			width: 10em;
			/* background-color: #699; */
			background: transparent url("/assets/gfx/layout/bg-nav-tile-op95.png") repeat;
			position: relative;
			z-index: 9999;
		}
		
		#header #nav li ul li a { text-shadow: none; }
		#header #nav li ul li a:hover { color: #cff; }
		
		

/* left column content */
#left-column-content {
	width: 180px;
	min-height: 500px;
	position: absolute;
	top: 148px;
	left: 0;
	background: transparent url("/assets/gfx/layout/left-column-drum.jpg") no-repeat;
	padding-top: 65px;
	z-index: 0;
}
	
	#left-column-content #left-column-photo {
		margin-top: 26px;
		height: 297px; /* 271 + 26 = 297 */
		background: transparent url("/assets/gfx/layout/left-column-what-is-pow-wow.jpg") no-repeat;
	}
	
	/* left column photo rotation */
	
		/* what-is-pow-wow */
		#about-pow-wow.what-is-pow-wow #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/what-is-pow-wow.jpg");
		}
		
		/* calendar of events */
		#about-pow-wow.events #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/events.jpg");
		}
		
		/* past winners */
		#past-winners #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/past-winners.jpg");
		}
		
		/* dance descriptions */
		#about-pow-wow.dance-descriptions #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/dance-descriptions.jpg");
		}
		
		/* history */
		#about-taos-pueblo.history #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/history.jpg");
		}
		
		/* blue lake */
		#about-taos-pueblo.blue-lake #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/blue-lake.jpg");
		}
		
		/* participate */
		#participate.registration #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/registration.jpg");
		}
		
		/* volunteer */
		#participate.volunteer-opportunities #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/volunteer.jpg");
		}
		
		/* photo gallery */
		#photo-gallery #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/photo-gallery.jpg");
		}
		
		/* song gallery */
		#song-gallery #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/song-gallery.jpg");
		}
		
		/* visitor info */
		#plan-your-visit.visitor-info #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/visitor-info.jpg");
		}
		
		/* getting here */
		#plan-your-visit.getting-here #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/getting-here.jpg");
		}
		
		/* contact */
		#about.contact #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/contact.jpg");
		}
		
		/* site credits */
		#about.site-credits #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/site-credits.jpg");
		}
		
		/* friends */
		#related-links #left-column-content #left-column-photo {
			background-image: url("/assets/gfx/layout/left-column/friends.jpg");
		}
	
/* footer */
#footer {
	height: 21px; /* total height 31px; */
	padding: 10px 15px 0 15px;
	background-color: #fc6;
	color: #000;
	font-size: 0.625em;
}

	#footer ul#subnav {
		list-style: none;
		float: right;
	}
	
		#footer ul#subnav li {
			display: inline;
			border-right: solid 1px #000;
			padding: 0 8px 0 4px;
		}
		
		#footer ul#subnav li.last {
			border-right: 0;
		}
		
			#footer ul#subnav li a:link { color: #000; text-decoration: none; }
			#footer ul#subnav li a:visited { color: #000; text-decoration: none; }
			#footer ul#subnav li a:hover { color: #f60; text-decoration: underline; }
			#footer ul#subnav li a:active { /* empty */ }
		
/* photo gallery & past winners */
#photo-gallery .subnav,
#past-winners .subnav {
	font-size: 0.875em;
	color: #ccc;
}

#photo-gallery #back-to-gallery-listings,
#past-winners #back-to-gallery-listings {
	position: absolute;
	/* top: 170px; */
	bottom: 10px;
	left: 200px;
	font-size: 0.875em;
}

#photo-gallery #gallery-description p,
#past-winners #gallery-description p {
	/* font-size: 0.875em; */ 
}

#photo-gallery #grid,
#past-winners #grid {
	margin: 20px 0 0 0;
	
}

#photo-gallery #grid .slot,
#past-winners #grid .slot {
	width: 125px;
	height: 170px;
	margin: 0 50px 0 0;
	float: left;
	text-align: center;
}

#photo-gallery #grid .slot h2,
#past-winners #grid .slot h2 {
	font-size: 0.688em;
	text-transform: none;
	font-weight: normal;
}

#photo-gallery #grid .slot h2 a,
#past-winners #grid .slot h2 a { 
	color: #333; 
}

#photo-gallery #grid .slot h2 a:link,
#past-winners #grid .slot h2 a:link { 
	text-decoration: none; 
}

#photo-gallery #grid .slot h2 a:visited,
#past-winners #grid .slot h2 a:visited { 
	text-decoration: none; 
}

#photo-gallery #grid .slot h2 a:hover,
#past-winners #grid .slot h2 a:hover { 
	text-decoration: underline; 
}

#photo-gallery #grid .slot h2 a:active,
#past-winners #grid .slot h2 a:active { 
	/* empty */ 
}


/* song gallery */
#song-gallery #back-to-gallery-listings {
	position: absolute;
	/* top: 170px; */
	bottom: 10px;
	left: 200px;
	font-size: 0.875em;
}

#song-gallery .song {
	margin: 0 0 1em 0;
}

	#song-gallery .song h2 {
		margin: 0 0 .25em 0;
	}
	
	#song-gallery .song p {
		margin: 0 0 0 1.75em;
	}

/* related links */
#related-links h3, 
#related-links p, 
#related-links .url {
	padding-left: 25px;
	margin: 0;
}

#related-links .url {
	font-size: 0.75em;
	margin-bottom: 15px;
}

#related-links .cat-wrap {
	margin-bottom: 25px;
}

/* search element */
#search {
	height: 26px;
	width: 147px;
	position: absolute;
	top: 213px;
	left: 0;
	z-index: 100;
	/* display: none; */ /* remove this when re-enabling search */
}

	#search form {
		margin: 0;
		padding: 0;
		width: 147px;
		height: 17px; /* 14 total */
		position: absolute;
		top: 4px;
		left: 17px;
		-moz-box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000;
	}
	
	#search #queryfield {
		width: 126px; /* 128 total */
		height: 17px; /* 14 total */
		color: #666;
		font-size: 10px;
		padding: 0 0 0 2px;
		position: absolute;
		top: 0;
		left: 0;
		border: 0;
	}
	
	#search #querysubmit {
		position: absolute;
		top: 0;
		left: 128px;
		border: solid 1px #fff;	
	}
		
	
/* home page */
#home #header {
	height: 390px;
}

#home #header #banner {
	height: 390px;
	background: transparent url("/assets/gfx/layout/banner-hq-hp.jpg") no-repeat;
}

/*
#home #header #banner h1 span {
	position: absolute;
	left: -999em;
}
*/

#content #home-page-header {
	margin: 0;
	padding: 0;
}

#home #header #rotating-image {
	width: 214px;
	height: 315px;
	position: absolute;
	top: 255px;
	left: 0;
	background: transparent url("/assets/gfx/layout/rotating-pic-3-hp.png") no-repeat;
}

#home #header #nav-wrapper {
	padding-left: 205px;
}

#home #left-column-content {
	display: none;
}

#home #content {
	background: #fff url("/assets/gfx/layout/bg-content-drum-hp.jpg") no-repeat 0 414px; /* 390 top, 24 nav = 414 */
	padding: 430px 250px 0 310px; /* 390 top, 24 nav, 26 content area = 440 top */
	min-height: 138px; /* 128 + 26 = 154 total */
	/* padding-right: 20px; */ /* remove this when the video goes live */
}

#home #content p {
	line-height: 1.50em;
	margin: 0;
	padding: 0 0 1em 0;
}

#home #content #pueblo-seal {
	display: none;
}

#home #content #video {
	width: 213px;
	height: 146px; /* 136-25padding = 111 */
	display: block;
	position: absolute;
	top: 425px;
	right: 20px;
	text-align: center;
	line-height: 0;
	z-index: 0;
	/* display: none; */ /* uncomment this when the video goes live */
}


	#home #content #video img {
		margin: 0 0 5px 0;
	}
	
	#home #content #video #hp-video-object,
	#home #content #video #hp-video-embed {
		position: relative;
		z-index: 0;
	}

	#home #content #video a#video-text-link {
		font-size: 10px;
		text-decoration: none;
		display: block;
		margin: 3px 0 0 0;
	}
	
		#home #content #video a:link { color: #333; }
		#home #content #video a:visited { color: #333; }
		#home #content #video a:hover { color: #c00; }
		#home #content #video a:active { /* empty */ }
		
#home #search {
	top: 2px;
	left: auto;
	right: 30px;
}

#home #content #video #hp-video-link {
	text-decoration: underline;
}

/* standalone video page */
#video-large {
	margin: 0 0 0 70px;
}

/* 404 error page */
#error404 ul li {
	padding: 0 0 1em 0;
}

#error404 ul li ul {
	padding: 0.5em 0 0 0;
}

#error404 ul li ul li {
	padding: 0 0 .5em 0;
}

/* utility */
.clear { 
	clear: both; 
}

.display-none { 
	display: none; 
}

.seo {
	position: absolute;
	left: -999em;
}

a {
	outline: none;
}
