body {
    background: #275f80 url('/public/images/pattern.png') repeat scroll left top;
    font-size: 62.5%;
    font-family: Candara, Corbel, "Segoe UI", Trebuchet, "Trebuchet MS", "Gill Sans MT", Verdana, "Verdana Ref", Arial, sans-serif;
}

#topbar-wrapper { background: transparent url('/public/images/topbar-pattern.png') repeat-x left top; height: 50px; min-height: 50px; margin-bottom: 1em; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1000; }
#topbar { max-width: 970px; min-width: 500px; margin: 0 auto; color: #cddde5; font-size: 1.4em; font-family: "Palatino Linotype", "Palladio", "Book Antiqua", "Bitstream Charter", "New Century Schoolbook", "Century Schoolbook", Georgia, serif; }
#topbar p { float: left; margin: .5em; }
#topbar ul { float: right; margin: .5em; }
#topbar ul li { display: inline; padding: 0 1em; }

#topbar a { color: #cddde5; text-decoration: none; }
#topbar a:hover { text-decoration: underline; }

#canch { display: block; margin-top: -2em; margin-bottom: 6em; }

#wrapper { border: 7px solid #397ea7; width: 970px; margin: 0 auto 60px; background: #d59b53 url('/public/images/ri-content-repeat.jpg') repeat-y center top; position: relative; top: 50px; }
#content { border: 1px solid #1c3646; width: auto; background: transparent url('/public/images/ri-content-bgtop.jpg') no-repeat left top; min-height: 1000px; }
.somma #content { padding: 0 50px; }
#content-float { background: transparent url('/public/images/ri-content-bgbottom.png') no-repeat left 307px; padding: 0 50px; }

#content h1 { text-indent: -2000px; background: transparent url('/public/images/ristorantino-italiano.png') no-repeat left top; width: 380px; height: 150px; margin-left: 3px; margin-top: 90px; }
#content p.apent { text-indent: -2000px; background: transparent url('/public/images/ri-apent.png') no-repeat left top; width: 260px; height: 110px; margin-left: 510px; margin-top: 60px; }
#content h2#menu-title { text-indent: -2000px; background: transparent url('/public/images/ri-menu.png') no-repeat left top; width: 200px; height: 110px; margin: 35px 0 10px -20px; }
#content h2#omoss-title { text-indent: -2000px; background: transparent url('/public/images/ri-omoss.png') no-repeat left top; width: 210px; height: 110px; margin: 35px 0 10px -20px; }
#content h2#kontakt-title { text-indent: -2000px; background: transparent url('/public/images/ri-kontakt.png') no-repeat left top; width: 230px; height: 110px; margin: 35px 0 10px -20px; }

#content div.menu { float: right; overflow: auto; height: 500px; margin: 0 -50px 0 0px; padding: 0 25px; }

#content div.menu-front { float: left; width: 418px; height: 455px; background: transparent url('/public/images/ri-front.png') no-repeat left top; margin: 20px 0 0 -20px; }
#content div.menu div.items div.menu-front { display: none; }

#content div.menu div.items { padding-bottom: 2em; }
#content div.menu div.items div { width: 398px; margin: 0 25px; }

div.clear { clear: both; }

#content h3 { font-size: 2.4em; font-variant: small-caps; letter-spacing: .05em; color: #783900; margin: 1.5em 0 .8em 0; }
#content p, #content address { font-size: 1.8em; color: #371a00;  margin: 1em 1.5em 1.5em; width: 24em; }

#content dl dt { font-size: 2em; font-variant: small-caps; letter-spacing: 1px; color: #371a00; width: 90%; }
#content dl dd.price { font-size: 2.4em; color: #371a00; text-align: right; margin: -1.2em 0 .5em 0; width: 100%; }
#content dl dd { font-size: 1.8em; color: #371a00; margin: -.7em 0 1em 0; width: 90%; }

#content a { color: #783900; text-decoration: none; font-variant: small-caps; letter-spacing: .05em; }
#content a:hover { text-decoration: underline; }

.somma #wrapper { background: white none; }
.somma #content { background: transparent url('/public/images/ps-content-bg.jpg') no-repeat left 114px; min-height: 760px; }
.somma #box { border: 1px solid #a6c2d2; background: transparent url('/public/images/ps-box-bg.png') repeat; position: relative; left: 160px; width: 706px; }

.somma #content h1 { background-image: url('/public/images/somma.png'); width: 330px; height: 73px; margin: 20px auto 125px; }
.somma p.apent { display: none; }
.somma #content h2#somma-title { text-indent: -2000px; background: transparent url('/public/images/ps-velkommen.png') no-repeat left top; width: 275px; height: 50px; margin: 0 10px 50px 0; position: relative; top: 20px; left: 400px; }

.somma #content p, .somma #content ul { color: #0d4566; font-size: 2.4em; font-style: italic; font-family: "Lucida Sans"; width: auto; margin: 1em 0 1.5em 2em; }
.somma #content ul { float: left; width: 25%; margin: 0 -2em 0 4em; list-style-type: disc; list-style-image: url('/public/images/ps-list-marker.png'); }
.somma #content ul li.empty { list-style-type: none; list-style-image: none; }

.somma #content p.indent { margin-left: 12em; }
.somma #content p span.break { display: block; }
.somma #content p span.indent { float: left; width: 3em; height: 1em; }

img#ri-bestill { float: right; margin: -40px 100px 0 0; }
img#ri-kart { float: right; margin: 0 10px 3em 0; }

img#ps-cappucino { float: left; margin: -155px -55px -20px 0; position: relative; left: -70px; }
img#ps-tray { float: right; margin: -100px 0 -80px 0; position: relative; left: 51px; }

#copyright { width: 970px; margin: 1em auto; text-align: center; color: #95bcd1; font-size: 1.4em; font-family: "Palatino Linotype", "Palladio", "Book Antiqua", "Bitstream Charter", "New Century Schoolbook", "Century Schoolbook", Georgia, serif; }
#copyright span { display: block; font-size: .8em; }
#copyright a { color: #95bcd1; text-decoration: none; }
#copyright a:hover { color: #cddde5; text-decoration: none; }

strong { font-weight: bold; }
em { font-style: italic; }