/*
Rira Website
loughlin@choicecutsonline.com
Updated : 25th February 2004

*/

body {
	padding: 0px;
	font-family: "MS Trebuchet", sans-serif;
	text-align: center;
	line-height: 1.5em;
	color: #333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(../images/bg_tile.gif) repeat;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}


/* ---( common elements )------------------------------- */

p {
	margin: 0;
	padding: 0;
	}

/* ---( ACTUAL PAGE CONTENTS )------------------------------- */


#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	font-size: 95%;
	text-align: left;
	background-color: #ffffff;
	/*border:1px solid #fab;*/

	/* Microsofts browsers don't render the box model correctly so we use this hack to let mozilla and IE */
	/* render the page exactly the same.  This is an IE error, so remove this when Microsoft sort it out */
	width: 772px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	}
html>body #wrap {
	/* For Mozilla */
  	width: 772px;
	} 

#topBar {
	position: relative;
	width:772px;
	height:158px;
	background: url(../images/topBannerBg.jpg) no-repeat top left;
}

#musicControl {
position:relative;
	margin: 0 auto;
	width: 250px;
	height: 10px;
	top: 134px;
}

/* ---( main column )----------------------------- */

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#main-body {clear:left;}
/* End IE5-Mac hack */

#main-body {
	background: url(../images/mainContentBg.gif) repeat-y 0 0;
	width:667px;
	}


/* ---( ACTUAL PAGE CONTENTS )------------------------------- */

#navigation{
	float: left;
	width:657px;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left:0px;
	margin-right:0px;
	padding: 0;
	padding-left: 10px;
	list-style: none;
	background-color: #ECECEC;
}


#navigation li{
	float:left;
	list-style: none;
	font-family: Verdana, sans-serif;
	Font-weight:bold;
	font-size: 9px;
	
	
}

.pipe{
	margin-left:5px;
	margin-right:5px;
	
}

#navigation a{
	text-decoration: none;
	color: #000000;
		
}

#navigation a:hover{
	color: #061A5F;
	border-bottom:1px dotted #061A5F;		
}

/* ---( content )----------------------------- */

#content {
	float: left;
	padding-left: 10px;
	width: 490px;
	/*border: 1px dotted #00f;*/
	}


#news, #upcomingEvents, #previousEvents, #venueInformation, #keepInTouchInfo{
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
}

#news img, #upcomingEvents img, #previousEvents img, #venueInformation img, #keepInTouchInfo img{
	margin-top:0px;
	margin-bottom:8px;
}

#lastUpdated, #lastPerformance, #venueAddress, #byline{
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #A42600;
	margin-top: 0;
	margin-bottom: 8px;
}

#latestNews{
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	line-height: 21px;
	color: #000;

}

#moreNews{
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 15px;
}

#moreNews a{
	text-decoration: none;
	color: #D00000;
}

#moreNews a:hover{
	border-bottom: 1px dotted #D00000;
}


#email{
	
	margin: 25px 0 25px 0;
	padding:0px;
	height:75px;
}

#email li{
	float:left;
	list-style:none;
}

#emailSubscribe{
	float:left;
	padding-left: 100px;
	padding-top: 3px;
	width: 220px;
	height: 68px;
	background: url(../images/emailFormBg.gif) no-repeat top left;

}

#emailThanks{
	margin: 25px 0 25px 0;
	padding:0px;
	height: 68px;
	background: url(../images/emailThanks.gif) no-repeat top left;
}


#buttons{
	float:left;
	padding-top: 15px;
	width: 150px;
	height:56px;
	background: url(../images/buttonsBg.gif) no-repeat top left;

}

.field{
	width: 120px;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #000000;



}


#buttons img{
	padding:0;

	/* Microsofts browsers don't render the box model correctly so we use this hack to let mozilla and IE */
	/* render the page exactly the same.  This is an IE error, so remove this when Microsoft sort it out */
	margin-bottom: 1px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	margin-bottom: 1px;

	}
html>body #buttons img{
	/* For Mozilla */
	margin-bottom: 0px;
} 


#latestGigsTitle{

	padding-top: 15px;
}

