@charset "UTF-8";
/* CSS Document for all browsers */

html, body, table, td, form, input, field, textarea, select { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, hr, ol, ul, dl, li { margin: 0; padding: 0; }
h2, h3, h4, h5, h6 { font: normal 10px/10px LucidaGrande, "Lucida Grande", Helvetica, Arial, sans-serif; } 
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: LucidaGrande, "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: normal; }

html { border-left: 6px solid #c99;  }
body {
	font-size: 62.5%; /* Sets the EM to a nice round number */
	line-height: 1.5; 
	background: top left repeat url("../cssimages/body_back.png") #322;
	color: #fff;
}

img a, img a:hover, a img, a:hover img { border: 0; border: none; }
a { text-decoration: none; }

#topexternallinks, #footer {
	width: 75em;
	min-width: 750px;
	text-align: right; 
	padding: 1em 0;
}
	#topexternallinks p {
		display: inline; 
		background-color: #322;
		color: #ccc; 
		font-size: 1.2em;
	}
	#topexternallinks a { color: #fff; }
	#topexternallinks a:hover { color: #c99; }
#footer p { font-size: 1.2em; }
	#footer a { background-color: #322; padding: 1px; margin: 0 0 0 .5em; color: #ccc; }
	#footer a:hover { background-color: #c99; color: #100; }

#everyoneneedsawrapper {
	background-color: #fff;
	color: #543;
	width: 76em;
	min-width: 760px;
}

#toproundedwrapper { height: 10px; }
#toproundedcorner { float: right; width: 10px; height: 10px; background: top right no-repeat url("../cssimages/topcorner.png") transparent; }

#mainnav {
	float: left;
	width: 19em; 
	min-width: 190px;
	/* border: 1px solid #0c0;  temp */ 
}
	#logo { margin: -2.9em 0 0 -.6em; }
		#logo a img { 
			width: 19em; 
			min-width: 190px; 
			height: 19em; 
			min-height: 190px; 
		}
	ul#mainlinks { 
		list-style-type: none; 
		padding: 1em 0 0 1em; 
	}
		ul#mainlinks li { 
			width: 148px; 
			padding: 0 0 .5em 0; 
		}
		ul#mainlinks li a { 
			display: block; 
			height: 20px; 
		}
			#mainnav a#Directions { background: top left no-repeat url("../cssimages/nav_directions.png") #fff; }
			#mainnav a#DailyMenu { background: top left no-repeat url("../cssimages/nav_daily.png") #fff; }
			#mainnav a#DrinkMenu { background: top left no-repeat url("../cssimages/nav_drinkmenu.png") #fff; }
			#mainnav a#IceMenu { background: top left no-repeat url("../cssimages/nav_icecream.png") #fff; }
			#mainnav a#Reviews { background: top left no-repeat url("../cssimages/nav_reviews.png") #fff; }
			#mainnav a#Contact { background: top left no-repeat url("../cssimages/nav_contact.png") #fff; }
			#mainnav a#Links { background: top left no-repeat url("../cssimages/nav_links.png") #fff; }
			#mainnav a#Directions:hover, #mainnav a#DrinkMenu:hover, #mainnav a#DailyMenu:hover, #mainnav a#IceMenu:hover, #mainnav a#Reviews:hover, #mainnav a#Contact:hover, #mainnav a#Links:hover { background-position: top right; }
	#mainnav p { 
		padding: 0 0 .6em .8em;
		font-size: 1.2em;
		line-height: 1.5em;
		color: #654; 
	}
	#mainnav p.first { padding-top: 2.4em; }
	#mainnav p a { color: #654; border-bottom: 1px dotted #c99; }
	#mainnav p a:hover { color: #011; border-bottom: 1px dotted #c99; }
