/* ruokapaikka.info */

body {
    margin:             0px;
    padding:            0px;
    font-family:        Arial, "Lucida Grande", Verdana;
    background:         #640707 url('../img/background-red.jpg') repeat-x;
}

div, img {
    margin:             0px;
    padding:            0px;
    border:             none;
}

a:link, a:visited {
    color:              #fff;
    text-decoration:    none;
}

a:hover, a:visited:hover {
    color:              #fba01e;
  	font-weight:        normal;
  	text-decoration:    none;
}

#sitewrapper {
    padding:            0px 0px 0px 0px;
    margin:             0px;
    background:         transparent url('../img/background-fader2.jpg') no-repeat;
    width:              990px;
}

#header {
    position:           relative;
    height:             119px;
    padding:            16px 0px 0px 37px;
}

#header h1 {
    margin:             0;
    padding:            0;
}

#topimage {
    position:           absolute;
    top:                40px;
    right:              30px;
}

#contentwrap {
    clear:              both;
    background:         #640707 url('../img/content-top-bg2.jpg') repeat-x;
    padding:            20px 20px 30px 37px;
    color:              #ffffff;
    font-size:          11px;
    line-height:        18px;
    background-color:   #640707;
}

#heading {
    border-bottom:      1px dotted #fff;
    margin-bottom:      20px;
}

#heading h2 {
    font-weight:        normal;
    font-size:          18px;
}

#leftbar {
    width:              140px;
    float:              left;
    visibility:         visible;
}

#leftbar h3 {
    color:              #fead00;
    font-weight:        bold;
    font-size:          13px;
    margin:             0;
    padding:            0;
}

#leftbar ul {
    margin-left:        0px;
    padding-left:       10px;
}

#leftbar li{
    list-style-type:     none;
}

#leftbar li:before {
    content:            "\00BB \0020";
    color:              #fead00;
}

#rightbar {
    width:              152px;
    float:              left;
    background:         #8f2626;
    padding:            0px 8px 30px 0px;
}

#rightbar h3 {
    color:              #fead00;
    font-weight:        bold;
    font-size:          11px;
    padding:            20px 0px 0px 0px;
    margin:             0px 0px 0px 12px;
}

#rightbar ul {
    padding-left:       15px;
}

#rightbar li {
    list-style-type:     none;
}

#rightbar li:before {
    content:            "\00BB \0020";
    color:              #fead00;
}

#content {
    float:              left;
    border-left:        1px dotted #fff;
    width:              580px;
    min-height:         351px;
    padding:            0px 20px 20px 20px;
}

#content h2 {
    font-weight:        normal;
    font-size:          24px;
}

#content h3 {
    font-weight:        bold;
    font-size:          14px;
}

#ruokamap {
    border:             5px solid #000000;
    color:              #323232;
}

#ruokamap a:link, #ruokamap a:visited {
    color:              #788BB1;
}

#footer {
    clear:              both;
    padding:            0px 30px 0px 30px;
    text-align:         center;
    color:              #ffffff;
    font-size:          11px;
    background-color:   #640707;
}

#footer-content {
    padding:            20px 0px 20px 0px;
    border-top:         1px dotted #fff;
}

/* Mainmenu  - Sliding Doors 2 - http://alistapart.com/articles/slidingdoors2/ */

#mainmenu {
  font-family:"Lucida Grande", Arial;
  font-size:11px;
  color:#fff;
  font-weight:lighter;
  margin-left:20px;
  float:left;
  }
#mainmenu ul {
  margin:0;
  padding:0 0 0 0;
  list-style:none;
  }
#mainmenu li {
  float:left;
  background:transparent url('../img/mainmenu_left_both_red.gif') no-repeat top left;
  margin:0;
  padding:0 0px 0 17px;
  }
#mainmenu a {
  float:left;
  display:block;
  width:.1em;
  background:transparent url('../img/mainmenu_right_both_red.gif') no-repeat top right;
  padding:6px 22px 10px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#f3bd70;
  }
#mainmenu > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainmenu a {float:none;}
/* End IE5-Mac hack */
#mainmenu a:hover {
  color:#fff;
  }
#etusivu #nav-etusivu, #info #nav-info, #ravintolat #nav-ravintolat, #arvostelut #nav-arvostelut, #palaute #nav-palaute {
  background-position:0 -32px;
  border-width:0;
  }
#etusivu #nav-etusivu a, #info #nav-info a, #ravintolat #nav-ravintolat a, #arvostelut #nav-arvostelut a, #palaute #nav-palaute a {
  background-position:100% -32px;
  padding-bottom:10px;
  color:#fff;
  }
#mainmenu li:hover, #mainmenu li:hover a {
  background-position:0% -32px;
  color:#fff;
  }
#mainmenu li:hover a {
  background-position:100% -32px;
  }