/* RESET */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;}

a img, :link img, :visited img {
	border: 0;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ol, ul {
	list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";}


/*------------------------------------------------------------*/




/* WRAP */

body
{
	background:#1b0800;
	font-family:"Arial",sans-serif;
	font-size:15px;
}

.wrap
{
	position:relative;
		top:0px;
		left:0px;
	width:960px;
	padding:4px;
	border:1px solid #6c3600;
	margin:50px auto;
	background:black;
}

	.corner
	{
		z-index:2;
		position:absolute;
		width:12px;
		height:12px;
		background-image:url('/_img/corner.png');
		background-repeat:no-repeat;
	}
	
	.TL
	{
		top:-1px;
		left:-1px;
		background-position: 0px 0px;
	}
	
	.TR
	{
		top:-1px;
		right:-1px;
		background-position: -12px 0px;
	}
	
	.BL
	{
		bottom:-1px;
		left:-1px;
		background-position: -24px 0px;
	}
	
	.BR
	{
		bottom:-1px;
		right:-1px;
		background-position: -36px 0px;
	}

.all
{
	color:#ffdd88;
}




/* LOGO */

#logolink
{
	z-index:10;
	position:absolute;
		top:0px;
		left:0px;
	width:300px;
	height:60px;
	color:black;
	background:url('/_img/x.gif');
}

	#logoimg
	{
		z-index:2;
		position:absolute;
			top:-20px;
			left:14px;
		width:300px;
		height:122px;
	}




/* NAV */

#nav
{
	z-index:200;
	position:absolute;
		top:94px;
		left:14px;
	margin:0px -10px;
	font-size:17px;
}

	.home #nav
	{
		top:83px;
	}

	#nav a
	{
		z-index:300;
		display:block;
		padding:4px 10px;
		background-image:url('/_img/x.gif');
		color:#ffdd88;
		line-height:120%;
	}
	
		.home #nav a
		{
			color:#dd8d1f;
			font-size:105%;
		}
		
		.inner #nav a
		{
			color:#dd8d1f;
			/*color: #A85400;*/
		}
		
		.image #nav a
		{
			color: #ffdd88;
		}
		
		#nav a.kuleb
		{
			/*font-size:130%;*/
			font-weight: bold;
			color:#ff5d00;
			text-decoration: none;
		}
		
			.inner #nav a.kuleb
			{
				color:#ff5d00 !important;
				font-weight: normal;
			}
			
			#nav a.kuleb span
			{
				text-decoration: underline;
			}
	
	#nav a:hover
	{
		color:#ffe !important;
	}
	
	#nav div
	{
		margin-left:20px;
		font-size:80%;
	}
	
		#nav div a
		{
			color:#ffdd88 !important;
			/*color:#dd9226 !important;*/
		}
	
	#nextimagelink
	{
		margin-top: 20px;
		font-size:115%;
		color:#ffdd88 !important;
	}
	
	#nextimagebiglink
	{
		position:absolute;
			top:4px;
			left:4px;
		width:960px;
		background:url('/_img/x.gif');
	}
	
	#maptext
	{
		padding-top:20px;
		margin-left:10px !important;
	}
	
		#maptext p
		{
			margin:10px 0px;
			line-height:150%;
		}




/* CONTENT */

.content
{
	padding: 0px 20px 50px 520px;
}

	.home .content
	{
		padding: 360px 0px 0px 0px;
	}
	
	.wide .content
	{
		padding-left:280px;
	}
	
	.about .content
	{
		padding-left:480px !important;
		padding-bottom:26px !important;
	}
	
	.music .content
	{
		height:800px;
	}
	
	.menu .content
	{
		padding-bottom: 20px;
	}
	
	.menu-snacks .content {
		padding-bottom: 50px;
	}
	
	.menu-salads .content
	{
		padding-bottom: 40px;
	}
	
	.menu-pancakes .content,
	.menu-soups .content,
	.menu-veggie .content
	{
		height:600px;
	}
	
	.menu-meat .content
	{
		height: 720px;
	}
	
	.menu-fish .content
	{
		height:867px;
	}
	
	.menu-sweet .content
	{
		height:650px;
	}
	
	.menu-child .content
	{
		height:1020px;
	}
	
	.menu-post .content
	{
		padding-left:340px;
		padding-right:0px;
	}
	
		.menu-post .menutable .big
		{
			width:100%;
		}
		
		.menu-post .menutable em
		{
			display:block;
			margin-top:20px;
			font-style:italic;
			color:#A85400;
		}
	
	
	.content h1
	{
		padding:18px 0px 36px 0px;
		font-size:20pt;
		font-weight: normal;
	}
	
		.wide .content h1
		{
			text-align: center;
			padding-right: 12px;
			padding-bottom: 50px;
		}
		
		.music .content h1
		{
			padding-right:300px;
		}
	
	.bankets .content h2
	{
		padding:18px 0px 0px 0px;
		font-size:20pt;
		color:#dd9226;
	}
	
	.content p
	{
		margin: 10px 0px;
		line-height:145%;
		font-size:12pt;
	}
	
		.bankets .content p
		{
			padding-left:30px;
		}
		
		.about .content p
		{
			margin-bottom:12px !important;
		}
	
	.content a
	{
		color:#dd9226;
	}

.homeblock
{
	padding: 0px 10px 30px 360px;
	margin: -15px 0px 0px 0px;
	clear:both !important;
}
	
	.homeblock div
	{
		position:relative;
			top:0px;
			left:0px;
		min-height:230px;
		height:auto !important; /* IE6 */
		height:230px; /* IE6 */
	}
	
		.homeblock h1
		{
			padding:30px 0px 10px 0px;
			font-size:16pt;
			font-weight:normal;
			color:#A85400;
		}
		
		.homeblock h2,
		.homeblock .h2
		{
			font-size:13.5pt !important;
			margin-top:15px;
			margin-bottom:-5px !important;
			padding:18px 0px 0px 0px;
			font-weight: normal;
		}
		
			.homeblock .h2
			{
				display:block;
				/*margin-top:0px !important;*/
				padding-top:0px !important;
				margin-bottom:0px !important;
			}
		
		.homeblock a.imglink
		{
			display:block;
			position:absolute;
				top:0px;
				left:-330px;
			padding:3px;
			border:1px solid #6c3600;
		}
		
		.homeblock em
		{
			font-style: italic;
			color:#A85400;
		}
		
		.homeblock p
		{
			font-size:11pt;
		}

	
.all.wide
{
	background-image:url('/_img/bg-dark.jpg');
}

.all.about
{
	background-image:url('/_img/sg3a.jpg');
}

.all.home
{
	background-image:url('/_img/front4.jpg');
	background-repeat: no-repeat;
	background-position-x: 4px;
}

.all.menu-salads
{
	background-image:url('/_img/menu_salads_2.jpg');
}

.all.menu-snacks
{
	background-image:url('/_img/menu_snacks_4.jpg');
}

.all.menu-pancakes
{
	background-image:url('/_img/menu_pancakes_1.jpg');
}

.all.menu-soups
{
	background-image:url('/_img/menu_soups_1.jpg');
}

.all.menu-fish
{
	background-image:url('/_img/menu_fish_2.jpg');
}

.all.menu-meat
{
	background-image:url('/_img/menu_meat_2.jpg');
}

.all.menu-sweet
{
	background-image:url('/_img/menu_sweet_1.jpg');
}

.all.menu-veggie
{
	background-image:url('/_img/menu_veggie_1.jpg');
}

.all.menu-child
{
	background-image:url('/_img/menu_child_1.jpg');
}

.all.menu-post {
	background-image:url('/_img/bg-dark.jpg');
}

.homecontent
{
	background: #120900;
	border-top:3px solid black;
}
	
	.homecontent h2
	{
		font-size:16pt;
		padding:0px 0px 5px 0px;
		color:#A85400;
		font-weight:normal;
	}
	
	.homenewsandco
	{
		clear:both;
		background:#120900;
		/*zoom:1; <-in ie.css */ 
	}
	
	.homespecial
	{
		width:300px;
		padding:10px 0px 10px 10px;
		background: #120900;
		color:#dd8d1f;
	}
	
		.homespecial p,
		.homespecial span,
		.homespecial div
		{
			font-size:10.5pt !important;
			line-height: 120%;
		} 
		
		.homespecial .tab
		{
			width:60px;
			display:-moz-inline-stack;
			display:inline-block;
		}
	
	.homenews
	{
		position:relative;
			top:0px;
			left:0px;
		float:right;
		width:580px;
		padding:10px 20px 0px 10px;
		margin-left:-10px;
		background: #120900;
	}
		
		.homenews #northfish-ad
		{
			position:absolute;
				top:-155px;
				right:0px;
			z-index:200;
			text-decoration:none;
		}
		
		.homenews #post-ad
		{
			position:absolute;
				top:-114px;
				right:0px;
			z-index:200;
			text-decoration:none;
		}
		
		.homenews p,
		.homenews span,
		.homenews div
		{
			font-size: 11pt !important;
			line-height: 120%;
		}




/* FOOTER */

.hlest
{
	padding:0px !important;
	margin:0px !important;
	font-size:80%;
	position:absolute;
		bottom:10px;
		left:584px;
	z-index:20;
	color:#6c3600;
}

	.wide .hlest
	{
		left:354px;
	}
	
	.home .hlest
	{
		left:423px;
	}
	
	.about .hlest
	{
		left:544px;
	}
	
	.image .hlest, .menu .hlest
	{
		left:73px;
	}
	
	.hlest a
	{
		color:#6c3600;
		text-decoration: none;
	}
	

.copy
{
	position:absolute;
		bottom:10px;
		left:524px;
	font-size:80%;
	color:#6c3600;
}

	.wide .copy
	{
		left:294px;
	}
	
	.home .copy
	{
		left:363px;
	}
	
	.about .copy
	{
		left:484px;
	}
	
	.image .copy, .menu .copy
	{
		left: 13px;
	}

.trackers
{
	display:none; /* %%% temp */
	text-align:right;
}








/* IMAGE GRID */

.imagegrid
{
	margin: 0px -30px 0px 0px;
}

	.guestgrid .img
	{
		margin-bottom:50px !important;
	}

	.imagegrid p
	{
		margin-right:40px !important;
	}
	
	.imagegrid em
	{
		display:block;
		padding:4px 0px;
		text-align: center;
		line-height:115%;
	}

	.imagegrid .img
	{
		display:-moz-inline-stack;
		display:inline-block;
			width:180px;
			height:120px;
		margin: 0px 30px 30px 0px;
		padding:3px;
		border:1px solid #6c3600;
	}
	
		.imagegrid .img.big
		{
			width:290px;
			height:193px;
			margin-right:32px;
		}




/* MUSIC */
.musicbox
{
	font-size:115%;
	position:absolute;
		top:0px;
		left:0px;
	width:510px;
	line-height:150%;
}

.musicimage
{
	position:absolute;
		top:0px;
		left:0px;
	padding:3px;
	border:1px solid #6c3600;
}





/* SUMMER */

.bottomcontent
{
	position:absolute;
		bottom:4px;
		left:4px;
	height:140px;
	width:960px;
	border-top:3px solid black;
	background:#120900; 
}

	.bottomcontent div
	{
		padding:6px 6px 6px 10px;
	}
		
		.bottomcontent .text
		{
			width:600px;
			padding-top:0px;
			float:left;
		}
		
		.bottomcontent div img
		{
			margin-top:8px;
			margin-left:6px;
		}

/* RESERVE */

#banketdownload
{
	border: 1px solid #206000;
	background: #003000;
	padding: 8px 8px;
	margin:10px 0px;
	display:-moz-inline-stack;
	display: inline-block;
	width:auto;
	height:auto;
	color: #ddddaa;
	font-size: 120%;
}






/* MENU */

.menu h1
{
	padding-top:7px;
	padding-bottom:22px;
	color:#dd9226;
}

	.menu-salads h1
	{
		padding-bottom:18px;
	}
	
	.menu-veggie h1
	{
		padding-bottom:2px;
	}

.menu h3
{
	padding:23px 0px 0px 0px;
	font-size:120%;
	color:#A85400;
}

.menutable h3
{
	font-size:16pt;
	padding:15px 0px;
	color:#dd9226;
}

.menutable
{
	font-size:13pt;
}
	
	.menutable td
	{
		vertical-align:top;
		line-height:115%;
	}
	
	.menutable .big
	{
		width:359px; /*do not make more than that - will break h3 in IE (wtf) */
		padding-bottom:10px;
		line-height:100%;
	}
		
		.menutable.bigger .big
		{
			font-size:14pt;
			padding-bottom:15px;
		}
		
		.menu-sweet .menutable .big
		{
			padding-bottom:15px;
		}

		
		.menutable .big.withsub
		{
			padding-bottom:2px !important;
		}
		
		.menutable.bigger .sub
		{
			padding-bottom:15px;
		}
	
	.menutable .price
	{
		width:60px;
		padding-top:2px;
		font-size:11pt;
		text-align:right;
	}
		
		.menutable.bigger .price
		{
			padding-top:4px;
		}
	
	.menutable .sub
	{
		font-size:10.5pt;
		padding-bottom:10px;
		padding-right:30px;
	}






/* FORM */

label
{
	width:130px;
	display:-moz-inline-stack;
	display:inline-block;
	text-align:right;
	margin-left:-12px;
}

.errorlist
{
	border:1px solid #a00000;
	background:#300000;
	padding:8px 10px 2px 10px;
	color:#ffaaaa;
}

	.errorlist li
	{
		margin-bottom:6px;
		line-height:120%;
	}

input, select
{
	background:#120900;
	border:1px solid #BF973E;
	font-size:16px;
	font-family:inherit;
	color: #BF973E;
	padding:1px 1px 1px 2px;
}

form #name
{
	width:200px;
}

form #tel
{
	width:180px;
	position:relative;
		top:-8px;
}

#submit
{
	font-size:20px;
	padding:3px;
	background:#442200;
	border-color:#BF973E;
}