/*------------------------------------------------------------------------------------------------
[Master Stylesheet]

Project:			Kashman's Place
Author:				Scott McCaughey

[Table of Contents]

1. Reset
2. General
3. Header			#header
4. Content			#content
5. Locations
6. Accolades
7. Menus
8.	Downloads		.download
99. Clear Floats
-------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------
1. Reset
-------------------------------------------------------------------------------------------------*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
caption, th, td, center { text-align: left; vertical-align: top; }
table { border-spacing: 1px; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }

/*------------------------------------------------------------------------------------------------
2. General
-------------------------------------------------------------------------------------------------*/

body {
	background: url('/images/bg.png') #5e2f16 top center no-repeat fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 140%;
	margin: 0 auto;
}

a {
	text-decoration: underline;
}

	a:link, a:visited, a:active {
		color: #2052a0;
		font-weight: bold;
	}
	
	a:hover {
		color: #2da020;
	}

b, strong {
	font-weight: bold;
}

h1 {
	color: #2052a0;
	font-family: 'Arial Black';
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -.05em;
	line-height: 140%;
	margin: 20px 0;
	text-align: center;
}

h2 {
	clear: both;
	font-family: 'Arial Black';
	font-size: 1.3em;
	letter-spacing: -.03em;
	line-height: 140%;
	text-align: center;
}

h3 {
	font-size: .9em;
	letter-spacing: -.02em;
	line-height: 140%;
	margin: .5em 0 0;
	text-align: left;
}

h4 {
	line-height: 160%;
	margin: 0 0 2em;
}

ul {
	margin: 0 0 2em 30px;
}

	li {
		line-height: 160%;
		list-style: disc;
		margin: .3em 0 .3em 0;
	}

p {
	line-height: 160%;
	margin: .8em 0;
}

#container {
	margin: 140px auto 0;
	position: relative;
	width: 790px;
}

	#shadow {
		border-bottom: 10px solid #281A0C;
		border-right: 10px solid #281A0C;
		float: left;
		left: 10px;
		margin: 0 10px 60px 0;
		position: relative;
		top: 60px;
		width: 560px;
	}

		#fodors {
		}
		
			#fodors a {
				background: url('/images/fodors.png') no-repeat;
				display: block;
				height: 135px;
				margin: -65px 0 -70px 420px;
				overflow: hidden;
				position: relative;
				text-indent: -100em;
				width: 120px;
				z-index: 2;
			}

		#inner {
			background: url('/images/paper_mid.jpg');
			border: none;
			left: -10px;
			margin: 0 -10px -10px 0;
			position: relative;
			top: -10px;
			width: 570px;
		}

/*------------------------------------------------------------------------------------------------
3. Header			#header
-------------------------------------------------------------------------------------------------*/

#header {
}

	#navigation {
		float: left;
		height: 300px;
		margin-top: 100px;
		width: 100px;	
	}
	
		#navigation li {
			list-style: none;
		}
		
		#navigation li a {
			background-image: url('/images/nav.png');
			background-position: -100px 0;
			background-repeat: no-repeat;
			display: block;
			height: 50px;
			overflow: hidden;
			text-indent: -100em;
			width: 100px;
		}

			#navigation .not a {
				background-position: 0 0;
			}

			#navigation a#menus {
				background-position: -100px -50px;
			}
	
				#navigation .not a#menus {
					background-position: 0 -50px;
				}
	
			#navigation a#catering {
				background-position: -100px -100px;
			}
	
				#navigation .not a#catering {
					background-position: 0 -100px;
				}
	
			#navigation a#locations {
				background-position: -100px -150px;
			}
	
				#navigation .not a#locations {
					background-position: 0 -150px;
				}
		
			#navigation a#accolades {
				background-position: -100px -200px;
			}
	
				#navigation .not a#accolades {
					background-position: 0 -200px;
				}
	
			#navigation a#contact {
				background-position: -100px -250px;
			}
	
				#navigation .not a#contact {
					background-position: 0 -250px;
				}

/*------------------------------------------------------------------------------------------------
4. Content			#content
-------------------------------------------------------------------------------------------------*/

#content {
	background: url('/images/paper_bot.jpg') bottom no-repeat;
	font-size: 1.2em;
	margin: 0;
	width: 570px;
}

	#topper {
		background: url('/images/paper_top.jpg') no-repeat;
		padding: 15px 15px 0;
	}

		#slide {
			height: 150px;
			margin: 0;
			position: relative;
			width: 540px;
			z-index: 1;
		}
		
	#main {
		clear: both;
		margin: 1.2em 20px;
	}

		.home {
			font-size: 1.6em;
		}
		
			.home a {
				font-weight: bold;
			}

		.photocontainer {
			background: url('/images/photos/bg.jpg') no-repeat;
			float: right;
			height: 178px;
			margin: 0 0 1em 1.5em;
			width: 200px;
		}

			.photos {
				width: 200px;
			}

		.menuphotos {
			background: url('/images/photos/bg.jpg') no-repeat;
			height: 178px;
			margin: 1em auto;
			width: 200px;
		}

