@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Layout markup by J Hogue and original concept design by James Re at Highchair designhaus 

XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/

html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

/* Forces most browsers to display a useless scroll bar. Keeps the page width from jumping around one one page vs. another */
html { min-height: 100%; margin-bottom: 1px; } 

body, td, input, select, textarea { font-family: "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	color: #333;
	text-align: left; 
	font-size: 12px; 
	line-height: 18px;
}
img, img a, a img { border: none; }

a { color: #239; text-decoration: underline; }
a:hover { text-decoration: none; }
a.red { color: #c00; text-decoration: none; }
a.red:hover { text-decoration: underline; }

div.clearit { clear: both; }
.left { float: left; }
.right { float: right; }
.alignright { text-align: right; }
.spacer { display: block; height: 70px; }

/* ! - - - - - Measurements and Positioning - - - - - */
#everyoneneedsawrapper {
	position: absolute; 
	width: 820px;
	top: 108px; 
	left: 50%; 
	margin: 0 0 0 -410px; 
}
#menu {
	position: absolute; 
	width: 850px;
	padding: 20px 0 0 50px; 
	top: 0; 
	left: 50%; 
	margin: 0 0 0 -450px; 
	overflow: visible; 
	background: top center no-repeat url("../cssimages/header_24bit.png") transparent; 
	height: 150px; 
	z-index: 100; 
}
#wideimage { }
.right, .right_narrow {
	float: right; 
	width: 400px; 
	/* border: 1px solid #0c0;  */
}
	.right { padding: 0 0 10px 0; }
	.right_narrow { width: 160px; }
.left, .left_wide {
	width: 410px; 
	padding: 70px 0 20px 0; 
	/* border: 1px solid #00c;  */
	text-align: left;
}
	body#homepage .left { padding: 30px 0 0 0; }
	.left_wide { width: 600px; }
#calendar_display { 
	padding: 60px 0 0 110px;
}
/*
#calendar_display .right { width: 765px; }
#calendar_display .left { width: 100px; margin: 0 0 0 -120px; }
*/

/* ! - - - - - Nav Styles - - - - - */
#menu a {
	float: left; 
	display: block; 
}
#menu a#homebutton {
	width: 190px; 
	height: 100px; 
	margin: 0 20px 0 0; 
}
#menu a#eventcalendar, #menu a#map, #menu a#studio, #menu a#who, #menu a#contact { 
	height: 45px; 
	margin: 40px 0 0 0; 
	background: top left no-repeat url("../cssimages/nav.png") transparent; 
}
#menu a#eventcalendar { width: 143px; background-position: 0px 0px; } /* from left, from top */
#menu a#eventcalendar:hover { background-position: 0px -48px; } 
#menu a#map { width: 129px; background-position: -143px 0px; } 
#menu a#map:hover { background-position: -143px -48px; } 
#menu a#studio { width: 120px; background-position: -272px 0px; } 
#menu a#studio:hover { background-position: -272px -48px; } 
#menu a#who { width: 111px; background-position: -392px 0px; } 
#menu a#who:hover { background-position: -392px -48px; } 
#menu a#contact { width: 86px; background-position: -502px 0px; } 
#menu a#contact:hover { background-position: -502px -48px; } 

/* Colors
really dark orange: b71
dark orange:		c90
links light blue	239
*/


