* { margin: 0px; padding: 0px; }
html { height: 100%; }
body { position: relative; height: 100%;
font-family: Georgia, Verdana, sans-serif; font-size: 16px;
background: #FFFFFF url(../gfx/bg_pattern.jpg);
}
#page { position: relative; width: 743px; min-height: 100%; text-align: left;
background: url(../gfx/page_bg_pattern.gif) top left repeat-y;
}
* html #page { height: 100% }
#header { height: 338px; width: 728px;
background: url(../gfx/header_bg.jpg) top left no-repeat;
}
#header h1 { position: absolute; left: 40px; top: 302px;
font-weight: 100; font-size: 26px; color: #242016;
}
#langbar { position: absolute; top: 12px; left: 365px;
width: 324px; height: 28px; text-align: center; padding-top: 5px;
font-size: 13px; font-family: Trebuchet MS, sans-serif;
background: url(../gfx/langbar.gif) no-repeat;
}
#langbar span { font-size: 13px; color: #d5d7de; }
#langbar a { color: #8f1867; text-decoration: none; }
#langbar a:hover { text-decoration: underline; }
#navbar { position: absolute; top: 187px; left: 395px; }
#navbar a { height: 0px; margin-right: 6px; border-bottom: 2px solid #f4bdf2; padding-bottom: 4px;
font-size: 16px; text-decoration: none; color: #484341; }
#navbar a:hover { color: #292625; border-bottom: 2px solid #f464ec; }
#downstairs { position: absolute; left: 400px; top: 229px; font-size: 14px; }
#downstairs a { text-decoration: none; color: #5F719B; }
#downstairs a:hover { color: #3D5079; }
#downstairs img { position: absolute; top: -7px; margin-left: 10px; border: 0px; }
#sideboards { position: absolute; top: 0px; left: 743px; width: 185px;
padding-top: 10px; padding-left: 12px;
color: #142e6d;
}
#sideboards a { color: #142e6d; text-decoration: none; }
#sideboards a:hover { text-decoration: underline; }
#sideboards h2 { font-weight: 100; font-size: 14px; text-decoration: underline; }
#vipboard { width: 185px; padding-top: 18px; padding-left: 20px; height: 96px; background: url(../gfx/vip_liitutaulu.jpg) no-repeat; }
* HTML #vipboard { height: 114px; }
#vipboard a { color: #d8d8d8; text-decoration: none; font-size: 13px; }
#vipboard h2 { font-weight: 100; font-size: 17px; }
#theboard { margin-top: 8px; padding: 54px 23px 10px 22px; width: 185px; height: 246px; background: url(../gfx/liitutaulu.jpg) no-repeat; } /* ff ~ height-top&bottom padding */
* HTML #theboard { margin-top: 8px; width: 185px; height: 310px; } /* IE */
#theboard p { width: 140px; color: #d6d7d8; font-size: 11px; border-top: 1px #67686d solid; padding-top: 5px; margin-bottom: 5px;}
#theboard a { color: #e7bcd6; text-decoration: none; }
#theboard a:hover { color: #fff; text-decoration: underline; }
#theboard .eka { border-top: 0px #fff solid; padding-top: 0px; margin-bottom: 5px;}
#tourboard { color: #d6d7d8; margin-top: 8px; padding-top: 60px; padding-left: 23px; width: 185px; height: 310px; background: url(../gfx/liitutaulu.jpg) no-repeat; }
#content { width: 640px; min-height: 100%;
margin-left: 45px; margin-top: 10px;
}
#content a { color: #e2279e; text-decoration: underline; }
#content a:active { color: #000; }
#content a:hover { text-decoration: none; }
#photogallery { width: 640px; margin-top: 50px;}
#photogallery h2 { margin-top: 20px; margin-bottom: 15px; font-weight: 100; font-size: 20px; clear: both; color: #484341; }
#gallery { margin-left: 10px; width: 600px; }
#photogallery img { vertical-align: middle; padding: 5px; margin: 3px; border: 1px solid #adb4db; }
* html #photogallery img { padding: 0px; margin: 0px; border: 0px; }
* html #photogallery .image { height: 10px; width: 10px; vertical-align: middle; padding: 5px; margin: 3px; border: 1px solid #adb4db; }
#happenings { width: 650px; margin: 20px 0px 0px 6px; }
#happenings table { font-size: 14px; color: #484341; }
#happenings table td { padding: 7px; }
#happenings h1 { font-weight: 100; font-size: 20px; line-height: 5px; margin-bottom: -8px;}
#happenings .dark, #lunch .dark { background-color: #f8f7f6; }
#happenings .date { width: 120px; vertical-align: middle; text-align: center; padding: 10px;
font-size: 13px; color: #484341; border-right: 1px dotted #f4bdf2; }
#happenings .name { padding: 6px 0px 0px 15px; width: 500px; text-align: left; font-size: 19px; color: #484341; }
#happenings .description { padding-left: 15px; text-align: left; font-size: 13px; color: #324777; }
#lunch { clear: both; width: 640px; padding: 15px; margin-left: -13px;}
#lunch table { font-size: 12px; color: #484341; }
#lunch table td { padding: 7px; font-size: 13px; }
#lunch h2 { width: 500px; font-weight: 100; font-size: 24px; }
#lunch .info { margin-left: 10px; font-size: 13px; }
#lunch .lunchtitle { padding: 15px 15px 15px 50px; width: 80px; vertical-align: top; text-align: left; border-bottom: 1px solid #f4bdf2; }
#lunch .date { padding: 15px; width: 80px; vertical-align: top; text-align: center; }
#lunch .foods { width: 530px; vertical-align: middle; text-align: left; }
#lunch .price { padding: 15px; font-size: 17px; width: 640px; vertical-align: middle; text-align: left; border-top: 1px solid #f4bdf2; }
#contenttext { position: relative; width: 450px; margin: 0px 0px 10px 0px; padding-top: 12px; float: left; }
* HTML #contenttext { margin-top: 0px; }
#contenttext h3 { font-weight: 100; margin-bottom: 15px; font-size: 20px; color: #000000; }
#contenttext p { margin-bottom: 15px; color: #353535; font-size: 16px; }
#mailbox { position: absolute; left: 535px; top: 360px; width: 154px; height: 200px;
padding-top: 220px; font-size: 13px;
background: url(../gfx/mailbox.jpg) top no-repeat; color: #444444;
}
#offerings { width: 420px; height: 415px; margin: 0px 0px 10px 226px; padding-top: 12px; }
#offerings h3 { font-weight: 100; margin-bottom: 15px; font-size: 20px; color: #000000; }
#offerings p { margin-bottom: 15px; color: #353535; font-size: 16px; }
#mailboxpop { width: 100%; height: 100%; padding: 10px; margin: 0; }
#mailboxpop h1 { font-size: 24px; margin-left: 10px; color: #fff; margin-bottom: 10px; font-weight: 100; }
#mailboxpop table { width: 300px; padding: 0px; border: 0px solid #8093bc; background: #fff; }
#mailboxpop td { padding: 10px 10px 10px 10px;
border-width: 1px; font-family: georgia, verdana, sans-serif; font-size: 13px; }
#mailboxpop input { background: #fff; width: 220px; padding-left: 3px; font-family: georgia, verdana, sans-serif; font-size: 13px; }
#mailboxpop textarea { width: 300px; padding: 0px 0px 0px 3px; }
#mailboxpop .name { width: 80px; }
#mailboxpop .input { }
#mailboxpop .feedback { padding-top: 10px; border-top: 1px dotted #d4d6db; }
#mailboxpop .submit { padding-top: 0px; padding-bottom: 10px; }
#mailboxpop .button { vertical-align: middle; background: #bfbb9d; padding: 5px; width: 100px; }
.sidepic { position: absolute; width: 201px; height: 415px; margin-right: 24px; }
#content td h3 { font-weight: 100; font-size: 18px; }
#content table { margin-top: 10px; }
#content table span { color: #6c6e71; font-size: 11px; }
.linetable { clear: both; border-top: 1px #fbdef0 solid; border-bottom: 1px #fbdef0 solid;}
.contact { padding-left: 40px; border-left: 1px #fbdef0 solid; }
.open { padding-left: 8px; padding-bottom: 10px;}
.note { padding-top: 10px; font-size: 12px; color: #4d4035; }
#content td { font-size: 12px; }
#footer { position: absolute; bottom: 0px; width: 743px; background: url(../gfx/page_bg_pattern.gif) repeat_y; }
#footerbox { position: relative; width: 716px; height: 40px; text-align: center; margin: 0px 0px 0px 12px;
padding-top: 10px; border-top: 1px #e1e4ec solid; clear: both;
display: block; background: #f8f7f6;
font-family: Trebuchet Ms, Verdana, sans-serif; font-size: 13px; color: #092566;
}
* HTML #footerbox { height: 50px; }
#footerbox img { vertical-align: middle; margin-left: 15px;}
#footerbox a { color: #e2279e; text-decoration: underline; }
#footerbox a:active { color: #000; }
#footer a:hover { text-decoration: none; }