/* ------------------- PAGE LAYOUT CLASSES ------------------- */
/*
	This section defines how the page itself behaves. It defines
	the body, the main container, and the content container.
*/
/* ----------------------------------------------------------- */

	body
	{
		background: black;
		padding: 0px;
		margin: 0px;
		color: white;
		font-family: arial;
		font-size: 10pt;
		min-height: 100%;
		height: auto !important;
		height: 100%;
	}

	* html, html
	{
	}

	.main
	{
		width: 1024px;
		margin: 0px auto;
		background: url('eveninggradient.jpg') top center repeat-x fixed;
		position: relative;
		min-height: 100%;
		height: auto !important;
		height: 100%;
	}

	.content
	{
		margin: 0px auto;
		margin-top: 75px;
		text-align: center;
		width: 800px;
		
		min-height: 450px;
		height: auto !important;
		height: 450px;
	}
	
	a
	{
		color: #A0A088;
		text-decoration: none
	}
	
	a:hover
	{
		color: #C0C0AA;
	}

/* ------------------- MENU CLASSES ------------------- */
/*
	This section defines the menu classes and the logo
	class.
	
	Notes: These are currently deactivated. The hover
	classes are commented out, starlink has the cursor
	pointer commented out, and in the PHP files,
	the href attributes are commented out.
*/
/* ---------------------------------------------------- */

	.starlink
	{
		height: 55px;
		width: 80px;
		text-align: center;
		/*cursor: pointer;*/
	}

	.newsStar
	{
		position: absolute;
		left: 90px;
		top: 65px;
		width: 100px;
		background: url('star1_blur.gif') top left no-repeat;
	}

	/*.newsStar:hover {background: url('star1_sharp.gif') top left no-repeat}*/
	
	.showsStar
	{
		position: absolute;
		left: 290px;
		top: 175px;
		background: url('star2_blur.gif') top left no-repeat;
	}

	/*.showsStar:hover {background: url('star2_sharp.gif') top left no-repeat}*/
	
	.picsStar
	{
		position: absolute;
		left: 680px;
		top: 150px;
		background: url('star3_blur.gif') top left no-repeat;
	}

	/*.picsStar:hover {background: url('star3_sharp.gif') top left no-repeat}*/
	
	.vidsStar
	{
		position: absolute;
		left: 850px;
		top: 40px;
		background: url('star4_blur.gif') top left no-repeat;
	}

	/*.vidsStar:hover {background: url('star4_sharp.gif') top left no-repeat}*/
	
	.storeStar
	{
		position: absolute;
		left: 930px;
		top: 170px;
		background: url('star5_blur.gif') top left no-repeat;
	}

	/*.storeStar:hover {background: url('star5_sharp.gif') top left no-repeat}*/
	
	.storeStar span, .vidsStar span, .showsStar span, .picsStar span, .newsStar span
	{
		visibility: hidden;
	}
	
	/*
	.storeStar:hover span, .vidsStar:hover span, .showsStar:hover span, .picsStar:hover span, .newsStar:hover span
	{
		visibility: visible;
		font-family: verdana;
		font-size: 16pt;
		color: #624915;
		line-height: 60px;
		vertical-align: middle;				
	}
	*/
	
	.faintstar
	{
		position: absolute;
		top: 25px;
		left: 150px;
		width: 31px;
		height: 30px;
	}
	
	.cloudleft
	{
		position: absolute;
		left: 75px;
		top: 120px;
		width: 198px;
		height: 74px;
	}
	
	.cloudright
	{
		position: absolute;
		left: 870px;
		top: 70px;
		width: 113px;
		height: 44px;
	}
	
	.logo
	{
		margin: 0px auto;
		/*margin-bottom: 20px;*/
		width: 438px;
		height: 78px;
		padding-top: 75px;
	}
	
	.strong
	{
		font-weight: bold;
	}

