@import url(meyer-reset.css);

html{ /* force scrollbars */
	height:100%;
	margin-bottom:1px;
}

img{display:block;}

.clear{clear:both;height:0;}

/**************************************************
* GENERAL TYPOGRAPHY                              *
**************************************************/

hr{
	height:0;
	margin:1.33em 0;
	border-width:0;
	border-top:1px solid #CCC;
}

body{
	font-family:Helvetica,Arial,sans-serif;
	color:#333;
	font-size:75%;
	line-height:1.33;
}

a{
	color:#B80B29;
}

h1,h2,h3,h4,h5,h6{
	font-family:Georgia,Times,serif;
	font-weight:normal;
	color:#000;
}
#content h1{
	font-size:4em;
	font-family:Verdana,sans-serif;
	color:#999;
	padding:0 20px;
	margin:32px 0;
	border-bottom:2px solid #DDD;
}

h2{font-size:2.3em;}
h3{font-size:1.5em;}
h4{
	font-size:1.2em;
	text-shadow:0 0 0 #FFF; /* thin is in - http://24ways.org/2006/knockout-type */
} 

#content p{
	margin-top:1.33em;
	text-align:justify;
}

.detail{
	font-size:.8em;
}

/**************************************************
* TYPOGRAPHIC NICEITIES                           *
**************************************************/

.hung{
	float:left;
	margin-left:-1em;
	width:1em;
	text-align:right;
}


h3#topspace{
	margin-top:20px;
}

/**************************************************
* THE GENERAL LAYOUT                              *
**************************************************/
#outerWrap{
	background:transparent url(../graphics/foot.gif) left bottom repeat-x;
}
#all{
	width:941px; /* 929 pixels wide, plus 6 on either side for the latticework */
	margin:0 auto;
	position:relative; /* for the absolute within relative trick! */
}
#intro{
	height:208px;
	background:transparent url(../graphics/masthead.gif) top left no-repeat;
	text-indent:-9999px;
	position:relative;
}
#intro a{
	position:absolute;
	top:0;
	left:0;
	height:208px;
	width:600px;
}
#upperNavigation{
	position:absolute;
	top:50px;
	right:30px;
}
#lowerNavigation,#content,#foot{
	margin:0 6px; /* no latticework here. */
}
#stage{
	margin:18px 0 0 0;
	position:relative;
	height:300px;
}
#stage a{
	position:absolute;
	top:0;
	left:0;
} 
#main{
	width:581px;
	float:left;
}
#side{
	width:308px;
	float:right;
}
.eventpage #side{
	width:284px !important;
	margin-right:24px;
}
#foot{
	clear:both;
	color:#b7eeff;
	padding:60px 0 84px 0;
}
#foot .links{
	color:#4BD;
}
#foot .links a{
color:#b7eeff;
text-decoration:none;
}
#foot .links a:hover{
	color:#FFF;
}

/**************************************************
* SPECIFIC TYPOGRAPHY & LAYOUT                    *
**************************************************/

.textpage #main{
	margin-left:20px;
	}

blockquote .byline{
	margin:0 !important;
}

.date{
	color:#FFF;
	padding:.4em 20px;
	float:left; /* make it collapse to the width of the content */
	margin:2em 0 .7em 0;
}

.indent{
margin-left:15px;
padding:0px;
font-size:1em;
color:#666;
}

.recital .date, .artist-recital-series .date{background-color:#94150E;}
.opera .date, .opera-theater .date{background-color:#01A5DA;}
.art .date, .art-exhibitions .date{background-color:#7a1d7e;}
.theater-dance .date{background-color:#C25460;}
.convocation .date, .convocation-series .date{background-color:#5C8826;}

.date span{display:block;
 margin:-.4em -20px;
padding:.4em 20px;}
.date .recital,.date .recital-series{background-color:#94150E;}
.date .opera, .date .opera-theater {background-color:#01A5DA;}
.date .art,.date .art-exhibitions {background-color:#7a1d7e;}
.date .theater-dance {background-color:#C25460;}
.date .convocation,.date .convocation-series {background-color:#5C8826;}

.event h2 span,.event h3 span{
	font-size:70%;
}

.event.short{
	position:relative;
}
.event.short h2{
	clear:both;
}
.event.short h2,.event.short p,.event.short h3{
	padding-left:124px;
	clear:both;
}
.img{
border:1px solid #CCC;
padding:1px;
}
.photocredit{
	font-size:.8em;
	color:#999;
	text-align:right !important;
	margin:2px 0 42px 0 !important;
}
.event.short .img{
	clear:both;
	position:absolute;
	top:6em;
	left:0;
}
.event.long p{
	clear:both;
}
.event.long .date{
	margin-top:16px;
	margin-bottom:44px;
}
.event.long{
	margin-left:20px;
}
.byline{
	font-weight:bold;
}

.tickets{
	color:#666;
}

#side h2{
	color:#999;
	font-size:2em;
	text-shadow:0 0 0 #FFF; /* thin is in, again - http://24ways.org/2006/knockout-type */
}
#side .mod{
	border-bottom:2px solid #DDD;
	padding-bottom:32px;
	margin-bottom:30px;
}
#sponsors a{
	float:left;
	width:130px;
	padding:7px;
	border:3px solid #FFF;
	height:130px;
	margin-top:5px;
}
#sponsors a:hover{
border:3px solid #EEE;
}
#releases ul,#main ul{
	margin-top:16px;
}
#releases li, #main li{
	padding:3px 0 3px 20px;
	background:transparent url(../graphics/bull.gif) 0 5px no-repeat;
}

.more a{
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	font-size:.9em;
	background:transparent url(../graphics/arr.gif) left center no-repeat;
	padding-left:24px;
}
.more a:hover{
	text-decoration:underline;
}
#foot .copy{
	float:left;
}
#foot .links{
	text-align:right;
}
	
/**************************************************
* THE BACKDROP                                    *
**************************************************/

body{
	background:#FFF url(../graphics/tip-top.gif) left top repeat-x;
}

/**************************************************
* NAVIGATION & DROPDOWN MENUS                     *
**************************************************/

#banner{
	margin-top:1px;
}

#upperNavigation li{
	text-align:right;
}
#upperNavigation a{
	line-height:1.5em;
	padding-right:12px;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:.1em;
	background:transparent url(../graphics/uppernavigationbullet.gif) right center no-repeat;
}
#u1{
	margin-bottom:.75em;
}

