/* YUI grids override ----------------------------- */

#custom-doc {
	width:59.08em;
	*width:57.65em;
	min-width:768px;
	margin:auto;
	text-align:left;
}

/* Generic styles ----------------------------- */

HTML {
	background-color: #584d47;
	color: #B0ABA8;
}

P {
	margin: 0.5em 0 0.7em 0;
}

A:LINK, A:VISITED, A:ACTIVE {
	color: #c7b299;
	font-weight:bold;
	text-decoration:underline;
}

A:HOVER {
	text-decoration:none;
	color: #FEE300;
}

H1, H2, H3, H4, H5, H6 {
	color:white;
}

H1 {
	font-family: Gill Sans MT, Gill Sans, Arial Black, Verdana;
	font-weight:800;
	font-size:240%;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	*letter-spacing:-0.2em; /** FIX **/
	font-style:normal;
	line-height:0.85;
	margin: 0 0 1em 0;
	color:white;
}

H2 {
	font-family: Gill Sans MT, Gill Sans, Arial Bold;
	color:white;
	text-decoration:none;
	font-weight:800;
	/*font-size:1.5%;*/
	letter-spacing:-0.02em; /** FIX **/
	line-height:0.9;
	text-transform:uppercase;
	margin: 0 0 1em 0;
}

HR {
	border: 0;
	height: 1px;
	color: #827a75;
	background-color: #827a75;
	margin: 1em 0 1em 0;
}

HR.thick {
	height: 7px;
	color: #FFF;
	background-color: #FFF;
	margin: 2em 0 2em 0;
}

/* Header ---------------------------------------- */

#header {
	position:relative;
	z-index:5;
	width: 783px; height:280px;
	margin-left: -12px;
	background: url(../img/header.png) no-repeat 0px 30px;
}

#header h1, #header h2 {
	text-indent: -9999px;
}

/* Hotnews bar ------------------------------------- */

#hotnews {
	text-align:left;
	width:100%;
	height:40px;
	background:#00a7ca;
	text-transform:uppercase;
	font-size: 87%;
}
#hotnews A:LINK, #hotnews A:VISITED, #hotnews A:ACTIVE {
	color:white;
	text-decoration:none;
}
#hotnews A:HOVER {
	text-decoration:underline;
}
#hotnews TABLE {
	width:768px;
	margin:15px auto;
}
#hotnews .signup {
	width:23%;
}
#hotnews .program, #hotnews .printed {
	width:35%;
}
#hotnews .signup, #hotnews .program {
	border-right:1px solid white;
}
#hotnews .printed, #hotnews .program {
	text-align:center;
}
#hotnews .close {
	text-align:right;
}

/* Location Selector ------------------------------- */
#archived	 {
	position:absolute;
	top:225px;
	right: 45px;
	width:161px;
	min-height:38px;
}

/* Location Selector ------------------------------- */

#locationSelector	 {
	position:absolute;
	top:200px;right:0;
	width:161px;
	background: url(../img/location_selector.png) 0 0 no-repeat;
	min-height:38px;
}
#locationSelector.open {
	background-color:#6d635e;
	background-position: 0px -38px;
}
#locationSelector.hidden {
	display:none;
}
#locationSelector.closed UL {
	display:none;
}

#locationSelector UL {
	border:1px solid #928a86;
	border-width: 1px 0 1px 0;
	margin:38px 16px 10px 13px;
	padding:7px 0 7px 0;
	text-align:right;
	text-transform:uppercase;
	font-size:11px;
	line-height:1.5;
}

#locationSelector A:LINK, #locationSelector A:ACTIVE, #locationSelector A:VISITED {
	text-decoration:none;
	color:#edeceb;
	font-weight:normal;
	display:block;
}

#locationSelector A:HOVER {
	color:yellow;
}

/* Gallery ------------------------------- */

.videoList {
	margin:0 0 1em 0;
}

.galleryGrid {
	overflow:auto;
}

.galleryGrid LI {
	margin: 0 15px 15px 0;
	float: left;
}

.galleryGrid .hero {
	border-width: 5px;
}

/* Home Page ------------------------------- */

#home h1 {
	font-family:Gill Sans, Arial Bold, Verdana, sans-serif;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#home h1 img {
	vertical-align: top;
}

#home h2 {
	font-family:Gill Sans, Arial Bold, Verdana, sans-serif;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	font-size: 18px;
}

#home h3 {
	color: #c7b299;
	font-weight: bold;
	font-size: 12px;
	font-family:Gill Sans, Arial Bold, Verdana, sans-serif;
	margin-bottom: 2px;
	text-transform: uppercase;
}

