div#agenda { width: 512px; margin: 0px auto; border: 4px solid #fff; padding-top: 20px; background: #e4e9ec url(../../../images/bg_gradient.gif) repeat-x; }

	div#agenda div.event { float: left; position: relative; left: 0px; top: 0px; width: 225px; height: 225px; margin: 0px 0px 20px 20px; background: #ccc; overflow: hidden; }
		div#agenda div.info { display: none; height: 219px; border: 3px solid #f05a5b; background: #fff; }
			div#agenda div.info div.name { margin: 12px 12px 0px; font-size: 18px; text-transform: uppercase; }
			div#agenda div.info div.desc { margin: 0px 12px; font-size: 12px; }
				div#agenda div.info div.desc p { margin: 0px; }
			div#agenda div.info div.date { margin: 12px; color: #f05a5b; text-transform: uppercase; }
			div#agenda div.info div.prices { margin: 0px 12px; }
			div#agenda div.info div.phone { margin: 12px 12px; }
		
		div#agenda div.event div.front { height: 100%; }
			div#agenda div.event div.front div.image { height: 100%; font-size: 0px; line-height: 0px; background-position: top center; }
				div#agenda div.event div.front div.image img { height: 100%; position: relative; left: -50px; top: 0px; }
			div#agenda div.event div.front div.name { position: absolute; left: 15px; top: 50%; font-size: 14px;  text-transform: uppercase; }
				div#agenda div.event div.front div.name strong,
				div#agenda div.event div.front div.name span { padding: 0px 2px; background-color: #fff; }
				
	div#agenda div.internal { margin: 0px 20px 20px; }
		div#agenda div.internal div.name { font-size: 16px; font-weight: bold; text-transform: uppercase; }
		div#agenda div.internal div.date { font-size: 12px; text-transform: uppercase; }
		div#agenda div.internal div.location { font-size: 12px; text-transform: uppercase; }
		div#agenda div.internal div.text { margin: 1em 0px; }
		div#agenda div.internal div.back { margin-top: 1em; text-align: right; font-size: 10px; }