#pastNewsTitle{
	
	margin:  10px 0 0 0;
	padding: 0;
}

.latestGigs{
	margin: 18px 0 18px 4px;
	padding: 5px 9px 5px 9px;
	background-color: #F9F9F9;
	border:1px solid #B5B5B5;
	background: url(../images/gigsParaBg_new.jpg) no-repeat bottom left;
}



.latestGigs h1{
	padding: 0px;
	margin: 0px;
	font-family: "Arial",Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #A42600;
}

.latestGigs p{
	padding: 0px;
	margin: 0px;
	font-family: "Arial",Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #000;
}

.latestGigs h2{
	padding: 0px;
	margin: 0px;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	font-weight: bold;

}

.latestGigs h2 a{
	text-decoration: none;
	color: #D10000;
}

.latestGigs h2 a:hover{
	border-bottom:1px dotted #D10000;
}

.latestGigs img.thumb {	
	float: right;
	margin-left: 10px;
	margin-right: 3px;
	margin-top: 3px;
	padding:7px;
	background-color: #fff;
	border:1px solid #AEAEAE;
	background: url(../images/thumbBgLight.jpg) no-repeat top left;
	}


#regularEvents{

	margin:  0 0 0 0;
	padding-bottom: 25px;


}

#regularEvents img{

	margin:  0 3px 0 0;
	padding-bottom: 0;


}

#regularEventsTitle{

	padding-top: 15px;
	padding-bottom: 15px;


}


/* ---( right column )----------------------------- */

#sidebar {
	font-size: 12px;
	line-height: 1.5em;
	vertical-align: top;

	/* Microsofts browsers don't render the box model correctly so we use this hack to let mozilla and IE */
	/* render the page exactly the same.  This is an IE error, so remove this when Microsoft sort it out */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	}
html>body #sidebar {
	/* For Mozilla */

	} 

	



p.flyer {
	background: #fff;
	width: 144px;
	padding: 0px;
	margin-bottom: 15px;

}

p.flyer img {
	vertical-align: middle;
	}


p.venueImage {
	background: #fff;
	width: 131px;
	padding: 6px;
	margin-bottom: 20px;
	border:1px solid #C3C3C3;
	background: url(../images/venueImgBg.jpg) no-repeat top left;

}






/* ---( footer )----------------------------------- */

#footer {
	position: relative;
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 90%;
	color: #666;
	background: #333;
	border: 1px solid #000;
	}

#blurb {
	margin: 0;
	padding-left: 6px;
	font-size: 11px;
	}

#footerInlineList{
	margin: 0px;
	padding:0px;
	height:60px;
}

#footerInlineList li{
	float:left;
	list-style:none;
}

#footerInlineList li img{
	margin-top: 22px;
	margin-left: 11px;

}


/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */

#footer a {
	color: #888;
	}
#footer a:hover {
	color: #ccc;
	}

/* -----------------------------  NEWS -----------------------------  */

.pastNewsBlock{
	margin:0 0 0 0;
	padding:0 0 10px 0px;
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	border-bottom: 1px solid #D4D4D4

}


.pastNewsBlock h1{
	font-weight:bold;
	color: #A42600;
	font-size:11px;
	margin: 10px 0 0 0;
}

.pastNewsBlock p{
	margin: 0px;
}

#newsArchive{
	margin:20px 0 20px 0;
	padding:0;
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #000FD4;

}

#newsArchive a{
	text-decoration: none;

}

#newsArchive a:hover{
	border-bottom:1px dotted #000FD4;

}


/* ----------------------------- Previous Events -----------------------------  */

.previousList{
	
	padding:0px;

	/* Microsofts browsers don't render the box model correctly so we use this hack to let mozilla and IE */
	/* render the page exactly the same.  This is an IE error, so remove this when Microsoft sort it out */
	margin:30px 0 30px 0;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	margin:30px 0 30px 0;
	}
html>body .previousList {
	/* For Mozilla */
  	margin:30px 0 95px 0;
	} 
	


.previousList ul{
	margin:0px;
	padding:0px;
	
}

