/*
------------------------------------------------------------
	Title: Ravintola Timbaali Oy Screen Stylesheet
	Author: Frametic
	Version: 12.02.2008
	
	Copyright (c) 2006-2008 Frametic. All rights reserved.
------------------------------------------------------------ */

body {
	background: url(../images/img_body_bg.gif) 0 0 repeat-x #f2eeda;
	color: #3b3a3d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	font-style: normal;
	font-variant: normal;	
	font-weight: normal;
	line-height: 1.0em;
	margin: 0;
	padding: 0; }
	
/* Headings
------------------------------------------------------------ */		
	
h1 {
	color: #6c6649;
	font-size: 165%;
	font-weight: bold;
	margin: 1em 0; }
	
h2 {
	font-size: 160%;
	font-weight: bold; }		
	
h3 {
	font-size: 140%;
	font-weight: bold; }
	
h4 {
	font-size: 130%;
	font-weight: bold; }	
	
h5 {
	font-size: 110%;
	font-weight: bold; }
	
h6 {
	color: #af0000;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0; }	
	
#content #news h1 {
	font-size: 140%;
	font-weight: bold;
	padding: 10px 10px 0 10px;
	text-align: left; }	
	
#sidebar h1 {
	color: #6c6649;
	font-size: 130%;
	font-weight: bold; }
	
#sidebar h2 {
	color: #3b3a3d;	
	font-size: 120%;
	font-weight: bold; }
	
#sidebar h3 {
	color: #3b3a3d;
	font-size: 100%;
	font-weight: bold; }		

/* Global definitions
------------------------------------------------------------ */	

.italic {
	font-style: italic; }

.special {	
	background-color: #ffff99;
	color: #3b3a3d;
	padding: 5px;
	text-align: left; }	
	
/* Structure
------------------------------------------------------------ */

#container {
	background: url(../images/img_container_bg.gif) 0 0 repeat-y #fff;
	font-size: 120%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 800px; }
	
#header {
	background: url(../images/img_header_bg.gif) 0 0 repeat-x #af0000;
	clear: both;
	float: left;
	padding: 0;
	width: 800px; }
	
#ribbon {
	background-color: #3b3a3d;
	clear: both;
	color: #fff;
	float: left;
	height: 200px;
	overflow: hidden;
	width: 800px; }
	
#content {
	background-color: #fff;
	clear: left;
	float: left;
	line-height: 1.5em;
	padding: 10px;
	width: 490px; }
	
#sidebar {
	background-color: #fff;
	border-left: 1px solid #ddd;
	float: left;
	line-height: 1.3em;
	margin: 0 0 0 15px;
	padding: 10px 10px 20px 10px;
	width: 249px; }
	
#footer {
	background-color: #fff;
	clear: both;
	font-size: 80%;
	padding: 25px 10px 10px 10px; }
	
/* Navigation
------------------------------------------------------------ */

#nav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0; }
	
#nav li {
	float: left;
	margin: 0;
	padding: 0; }
	
#nav li img {
	border: none; }
	
#nav li a,
#nav li a:visited {
	color: #fff;
	display: block;
	float: left;
	padding: 17px 15px;
	text-decoration: none; }
	
#nav li a:hover,
#nav li a:visited:hover {
	color: #fff;
	font-style: italic;
	text-decoration: underline; }
	
#subnav {
	background-color: #fff;
	list-style: none;
	margin: 0;
	padding: 0; }
	
#subnav li {
	background: url(../images/img_subnav_li.gif) 10px 13px no-repeat #f2eeda;
	border: 1px solid #ddd;
	margin: 0 0 2px 0;
	padding: 0; }
	
#subnav li a,
#subnav li a:visited {
	color: #3b3a3d;
	display: block;
	padding: 7px 7px 7px 25px;
	text-decoration: none; }
	
#subnav li a:hover,
#subnav li a:visited:hover {
	color: #007767;
	font-style: italic;
	text-decoration: underline; }		
	
/* Language
------------------------------------------------------------ */	

#language {
	display: block; /* Disabled temporary */
	float: right;
	list-style: none;
	/* margin: 0 10px 0 0; */
	margin: 0 5px 0 0;
	padding: 0; }
	
#language img {
	border: none; }		
	
#language li {
	float: left;
	margin: 0;
	padding: 0; }
	
#language li a,
#language li a:visited {
	color: #fff;
	display: block;
	float: left;
	/* padding: 17px 5px; */
	padding: 17px 2px;
	text-decoration: none; }	
	
#language li a:hover,
#language li a:visited:hover {
	color: #fff;
	text-decoration: underline; }				
	
/* Content
------------------------------------------------------------ */		

#content a,
#content a:visited {
	color: #3b3a3d;
	text-decoration: underline; }
	
#content a:hover,
#content a:visited:hover {
	color: #007767;
	text-decoration: underline; }

