@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Layout markup by J Hogue and original concept design by J Hogue at Highchair designhaus 


XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/

html, body, table, img, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: "Lucida Grande", LucidaGrande, Trebuchet, "Trebuchet MS", TrebuchetMS, Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	background: top left repeat-x url("../cssimages/body_back.jpg") #54547c;
	color: #000;
	text-align: left; 
	font-size: 10px; 
	line-height: 14px; 
}
td { font-size: 10px; }
img, img a, a img { border: none; }
a { color: #000; text-decoration: underline; }
a:hover { color: #669; text-decoration: none; }


/* /// --- Splash page --- */
#splashwrap { 
	width: 50.8em; 
	min-width: 508px; 
	margin: 2em auto; 
}
	#splashwrap a { 
		display: block;
		width: 48.8em;
		min-width: 488px; 
		height: 60em;
		min-height: 600px; 
		background-color: #fff;
		padding: 1em;
	}
	#splashwrap a:hover { background-color: #fc3; }

/* /// --- Every other page --- */
#everyoneneedsawrapper {
	width: 90.4em; 
	min-width: 904px;
	margin: 1em auto;
}
#littlebuttons {
	padding: .5em 0; 
	text-align: right; 
}
	#littlebuttons a { padding: 0 0 0 .6em; }
	#littlebuttons img { width: 11.2em; min-width: 112px; }
	#littlebuttons img#snuggles { width: 53em; min-width: 530px; }
#container { 
	background-color: #fff; 
	color: #000;
	border-width: 2px;
	border-style: solid;
	border-color: #ccc;
}
#navwrap { 
	height: 22em;
	min-height: 220px; 
}
	#navleft { 
		float: left; 
		width: 30em;
		min-width: 300px;
	}
		#navleft p { 
			color: #336;
			font: normal 1.8em Impact, ArialBlack, "Arial Black", HelveticaBold, sans-serif; 
			padding: .5em 0;
			text-align: center; 
		}
		#navleft a { color: #336; text-decoration: none; }
		#navleft a:hover { color: #c00; }
	#navright {
		float: left;
		width: 60em; 
		min-width: 600px;
	}
		#navright img { width: 60em; min-width: 600px; }
	#navnav {
		height: 3em; 
		min-height: 30px;
		background: top left no-repeat url("../cssimages/nav_back.jpg") #fff;
		color: #fc3;
		padding: 1.2em .8em .8em .8em;
		text-align: left; 
		/* border: 1px solid #c00; temp */ 
	}
		#navnav a { 
			background-color: transparent; 
			color: #fc3;
			font-size: 1.1em;
			font-weight: bold; 
			text-transform: uppercase;
			text-decoration: none; 
			letter-spacing: 1px; 
			padding: .4em .3em .3em .3em; 
			margin: 0 .3em 0 0;
		} 
		#navnav a.first { background-color: #767696; }
		#navnav a.first:hover { background-color: #fff; color: #54547c; }
		#navnav a:hover { background-color: #fc3; color: #000; }
		