/*------------------------------------------------------------------------------------------------
5. Locations
-------------------------------------------------------------------------------------------------*/

#map {
	border: 1px solid #000;
	height: 538px;
	margin: 15px -5px;
	width: 538px;
}

#simple_example_window {
	width: 300px;
}

#simple_example_window_contents {
	background: #eee8da;
	border: 2px solid #2052a0;
	color: #000;
	padding: 5px 15px;
}

	#simple_example_window_contents span {
		color: #2052a0;
		font-size: 1.2em;
		font-weight: bold;
	}

#simple_example_window_beak {
	background: url('/images/simple_beak.png') top left no-repeat transparent;
	height: 38px;
	width: 28px;
}

* html #simple_example_window_beak {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/red_beak.png', sizingMethod='crop');
}

#simple_example_window_tl,
#simple_example_window_tr,
#simple_example_window_bl,
#simple_example_window_br,
#simple_example_window_t,
#simple_example_window_l,
#simple_example_window_r,
#simple_example_window_b {
	height: 0px;
	width: 0px;
}

/*------------------------------------------------------------------------------------------------
6. Accolades
-------------------------------------------------------------------------------------------------*/

.logo {
	margin: 20px 0 5px;
}

.review {
	line-height: 160%;
}

	.review a[href *="http"] { 
		padding: 5px 20px 5px 0;
		background: transparent url('/images/icons/external.gif') no-repeat center right;
	}
	
	.review a[href$='.pdf'] { 
		padding: 5px 20px 5px 0;
		background: transparent url('/images/icons/pdf.gif') no-repeat center right;
	}

/*------------------------------------------------------------------------------------------------
7. Menus
-------------------------------------------------------------------------------------------------*/

#menu {
	background: url('/images/blackpixel.gif') repeat-y center;
	width: 100%;
}

	.menuleft {
		float: left;
		width: 264px;
	}
	
	.menuright {
		float: right;
		width: 265px;
	}

		.menugroup {
			border-top: 1px solid #000;
		}

			.menuleft .menugroup {
				padding: 1em 15px .5em 0;
			}
			
				.menuleft .menugroup:first-child {
					border-top: none;
					padding: 0 15px .5em 0;
				}
			
			.menuright .menugroup {
				padding: 1em 0 .5em 15px;
			}

				.menuright .menugroup:first-child {
					border-top: none;
					padding: 0 0 .5em 15px;
				}

			.openmenu {
				clear: both;
				color: #2052a0;
				cursor: pointer;
				font-size: .8em;
				font-weight: bold;
				margin: .5em 0;
				text-align: center;
				text-decoration: underline;
			}
			
				.openmenu:hover {
					color: #2da020;
				}

			.menuset {
				padding: .5em 0 0;
			}
	
			dl {
				font-size: 1.1em;
				font-weight: bold;
				line-height: 120%;
				margin-bottom: 10px;
				width: 100%;
			}
			
				dl dl {
					font-size: .8em;
					font-weight: normal;
					margin-bottom: 0;
				}
			
				dt {
					clear: both;
					float: left;
					padding-bottom: .2em;
				}
	
				dd {
					float: right;
					margin-left: 10px;
				}
	
					dl.sizes dd {
						font-size: .8em;
					}
	
				dl h2 {
					font-size: 1em;
					margin-top: 1.5em;
				}
	
				dl p {
					clear: both;
					color: #000;
					font-size: .8em;
					font-style: italic;
					font-weight: normal;
					letter-spacing: -.01em;
					line-height: 130%;
					margin: 0 0 .2em;
					text-align: left;
				}
				
					.catering dl p {
						font-size: 1em;
						margin: 0 0 1.2em;
					}

						.catering dl p.openmenu {
							font-size: .8em;
							padding-top: 1em;
						}

				.menuset ul {
					margin: 0;
				}
				
					.menuset li {
						font-size: .8em;
						font-weight: normal;
						list-style: disc;
						margin: 0 0 0 20px;
					}
		
						.menuset li li {
							font-size: 1em;
							list-style: none;
							margin: .5em 0;
						}
	
/*------------------------------------------------------------------------------------------------
8.	Downloads		.download
-------------------------------------------------------------------------------------------------*/

.download {
	background: url('/images/icons/pdf.png') #2052a0 no-repeat 10px center;
	color: #fff;
	font-size: 1.4em;
	line-height: 150%;
	margin: 1.5em 0;
	padding: 10px 10px 10px 50px;
	text-align: center;
}

	.download a:link, .download a:visited, .download a:active {
		color: #fff;
		font-weight: bold;
	}
	
	.download a:hover {
		color: #2da020;
	}
		
/*------------------------------------------------------------------------------------------------
99. Clear Floats
-------------------------------------------------------------------------------------------------*/

#content:after,
#top:after,
#container:after,
#inner:after,
#footer:after,
#shadow:after,
#slide:after,
#menu:after,
dl:after,
dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}