/* ---------------- NEW MENU CLASSES ------------------ */
/*
	This section defines the new menu classes.
*/
/* ---------------------------------------------------- */	

	ul.newmenu
	{
		background: url('newmenu.gif') top left;
		width: 300px;
		height: 31px;
		list-style: none;
		margin: 0px auto;
		padding: 0px;
		
		/*
		position: absolute;
		left: 360px;
		top:150px;
		*/
		
	}
	
	ul.newmenu li
	{
		height: 100%;
		float: left;
	}
	
	li.beeHolder {width: 60px;}
	li.showsHolder {width: 73px;}
	li.picsHolder {width: 53px;}
	li.vidsHolder {width: 52px;}
	li.storeHolder {width: 62px;}
	
	a.menuLink
	{
		width: 100%;
		height: 100%;
		float: left;
	}
	
	a.bee:hover
	{
		cursor: pointer;
		background: url('newmenu.gif') left bottom;
	}
	
	a.shows:hover
	{
		cursor: pointer;
		background: url('newmenu.gif') -60px 31px;
	}
	
	a.pics:hover
	{
		cursor: pointer;
		background: url('newmenu.gif') -133px 31px;
	}
	
	a.vids:hover
	{
		cursor: pointer;
		background: url('newmenu.gif') -186px 31px;
	}
	
	a.store:hover
	{
		cursor: pointer;
		background: url('newmenu.gif') -238px 31px;
	}

/* ----------------- BOX CLASSES ----------------- */
/*
	This section contains class definitions for the
	box class and its subclasses. Box height extends
	with content by default, and width is set in
	an inline style statement.
*/
/* ----------------------------------------------- */
			
	.box span
	{
		display: block;
		font-family: verdana;
		font-size: 10pt;
		text-align: left;
	}
	
	.box
	{
		width: 300px;
		float: left;
		margin-bottom: 20px;
		
		clear: right;
	}
			
/* ----------------- Top Box ----------------- */
	
	.boxTopLeft
	{
		background: url('corner_left.gif') top left no-repeat;
		height: 27px;
		padding-left: 20px;
	}
	
	.boxTopRight
	{
		background: url('corner_right.gif') top right no-repeat;
		height: 27px;
		padding-right: 20px;
	}
	
	.boxTopMid
	{
		background: black;
		height: 27px;
		border-top: 2px solid #181818;
	}
			
/* ----------------- Bottom Box ----------------- */
			
	.boxBottomLeft
	{
		background: url('corner_left_bottom.gif') bottom left no-repeat;
		height: 21px;
		padding-left: 20px;
	}
	
	.boxBottomRight
	{
		background: url('corner_right_bottom.gif') bottom right no-repeat;
		height: 21px;
		padding-right: 20px;
	}
	
	.boxBottomMid
	{
		background: #100E0C;
		height: 20px;
		border-bottom: 1px solid #21201E;
	}
	
/* ----------------- Mid Box ----------------- */
			
	.boxMidLeft
	{
		background: url('stripelefttest.gif') top left repeat-y;
	}
	
	.boxMidLeftBottom
	{
		background: url('gradient_left.gif') top left no-repeat;
		height: 100%;
		padding-left: 20px;
	}
	
	.boxMidRight
	{
		background: url('striperighttest.gif') top right repeat-y;		
	}
	
	.boxMidRightBottom
	{
		background: url('gradient_right.gif') top right no-repeat;
		padding-right: 20px;
	}
	
	.boxMidMid
	{
		background: black url('content_box_bg_repeattest.gif') top left repeat;
	}
	
	.boxMidMid_inner
	{
		background: url('content_box_bg.gif') top left repeat-x;
		height: auto !important;
		height: 305px;
		min-height: 305px;
	}
	
	.boxMidMid_big
	{
		background: black url('content_box_bg_big_repeattest.gif') top left repeat;
	}
	
	.boxMidMid_big_inner
	{
		background: url('content_box_bg_big.gif') top left repeat-x;
		height: auto !important;
		height: 305px;
		min-height: 305px;
	}
	
	.boxMidMid_big span
	{
		display: inline;
		font-size: 8pt;
	}
	
	/* This class breaks the float of the boxes and allows .content to stretch */
	.clear
	{
		clear: both;
	}
	
	.boxLabel
	{
		height: 27px;
		margin: 4px auto;
	}
	
	.boxLabel *
	{
		vertical-align: middle;
	}
			
