/* BLANKO CSS				 																*/
/*																							*/
/*																							*/
/* copyright (c) Medusaworks Oy 2008 / ML													*/
/* Portions of this document are licensed under CC-GNU LGPL <http://creativecommons.org/licenses/LGPL/2.1/> or are in Public Domain */
/*																							*/
/* General notes: _Always_ use element name if possible, do not use a class/ID alone. IE6	*/
/* and Opera inheritance is buggy as hell - so ".hmenu .menuitem .hsmenu" is baaad, m'kay?	*/

/* INITIAL STYLES																			*/

/* CSS RESETS   by Eric A. Meyer (http://meyerweb.com/), Public Domain						*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
:focus {
	outline: 1px dotted gray;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Assist styles */
.clrbrk {
	clear: both;
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-indent: -1000em;	/* overkill hiding from all browsers; use "&nbsp;" for content */
	}

/* MAIN LAYOUT ELEMENTS																		*/

html {
	width: 100%;
	height: 95%;
	}
body {
	color: #000000;
	margin: 0px;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;		/* default font */
	font-size: 112%;
	background-color: #ffffff;
	}

/* LAYOUT BLOCKS */

#frame {
	position: relative;
	width: 950px;		/* for 1024px display */
	margin: 0px;
	padding: 1px 0px;
	background: #ffffff url(./imgs/frame-bk.gif) repeat-y;
	font-size: 62%;
	text-align: left;
	}
#main {
	position: relative;
	width: 950px;
	min-height: 450px;
	_height: 450px;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 18px 0px;
	background-color: #bbafa5;
	}
/* Page background image acording to #body */
body#frontpage #main {
	background: #bbafa5 url(./imgs/main-bk-frontpage.jpg) no-repeat;
	}
body#lunch #main {
	background: #bbafa5 url(./imgs/main-bk-lunch.jpg) no-repeat;
	}
body#food #main {
	background: #bbafa5 url(./imgs/main-bk-food.jpg) no-repeat;
	}
body#wine #main {
	background: #bbafa5 url(./imgs/main-bk-wine.jpg) no-repeat;
	}
body#club #main {
	background: #bbafa5 url(./imgs/main-bk-club.jpg) no-repeat;
	}
body#catering #main {
	background: #bbafa5 url(./imgs/main-bk-catering.jpg) no-repeat;
	}
body#newsletter #main {
	background: #bbafa5 url(./imgs/main-bk-newsletter.jpg) no-repeat;
	}
body#feedback #main {
	background: #bbafa5 url(./imgs/main-bk-feedback.jpg) no-repeat;
	}
body#openhours #main {
	background: #bbafa5 url(./imgs/main-bk-openhours.jpg) no-repeat;
	}
body#food-eng #main {
	background: #bbafa5 url(./imgs/main-bk-41.jpg) no-repeat;
	}
body#food-swe #main {
	background: #bbafa5 url(./imgs/main-bk-7.jpg) no-repeat;
	}

#logoholder {
	position: absolute;
	top: 30px;
	left: 660px;
	width: 255px;
	height: 160px;
	text-align: right;
	z-index: 999;
	}
#left {
	position: absolute;
	display: block;
	width: 220px;
	height: 270px;
	top: 214px;
	left: 0px;
	z-index: 999;
	}
#content {
	position: relative;
	clear: right;
	min-height: 400px;
	_height: 400px;
	margin-bottom: 20px;
	padding: 214px 0px 0px 0px;
	background-color: #BBAFA5;
	}
body.col1 #content {
	width: 480px;
	margin-left: 450px;
	padding-left: 20px;
	}
body.col2 #content {
	width: 680px;
	margin-left: 220px;
	padding-left: 20px;
	}
#content #leftcol {
	float: left;
	width: 335px;
	margin: 0px 0px 10px 0px;
	}
#content #ritecol {
	width: 335px;
	float: right;
	margin: 0px 0px 10px 10px;
	}
#footer {
	clear: both;
	height: 50px;
	}


/* MENUS: position and size */
/* use overrides in menu.css for theming */
#menu {
	position: relative;
	width: 220px;
	margin: 0px;
	}
#ftmenu {
	position: relative;
	width: 450px;
	}