#content h1 {
	background: url(../images/img_heading_bg.gif) 0 50% repeat-x #fff;
	color: #3b3a3d;
	clear: both;
	line-height: normal;
	padding: 0 5px 0 5px;
	text-align: center; }

#content h1 span {
	background-color: #fff;
	padding: 0 5px 0 5px; }

#content img {
	border: 1px solid #ddd;
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px; }

#content #columnLeft,
#content #columnMiddle,
#content #columnRight {
	float: left;
	line-height: 1.8em;
	text-align: center;
	width: 246px; }	
		
#content #columnMiddle {
	margin: 0 20px; }
	
#content ul {
	clear: both;
	margin: 0;
	padding: 0 0 0 18px; }	
	
#content table {
	border-collapse: collapse;
	clear: both;
	margin: 0 0 10px 0;
	width: 100%; }
	
#content table caption {
	color: #af0000;
	font-weight: bold;
	padding: 10px 0;
	text-align: left; }	
	
#content table th,
#content table td {
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 5px 10px; 
	text-align: center; }
	
#content table tr {
	background-color: #f7f3df; }
	
#content table tr.alt {
	background-color: #f2eeda; }	
	
#content table .date {
	text-align: left;
	width: 100px; }	

#content table .description {
	text-align: left; }	
	
#content table .name {
	text-align: left;
	width: 375px; }
	
/* Content Form
----------------------------------------------- */	
	
#content form {
	background-color: #f2eeda;
	border: 1px solid #ddd;
	padding: 10px 15px; }
	
#content form #important {
	background-color: #ffff99;
	border: 1px solid #ddd;
	margin: 5px 0 15px 0;
	padding: 3px 10px;
	text-align: left;
	width: 435px; }
	
#content form ul {
	margin: 0 0 15px 15px;
	padding: 0; }
	
#content form ul li {
	color: #ff0000; }
	
#content form dl {
	background: none;
	border: none;
	padding: 15px 12px 0 12px; }
		
#content form dl dd {
	margin: 0 0 15px 0;
	padding: 0; }
	
#content form #meta {
	margin: 0;
	padding: 0 0 15px 0; }

#content form #data,
#content form #protection,
#content form #control {
	border-top: 1px dotted #ccc;
	clear: both;
	margin: 0;
	padding: 10px 0 5px 0; }
	
#content form #protection #code {
	float: left;
	width: 150px; }
		
#content form #name,
#content form #email,
#content form #subject {
	width: 250px; }
	
#content form #safecode {
	width: 75px; }
	
#content form .description {
	clear: both; }
	
#content form #option {
	margin: 10px 0 0 0; }
	
#content form #message {
	height: 200px;
	width: 300px; }
	
#content form #messageCount {
	color: #aaa;
	font-size: 90%; }	
	
/* Sidebar
------------------------------------------------------------ */	

#sidebar a,
#sidebar a:visited {
	color: #3b3a3d;
	text-decoration: underline; }
	
#sidebar a:hover,
#sidebar a:visited:hover {
	color: #007767;
	text-decoration: underline; }

#sidebar .box {
	background-color: #f2eeda;
	border: 1px solid #ddd;
	padding: 7px; }	
	
#sidebar #news {
	background-color: #f2eeda;
	border: 1px solid #ddd;
	padding: 10px 10px 5px 10px; }
	
#sidebar #news dl dt {
	text-align: left; }	
	
#sidebar #news dl dt.ornament {
	margin: 5px 0 5px 0;
	text-align: center; }	
	
#sidebar #news dl dd {
	margin: 0; }
	
#sidebar #partners a,
#sidebar #partners a:visited {
	color: #3b3a3d;
	text-decoration: underline; }
	
#sidebar #partners a:hover,
#sidebar #partners a:visited:hover {
	color: #007767;
	text-decoration: underline; }
	
#sidebar #partners {
	list-style: none;
	margin: 0;
	padding: 0; }	
	
#sidebar #partners li {
	margin: 0 0 15px 0; }	
	
#sidebar #partners img {
	border: none; }	
	
/* Footer
------------------------------------------------------------ */

#footer a,
#footer a:visited {
	border: none;
	color: #3b3a3d;
	text-decoration: none; }
	
#footer a:hover,
#footer a:visited:hover {
	border-bottom: 1px solid #fff;
	color: #007767;
	text-decoration: none; }

#footer img {
	border: none; }

#footer #textnav {
	clear: both;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0; }
	
#footer #textnav li#first {
	border: none;
	padding: 0 10px 0 0; }	
	
#footer #textnav li {
	border-left: 1px solid #ddd;	
	float: left;
	margin: 0;
	padding: 0 10px 0 10px; }	
	
#footer #textnav a,
#footer #textnav a:visited {
	color: #3b3a3d;
	display: block;
	float: left;
	text-decoration: none; }
	
#footer #textnav a:hover,
#footer #textnav a:visited:hover {
	color: #007767;
	font-style: italic;
	text-decoration: underline; }

#footer p {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0; }

#footer p #design {
	float: right;
	margin: -23px 40px 0 0; }