#lowerNavigation li{
	height:56px;
	float:left;
	position:relative;
}
#lowerNavigation li .top{
	display:block;
	height:56px;
	border-right:1px solid #FFF;
	text-indent:-9999px;
}
#lowerNavigation li ul{
	position:absolute;
	display:none;
	overflow:hidden;
	z-index:9999;
}
#lowerNavigation li li{
	height:auto;
	float:none;
}
#lowerNavigation li li a{
	display:block;
	border-top:1px solid #FFF;
	padding:4px 20px;
	color:#FFF;
	text-decoration:none;
}
#lowerNavigation li li a b{
	display:block;
	font-weight:normal;
}
#lowerNavigation li li a i{
	font-size:10px;
	font-style:normal;
}

#l1 li a{ background-color:#94150E; }
#l2 li a{ background-color:#01A5DA; }
#l3 li a{ background-color:#7a1d7e; }
#l4 li a{ background-color:#C25460; }
#l5 li a{ background-color:#5C8826; }

#l1 li a:hover{ color:#94150E; background-color:#FFF; }
#l2 li a:hover{ color:#01A5DA; background-color:#FFF; }
#l3 li a:hover{ color:#7a1d7e; background-color:#FFF; }
#l4 li a:hover{ color:#C25460; background-color:#FFF; }
#l5 li a:hover{ color:#5C8826; background-color:#FFF; }

.top{
	background:transparent url(../graphics/lowernavigation.gif) left top no-repeat;
}

#l1 a{ width:213px; background-position:left top; }
#l2 a{ width:163px; background-position:-214px top; }
#l3 a{ width:168px; background-position:-378px top; }
#l4 a{ width:179px; background-position:-547px top; }
#l5 a{ width:201px; background-position:-727px top; border-right-width:0 !important; }
#l1 a:hover,#l1:hover a,.artist-recital-series #l1 .top{ width:213px; background-position:left bottom;   }
#l2 a:hover,#l2:hover a,.opera-theater #l2 .top{ width:163px; background-position:-214px bottom; }
#l3 a:hover,#l3:hover a,.art-exhibitions #l3 .top{ width:168px; background-position:-378px bottom; }
#l4 a:hover,#l4:hover a,.theater-dance #l4 .top{ width:179px; background-position:-547px bottom; }
#l5 a:hover,#l5:hover a,.convocation-series #l5 .top{ width:201px; background-position:-727px bottom; }

#lowerNavigation li:hover ul{
	display:block;
}

#content{
	clear:both; /* steer clear of the navigation bar */
}

/**************************************************
* IMAGE REPLACEMENT                               *
**************************************************/

#a1,#a2{
	display:block;
	text-indent:-9000px;
}

#a1{
	margin-top:32px;
	height:50px;
	background:transparent url(../graphics/a-order-tickets.gif) left top no-repeat;
	}
	#a1:hover{
		background-position:left bottom;
	}

#a2{
	margin-top:4px;
	height:78px;
	background:transparent url(../graphics/a-maps-and-directions.gif) left top no-repeat;
	}
	#a2:hover{
		background-position:left bottom;
	}
	
#t-artist-recital-series{
	height:50px;
	text-indent:-9000px;
	background:transparent url(../graphics/t-artist-recital-series.gif) 20px 0 no-repeat;
}	
	
#t-art-exhibitions{
	height:50px;
	text-indent:-9000px;
	background:transparent url(../graphics/t-art-exhibitions.gif) 20px 0 no-repeat;
}	
	
#t-convocation-series{
	height:50px;
	text-indent:-9000px;
	background:transparent url(../graphics/t-convocation-series.gif) 20px 0 no-repeat;
}	
	
#t-opera-theater{
	height:50px;
	text-indent:-9000px;
	background:transparent url(../graphics/t-opera-theater.gif) 20px 0 no-repeat;
}	
	
#t-theater-dance{
	height:50px;
	text-indent:-9000px;
	background:transparent url(../graphics/t-theater-and-dance.gif) 20px 0 no-repeat;
}



/* other stuff */

img#flyrow{
	display: inline;
	margin-right: 30px;
}