/* ! - - - - - Text Styles - - - - - */
#textcolumn { color: #000; }
	p, h4, ul, ol, dl, blockquote, pre, address { padding: 0 0 10px 0; }
	ul, ol { padding-left: 12px; }
	h1 {
		color: #222; 
		font: normal 18px/24px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; 
	}
	h2 { 
		color: #b71; 
		font: bold 12px/18px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; 
		letter-spacing: 1px; 
		margin: 0;
		padding: 0; 
	}
		h2 b { 
			font-weight: normal; 
			letter-spacing: 0px; 
		}
	h3 { 
		font: bold 14px/18px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; 
		text-transform: uppercase; 
		letter-spacing: 2px; 
		color: rgb(203,156,12); 
		/* border-bottom: 1px solid rgb(203,156,12); */ 
	}
	h4 { 
		font: normal 14px/20px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif;  
		color: #239; 
	}
	.red { color: #c00; }
	.first-line { color: #c00; font-size: 1.2em; font-weight: bold; }
	.text img { max-width: 400px; }
	.text img.negtop { margin: -28px 0 0 0; }
		* html .text img { width: 400px; }
	blockquote { padding-left: 22px; border-left: 2px solid #c00;  }

#widecentercolumn {
	clear: both; 
	padding: 10px 0; 
}
	#widecentercolumn a#largemap { 
		display:  block; 
		height: 597px; 
		background: top left no-repeat url("../cssimages/large_culturemap.jpg") #fff; 
	}
	
	/* ! - - - - - Homepage Styles - - - - - */
	#randomEvent { 
		padding: 20px 0 0 0; 
		text-align: right; 
		background: top left no-repeat url("../cssimages/featured_background.png") transparent;
	}
		#randomEvent h4#announcement { font-size: 14px; height: 60px; background: top right no-repeat url("") transparent; margin-right: 8px; }
		#randomEvent h4#announcement.architecture { background-image: url("../cssimages/featured_architecture.png"); } 
		#randomEvent h4#announcement.arts-united { background-image: url("../cssimages/featured_arts-united.png"); } 
		#randomEvent h4#announcement.crafts { background-image: url("../cssimages/featured_crafts.png"); } 
		#randomEvent h4#announcement.dance { background-image: url("../cssimages/featured_dance.png"); } 
		#randomEvent h4#announcement.film-video { background-image: url("../cssimages/featured_film-video.png"); } 
		#randomEvent h4#announcement.history { background-image: url("../cssimages/featured_history.png"); } 
		#randomEvent h4#announcement.literature { background-image: url("../cssimages/featured_literature.png"); } 
		#randomEvent h4#announcement.music { background-image: url("../cssimages/featured_music.png"); } 
		#randomEvent h4#announcement.opening { background-image: url("../cssimages/featured_opening.png"); } 
		#randomEvent h4#announcement.openstudio { background-image: url("../cssimages/featured_openstudio.png"); } 
		#randomEvent h4#announcement.performance { background-image: url("../cssimages/featured_performance.png"); } 
		#randomEvent h4#announcement.visual-arts { background-image: url("../cssimages/featured_visual-arts.png"); } 
/*
		#randomEvent h2, #upcomingEvent h2 { 
			color: #222; 
			font: normal 18px/24px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif;  
		}
*/
		#randomEvent h1 {
			margin: 0 0 0 80px; 
			padding: 0 8px 0 0;
		}
		#randomEvent h2 {
			margin: 0 0 0 80px; 
		}
		#randomEvent h3 {
			color: #b71;
			letter-spacing: 0px; 
			text-transform: none;  
			margin: 0 0 0 80px; 
			padding: 0 8px 0 0;
		}
		#randomEvent h1 a, #upcomingEvent h2 a, #ongoingEvent h2 a { color: #000; text-decoration: none; }
		#randomEvent h1 a:hover, #upcomingEvent h2 a:hover, #ongoingEvent h2 a:hover { color: #239; }
		#randomEvent p { padding: 0 8px 8px 100px; }
		
	#upcomingEvent, #ongoingEvent {
		padding: 15px 0 0 0; 
		margin: 0 10px 0 60px; 
		text-align: right; 
	}
		#ongoingEvent { margin: 0 10px 0 20px; }
	#upcomingEvent h2, #ongoingEvent h2 {
		font: bold 14px/18px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif;  
		letter-spacing: 1px; 
		/* padding: 0 0 10px 20px;  */
	}
		#upcomingEvent h2 span, #ongoingEvent h2 span {
			font-size: 12px; 
			font-weight: normal; 
			letter-spacing: 0px; 
		}
		#upcomingEvent h3, #ongoingEvent h3 { 
			text-transform: uppercase; 
			letter-spacing: 2px; 
			color: #c90; 
		}
		#upcomingEvent hr, #ongoingEvent hr {
			color: #fff; 
			background-color: #fff; 
			line-height: 1px; 
			font-size: 1px; 
			border-bottom: 1px solid rgb(203,156,12);
			margin: 0; 
			padding: 0; 
		}
	.upcoming div { float: left; display: block; width: 30px; height: 30px; }
	.upcoming h2 div { float: left; display: block; width: 15px; height: 15px; margin: 0 5px 0 0; }
	
	#signupbox {
		clear: both; 
		margin: 0 0 10px 0; 
		padding: 5px; 
		background: 10px left no-repeat url("../cssimages/email-icon.png") #ff7; 
	}
		#signupbox h3 { font-size: 14px; color: #c00; }

