body{background:#000; margin:0; padding:0; font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; color:#000; position:relative;}
a img{border:0;}

#menu{z-index: 999; margin:0 auto 0; width:750px; padding:5px 0 0 40px; height:20px;}
#menu a, #bottomMenu span{display:block; float:left; padding:5px 10px; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; color:#666; text-decoration:none;}
#menu a:hover{background-color:#fff; color:#fff; margin:-1px 0; color:#000;}
#menu span{}
.bottomMenuExternal{background-image:url(/slide/images/external-link-arrow.gif); background-repeat:no-repeat; background-position:5px 5px; padding-left:15px !important;}


#calendarMain{background:url(/calendar/images/calendar-page.jpg) no-repeat top; width:770px; margin:0 auto; height:602px; position:relative;}
#eventCalendar{position:absolute; top:150px; left:396px; width:330px;}
#eventCalendar table{background:#f6f6f6; border:1px solid #ccc; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#eventCalendar table td{background:#fff; border:1px solid #eee;}
#eventCalendar table a{text-decoration:none;}
#eventCalendar caption{font-weight:bold; padding:3px; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif;}
#eventCalendar caption a{color:#000;}
#eventCalendar td.ec3_postday{font-weight:bold; color:#cc0000;}


#eventList{position:absolute; width:350px; left:390px; top:150px; padding:0; }
#GigsCalendarTitle{background:url(/calendar/images/do-not-miss.gif) no-repeat top left; height:30px; margin:0; padding:0;}
#GigsCalendarTitle span{display:none;}

.ec3_list ec3_list_day{font-size:15px; font-weight:bold;}
.ec3_list ec3_list_day ul{padding:5px;}


/* long version */
#calendarLong{background:#fff url(/calendar/images/calendar-long-header.jpg) no-repeat top; width:750px; padding:0; margin:0 auto;  position:relative;}
#calendarLongFooter{background:url(/calendar/images/calendar-long-footer.jpg) no-repeat bottom; margin:0 0 50px 0; padding:0; width:750px; position:relative;}
#calendarLongContent{ position:relative; min-height:350px; margin:0; padding:130px 20px 50px;}
* html #calendarLongContent{height:350px;}

#calendarLongContent h2{font-size:25px; color:#333; border-bottom:1px solid #880000; padding:5px 5px 5px 0; margin:5px 0 10px; font-weight:normal; position:relative; z-index:50;}
#calendarLongContent h2 a{color:#333; text-decoration:none;}
#calendarLongContent h2 a:hover{color:#000;}
#backToCalendar{position:absolute; bottom:5px; right:0; font-size:15px; color:#555; text-decoration:none; z-index:100;}
#backToCalendar:hover{color:#000;}

/* here we hack the gig calendar */

/* gig row 
.upcoming {font-size:13px; margin:5px 0; position:relative; clear:both; width:100% !important; border:1px solid #999;}
.upcoming  a{color:#000; font-weight:bold;}
.upcoming .eventName, .upcoming .venue, .upcoming .city, .upcoming .date{width:23%; padding:3px; text-align:left; float:left;}
.upcoming .venue, .upcoming .city{text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.upcoming .venue, .upcoming .date{ border-left:1px solid #ddd; border-right:1px solid #ddd;}
.upcoming .date{text-align:right;}
.upcoming .clearMe{clear:both; height:1px;}
*/

.upcoming { margin:10px 0; position:relative; clear:both; width:100% !important;}
.upcoming .eventName a{font-size:20px; display:block; background:#fff; font-weight:bold; text-decoration:none; position:relative; color:#000; border:1px solid #999; padding:5px 35% 5px 5px; letter-spacing:-1px;}
.upcoming .eventName a:hover{background:#f9f9f9; color:#cc0000; border:1px solid #444;}
.upcoming .venue{width:35%; padding:3px; font-size:13px; position:absolute; top:14px; right:3px; text-align:right;}
.upcoming .city{width:35%; padding:3px; font-size:12px; position:absolute; top:15px; right:40px; text-align:right; color:#666; display:none;}
.upcoming .date{position:absolute; top:-3px; right:-3px; border:1px solid #000; background:#444; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:2px;}


/* the page itself */
#details{margin:-20px 0 0 0; padding:0;}
#details a{color:#000;}
#details a:hover{color:#ff0000;}
#details .event, #details .when, #details .where, #details .other{clear:both; margin:20px 0 0 10px; position:relative; border-left:1px solid #ccc;} 
#details .headerFuns{font-size:20px; display:block; font-weight:bold; text-decoration:none; position:absolute; top:0; left:0; width:95%; color:#000; padding:7px 10px; letter-spacing:-1px; border-top:1px solid #ccc; clear:both; z-index:50;}


#details .event .eventName, #details .when .date, #details .where .venue, #details .notes, #details .performance{padding:8px 10px 0 150px; font-size:16px; line-height:160%; position:relative; z-index:100;} 
#details .event .eventName{font-size:25px; color:#550000; padding:0 0 0 150px;}