/* ----------------- PIC NAVIGATION ----------------- */
/*
	This section contains classes that define the content
	of the three .box elements.
*/
/* -------------------------------------------------- */

	.pictureHolder
	{
		background: url('picborder.jpg') top left repeat-y;
		margin: 0px auto;
		width: 450px;
		padding: 15px;
		text-align: center;
	}
	
	.pictureNav
	{
		width: 480px;
		margin: 0px auto;
	}
	
	#picBox a:hover
	{
		border: 1px solid white;
	}
	
	#picBox a
	{
		width: 100px;
		height: 100px;
		cursor: hand;
		border: 1px solid #222222;
		
		display: block;
	}
	
	.picHolder
	{
		cursor: hand;
		float: left;
		padding: 10px 12px 10px 12px;
	}
	
	.previous
	{
		float: left;
		color: #777777;
		font-weight: bold;
		font-size: 12pt;
	}
	
	.next
	{
		float: right;
		color: #777777;
		font-weight: bold;
		font-size: 12pt;
	}
	
	.next:hover, .previous:hover
	{
		color: white;
	}
	
	.next:active, .previous:active
	{
		color: red;
	}
	
	.caption
	{
		padding: 10px;				
	}
	
	.category
	{
		border-bottom: 1px dotted #555555;
		width: 175px;
		margin: 0px auto;
		padding: 5px;
		text-align: left;
	}

	.category img
	{
		border: 1px solid #222222;
		width: 50px;
		height: 40px;
		vertical-align: middle;
	}
	
	.category a
	{
		text-decoration: none;
		color: gray;
		font-size: 10pt;
		font-weight: bold;
		display: block;
	}
	
	.category a:hover
	{
		color: white;
	}
	
	.category a:hover img
	{
		border: 1px solid white;
	}

/* ----------------- SHOW NAVIGATION ----------------- */
/*
	This section defines the content of the two .box
	elements in the Shows page. These classes are
	exclusive to the Shows page.
*/
/* --------------------------------------------------- */

	.showBox
	{
		height: 54px;
		padding-left: 12px;
	}
	
	.showBox_outer
	{
		height: 100%;
		padding-right: 12px;
	}
	
	.showBox_inner
	{
		height: 100%;
		padding-left: 10px;
		padding-top: 8px;
	}
	
	a.showLink:link, a.showLink:active, a.showLink:visited
	{
		display: block;
		padding-top: 5px;
		cursor: pointer;
		
		color: white;
		text-decoration: none;
	}
	
	a.showLink:hover
	{
		border: 1px none black;
	}
	
	a.showLink:hover .showBox
	{
		background: url('selected_show_left.gif') top left no-repeat;
	}
	
	a.showLink:hover .showBox_outer
	{
		background: url('selected_show_right.gif') top right no-repeat;
	}
	
	a.showLink:hover .showBox_inner
	{
		background: url('selected_show_bg.gif') top left repeat-x;
	}
	
	#directionsLink
	{
		color: #9E611D;
	}
	
	#directionsLink:hover
	{
		color: #CACA88;
	}

/* --------------- VIDEO NAVIGATION --------------- */
/*
	This section defines the classes of the content
	contained in the two .box elements on the Videos
	page. These classes are exlusive to the Videos
	page.
*/
/* ------------------------------------------------ */
			
	.vidHolder
	{
		float: left;
		padding: 10px 10px 10px 10px;
	}
	
	#vidBox a:hover
	{
		border: 1px solid white;
	}
	
	#vidBox a
	{
		width: 130px;
		height: 97px;
		cursor: hand;
		border: 1px solid #222222;
		
		display: block;
	}
	
	.vidTitle
	{
		width: 480px;
		margin: 0px auto 5px auto;
		text-align: left;
		font-size: 12pt;
		font-family: arial;
		font-weight: bold;
	}
	
	.smallVidTitle
	{
		width: 130px;
		height: 20px;
		padding-top: 2px;
		overflow: hidden;
		text-align: Left;
		font-weight: bold;
		white-space: nowrap;
	}
	
/* --------------- NEWS CLASSES ------------------- */
/*
	This section defines the classes of the news
	section.
*/
/* ------------------------------------------------ */
			
	.news
	{
		margin: 0px auto;
		width: 500px;
		text-align: left;
	}
		
	.newsarticle
	{
		font-family: arial;
		font-size: 8pt;
		color: #606044;
		
		padding: 10px;
	}
	
	.newstitle
	{
		font-family: impact;
		font-size: 11pt;
		color: #CC6633;
		
		margin-bottom: 3px;
	}