/* Teddy Geiger */
/* Events Section Stylesheet
----------------------------------------------------------------------------- */

	@import url("widget-comments.css");
	@import url("widget-members.css");
	@import url("widget-photos.css");
	@import url("widget-events.css");


/* Layout
--------------------------------------------------------------------------- */

	h2 strong {

	width: 93px;
	height: 43px;
	background: url(../images/section-events/h2-tour.gif) no-repeat;
	
	}
	
	div#columns {
	
	float: left;
	background: url(../images/section-events/bg-columns.gif) repeat-y;
		
	}


/* Live Photos
--------------------------------------------------------------------------- */

	#photos {
	
	border-top: 3px solid #fff;
	background: #e2e2e2;
	border-bottom: 0;
		
	}

	#photos h3 {
		
	height: 22px;
	width: 74px;
	background: url(../images/section-events/h3-livepics.gif);
		
	}
	
	#photos ul.actions {
		
	margin: 20px 0 0 20px;
		
	}
	
	
/* Events
--------------------------------------------------------------------------- */

	#events {
	
	float: left;
	padding-bottom: 20px;		
	background: #c35529;
		
	}

	#events h3 {

	width: 188px;
	height: 28px;
	margin: 0 0 15px 10px;
	background: url(../images/section-events/h3-upcomingevents.gif) no-repeat;
	text-indent: -5000px;

	}
	
	#events td.rsvp, 
	#events td.comments {
		
	display: none;
		
	}
	
	#events tr {
		
	background: #cf7421;
		
	}
	
	#events tr.alt {
		
	background: none;
		
	}
	
	
	
/* Past Events
--------------------------------------------------------------------------- */

	#past-events {
	
	float: left;	
	padding-bottom: 20px;
	background: #aba000;
	border-top: 3px solid #fff;
		
	}
	
	#past-events h3 {

	width: 145px;
	height: 24px;
	margin: 0 0 15px 10px;
	background: url(../images/section-events/h3-pastevents.gif) no-repeat;
	text-indent: -5000px;

	}

	#past-events td.rsvp, 
	#past-events td.comments {
		
	display: none;
		
	}
	
	
/* Event
--------------------------------------------------------------------------- */

	#event {
	
	float: left;
	width: 562px;
	background: #aba000;
		
	}
	
	#event h3 {

	width: 95px;
	height: 24px;
	margin: 0 0 15px 20px;
	background: url(../images/section-events/h3-eventinfo.gif) no-repeat;
	text-indent: -5000px;

	}
	
	#event h4 {
		
	clear: left;
	margin: 0 0 5px 20px;
	font: normal 14px/16px Arial, sans-serif;
		
	}
	
	#event dl {
	
	clear: left;
	float: left;
	width: 562px;
	background: url(../images/widgets/bg-dl-grn.gif);
	padding: 0;
	margin-bottom: 20px;
		
	}
	
	#event dl dt {
		
	padding-left: 20px;
	margin-top: 2px;
	margin-bottom: 0;
		
	}
	
	#event dl dd {
	
	margin-top: 2px;
	margin-bottom: 0;
		
	}
	
	
/* RSVP List
--------------------------------------------------------------------------- */

	#page-event #members {
	
	background: #e2e2e2;
	border-top: 3px solid #fff;
	border-bottom: 0;
		
	}
	
	#page-event #members h3 {
		
	width: 226px;
	height: 25px;
	margin: 0 0 15px 20px;
	background: url(../images/section-events/h3-tedheadsgoing.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	
/* RSVP Toggles
--------------------------------------------------------------------------- */

	#rsvp {
	
	float: left;
	width: 348px;
	background: #e2e2e2;
	padding: 20px;
	border-top: 3px solid #fff;
		
	}
	
	#rsvp h3 {
		
	width: 178px;
	height: 24px;
	margin: 0 0 15px 0;
	background: url(../images/section-events/h3-areyougonnago.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	#rsvp ul.toggle {
		
	float: left;
	width: 345px;
		
	}
	
	#rsvp ul.toggle li {
	
	float: left;
		
	}
	
	#rsvp ul.toggle a.toggle,
	#rsvp ul.toggle strong.toggle {
		
	display: block;
	float: left;
	clear: none;
	height: 18px;
	text-indent: -5000px;
	margin-top: 0;
	margin-right: 5px;
		
	}
	
	#rsvp ul.toggle a:hover,
	#rsvp ul.toggle strong {
		
	background-position: 0 -18px !important;
		
	}
	
	#rsvp ul.toggle .going {
	
	width: 76px;	
	background: url(../images/section-events/a-toggle-going.gif) no-repeat;
		
	}
	
	#rsvp ul.toggle .maybe {
	
	width: 88px;	
	background: url(../images/section-events/a-toggle-mightgo.gif) no-repeat;
		
	}
	
	#rsvp ul.toggle .notgoing {
	
	margin-right: 0 !important;
	width: 103px;	
	background: url(../images/section-events/a-toggle-notgoing.gif) no-repeat;
		
	}