@charset "utf-8";
/* CSS Document */





/* ------------- Specific Styles for Eventide Arts Upcoming Events page---------------- */
body{padding: 2px; background: url(images/bg1.gif) repeat-x fixed 0 0;
    font:85%/1.45 "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0 10px;letter-spacing: -1px;font-weight:100;color: #fff}
h1{font-size: 180%; text-align:center;}
h2{font-size: 130%; text-align:left;}
h3{font-size: 110%; text-align: center}
h4{font-size: 100%; text-align: left; font-style:italic}
h5{font-size: 100%; text-align:left; font-weight:bold;}
h6{font-size: 80%; text-align:left;}

h2 a {color:#000;}
h2 a:hover {color:#000;}

p{margin:0; padding: 0 10px 1em; color:#fff;}
li{ color:#FFFFFF}
.more {text-align:right; font-size:90%;}
.buy {text-align:center; font-size:90%;}
.more a{
font-weight:400;
font-size:100%;
color:#fff;
text-decoration:none;
}
.more a:hover {
color:#0000FF;
text-decoration:none;
}

.boxtop{	
		/*make this the same size as the top image*/	
		display:block;	
		width:1024px;	
		height:150px;	
		/*set the image as a background*/	
		background-position:left top;	
		background-repeat:no-repeat;	
		background-image:url(images/eventide_container_top1.png);
		z-index:-100;	
		padding-top: 5px;
	}	
	
	.boxbottom{	
		/*make this the same width as the bottom image*/	
		/*don’t set the height as this needs to be flexible*/	
		display:block;	
		width:1024px;	
		/*set the image as a background*/	
		background-position:left bottom;	
		background-repeat:no-repeat;	
		background-image:url(images/eventide_container_bottom.png);
		z-index:-100;
		margin-top:-20px;
		#margin-top:-5px;
	}	
	
#comingEventsWrapper {width:750px; margin: -320px 0 0 200px; padding:0 0 0 0; top:200px; }		
		 
/* -------------- Upcoming Events page -----------  */




div#UpcomingPage{
-moz-border-radius:15px; 
-webkit-border-radius:15px;
background: #961707; 
border:7px double #FFFFFF;
padding:10px 5px 5px 10px; 
}



#nav {
position:relative;
margin:15px 0 0 20px;
width:200px;
height: 300px;
right:30px;
z-index:-50px;
}


#nav li {
background:url(images/navbutton2.png) no-repeat center;
text-align:center;
padding-top:6px;
display:block;
font-size:12px;
font-weight:bold;
list-style-type:none;
color:#fff;
height:35px;
}



#nav a { color:#FFFFFF; text-decoration:none;}
#nav a:hover { color:#CC0000; text-decoration:none;}


div#boxoffice{
-moz-border-radius:15px; 
-webkit-border-radius:15px;
background:#961707;
float:right; 
margin-right:15px; 
text-align:center; 
width:150px; 
border:7px double #FFFFFF;
padding:10px 5px 5px 10px;}		 
		    
#header {
background:url(images/header.jpg) top no-repeat;
width:788px;
height:125px;
margin: 5px 0 0 45px;
z-index:-30;}

#bluebar{ background:url(images/bluebar1.png) repeat-x top;
width:971.5px;
height:24px;
margin: 0 0 0 25px;
z-index:100;}
/**/

.clear {
clear:both;}

.featureImg {position:relative;
float:left;
}