/* New York */

body {

  background: #7D0707 url(../img/bg.jpg) repeat top left;
  width: 100%;
  padding: 0;
  margin: 30px 0 30px 0;
  text-align: center;
}

a, div, span, p, ul, li, blockquote, table, tr, td, input, textarea, option, select {

  font: normal 12px Tahoma, Arial, Sans-Serif;
  color: #000;
}

h2 {

  font: bold 24px Arial, Tahoma, Sans-Serif;
  color: #822B25;

  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 15px;
}

h3, h3 a {

  font: bold 18px Arial, Tahoma, Sans-Serif;
  color: #822B25;

  padding-top: 0;
  padding-bottom: 0;
  margin-top: 15px;
  margin-bottom: 5px;
}

/*
#ajankohtaista #text #h3 {
  border-top: 1px solid #822B25;
}
*/

h4 {

  font: bold 14px Arial, Tahoma, Sans-Serif;
  color: #822B25;

  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 10px;
}

div, img {

  padding: 0;
  margin: 0;
  border: 0;
}

ul {

  list-style-type: disc;
  padding: 0 0 0 20px;
  margin: 0px;
}

li {

  list-style-type: disc;
  padding-bottom: 2px;
}

p {

  margin: 10px 0 5px 0;
}

.inputarea {

  border: 1px solid #822B25;
  padding: 2px;
}

.button {

  border: 1px solid #822B25;
  padding: 1px;
}

#kantislomake input[type="text"] {
  border: 1px solid #822B25;
  padding: 2px;
  width: 200px;
}

#kantislomake #birthdate {
  width: 80px;
}

#kantislomake #zip {
  width: 80px;
}

#kantislomake input[type="submit"] {
  border: 1px solid #822B25;
  padding: 1px;
  width: 60px;
}

#kantislomake #raflat label {
  clear: both;
}

/* LINKIT */

a:link, a:visited, a:active {

  color: #822B25;
  text-decoration: underline;
}
a:hover, a:visited:hover, a:active:hover {

  text-decoration: none;
}

h3 a:link, h3 a:visited, h3 a:active {

  text-decoration: none;
}

a.hidden:link, a.hidden:visited, a.hidden:active {

  text-decoration: none;
}
a.hidden:hover, a.hidden:visited:hover, a.hidden:active:hover {

  text-decoration: underline;
}

/* Wrapper */

div#wrapper {

  background-color: #F3EAD9;
  width: 990px;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}

/* Header */

div#header {

  width: 900px;
  height: 200px;
  float: left;
}

div#header h1 {

  padding: 0;
  margin: 0;
  float: left;
}

/* Päävalikko */

#mainmenu ul {

  background: transparent url(../img/bg_menu.gif) repeat-x bottom left;
  width: 990px;
  height: 34px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: left;
}

#mainmenu ul li {

  list-style-type: none;
  float: left;
  height: 16px;
  padding: 9px 15px 9px 15px;
  margin: 0 0 0 0;
  border-left: 1px solid #9E9E9E;
}

#mainmenu ul li:first-child {

  border-left: 0px solid #9E9E9E;
}

#mainmenu ul li a:link, #mainmenu ul li a:visited, #mainmenu ul li a:active {

  display: block;
  font: normal 14px Arial, Tahoma, Sans-Serif;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}

#mainmenu ul li a.selected:link, #mainmenu ul li a.selected:visited, #mainmenu ul li a.selected:active,
#mainmenu ul li a.current:link, #mainmenu ul li a.current:visited, #mainmenu ul li a.current:active {

  color: #AEAEAE;
  text-decoration: none;
}

#mainmenu ul li a:hover, #mainmenu ul li a:visited:hover, #mainmenu ul li a:active:hover {

  color: #AEAEAE;
  text-decoration: none;
}

/* Sisältö */

div#content {

  background: transparent url(../img/bg_content_both.gif) repeat-y bottom left;
  width: 990px;
  padding: 0;
  margin: 0;
  text-align: left;
}

#ravintolat div#content {

  background: transparent url(../img/bg_content_left.gif) repeat-y bottom left;
}

div#text {

  background: transparent url(../img/pattern_ravintolat.gif) repeat top left;
  width: 580px;
  min-height: 400px;
  padding: 20px 10px 10px 10px;
  margin: 0;
  float: left;
}

#ravintolat div#text {

  width: 740px;
  min-height: 400px;
  padding: 20px 10px 10px 10px;
  margin: 0;
  float: left;
}

* html div#text {

  height: 400px;
}

div#text p {

  line-height: 1.6;
}

/* Ravintolat */

.www {
  font-size: 18px;
}

.restaurants {
  clear: both;
  border-top: 2px solid #822B25;
  padding: 10px 10px 10px 0;
}

.restaurants-text {
  float: left;
  width: 350px;
}

.restaurants-img {
  float: left;
  margin-right: 20px;
}

#info-right {
  float: right;
  width: 360px;
  padding: 10px 0 10px 10px;
}

#info-left {
  float: left;
  width: 360px;
  padding: 10px 10px 10px 0;
}

/* Tapahtumat */

ul#events {
  background-color: #F9F4EB;
  border-top: 4px solid #822B25;
  margin: 0;
  padding: 0 10px;
  list-style-type: none;
}

ul#events li {
  border-bottom: 2px solid #F3EAD9;
  margin: 5px 0;
  padding: 5px 0;
  list-style-type: none;
}

ul#events li b {
  width: 105px;
  display: block;
  float: left;
}

ul#events li span {
  padding-left: 105px;
  color: #822B25;
}

ul#events li div {
  padding-left: 105px;
  margin-top: 15px;
}

/* Lounas */

.lounaspalsta {
  float: left;
  width: 290px;
}

#lounas p img {
  margin-top: 15px;
}

/* Sidebar ja alamenu */

div#submenu {

  width: 200px;
  padding: 20px 20px 0 10px;
  margin: 0;
  float: left;
}

#submenu ul li {

  padding: 3px 5px 3px 0px;
  margin: 0;
  list-style-type: none;
}

#submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:active {

  font: normal 12px Arial, Tahoma, Sans-Serif;
  color: #9d6238;
  text-decoration: none;
}

#submenu ul li a.current:link, #submenu ul li a.current:visited, #submenu ul li a.current:active {

  color: #000;
  text-decoration: none;
}

#submenu ul li a:hover, #submenu ul li a:visited:hover, #submenu ul li a:active:hover {

  color: #000;
  text-decoration: underline;
}

/* sivupalkki */

div#sidebar {

  width: 150px;
  padding: 20px 0 0 10px;
  margin: 0;
  float: left;
}

/* Alaosa */

div#footer {

  background-color: #F3EAD9;
  width: 948px;
  height: 23px;
  margin: 10px auto;
  padding: 8px 20px 0 20px;
  border: 1px solid #F3EAD9;
  color: #9F9F9F;
  clear: both;
}

div#footer ul {

  width: 948px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: left;
}

div#footer ul li {

  padding: 0 0 0 20px;
  list-style-type: none;
  color: #9C9B9C;
  float: right;
}

div#footer ul li.left {
  float: left;
  padding: 0 20px 0 0;
}

div#footer ul li a {

  color: #9F9F9F;
}

div#footer img {
  margin-top: -3px;
}

/* Muut */

img.kuva_left {

	padding-right: 10px;
	padding-bottom: 5px;
}

img.kuva_right {

	padding-left: 10px;
	padding-bottom: 5px;
}

div#content img[align="left"] {

	padding-right: 10px;
	padding-bottom: 5px;
}

div#content img[align="right"] {

	padding-left: 10px;
	padding-bottom: 5px;
}