/* all-document */

	*		{	border: 0;	}

	#masthead *, #bar *, #footer *
			{	margin: 0; padding: 0;	}
			
	html		{	background-color: black;	}
	
	body		{	width: 80%;
					position: relative;	
					margin: 15px auto 20px;
					max-width: 1247px; min-width: 770px;				
					color: black; 
					font: 100% Univers, 'Helvetica Neue', Helvetica, Arial, sans-serif;
background: transparent url('../Images/fa/global/bar_227px_bg.png') repeat-y 100% 0;	
				}

	/* Workaround for IE6: just make it always 770px to avoid min-/max-width hacks */
	* html body	{	width: 770px;	
			}				

	#masthead h1, #masthead h2	{	display: none;	}
	

/* #masthead, drop-down menus */

	#masthead a	{	color: rgb(225,192,198); text-decoration: none; font-size: 90%;			}

	#masthead a#name	
					{ position: absolute; margin: 23px 0 0 18px; z-index: 2;}

	#masthead ul	{	background: transparent url('../Images/fa/global/masthead.png') no-repeat scroll top right; 
						height: 141px; width: 100%; padding-top: 58px;
						position: absolute; 
					}
					
	#masthead ul ul	{	
						height: auto; width: auto;  
						padding: 0; margin-left: 1px; 
						display: none; overflow: hidden;
						position: absolute; z-index: 3; 
					}

	#masthead li		{	list-style: none; float: left;	
					padding: 0 6px 0 0;
				}
	#masthead li a
	{ border-left: 1px solid rgb(225,192,198);
	  padding-left: 6px;
	}

	#masthead li#tickets a
	{ border: 0; }

	#masthead li#tickets ul
	{ margin-left: 0px; }

	#masthead li li
	{ padding: 0; border: 0; }


	#masthead li:hover ul	{	display: block; position: absolute;  }

	#masthead li:hover, #masthead li ul, #masthead li li
	{ background: rgb(135,1,25) none;  }

	

	#masthead li#tickets li a, #masthead ul ul a	{	color: rgb(225,192,198); 
							font-size: 80%; text-decoration: none;
							border-left: 1px solid rgb(225,192,198);
							margin: 8px 8px 5px -1px; padding-left: 8px; padding-bottom: 0px;
							display: block;
						}				

	#masthead li:hover a, #masthead ul a:hover	{ color: white; }
	#masthead li:hover li a				{ color: rgb(225,192,198); }
	#masthead li#tickets li a:hover, #masthead li li:hover a				{ color: white; }

	#masthead table {
		border-collapse:collapse; 
		margin:-1px; 
		width:0; 
		height:0;
		}


	#masthead #tickets	{	margin-left: 14px;}		

	#masthead #naperville-usnews	{	position: absolute; right: 10px; top: 9px;}

	/* #bar	*/

	#bar		{	margin-top: -225px;
					padding-bottom: 109px;
					color: rgb(229,233,231);
					font-size: 90%;
					min-height: 620px; 
				}
	
	#bar, #logo	{	
					background: url('../Images/fa/global/bar_1px_bg.png') repeat 0 0;  
					width: 219px;
					border-left: 4px solid rgb(55,74,63); 
					float: right;
				}

	#bar div	{	float: none; clear: both; padding-left: 10px;}
	#bar div h2	{	display: block;	}

	#bar #calmain	{	display: block; margin: 20px auto 10px 10px; 
				float: none; clear: both;
				position: relative; 
			}		

	#bar #buy_tix_now
				{	background: transparent url('../Images/fa/global/buy_tix_now_bg.png') no-repeat scroll right -155px;
					min-height: 240px;
					padding: 0; margin-top: 15px;
					position: relative; z-index: 2; 
				}

	
	#bar #buy_tix_now h2 a		{	position: relative;	}
	#bar #buy_tix_now h2 img	{	margin: 32px 3px 0 0; float: right; position: relative; z-index: 3;}

	#bar #upcoming_events
				{	background: url('../Images/fa/home/upcoming_events_bg.png') no-repeat;
					padding-top: 100px;
					margin-top: -100px;
					min-height: 87px;
					position: relative; ;
				}
				
	#bar #upcoming_events h2
				{	margin-bottom: 4px;	
				}
	
	#bar #upcoming_events li	{	list-style: none; clear: both; margin-bottom: .6em; 
						font-style: italic; font-weight: bold;
					}
	
	#bar #upcoming_events li ul	{	float: none; clear: both; 	}
	#bar #upcoming_events li li	{	display: inline; clear: none; padding-right: .2em; font-style: normal;	font-weight: lighter;}
	
	#bar #upcoming_events a		{	color: rgb(229,233,231); text-decoration: none;	}
	#bar #upcoming_events a:hover	{	text-decoration: underline;	}
	
		
	#bar #search		{	margin-bottom: 30px;	}	
	#bar #search #q		{	background: transparent url('../Images/fa/global/search_bg.png');	
							width: 154px; height: 20px;
							padding: 3px 5px; 
							font-weight: bold; font-size: 90%; 
							color: rgb(51,51,51);	
						}

	#bar #upcoming_events h2, #bar #related_pages h2, #bar #cms_nav h2, #bar #news_reviews h2 
	{ margin-left: -4px; }

        #bar #related_pages li, #bar #cms_nav li, #bar #news_reviews li   {       padding-top: .5em; list-style: none;     }
        #bar #related_pages a, #bar #cms_nav a, #bar #news_reviews a    {       color: white;   }


/* #main and #footer	*/

#main, #footer
			{		border-top: 4px solid rgb(222,148,23);	}

	

/* #logo */

#logo		{	position: relative; 
				clear: none; 
				margin: -96px -1.35em 0; 
			}
			
#logo img	{	clear: none; float: none; margin: 0 10px 10px; float: right;	}

* html #logo
			{	margin: -106px -.68em 0 0; 	}
* html #logo img	
			{	margin: 10px 12px 10px 10px;	}

/* footer */

#footer		{	color: rgb(232,191,199);
				background-color: rgb(164,0,29);
				clear: both; padding: 5px 1.35em;
			
			}
#footer ul	{	text-align: center;	}

#footer li	{	list-style: none; display: inline;
				font-size: 70%; padding: 0 9px 0 8px;
				border-right: 1px solid rgb(232,191,199);
			}


#footer li#feed	
			{	border: 0	}

#footer	a	
	{	color: rgb(232,191,199); text-decoration: none;	}
#footer	a:hover	{	text-decoration: underline;	}


/* misc. hacks and fixes */

	/*	Begin hack to fix MSIE 3px-margin-on-floats bug;  
		ref: www.positioniseverything.net/explorer/threepxtest.html
	*/

* html #feature		
				{	margin-left: -3px;	}

* html #coming_soon, * html #series	
				{	height:	1%;	margin: 0; }

* html #bar			{	margin-left: -3px; } 

* html #bar div
				{	margin-left: -4px;	}

/*	End hack to fix MSIE 3px-margin-on-floats bug	*/

/*	Added mzanon 2009-02-03 	*/
#flickr_slideshow		{	float: left; margin: 0 10px 10px 0;	}


/* print styles */

@media print {

#masthead, #footer, #bar, #icon_footer 	
		{	display: none;	}


}