/****************************************     PRESENTATION     ************************************/
a {	
	text-decoration: none; 
	}
a img{ 
	border: none; 
	}
body {}
	body#splash{
		text-decoration: none; 
		height: 75%;
		}
		#splash div#homelogo {	
			margin: 15% auto auto; 
			width: 438px; 
			}
		#splash div#homenav table { 
			text-align: center;
			margin: 5% auto; 
			width: 800px; 
			}
			#splash div#homenav table td a{
				padding: 0 10px;
				}
	div#wrapper {	
		margin: 0 auto; 
		width: 800px; 
		}
	#wrapper div#main {}
		#main div#content {
			margin: 0 30px; 
			}
			#content p.center { 
				text-align: center; 
				}
			#content div#chalkboard {
				margin: 50px auto;
				padding: 20px auto;
				width:650px;
				}
				#chalkboard table {
						margin: 0px auto 20px;
						width: 550px;
						}
					#chalkboard table tr {}
						#chalkboard table tr td {}
							#chalkboard table tr td p#key {
									text-align: center;
									}
								#chalkboard table tr td p#key span {
										margin: 0 0.5em;
										}
							#chalkboard table tr td span {}
								#chalkboard table tr td span.gluten-free { 
									padding: 0 0.25em; 
									}
								#chalkboard table tr td span.vegan { 
									padding: 0 0.25em; 
									}
								#chalkboard table tr td span.vegetarian { 
									padding: 0 0.0em; 
									}		
						#chalkboard table tr th{}						
							#chalkboard table tr th h1{
								text-align: center;
								margin-bottom: 0px;
								}
							#chalkboard table tr th h2{
								display: inline;
								}
							#chalkboard table tr th h3{
								display: inline;
								margin-left: 1.0em;
								}
							#chalkboard table tr th.left {
								text-align: left;
								}
			#content div#contact-images {
				text-align: center;
				}
				#contact-images img{
					margin-left: 25px;
					margin-right: 25px;
					}
				#content div#contact-text {
					margin-top: 50px;
					text-align: center; 
					}
			#content div.soup-profile {
				clear: both;
				}
				div.soup-profile h3 {
					margin-bottom: 1.0em;
					margin-left: 250px;
					}
				div.soup-profile img {
					display: block;
					float: left;
					margin-bottom: 10px;
					margin-right: 10px;
					}
				div.soup-profile p {
					padding-left: 250px;
					padding-right: 50px;
					}
			#content div#special {}
				#special table { 
					margin-bottom: 250px;
					}					
			#content div.profile { 
				margin-top: 30px;
				}
				#content div.profile h2 {
					text-align: left;
					}
				div.profile img {
					display: block;
					float: left;
					margin-right: 15px;
					margin-bottom: 30px;
					}
				div.profile p { }		
			#content h1 { 
				margin-bottom: 1.0em; 
				}
			#content h2 { 
				margin-top: 1.0em;
				margin-bottom: 1.0em;
				text-align: center;
				clear: both;
				}
			#content hr {
				margin-bottom: 1.0em;
				}
			#content p {	
				margin-bottom: 1.0em; 
				text-align: justify; 
				}
			#content img.cc-centered{
				display: block;
				margin: 0 auto;
				width: 166px; 
				height: 50px;
				}
			#content img.inline-left { 
				float: left; 
				margin: 0 1.0em 1.0em 0; 
				}
			#content img.horizontal-centered { 
				display: block; 
				margin: 0 auto; 
				}	
			#content table.gifts-soups {
				margin: 0 auto;
				width: 750px;
				}
				#content table.gifts-soups td {
					padding: 5px 10px;
					text-align: justify;
					vertical-align: top;
					width: 33%;
					}
					#content table.gifts-soups td img {
						width: 100%;
						}
			#content table.gifts-bowls {
				margin: 0 auto;
				width: 750px;
				}
				#content table.gifts-bowls td {
					padding: 2px;
					text-align: center;
					vertical-align: top;		
					width: 180px;
					}
					#content table.gifts-bowls td img {
						width: 100%;
						}
			#content table.gifts-prices {
				margin: 0 auto;
				width: 350px;
				}
				#content table.gifts-prices td{
					height: 1.5em;
					}
						
	#main div#headerlogo {}
		#headerlogo img { 
			display: block;
			height: 161px;
			margin: 0 auto;
			width: 296px;
			}
		#headerlogo .header-info {
			color: black;
			margin-top: 10px;
			text-align: center;
			font-size: small;
			}
	#main div#navmenu {
			margin-bottom: 25px; 
			margin-top: 15px; 
			width: 740px; 
			}
			div#navmenu table {
				margin-left: 50px; 
				margin-right: 50px; 
				width: 700px; 
				}
				#navmenu table tr {
					width: 100%;
					}
				#navmenu table td {
					padding: 5px;
					text-align: center;
					}
					