/* MENU ELEMENTS																			*/

/* Vertical menu */

ul.vmenu {
	}
ul.vmenu li {
	height: 25px;
	line-height: 25px;
	}

/* Vertical menu: links */
.vmenu a {
	display: inline;
	padding: 7px 6px 6px 6px;
	line-height: 25px;
	height: 25px;
	font-size: 10px;
	letter-spacing: 1px;
	color: #000000;
	background-color: #bbafa5;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}
.vmenu a:hover {
	background-color: #e1dcd7;
	}
/* current page link - frontpage */
body#frontpage .vmenu a#nav_10_link
	{
	display: block;
	padding: 0px 0px 0px 6px;
	width: 444px;
	background-color: #ffffff;
	}
/* current page links */
body#lunch .vmenu a#nav_11_link,
body#food .vmenu a#nav_12_link,
body#wine .vmenu a#nav_13_link, 
body#club .vmenu a#nav_14_link, 
body#catering .vmenu a#nav_15_link, 
body#newsletter .vmenu a#nav_16_link, 
body#feedback .vmenu a#nav_17_link, 
body#openhours .vmenu a#nav_18_link, 
body#food-eng .vmenu a#nav_19_link, 
body#food-swe .vmenu a#nav_20_link {
	display: block;
	padding: 0px 0px 0px 6px;
	width: 214px;
	background-color: #ffffff;
	}

/* Footer links */

ul.thmenu {
	padding-top: 5px;
	}
ul.thmenu li {
	display: block;
	_display: inline;	/* IE6 double-margin float bugfix */
	float: left;
	height: 40px;
	margin: 0px 0px 0px 16px;
	}

/* Thumbnail menu: links */
.thmenu a {
	display: block;
	width: 20px;
	height: 40px;
	}
.thmenu a span {
	display: none;
	}
/* thumbnails */
.thmenu a#nav_91_link {
	width: 98px;
	background: url(./imgs/logo_aula.gif) no-repeat;
	}
.thmenu a#nav_92_link {
	width: 81px;
	background: url(./imgs/logo_alvar.gif) no-repeat;
	}
.thmenu a#nav_93_link {
	width: 110px;
	background: url(./imgs/logo_donna.gif) no-repeat;
	}

/* CONTENT STYLING																			*/

/* LOGOHOLDER */
a#logo {
	display: block;
	float: right;
	width: 223px;
	height: 72px;
	margin: 0px 0px 24px 0px;
	background: url(./imgs/blanko.gif) no-repeat;
	}
a#logo span {
	display: none;
	}
#logoholder p {
	font-size: 10px;
	line-height: 11px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}
#logoholder p.address {
	letter-spacing: 1px;
	margin-bottom: 6px;
	}
#logoholder p a {
	color: #1f1f1f;
	}

/* CONTENT headers */

#content h2 {
	display: block;
	font-size: 1.4em;
	line-height: 18px;
	letter-spacing: 1px;
	margin: 0px 0px 14px 0px;
	color: #ffffff;
	}
#content h4 {
	display: block;
	clear: both;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
	}
#content h5 {	
	display: block;
	clear: both;
	width: 320px;
	line-height: 14px;
	height: 14px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #2B1D0F;
	}

/* CONTENT: main text content */

body#frontpage .nosto {
	margin: 0px 30px 30px 200px;
	padding: 72px 0px 0px 30px;
	}
#content h3 {				/* buggy old CMS! */
	margin: 0px 0px 8px 0px;
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 18px;
	color: #292929;
	}
#content p {
	margin: 0px 30px 10px 0px;
	font-size: 1.0em;
	line-height: 14px;
	color: #292929;
	}
body#openhours #content h5 {
	margin: 0px 0px 10px 0px;
	}
#content b, #content strong {
 	font-weight: bold;
	}
#content i, #content em {
	font-style: italic;
	}
#content p a {
	color: #2b1d0f;
	font-weight: bold;
	}
#content p a:hover {
	color: #ffffff;
	}
#content p.box {
	margin-left: 24px;
	}
#content ul, #content ol {
	display: block;
	margin: 0px 0px 10px 0px;
	line-height: 14px;
	}