#events {
	margin: 0 0 0 210px; 
	padding: 40px 0 0 0;
}
	#events h1#eventsHeader { 
		height: 60px; 
		background: top left no-repeat url("../cssimages/event_calendar.png") transparent; 
	}
	/* ! Colors for the Homepage upcoming divs, Event select Key, and Links in the calendar */
	#randomEvent h1#announcement { font-size: 14px; height: 60px; background: top right no-repeat url("") transparent; }
	#colorkey .architecture, .upcoming .architecture, table.calendarTable td a.architecture { background-color: #ccc; }
	#colorkey .arts-united, .upcoming .arts-united, table.calendarTable td a.arts-united { background-color: #acf; }
	#colorkey .crafts, .upcoming .crafts, table.calendarTable td a.crafts { background-color: #ad7; }
	#colorkey .culinary, .upcoming .culinary, table.calendarTable td a.culinary { background-color: #6a4; }
	#colorkey .dance, .upcoming .dance, table.calendarTable td a.dance { background-color: #f66; }
	#colorkey .festival, .upcoming .festival, table.calendarTable td a.festival { background-color: #000; color: #fff; }
	#colorkey .film-video, .upcoming .film-video, table.calendarTable td a.film-video { background-color: #ff3; }
	#colorkey .history, .upcoming .history, table.calendarTable td a.history { background-color: #936; color: #ccc; }
	#colorkey .literature, .upcoming .literature, table.calendarTable td a.literature { background-color: #bdc; } 
	#colorkey .music, .upcoming .music, table.calendarTable td a.music { background-color: #bad; } 
	#colorkey .opening, .upcoming .opening, table.calendarTable td a.opening { background-color: #666; color: #fff; } 
	#colorkey .performance, .upcoming .performance, table.calendarTable td a.performance { background-color: #f82; } 
	#colorkey .visual-arts, .upcoming .visual-arts, table.calendarTable td a.visual-arts { background-color: #fb0; } 
	table.calendarTable td a.architecture:hover, table.calendarTable td a.arts-united:hover, table.calendarTable td a.crafts:hover, table.calendarTable td a.dance:hover, table.calendarTable td a.film-video:hover, table.calendarTable td a.history:hover, table.calendarTable td a.literature:hover, table.calendarTable td a.music:hover, table.calendarTable td a.performance:hover, table.calendarTable td a.visual-arts:hover { background-color: #222; color: #fff; } 
	table.calendarTable td a.festival:hover, table.calendarTable td a.opening:hover { background-color: #222; color: #c90; }

/* ! - - - - Calendar template page stuff - - - - */
.right #eventphoto { width: 400px; background-color: #222; margin-bottom: 10px; }
.right img.eventimage { max-width: 400px; }

.eventday {
	border: 1px solid #ccc; 
	border-top-width: 12px; 
	border-bottom-width: 3px; 
	padding: 5px 5px 0 7px; 
	margin: 0 0 6px 0;
}
	.eventday h2 { font-size: 14px; }
		.eventday h2 a { color: #b71; text-decoration: none; }
		.eventday h2 a:hover { color: #239; }
	.event_architecture { border-color: #ccc; }
	.event_arts-united { border-color: #acf; }
	.event_crafts { border-color: #ad7; }
	.event_culinary { border-color: #6a4; }
	.event_dance { border-color: #f66; }
	.event_festival { border-color: #000; }
	.event_film-video { border-color: #ff3; }
	.event_history { border-color: #936; }
	.event_literature { border-color: #bdc; } 
	.event_music { border-color: #bad; } 
	.event_opening { border-color: #666; } 
	.event_performance { border-color: #f82; } 
	.event_visual-arts { border-color: #fb0; } 
.event_details {
	padding: 0 0 10px 0;
}
.venue_details {
	padding: 6px 10px 0 10px; 
	background-color: #eee; 
}
	#calendar_display h3 { 
		letter-spacing: 0; 
		color: #c90; 
		border-bottom: none; 
	}
		#colorkey { padding-top: 16px; }
		#colorkey h3 { font-size: 12px; text-align: right; }
		#colorkey div { padding: 1px 3px; }

	table#minicalendarTable, table.calendarTable {
		font-size: 12px; 
		width: 100%;  
		border: none; 
	}
	table#minicalendarTable th { font-size: 14px; letter-spacing: 1px; }
	table#minicalendarTable th a { font-size: 9px; text-decoration: none; }
		table.calendarTable th a {
			font-size: 14px; 
			color: #c90; 
			text-decoration: none; 
			font-weight: bolder; 
			letter-spacing: -1px; 
		}
		table.calendarTable th a:hover { color: #239; }
		table#minicalendarTable th, table.calendarTable th h3 {
			text-transform: uppercase; 
			background-color: transparent; 
		}
		table.calendarTable th h3 {
			font-size: 16px; 
			background-color: transparent; 
		}
	table.calendarTable td {
		width: 14%; 
		padding: 2px 4px; 
		margin: 0 10px 0 0; 
	}
	table#minicalendarTable td { 
		width: 14%; 
		color: #666; 
		text-align: center; 
		border-top: 1px solid #fff; 
		border-left: 1px solid #fff; 
	}
	table.calendarTable td {
		border-right: 1px solid #ddd; 
		border-bottom: 1px solid #aaa; 
	}
		table.calendarTable td.calendarHeader {
			border-top: 1px solid #ccc;
			background-color: #ddd; 
			color: #000; 
			font-size: 10px; 
			letter-spacing: 1px; 
			text-transform: uppercase; 
		}
		table#minicalendarTable td.calendarHeader {
			color: #239; 
			font-weight: bold; 
			text-transform: uppercase; 
			padding: 0 0 1px 0; 
		}
		table.calendarTable td.calendar { }
		table#minicalendarTable td.calendarToday {
			border: 1px solid #222;  
		}
		table.calendarTable td.calendarToday {
			background: top right no-repeat url("../cssimages/today_background.png") #fd6; 
			font-weight: bold; 
		}
	table.calendarTable td a {
		display: block; 
		padding: 2px 3px; 
		margin: 0 0 3px 0; 
		background-color: #eee; 
		color: #333;
		text-decoration: none; 
	}
	table#minicalendarTable td.calendar a {
		display: block; 
		background-color: #fb3; 
		font-weight: bold; 
		color: #222; 
		padding: 2px 0 2px 0; 
		text-decoration: none; 
	}
	table#minicalendarTable td.calendar a:hover {
		background-color: #222; 
		color: #fb3; 
	}

/* ! - - - - Product display - - - - */
.product {
	border: 1px solid #ccc; 
	background: top right no-repeat url("../cssimages/product_back.png") #fff; 
	padding: 6px 0 6px 6px; 
}
	.product table td { padding: 0 6px 0 0; }

#footer {
	clear: both; 
	border-top: 1px solid #c90; 
	/* margin: 10px 85px 0 70px;  */
	padding: 4px 0 16px 0; 
	text-align: right; 
	font-size: 10px; 
	line-height: 14px; 
	color: #666; 
}
	#footer a { color: #666; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }	
	#footer a#rssfeed, #footer a#icalfeed, #footer a#googlefeed { 
		display: inline-block; 
		width: 58px; 
		height: 58px; 
	}
	#footer a#rssfeed { background: top left no-repeat url("../cssimages/rss-icon.png") transparent; }
	#footer a#icalfeed { background: top left no-repeat url("../cssimages/iCal-icon.png") transparent; }
	#footer a#googlefeed { background: top left no-repeat url("../cssimages/gCal-icon.png") transparent; }

:focus { -moz-outline-style: none; }