#home .hero {
	margin-bottom: 10px;
}

#home h2.title {
	margin: 2px 0px;
}

#home .subtitle {
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
}

#home p {
	font-size: 10px;
}

#news {
	padding-top: 20px;
	clear: left;
}

.newsitem {
	clear: both;
	padding-bottom: 20px;
}

.newscontent {
	margin-left: 262px;
}

.newsbox {
	float: left;
	height: 156px;
	width: 205px;
	margin-right: 36px;
	border: 10px solid white;
	margin-bottom: 20px;
	background: #000;
}

#highlights .normal {
	display: none;
}

#upcomingevents .over {
	display: none;
}

#lefthome {
	float: left;
	width: 100%;
	margin-right: 45px;
}

#eventspanel {
	display: none;
}

#eventspanel p {
	font-size: 1em;
}

#eventspanel h2 {
	margin: 0px;
}

#videopanel {
	background: url('/img/ipodexplode.jpg') no-repeat;
	width: 748px;
	height: 338px;
	border: 10px solid white;
	position: relative;
}

#videopanel p {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	width: 350px;
	position: absolute;
	top: 100px;
	left: 380px;
	text-transform: uppercase;
}

#videopanelimage img {
	margin: 60px 50px 0px 350px;
}

#videopanelplay {
	margin: 10px 50px 0px 465px;
	display: block;
}

#righthome {
	width: 360px;
	float: left;
	display: none;
}

.sectionbreak {
	margin:10px 0 0 0;
	border-top:1px solid #827a75;
}

#home .links {
	font-family:Gill Sans, Arial Bold, Verdana, sans-serif;
	font-weight:800;
	color: #FFF;
	font-size: 14px;
}

#home a {
	text-decoration: none;
	color: #FFF;
}

#home .separator {
	color:#827a75;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0.5em 0 0.5em;
	text-align:center;
}


/* Search Bar ------------------------------------- */
#searchBar {
	height:40px;
	background: url(../img/search.png) no-repeat 0px 2px;
}
#searchBar LABEL {
	display:none;
}
#SearchKeyword {
	width: 300px;
	background:#6d635e;
	border: 1px solid #6d635e;
	padding: 2px;
	color:white;
	font-size:77%;
	margin:0 0 0 68px;
	text-transform:uppercase;
}
#SearchGenre, #SearchLocation {
	width:100%;
	background:#6d635e;
	border: 1px solid #6d635e;
	color:white;
	text-transform:uppercase;
	font-size:77%;
}
#searchBar .submit {
	display:none;
}
/* Search Results Header ------------------------- */
#search-summary {
	margin:-1em 0 2em 0;
}
/* Main Navigation -------------------------------- */
#nav{
	height:30px;
	position: relative;
  list-style: none;
}
#navHome, #navEvents, #navAboutUs, #navCalendar, #navSignUp, #navMedia, #navPartners {
	display:block;
	float:left;
	position:relative;
	height:18px;
	width:150px;
	background: url(../img/nav.png) no-repeat;
}

#nav A:LINK, #nav A:VISITED, #nav A:ACTIVE {
	width:100%; height:100%;
	display:block;
	outline:none;
}

#nav SPAN {
	position: absolute;
	text-indent: -9999px;
}

#navHome {
	background-position: 0 0;
	width: 88px;
}

#navEvents {
	background-position: -88px 0;
	width: 110px;
}

#navAboutUs {
	background-position: -198px 0;
	width: 125px;
}

#navCalendar {
	background-position: -323px 0;
	width: 128px;
}

#navSignUp {
	background-position: -451px 0;
	width: 113px;
}

#navMedia {
	background-position: -564px 0;
	width: 103px;
}

#navPartners {
	background-position: -667px 0;
	width: 101px;
}



#navHome.over {
	background-position: 0 -18px;
}

#navEvents.over {
	background-position: -88px -18px;
}

#navAboutUs.over {
	background-position: -198px -18px;
}

#navCalendar.over {
	background-position: -323px -18px;
}

#navSignUp.over {
	background-position: -451px -18px;
}

#navMedia.over {
	background-position: -564px -18px;
}

#navPartners.over {
	background-position: -667px -18px;
}

/* Sub Navigation -------------------------------- */

#subnav {
	margin:0 2em 0 0;
	border-right: 2px solid #827a75;
	min-height: 370px;
}

#subnav LI A:LINK, #subnav LI A:VISITED, #subnav LI A:ACTIVE {
	font-family:Tahoma;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
}