#content li {
	text-indent: 12px;
	}

/* CONTENT forms */

#content fieldset {
	margin-left: 30px;
	}
#content label {
	display: block;
	float: left;
	clear: left;
	width: 100px;
	line-height: 18px;
	}
#content input {
	width: 220px;
	height: 16px;
	margin-bottom: 4px;
	background-color: #eae7e4;
	border: none;
	}
#content textarea {
	margin-bottom: 4px;
	background-color: #eae7e4;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 220px;
	}
#content input.button {
	width: 80px;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0px;
	border: 1px solid ffffff;
	height: 18px;
	padding: 0px 16px;
	color: #000000;
	background-color: #ffffff;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}
#content input.button2 {
	display: block;
	width: 80px;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0px 0px 0px 100px;
	border: 1px solid ffffff;
	height: 18px;
	padding: 0px 16px;
	color: #000000;
	background-color: #ffffff;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}

/* CONTENT menus & lists */

/* Lunch */
#content p.list_day {
	font-weight: bold;
	clear: left;
	margin: 16px 0px 4px 0px;
	color: #2B1D0F;
	}
#content p.list_name {
	float: left;
	clear: left;
	width: 340px;
	margin: 0px;
	font-size: 0.9em;
	}
#content p.list_price {
	width: 25px;
	margin: 0px 0px 0px 340px;
	font-size: 0.9em;
	}
#content p#print {
	position: relative;
	right: -30px !important;
	right: 0px;
	}
#content p#print a {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 160px;
	text-indent: 8px;
	line-height: 25px;
	height: 25px;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #000000;
	background-color: #e1dcd7;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}
#content p#print a:hover {
	background-color: #eae7e4;
	}

/* Food */
body#food p.list_name, body#food-eng p.list_name, body#food-swe p.list_name   {
	float: left;
	clear: left;
	width: 280px;
	margin: 0px;
	color: #000000;
	font-size: 0.9em;
	line-height: 12px;
	}
#leftcol p.list_price, #ritecol p.list_price {
	width: 25px;
	margin: 0px 0px 0px 285px;
	text-align: right;
	font-size: 0.9em;
	line-height: 12px;
	}
#content p.list_desc {
	width: 260px;
	clear: left;
	margin: 0px 0px 4px 20px;
	font-size: 0.9em;
	line-height: 12px;
	}

/* Wine */
body#wine #content h5 {	
	display: block;
	clear: both;
	width: 320px;
	line-height: 16px;
	height: 16px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #2B1D0F;
	}
body#wine #content table.winetable {
	display: block;
	width: 340px;
	margin-bottom: 16px;
	}
body#wine #content table.winetable td {
	}
body#wine #content td.list_name {
	width: 260px;
	margin: 0px;
	font-size: 0.9em;
	line-height: 16px;
	}
body#wine #content td.list_price {
	width: 25px;
	margin: 0px;
	font-size: 0.9em;
	line-height: 16px;
	height: 16px;
	text-align: right;
	}
body#wine #content td.list_desc {
	width: 20px;
	margin: 0px;
	font-size: 0.9em;
	line-height: 16px;
	height: 16px;
	padding-right: 10px;
	text-align: right;
	}

/* Opening hours */
#content p.open_days {
	float: left;
	clear: left;
	width: 120px;
	margin: 0px;
	line-height: 16px;
	}
#content p.open_hours {
	float: left;
	width: 80px;
	margin: 0px;
	line-height: 16px;
	}

/* CONTENT images */

.imgwrap-left {
	float: left;
	margin: 6px 6px 6px 0px;
	}
.imgwrap-right {
	float: right;
	margin: 6px 0px 6px 6px;
	}

/* Tables for captions? no better solution exists as of Apr-08 */
/* DO NOT USE a <p> element inside! */
.imgwrap-left table, .imgwrap-right table {
	width: 1px;		/* tables stretch to accomodate content anyways */
	}
#content p.caption {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 2px 0px 6px 0px;
	}

/* FOOTER */
#footertext {
	float: right;
	width: 470px;
	margin: 6px 30px 0px 0px;
	text-align: right;
	font-size: 10px;
	line-height: 11px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}