#footer { 
	margin-left: auto; 
	margin-right: auto; width: 800px;
	}
	#footer p { 
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center; 
	}

#social-tags {
	float: right;
	margin-right: 30px;
	margin-top: -100px;
	}
	#social-tags img#facebook{
		height: 44px;
		width: 144px; 
		margin-bottom: 10px;
		}
	#social-tags img#twitter{
		height: 25px;
		width: 144px; 
		}

img#retail-space {
	display: block;
	width: 712px;
	margin: auto;
	margin-bottom: 25px;
	}
/**************************************************************************************************/

/******************************************     TYPOGRAPHY     ************************************/
body{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	}
	body#splash {	
		font-weight: bold; 
		}
#wrapper {}
	#main {}
		#content {}
			#content div#chalkboard {
				font-family:"Comic Sans MS", "Segoe Print", sans-serif;
				}
				#content div#chalkboard h1 { 
					font-family:"Comic Sans MS", "Segoe Print", sans-serif;
					font-size:35px;
					font-weight: normal;
					}
				#chalkboard table {}
					#chalkboard table td {
						font-size: 18px;
						}
					#chalkboard th {}
						#chalkboard table th h2{
							font-size: 25px;
							font-weight: normal;
							}
						#chalkboard table th h3{
							font-size: 20px;
							font-weight: normal;
							}
				#chalkboard p#key span { 
					font-size: 16px; 
					}
			
			#content div#contact-text {
					font-family:Georgia, "Times New Roman", Times, serif; 
					}
			#content div.profile h2 {
				font-size: 15px;
				}
			#content div.soup-profile h3 {
				font-size:15px;
				font-weight:600;
				}
			#content h1 { 	
				font-family:Georgia, "Times New Roman", Times, serif; 
				font-size:20px;
				font-weight:600; 
				}
				#content h1 em{ 
					font-family: papyrus, serif; 
					font-size: 120%; 
					font-style: normal; 
					font-weight: 800;
					}
			#content h2 {
				font-size:25px; 
				font-weight:600;
				}
			#content .kama	{	
				font-family: papyrus, serif; 
				font-size: 150%;
				font-weight: normal;
				}
			#content p {	
				font-size:12px;
				}
				#content p.front-page {
					font-size: 16px;
					}
			#content table.gifts-soups td {
				font-size: 12px;
				}

	#navmenu table { 
		font-size: 14px; 
		font-weight: normal; 
		}
#footer p { 
	font-size:15px;
	}		
/**************************************************************************************************/

/****************************************     COLORS     ******************************************/
a {	color:#8f170f; }
a:hover { color: #de1104; }
	
body { 	
	background-color: black; 
	background: url('images/tile.gif'); 
	color: black;
	}
	body#splash {  
		background: none; 
		background-color: black; 
		color: white;
		}
		#splash a { 	
			color: white;
			font-weight: normal;
			}
		#splash a:hover { 	
			color: white; /*#791a14;*/
			text-decoration: underline;
			}

#wrapper { 
	background: url('images/background.jpg');
	}
	div#main div#content div#chalkboard {
				background-color:black;
				border:brown 25px ridge;
				color:white;
				}
				#content div#chalkboard h1 { 
					color: white;
					}
				#chalkboard table span.gluten-free { 
					color: #6699ff; 
					}
				#chalkboard table span.vegan { 
					color: #669900; 
					}
			#chalkboard table span.vegetarian { 
				color: #cc6633; 
				}
			#content h1{ 	
				color:#8f170f; 
				}
				#content h1 em{ 	
					color: #8f170f; 
					}
			#content p { 
				color:#333;	
				}
#footer { 	
	background-color: black;
	background: url('images/tile.gif');
	}
	#footer p { 
		color:#791a14;
		}
/**************************************************************************************************/
/**************************************************************************************************/
/*																								  */
/*			Please don't take the section below out.									 		  */
/*			If you need to change the height of the footer, just make sure you 					  */
/*			match the values for 																  */
/*					#main 	padding-bottom		<-- positive									  */
/*					#footer margin-top			<--	negative									  */
/*					#footer height				<-- positive									  */
/*																								  */
/**************************************************************************************************/
/**************************************************************************************************/
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#main {padding-bottom: 40px;}  			/* must be same height as the footer */
#footer {position: relative;
	margin-top: -40px; 					/* negative value of footer height */
	height: 40px;					
	clear:both;} 
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*************************************************************************************************/