#contentwrap {
	float: right;
	width: 54em;
	min-width: 540px; 
	margin: 0 1em 0 0;
	/* border: 1px solid #c00; temp */ 
}
	#contentwrap a { color: #654; border-bottom: 1px dotted #c99; }
	#contentwrap a:hover { color: #011; }
	#contentwrap h1 { 
		margin: .5em 0 0 0;
		padding: .3em;
		font: bold 1.5em "Times New Roman", Times, serif; 
	}
	#contentwrap h2 {
		padding: 1em 0 0 0;
		font-weight: normal; 
		font-size: 1.5em;
		line-height: 2em;
		color: #69c;
	}
	#contentwrap img#header { width: 54em; min-width: 540px; }
	#contentwrap div.spacer { clear: both; height: .4em; }
	#contentwrap p, #contentwrap li, table#drinks table.menu td, table#icecream table.menu td { 
		font-size: 1.2em; 
		line-height: 1.6em; 
	}
	#contentwrap p, table#drinks table.menu td, table#icecream table.menu td { 
		padding: .2em .4em .3em .4em; 
	}
		#contentwrap ul, #contentwrap ol { padding: .2em 0 .3em 1.2em; margin: 0 0 0 1em; }
	#contentwrap small { font-size: 1em; line-height: 2em; padding: 1em .5em; }
	
	table#drinks { border: none; }
		table#drinks th, table#drinks table.menu td {
			border-width: 0 1px 1px 0; 
			border-style: solid;
			border-color: #c99; 
		}
		table#drinks th {
			border-color: #fff; 
			background-color: #ec8; 
			color: #000; 
			padding: .5em .4em .4em .4em;
			font: bold 1em Helvetica, Arial, sans-serif; 
			text-transform: uppercase;
			text-align: left; 
		}
	
	#reviews img#ediblerhody {
		margin: 0 -1em -1em -3em;
		width: 32em;
		min-width: 320px;
		float: left;
	}
	#reviews img#eatshop {
		margin: -1em 0 0 -3em;
		width: 16em;
		min-width: 160px;
		float: left;
	}
		#reviews form input. #reviews form textarea { padding: 1px; }
		#reviews form input.widthcontrol { width: 36.5em; min-width: 360px; padding: 1px; }
	
	#gallerytease { }
		h1#gallerytease, #reviews h1 { 
			margin: 0;
			background: top left repeat url("../cssimages/diagonal_back_gray.png") #ccc; 
			color: #322;
		}
		#gallerytease h1 span, #reviews h1 span { text-transform: uppercase; font: normal .8em Helvetica, Arial, sans-serif; }
		#gallerytease img { width: 54em; min-width: 540px; }
		
		/* Lightbox styles needed for proper display */
		.gallery { display: block; }
		.thumb_photo { }
			a.thumb_photo { border: none; }
		.gallery_photo { display: none; } /* applied to the list of gallery images. We need to hide them for the jqueryLightbox */
		
	#hours {
		padding: .2em .5em .5em .5em; 
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #ecc; 
	}
		h1#hours { 
			background: top left repeat url("../cssimages/diagonal_back.png") #fff; 
			color: #623;
		}
		#hours p { 
			font-size: 1.2em; 
			line-height: 1.6em; 
			padding: .3em .4em .4em .4em; 
		}
		#hours p.special { 
			background-color: #ec8;
		}
			#hours p.special i, #hours p.event i { font-weight: bold; }
		#hours p.event { 
			background-color: #fde;
		}
	#dailyspecials {
		margin: 1em 0 0 0;
		background: bottom right no-repeat url("../cssimages/bottom_whitecorner.png") #dee; 
	}
		#dailyspecials ul { list-style-type: upper-alpha; padding: .2em .4em .4em .4em; }
		#dailyspecials ul li { 
			font-size: 1.2em; 
			padding: 0 0 .5em .2em;
			margin: 0 0 0 2em;
		}
	#map {  }
		#map iframe { 
			width: 54em;
			min-width: 540px; 
			height: 48em;
			min-height: 480px;
		}
		#map p { font-size: 1.2em; padding: .5em 0; }
		
#splitwrapper { padding: 1em 0 0 0; }
#splitwrapper.nopad { padding: 0; }
	.left, .right {
		float: left; 
		width: 26.5em;
	}
	.left p, .left li, .left form, .right p, .right li, .right form { font-size: 1.2em; line-height: 1.6em; }
	.left { margin: 0 1em 0 0; }
		#splitwrapper img { width: 26.5em; min-width: 265px; }
		#splitwrapper ul { list-style-type: none; }
		#splitwrapper #sandwiches, #splitwrapper #salads, #splitwrapper #floats { padding: .4em; }
		#splitwrapper #sandwiches { background-color: #fec; } 
		#splitwrapper #salads { background-color: #efd; } 
		#splitwrapper #floats { background-color: #dcb; } 
		#splitwrapper p.description, #dailyspecials p.description { 
			font: normal 1.5em/1.2em "Times New Roman", Times, serif; 
			color: #222; 
			padding: 0 0 .4em 0;
			border-bottom: 1px dotted #322; 
			margin: 0 0 .4em 0;
		}
			#dailyspecials p.description { padding: .3em .4em .4em .4em; }
			#splitwrapper b, #dailyspecials li b { color: #322; }
		#splitwrapper #menusignup { 
			min-height: 21.75em;
			margin: .25em 0 0 -4em;
			background: top left no-repeat url("/images/menu-signup.jpg") #fff;
		}
			#menusignup h2, #menusignup p, #menusignup form#dailysignup { padding: 4em .5em .5em 11.5em; color: #222; }
			#menusignup h2 { font-size: 1.2em; line-height: 1.6em; color: #fff; }
			#menusignup form#dailysignup { padding-top: 0; }
				form#dailysignup input#email { width: 12.5em; }
				form#dailysignup input#fax { width: 8em; }
		#splitwrapper #catering { 
			min-height: 22em;
		}
			#catering a { border: none; }
		
#bottomroundedwrapper { clear: both; height: 10px; }
#bottomroundedcorner { float: right; width: 10px; height: 10px; background: top right no-repeat url("../cssimages/bottomcorner.png") transparent; }

/* FOR Viewer.php ----- */
#largeimage {
	margin: 2em 2em 2em 0; 
}
	#viewernavigation {
		padding: 0 0 2em 2em; 
	}
	#viewernavigation a { 
		background-color: #c99; 
		color: #222; 
		text-decoration: none; 
		font-size: 1.3em; 
		padding: .3em .3em .2em .3em; 
		margin-right: .5em; 
	}
	#viewernavigation a:hover { 
		background-color: #fff; 
		color: #666; 
	}

:focus { -moz-outline-style: none; }