#contentwrap {
	background: bottom left no-repeat url("") #fff;
	/* border: 1px solid #c00; temp */
}
	#contentleft {
		float: left;
		width: 27em; 
		min-width: 270px; 
		margin: 0 0 0 1.5em;
	}
		.videojumpwrap {
			background: top center no-repeat url("../cssimages/videojump_back.jpg") #fff; 
			padding: 1em;
		}
			#contentleft h2 {
				color: #900;
				padding: 0 0 .8em 0; 
				font: normal 1.4em/1.8em Arial, Helvetica, sans-serif;
				text-align: center; 
			}
			.videojumpwrap .videojump { padding: 0 0 2em 0; text-align: center; }
			.videojumpwrap .videojump img { width: 20em; min-width: 200px; }
			.videojumpwrap .videojump h3 { font-weight: bold; font-size: 1.2em; padding: .5em 0; }
			.videojumpwrap .videojump p, #maillist p { text-align: left; font-size: 1.1em; }
		#maillist {
			background: top center no-repeat url("../cssimages/maillist_back.jpg") #fff; 
			padding: 1em;
		}
		#maillist form { font-size: 1.2em; }
		#maillist form input[type="text"] { width: 16em; min-width: 160px; padding: 1px; }
		#maillist form input[type="submit"] { padding: 1px; }
		#maillist p { color: #666; padding: .5em 0 0 0; }
	#contentright {
		padding: 0 0 10em 0;
		margin: 0 1.5em 0 30.5em;
		/* border: 1px solid #0c0; temp */ 
	}
		#contentright h1 { 
			color: #c00; 
			font-size: 2em;
			line-height: 1.6em; 
			padding: 1em 0 .5em 0;  
		}
		#contentright h2 { 
			color: #000; 
			font-size: 1.6em;
			line-height: 1.4em; 
			padding: .2em 0 .8em 0;  
		}
		#contentright h3 { 
			color: #767696; 
			font-size: 1.4em;
			line-height: 1.3em; 
			padding: .3em;  
		}
		#contentright p { 
			font-size: 1.3em; 
			line-height: 2em; 
			padding: 0 2em 1em 0; 
		}
		#contentright address { font-style: italic; }
		#contentright pre { font-family: Courier, CourierNew, "Courier New", monospace; }
			#contentright p.coupon { margin: 0 2em 1em 0; padding: .5em; border: 1px dotted #c00; }
			#contentright p.coupon span.red { padding-left: 1em; }
			/* #contentright #history p:first-letter { color: #669; font-weight: bold; font-size: 1.8em; } */
			#contentright b, #contentright strong { font: bold 1.2em "Times New Roman", Times, serif; }
			#contentright span.red { color: #c00; }
			#contentright span.caps { 
				display: inline; 
				font: normal 1.2em "Times New Roman", Times, serif; 
				text-transform: uppercase; 
				color: #767696; 
			}
			#contentright img.right {
				border: 2px solid #fc3;
				float: right;
				margin: 0 0 .5em 1em;
			}
			#contentright img.left {
				border: 2px solid #fc3;
				float: left;
				margin: 0 1em .5em 0;
			}
		a#dvd {
			float: right; 
			overflow: visible; 
			width: 30em; 
			margin: 0 -1em -1em -2em; 
		}
		a#dvdannounce {
			float: right; 
			overflow: visible; 
			margin: 1em -1em 1em 1em; 
		}
			img#dvdstore { 
				float: left; 
				overflow: visible; 
				width: 15em; 
				margin: -2em 1em -1em -2em;
			}
		div.divide { height: 1px; margin: 2em 0 0 0; border-top: 1px solid #c00; }
		.displayvideowrap {
			background: top left no-repeat url("../cssimages/displayvideowrap_back.jpg") #fff; 
			height: 17em; 
			min-height: 170px;
			padding: 1em; 
		}
		.displayyoutubewrap { text-align: center; }
			.displayvideowrap a { float: left; padding: 0 1em 0 0; }
			.displayvideowrap h3, .displayyoutubewrap h3 { color: #c00; font-weight: normal; font-size: 1.4em; padding: .5em 0; }
			.displayvideowrap p, .displayyoutubewrap p { font-weight: normal; font-size: 1.2em; line-height: 1.4em;  }
	
	table.EventCalendar { padding: .5em 0 1em 0; }
	table.EventCalendar th { 
		background-color: #669;
		color: #fff;
		font-size: .85em; 
		text-align: left; 
		text-transform: uppercase; 
		padding: .2em .4em 0 .4em; 
	}
	table.EventCalendar tr.even { background-color: #fc3; }
		table.EventCalendar tr.even td.where { background-color: #fd4; }
	table.EventCalendar tr.odd { background-color: #f93; }
		table.EventCalendar tr.odd td.where { background-color: #fa4; }
	table.EventCalendar td.when { padding: .5em .8em .4em .5em; font-weight: bold; }
	table.EventCalendar td.where { padding: .5em .2em .4em 1em; }

#photothumbs { min-height: 580px; }
	#photothumbs a { 
		display: block;
		float: left; 
		width: 10em;
		min-width: 100px;
		height: 8em;
		min-height: 80px;
		padding: 2px; 
		margin: 0 5px 5px 0; 
		background-color: #fc3; 
	}
	#photothumbs a:hover { background-color: #000; }
	#photothumbs a img { 
		width: 10em;
		min-width: 100px;
		height: 8em;
		min-height: 80px; 
	}
#gallery {
	min-height: 580px;
	text-align: center; 
}
	#gallery a { 
		background-color: #fc3;
		color: #333; 
		padding: .3em .5em;
		margin: 0 .3em;
		text-decoration: none;
	}
	#gallery a:hover { background-color: #767696; color: #fff; }
	#gallery #image {  }
	#gallery #caption {  }
	
form#contact input.widthcontrol { width: 30em; }
form#contact textarea { width: 30em; }
	#booking { 
		background-color: #fc3;
		color: #000;
		padding: .8em 0 .6em 0;
		font-size: 1.3em;
		letter-spacing: 1px; 
		text-align: center;
	}
		#booking a { color: #000; text-decoration: none; }
		#booking a:hover { color: #900; }
#footcredit {
	clear: both; 
	margin: 1em 0;
	color: #999;
	text-align: center;
}
	#footcredit a { color: #999; text-decoration: underline; }
	#footcredit a:hover { text-decoration: none; }
		
	/* Fixes the Firefox active links dotted line style  */
	:focus { -moz-outline-style: none; }