/* CSS Document */


* {margin:0;padding:0;}
div { -moz-box-sizing: border-box; box-sizing: border-box; }
img {border:none;}
a { color: #e581ae; }

body {
	background-color: white;
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 11px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	}
	
#wrapper {
	width: 700px;
	margin: 0px auto;
	}
	#top {
		display: block;
		height: 1px;
		}
		#logo {
			background-image:url(images/logo.gif);
			background-repeat:no-repeat;
			background-position:bottom;
			width: 190px;
			height: 136px;
			clear: none;
			display: block;
			float: left;
			}
		ul#navigation {
			clear: none;
			display: block;
			float:right;
			width: 490px;
			margin-top: 55px;
			padding-top: 20px;
			padding-bottom: 20px;			
			list-style-type: none; /* FF */
			text-align: center;
			}
			ul#navigation li {
				list-style-type: none; /* FF */
				display:inline;
				}
		#body {
			float: left;
			width: 700px; /* jotta homma toimis mozzarellassa */
			_width: 660px; /* ja sen jalkeen IE:ssa */
			height: 300px;
			display: block;
			background-repeat: no-repeat;
			padding: 200px 20px 20px 20px;
			}
			.photoFront { background-image: url(images/photo_front.jpg); }
			.photoAlacarte { background-image: url(images/photo_alacarte.jpg); }
			.photoLunch { background-image: url(images/photo_lunch.jpg); }
			.photoWinesdrinks { background-image: url(images/photo_winesdrinks.jpg); }
			#body #margin { width: 190px; margin-top: 120px; float: left; line-height: 18px; text-align: right; }
				#body #margin h3 {
					font-size: 14px;
					margin-top: 12px;
					color: #731056;
					font-variant: small-caps;
					}
			#body #content { 
				text-align: left; padding-bottom: 30px; width: 450px; background-color: #006666; border-top: 12px solid #fec0de; border-bottom: 4px solid #fec0de; background-color: #fef8ff; float: right; }
				#content h2 { padding: 0px 25px 11px 25px; color: #731056; text-align: right; margin-bottom: 15px; margin-top: 35px; font-size: 28px; line-height: 30px; font-weight: normal; }
					#content h2 .comment { font-size: 12px; color: #999; }
				#content h3 {
					color: #731056;
					text-align: right;
					margin-bottom: 15px;
					margin-top: 8px;
					font-weight: bold;
					font-variant: normal;
					}
				#content p { padding-left: 25px; padding-right: 25px; margin-bottom: 15px; line-height: 18px; }
				#content ol.ruokalista, #content ul.ruokalista {
					color: #e581ae;
					font-size: 14px;
					font-weight: bold;
					line-height: 18px;
					margin-left: 20px;
					padding-left: 25px;
					padding-right: 25px;
					}
					#content ol.ruokalista, #content ul.ruokalista li { margin-top: 8px; }
					#content ol.ruokalista h2, #content ul.ruokalista h2, #content ol.ruokalista .comment, #content ul.ruokalista .comment { padding: 0px; } /* korjaus edelliseen mikäli listan sisällä */
					#content ol.ruokalista .comment, #content ul.ruokalista .comment {
						color: #999;
						font-weight: normal;
						font-size: 11px;
						}
					#content ol.ruokalista .price, #content ul.ruokalista .price {
						float: right;
						font-size: 11px;
						color: #731056;
						font-weight: bold;
						}
					#content ul.ruokalista {
						list-style: none; /* ei numeroitu lista */
						margin-left: 0px; /* vasemman laidan tasaus */
						}
					#content ul { line-height: 18px; margin-left: 50px;}

			#footer { text-align: center; font-size:11px; width: 400px; clear: both; display: block; float: right; padding-top: 8px; padding-right: 20px; padding-bottom: 30px;}




span.phone { font-size: 130%; font-weight: bold; }