@charset "UTF-8";
/* CSS Document */


/* OBJECTS */

body
	{
	margin:0px;
	padding:0px;
	background-color:#222222;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#aeaeae;
	}

img
	{
	border:none;
	}

a
	{
	color:#09bbd0;
	text-decoration:none;
	}	
	
a:hover
	{
	text-decoration:underline;
	}

label
	{
	width:150px;
	float:left;
	text-align:right;
	margin-right:10px;
	display:block;
	}

input, select, textarea
	{
	color:#222;
	background:#c8c8c8;
	border:1px solid #000;
	}

.glsubmit input
	{
	color:#c8c8c8;
	background:#2f2f2f;
	border:2px outset #000;
	}

.gl
	{
	width:100px;
	} 


/* ELEMENTS */

#content-wrapper
	{
	position:relative;
	width:920px;
	margin:0px auto 0px auto;
	}

#top
	{
	height:95px;
	background-image:url(images/top.jpg);
	}

#left
	{
	float:left;
	width:90px;
	height:460px;
	background-image:url(images/left.jpg);
	}

#page
	{
	float:left;
	width:718px;
	}
	
	#logo-and-title
		{
		height:116px;
		}
	
	#left-wrapper
		{
		float:left;
		height:344px;
		background:url(images/left-extra.jpg) no-repeat;
		}
	
	#links
		{
		width:215px;
		height:216px;
		margin-left:45px;
		background:url(images/links.jpg) no-repeat;
		line-height:1px;
		}
	
	#links a
		{
		margin:0px;
		padding:0px;
		display:block;
		}
	
	#mailing-box
		{
		margin-left:7px;
		}
	
	/* BACKGROUND POS DRIVEN ROLLOVERS */
	
	#links #link-news a
		{
		background:url(images/link-news.jpg) no-repeat;
		}
	
	#links #link-news a:hover
		{
		background-position:0px 100px;
		}
	
	#links #link-calendar a
		{
		background:url(images/link-calendar.jpg) no-repeat;
		}
	
	#links #link-calendar a:hover
		{
		background-position:0px 100px;
		}
	
	#links #link-mixdownloads a
		{
		background:url(images/link-mix-downloads.jpg) no-repeat;
		}
	
	#links #link-mixdownloads a:hover
		{
		background-position:0px 100px;
		}
	
	#links #link-guestlist a
		{
		background:url(images/link-guest-list.jpg) no-repeat;
		}
	
	#links #link-guestlist a:hover
		{
		background-position:0px 100px;
		}
	
	#links #link-gallery a
		{
		background:url(images/link-gallery.jpg) no-repeat;
		}
	
	#links #link-gallery a:hover
		{
		background-position:0px 100px;
		}
	
	#links #link-links a
		{
		background:url(images/link-links.jpg) no-repeat;
		}
	
	#links #link-links a:hover
		{
		background-position:0px 100px;
		}
	
	#links #link-clubhistory a
		{
		background:url(images/link-jobs.jpg) no-repeat;
		}
	
	#links #link-clubhistory a:hover
		{
		background-position:0px 100px;
		}
	
	#links #link-contactus a
		{
		background:url(images/link-contact-us.jpg) no-repeat;
		}
	
	#links #link-contactus a:hover
		{
		background-position:0px 100px;
		}
	
	#content
		{
		float:left;
		width:421px;
		line-height:20px;
		overflow:hidden;
		}

#right
	{
	float:left;
	width:90px;
	height:460px;
	background:url(images/right.jpg) no-repeat;
	}

#footer
	{
	width:898px;
	height:338px;
	clear:both;
	}

#footer-left
	{
	float:left;
	width:350px;
	height:338px;
	background:url(images/footer-left.jpg) no-repeat;
	}

#footer-middle
	{
	float:left;
	width:421px;
	height:338px;
	background:url(images/footer-middle.jpg) no-repeat;
	}
	
	#mp-button-box
		{
		float:right;
		margin:40px 0px 15px 0px;
		}
	
	#footer-strap
		{
		clear:both;
		font-size:10px;
		color:#595959;
		}