.previousList li{
	list-style:none;
	float:left;
	background: url(../images/bullet.gif) no-repeat 0px 8px;
	margin:0 50px 20px 5px;
	padding:0px;
}

.previousList li h1{
	margin:0 0 0 15px;
	padding:0px;
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	color: #A42600;

}

.previousList li p{
	margin:0 0 0 15px;
	padding:0px;
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;

}

.previousList li h2{
	margin:0 0 0 15px;
	padding:0px;
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	color: #EC0000;

}

.previousList li h2 a{
	color: #EC0000;
	text-decoration: none;	
}

.previousList li h2 a:hover{
	color: #EC0000;
	border-bottom:1px dotted #EC0000;
}


/* ----------------------------- Venue -----------------------------  */

#locationInformation{
	margin: 0;
	padding: 0;
}

#locationInformation p{
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	color: #000;
	margin-bottom:15px;
}

#locationInformation img{
	margin-top:35px;
	margin-bottom:8px;
}

.maps{
	margin: 0;
	padding: 0;
}

.maps img{
	margin-top:35px;
	margin-bottom:15px;
}

.maps p{
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	color: #000;
	margin-left:17px;
	margin-bottom:20px;
}


.maps p img{
	position:relative;
	top:3px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right: 10px;
	
}

.maps p a{
	text-decoration: none;
	font-weight: bold;
	color: #D00000;
}

.maps p a:hover{
	border-bottom:1px dotted #D00000;
}

#venueView{
	margin: 0 0 20px 0;
	padding: 0;
}

#venueView img{
	margin-top:35px;
	margin-bottom:17px;
}

#venueView p{
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	color: #000;
	margin-left:13px;
	margin-bottom:15px;
}

#venueView p img{
	position:relative;
	top:8px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right: 10px;
	
}


#venueView p a{
	text-decoration: none;
	font-weight: bold;
	color: #D00000;
}

#venueView p a:hover{
	border-bottom:1px dotted #D00000;
}


/* ----------------------------- Keep in touch -----------------------------  */


#joinMailingList{
	margin: 0;
	padding: 0;
}

#ourAddress, #phoneFaxEmail{
	margin: 0;
	padding: 0;
}

#ourAddress p, #phoneFaxEmail p{

	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	color: #000;
	margin-bottom:10px;
}

#ourAddress img, #phoneFaxEmail img{
	margin-top:15px;
	margin-bottom:10px;
}

#phoneFaxEmail a{
	text-decoration: none;
	font-weight: bold;
	color: #D00000;
}

#phoneFaxEmail a:hover{
	border-bottom:1px dotted #D00000;

}

/* ----------------------------- More info -----------------------------  */

#moreinfo{
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
}

#moreinfo img{
	margin-top:0px;
	margin-bottom:8px;
}

#moreinfo h1{
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #A42600;
	margin-top: 0;
	margin-bottom: 8px;	
}

#moreinfo h1 a, p a{
	text-decoration:none;
	color: #A42600;
}

#moreinfo h1 a:hover, p a:hover{
	border-bottom:1px dotted #A42600;
}

#moreinfo p a{
	font-weight:bold;
}


#moreinfo p{
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #000;
	margin-top: 0;
	margin-bottom: 5px;
}

#moreinfo h2{
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #000;
	margin-top: 15px;
	margin-bottom: 15px;	
}

#moreinfo h2 a{
	text-decoration:none;
	color: #FE003C;
}

#moreinfo h2 a:hover{
	border-bottom:1px dotted #FE003C;
}

/* ----------------------------- MAC IE5.x bug fix -----------------------------  */

#macMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 9px;
	font-weight: bold;
}

#macMenu a{
	text-decoration: none;
	color: #000000;
		
}

#macMenu a:hover{
	color: #061A5F;
	border-bottom:1px dotted #061A5F;		
}



	.formcontent{
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		font-style: normal;
		font-weight: normal;
		}

	.formbold{
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px;
		color: #ffffff;
		font-style: normal;
		font-weight: bold;
		}

	.bannertext {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		font-style: normal;
		font-weight: none;
		}

	.formbuttoncontent{
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		font-style: normal;
		font-weight: normal;
		}