#subnav LI.active A:LINK, #subnav LI.active A:VISITED, #subnav LI.active A:ACTIVE {
	color: white;
}



/* Artist Listing --------------------------------------- */
.artistGrid {
	width: 110%;
	overflow:auto;
}
.artistGrid LI {
	position:relative;
	width:120px; height:150px;
	float:left;
	margin:0 9px 9px 0;
}

.artistGrid LI A:LINK, .artistGrid LI A:VISITED, .artistGrid LI A:ACTIVE, .artistGrid LI A:HOVER {
	display:block;
	width:100%;height:100%;
	text-decoration:none;
	outline:none;
}

#events-view .artistGrid LI,
#artists-view .artistGrid LI {
	width:90px; height:110px;
	
}

.artistGrid .thumb {
	height:100%;
	cursor:pointer;
}

.artistGrid .artistName {
	position:absolute;
	text-transform:uppercase;
	bottom:0;
	color:white;
	font-size:77%;
	padding:5px;
}


/* Event Listing ---------------------------------------- */

IMG.hero {
	border: 10px solid white;
}

.event-wrapper {
	margin: 2.5em 0 0 0;
}

.event-summary {
	min-height:150px;
	margin-top:-4px;
}

.event-summary h2, .event-summary h3, .event-summary h4 {
	text-transform:uppercase;
}

.event-call-to-action {
	border-bottom:1px solid #827a75;
	text-transform:uppercase;
	padding: 0.2em 0 0 0;
}

.event-call-to-action A:LINK, .event-call-to-action A:VISITED, .event-call-to-action A:ACTIVE {
	font-family:Gill Sans, Arial Bold, Verdana, sans-serif;
	font-weight:800;
	color:white;
	text-decoration:none;
}

.event-call-to-action A:HOVER {
	color:#FEE300;
}


.event-call-to-action .separator {
	color:#827a75;
	padding: 0 0.5em 0 0.5em;
	text-align:center;
}


.event-summary h2 {
	font-family:Gill Sans, Arial Bold;
	font-weight:800;
	font-size:138.5%;
	letter-spacing:-0.06em;
	line-height:0.9;
	margin: 0;
}

.event-summary h3 {
	color:#c7b299;
	font-weight:bold;
	line-height:108%;
}

.event-summary h4 {
	color:#89786a;
	font-family:Tahoma;
}

.event-summary .artist-listing {
	margin: 0.5em 0 0 0;
	font-weight:bold;
	color:white;
}

.event-summary .description {
	color:#b0aba8;
}


/* Event Detail ------------------------------- */

.event-details strong, .event-details b {
	color: white;
	font-weight:bold;
}

.event-details em, .event-details i {
	font-style:italic;
}

.event-details h2.pretitle {
	margin: 0 0 0.2em 0;
}

.event-details h2.subtitle {
	color: #C7B299;
	line-height:1;
}

.event-details .artist-listing {
	font-weight:bold;
	color:white;
}

#events-view IMG.hero {
	margin: 0 0 1.3em 0;
}
#events-view .event-call-to-action {
	padding: 0.2em 0 0 0;
	margin: 0 0 0.8em 0;
}
.performance-details H2 {
	color:#FEE300;
	line-height:1.3;
	margin: 0 0 0.8em 0;
}

.performance-details P {
	color:#c7b299;
	line-height:1.1;
	margin: 0 0 0.6em 0;
}


.performance-details .free-event {
	font-family:Gill Sans, Arial Bold, Verdana, sans-serif;
	font-weight:800;
	color:white;
}

.partnerGrid {
	overflow:auto;
}
.partnerGrid LI {
	float:left;
	margin:0 2.5em 1.5em 0;
}

/* Event Send to Friend ------------------------- */

#TellAFriendEmailMessage {
	height:4em;
}

/* Artists Detail -------------------------------- */
#artists-view IMG.hero {
	margin: 0 0 1.3em 0;
}
/* Calendar ------------------------------------ */
#calendar-wrapper {
	background:white;
	padding: 0 0 1em 0;
	text-align:center;
}

/* Media Releases ------------------------------ */

.mediaRelease {
	margin:2.5em 0 0 0;
}

.mediaRelease h2, .mediaRelease h3 {
	font-family:Gill Sans, Arial Bold, Verdana, sans-serif;
	font-weight:800;
	color:white;
	text-transform:uppercase;
}

.mediaRelease h2 {
	color:#C7B299;
	padding:0 0 1em;
	border-bottom: 2px solid #6f6560;
}

