/*
----------------------------------------------------------------------------------------
*    events.css
*   
*    Style sheet for events.php and recent_events.php
*   
*    (c) 2009 Audio Gem Music Ltd
----------------------------------------------------------------------------------------
*/

			
/* Applied to <td> in events.php.  Contains details of an event */			
.event_panel	
					{
					/* Must add up to 369 */
					width: 339px;
					height: 349px;
					min-width: 339px;
					min-height: 339px;
					max-width: 339px;
					max-height: 339px;
					padding-left: 15px;
					padding-right: 15px;
					padding-bottom: 5px;
					padding-top: 10px;
					background-color: #222222;
					background-repeat: no-repeat;
					background-image: url('/images/panel_shade_top.jpg');
					background-position: top left;
					vertical-align: top;
					text-align: left;
					border: none;
					}

/* Used when there is an odd number of events to fill the empty panel on the bottom right with a graphic */	
#event_panel_empty_1,
#event_panel_empty_2
					{
					background-color: transparent;
					background-position: top left;
					background-repeat: no-repeat;
					padding: 0px;
					width: 369px;
					width: 369px;
					}
					
#event_panel_empty_1
					{
					background-image: url('/images/panel_backgrounds/guitar_yellow_transparent.png');
					}
					
#event_panel_empty_2
					{	
					background-image: url('/images/panel_backgrounds/guitar_red_transparent.png');
					}


.highlight			{
					color: #ffed77;
					font-size: 14px;
					font-weight: bold;
					}


h1					{
					font-size: 30px;
					margin-top: 0px;
					margin-bottom: 20px;
					}


h2					{
					margin-top: 0px;
					margin-bottom: 20px;
					font-size: 20px;
					}
					
p					{
					font-size: 12px;
					margin-top: 8px;
					margin-bottom: 8px;
					}

/* table to create a 2-column layout to accommodate event text and image.  Width must match that in .panel */
.events_text_table
					{
					width: 339px;
					}

/* table cell for above table */
.events_text_table_td
					{
					vertical-align: bottom;
					height: 220px;
					}