#footer-right
	{
	float:left;
	width:127px;
	height:338px;
	background:url(images/footer-right.jpg) no-repeat;
	}

#event-logo
	{
	float:left;
	width:130px;
	text-align:center;
	}

#event-info
	{
	float:right;
	width:270px;
	}



/* CLASSES */

.clear
	{
	clear:both;
	line-height:1px;
	height:0px;
	}

.big-grey
	{
	font-size:16px;
	font-weight:bold;
	}

.med-blue
	{
	color:#09bbd0;
	font-size:14px;
	font-weight:bold;
	}

.submit input
	{
	margin-left:200px;
	}

.gallery-image
	{
	border:3px solid #c8c8c8;
	}

.gallery-box
	{
	background:url(images/gal-caption-bg.gif) repeat-x bottom;
	color:#222;
	font-weight:bold;
	margin-bottom:5px;
	}



/* Calendar */

#prev
	{
	float:left;
	width:33%;
	text-align:left;
	}

#monthyear
	{
	float:left;
	width:34%;
	text-align:center;
	}

#next
	{
	float:left;
	width:33%;
	text-align:right;
	}

#cal
	{
	overflow:visible;
	}

#cal a
	{
	color:#c8c8c8;
	}



#cal table
	{
	border-collapse:collapse;
	margin:25px 1px 1px 1px;
	}

#cal th
	{
	text-align:center;
	width:58px;
	}

#cal td
	{
	border:1px solid #7c7c7c;
	height:58px;
	vertical-align:top;
	}

#cal td a
	{
	text-decoration:none;
	color:#c8c8c8;
	display:block;
	}

.caldaynum
	{
	text-align:right;
	padding:0px 4px 0px 4px;
	}

.caleventlogo
	{
	text-align:center;
	height:38px;
	}

.caleventlogo a
	{
	height:38px;
	}

/* Event popup */

#event-content
	{
	width:421px;
	line-height:20px;
	margin:0 auto 0 auto;
	}

#infobox
	{
	text-align:center;
	}

#tlist_content
	{
	text-align:left;
	}

#flyerframe-outer
	{
	margin:0 auto 0 auto;
	line-height:1px;
	position:relative;
	background:url(images/frameborder-topleft.gif) no-repeat top left;
	overflow:hidden;
	}

#flyerframe-inner
	{
	line-height:1px;
	position:relative;
	background:url(images/frameborder-botright.gif) no-repeat bottom right;
	overflow:hidden;
	}

#framecorner-topright
	{
	right:0px;
	position:absolute;
	}

#framecorner-topleft
	{
	float:left;
	left:0px;
	position:absolute;
	}

#framecorner-botright
	{
	right:0px;
	position:absolute;
	bottom:0px;
	}

#framecorner-botleft
	{
	float:left;
	left:0px;
	position:absolute;
	bottom:0px;
	}

#flyer
	{
	padding:33px 33px 33px 33px;
	}

#glbox
	{
	text-align:left;
	}

/* Tracklist popup */

#tlist-content
	{
	width:400px;
	line-height:20px;
	margin:0 auto 0 auto;
	}

#tlist-title
	{
	float:left;
	text-align:right;
	width:190px;
	}

#tlist-sep
	{
	float:left;
	text-align:center;
	width:20px;
	}

#tlist-artist
	{
	float:left;
	text-align:left;
	width:190px;
	}

/* Media player */

#mp-wrapper
	{
	position:absolute;
	width:520px;
	background:url(images/mp-bg.jpg) no-repeat bottom right;
	}

#media-player
	{
	float:left;
	width:269px;
	margin-top:4px;
	}

#mp-infobox
	{
	float:right;
	width:247px;
	}

#mp-text
	{
	width:227px;
	float:right;
	margin-top:10px;
	line-height:16px;
	}
