/*	gurkha-screen.css	Style sheet for Web pages
	Begun 24/02/09
*/

*	{
	margin:		0;
	padding:	0;
}

body	{
	font-family:	Tahoma, Geneva, sans-serif;
	font-size:		0.8em
}

.central	{
	text-align:	center
}

.column, .inset	{
	float:	left
}

.new-row	{
	clear:	both
}

.outset	{
	float:	right
}

/*	divisions	*/

div#annotation	{
	width:			200px;
	height:			400px;
	margin:			18px 0 0 612px;
	border-bottom:	2px solid
}

div#body-copy	{
	margin:	0 8px 0 12px
}

#body-copy p	{
	padding-bottom:	15px
}

#body-copy p.first	{
	margin-top:	12px
}

div#cmap	{
	width:		592px;
	height:		400px;
	margin:		18px 0 12px;
	padding:	1px;
	border:		1px solid
}

div#contacts	{
	width:			35%;
	height:			270px;
	margin:			30px auto 30px;
	font-size:		150%;
	border-bottom:	2px solid
}

div#contents	{
	margin:			18px 10px 0 10px;
	width:			360px;
	height:			337px;
	border-bottom:	2px solid
}

div#dishes	{
	margin-top:	15px;
	width:		240px
}

div#expo-o, div#expo-r, div#expo-w	{
	margin-top:	15px
}

#expo-o	{
	margin-right:	10px;
	width:			300px;
	height:			530px;
	border-bottom:	2px solid
}

#expo-r	{
	margin-right:	20px;
	width:			395px
}

#expo-r p	{
	padding-bottom:	5px
}

div#intro	{
	margin:	12px 192px
}

#intro p.following	{
	margin-top:		108px
}

div#main	{
	width:			959px;
	margin:			auto;
	padding-bottom:	10px
}

div#map-expo	{
	width:	560px
}

div#masthead	{
	height:		188px;
	background:	url( media/topwave-b.png ) no-repeat
}

div#menu	{
	margin:			15px 10px 0 200px;
	padding:		0 10px 5px 60px;
	border-right:	1px solid;
	border-left:	1px solid
}

#menu p	{
	padding-bottom:	5px
}

div#navbar	{
	margin:	14px 0 10px
}

#navbar ul	{
	list-style:	none;
	height:		22px
}

#navbar li	{
	display:	inline
}

#navbar li#here, #navbar li a	{
	display:		block;
	float:			left;
	padding:		1px 16px 3px;
	border-right:	1px solid;
	height:			18px;
	font-size:		120%;
	font-weight:	bold
}

#navbar li a:link, #navbar li a:visited	{
	text-decoration:	none
}

div#reference	{
	margin-top:		16px;
	padding:		2px 0;
	border-top:		1px dashed;
	border-bottom:	1px dashed
}

div#supplement	{
	margin-top:	24px
}

div#welcome	{
	margin-top:	18px;
	width:		360px
}

/*	images	*/

img	{
	border:	0
}

img.bullet	{
	margin-right:	10px
}

img.contact-bullet	{
	margin-left:	-62px;
	padding-top:	5px
}

img.entry	{
	margin-top:	26px
}

img.icon	{
	vertical-align:	bottom
}

img#logo	{
	margin:	4px 0 0 2px
}

img.primary	{
	margin-right:	20px
}

img.secondary	{
	margin-left:	15px
}

/*	elements	*/

a:link, a:visited	{
	text-decoration:	none
}

a:hover	{
	text-decoration:	underline
}

h1	{
	font-size:	200%
}

div#masthead h1	{
	margin-left:	10px
}

h2	{
	font-size:		180%;
	padding-top:	3px
}

h3	{
	font-size:	120%
}

h3.sub-head	{
	font-style:	italic
}

h4	{
	font-size:	100%
}

h4.follower	{
	margin-top:	15px
}

div#menu h4	{
	margin-top:	5px
}

p.caption	{
	font-size:	90%;
	font-style:	italic
}

p#links	{
	clear:		both;	/* delete when redundant */
	margin-top:	20px;
	font-size:	110%
}

p.sub	{
	margin-top:		12px;
	padding-bottom:	16px
}

p#teaser	{
	margin-top:	22px
}

span.am-pm	{
	font-size:	75%
}

span.price	{
	float:	right
}

/*	colours	*/

a:link	{
	background-color:	inherit;
	color:				blue
}

a:visited	{
	background-color:	inherit;
	color:				navy
}

a:hover	{
	background-color:	inherit;
	color:				blue
}

a:active	{
	background-color:	inherit;
	color:				red
}

body	{
	background:	url( media/wall.png )
}

div#annotation, div#cmap, div#contacts, div#contents, div#expo-o, div#menu	{
	border-color:	#119b50	/* a green from printed menu */
}

div#navbar li a	{
	color:	black
}

div#main	{
	background-color:	white;
/*	background:			url( media/960grid.png ) no-repeat;	*/
	color:				black
}

div#menu, span.highlight	{
	background-color:	#f7f783	/* a pale yellow from crossed swords */
}

#menu h2	{
	background-color:	inherit;
	color:				#ed1c24	/* a red from logo */
}

#menu h4, #menu span.price	{
	background-color:	inherit;
	color:				#119b50
}

div#navbar	{
	background-color:	#a4e631
}

#navbar li a	{
	border-color:	white
}

#navbar li#here, #navbar li a:hover	{
	background-color:	#119b50;
	color:				white
}

h3.sub-head	{
	background-color:	inherit;
	color:				#666
}

p.caption	{
	background-color:	inherit;
	color:				#333
}

p.sub	{
	background-color:	inherit;
	color:				#f7f734	/* a yellow from crossed swords */
}

/*	EOF	*/