.mediaRelease h3 {
	margin: 0 0 1em;
}

.mediaRelease .event-releases {
	margin: 0 0 1em;
}

.mediaRelease .event-releases LI {
	background: url(/img/admin/pdf_icon.gif) no-repeat;
	padding: 0 0 0 40px;
	height:40px;
}

.mediaRelease .event-releases SPAN {
	display:block;
	
}

.mediaRelease .event-images {
	overflow:auto;
}

.mediaRelease .event-images LI {
	float:left;
	margin: 0 1em 1em 0;
}

/* Content Pages ------------------------------- */

#content-main hr {
	margin: 1.5em 0 1.5em 0;
}

#content-main h2 {
	color:#C7B299;
	/*margin:-2em 0 2em 0;*/
	
}

#content-main OL LI {
	list-style-type:decimal;
	
}

#content-main UL LI {
	list-style-type:normal;
}

#content-main b, #content-main strong {
	color:white;
	font-weight:bold;
}

#content-main em, #content-main i {
	font-style:italic;
}

/* Base (a way to get nice styles on content) ------------------- */

.base abbr, .base acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
.base em {
	/*bringing italics back to the em element*/
	font-style:italic;
}

.base blockquote, .base ul, .base ol, .base dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
.base ol, .base ul, .base dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
.base ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
.base ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
.base dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
.base th, .base td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
.base th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
.base caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
.base p, .base fieldset, .base table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* Footer -------------------------------------- */

#ft {
	position:relative;
	margin:3.5em 0 0 0;
	padding:2.5em 0 2em 0;
	border-top:2px solid #6F6560;
}

/* Generic Forms ---------------------------------------- */

#flashMessage {
	font-weight:bold;
	color: #FEE300;
	font-size: 147%;
}

.error-message {
	font-weight:bold;
	color: #FEE300;
	margin:0.3em 0 1.3em 0;
}

.generic-form .input {
	margin: 0 0 1.6em 0;
}

.generic-form .input.text INPUT,
.generic-form .input.textarea TEXTAREA {
	background:#6d635e;
	border: 1px solid #6d635e;
	padding: 3px;
	color:white;
	width: 100%;
}

.generic-form LABEL {
	display:block;
	font-weight:bold;
	line-height:1.8;
	color:white;
	margin:0 0 0.3em 0;
	text-transform:uppercase;
}

.generic-form .radio FIELDSET {
	padding: .5em 0 .5em 1.5em;
	overflow: auto;
}

.generic-form .radio LEGEND {
	margin: 0 0 0 -1.5em;
	display:block;
	font-weight:bold;
	line-height:1.8;
	color:white;
	text-transform:uppercase;
}

.generic-form .radio {
	clear:both;
}

.generic-form .radio div {
	float:left;
	width: 33%;
}
.generic-form .radio div.error-message {
	float:none;
	width: auto;
}

.generic-form .radio LABEL {
	margin: 0 1em 0 0.4em;
	font-weight:normal;
	color:inherit;
	text-transform:none;
	display:inline;
}

.generic-form .yui-g {
	width:100%;
}


/* Score It Form -------------------------------- */

#ScoreitRegistrationRegisterForm .radio div {
	float:none;
	width:auto;
}
#ScoreitRegistrationSchool {
	width: 95%;
}

/* Printed Brochure Request Form -------------------------------- */

#PrintedProgramRequestAddForm {
	width:90%;
}

#PrintedProgramRequestState {
	width:100%;
}

#PrintedProgramRequestAddForm .input.checkbox LABEL {
	display:inline;
	margin: 0 0 0.5em 0.5em;
}

#PrintedProgramRequestAddForm .yui-g .yui-u.first {
	width:47%;
}

/* Partners Page ----------------------------- */

#partners-index .partners {
	overflow:auto;
}

#partners-index .partners hr.thick {
	margin: 0 0 2em 0;
}

#partners-index .partners a {
	margin:0 4em 2em 0; 
	display:block;
	float:left;
}

#partner_principal.partners a {
	margin: 0 6em 2em 0;
}

#partner_local_government.partners a,
#partner_major_corporate.partners a {
	margin:0 5.5em 3em 0; 
}

#partner_cultural.partners {
	margin:0 0 1.5em 0;
}

#partner_cultural.partners a {
	margin: 0 3em 1.5em 0;
}

#partners-index h2 {
	margin: 0 0 2em 0;
}

#partners-index p {
	line-height: 1.2;
	margin:0.2em 0 2em 0;
}
#partners-index em {
	font-style: italic;
	font-size: 90%;
}