body {background: url(images/bg.gif) repeat-x #372525; margin: 0px; padding: 22px 0px 36px 0px; font-family: "palatino linotype", georgia, "times new roman", serif; color: #733815; font-size: 80%;} div.clear {clear: both; height: 1px; overflow: hidden; margin: 0px;} .hide {display: none;} div#wrapper {text-align: center;} div#main {margin: 0px auto; width: 750px; text-align: left; position: relative; border: 5px solid #ffffff; background: url(images/left_bg.gif) repeat-y #ffffff;} div#header {width: 750px; height: 173px; position: relative; background: url(images/top.jpg) no-repeat transparent; background-position: 240px 0px;} div#header h1 {margin: 0px; position: absolute; left: 217px; top: 56px; height: 50px; width: 392px; height: 48px; background: url(images/logo.gif) no-repeat transparent; white-space: nowrap; overflow: hidden; text-indent: -2000px; z-index: 20;} p#mainMenu {margin: 0px;} div#tiina {width: 240px; height: 559px; background: url(images/left.jpg) no-repeat transparent; position: absolute; left: 0px; top: 0px; z-index: 10;} div#content {margin-left: 240px; margin-right: 4px; margin-bottom: 4px; padding: 0px 43px 50px 48px; background: #ffffff; border-right: 1px solid #d4bdb3; border-bottom: 1px solid #d4bdb3; min-height: 336px;} div#lcap {width: 240px; height: 1px; background: url(images/lcap.gif) no-repeat transparent; border-bottom: 4px solid #9f8c6b; margin-top: -5px; overflow: hidden;} a#hmc {width: 45px; height: 45px; display: block; position: absolute; left: 773px; top: 90px; background: url(images/hmc.gif) no-repeat transparent; text-decoration: none; white-space: nowrap; overflow: hidden; text-indent: -2000px;} a#hurmio {width: 37px; height: 46px; display: block; position: absolute; left: 777px; top: 30px; background: url(images/hurmio.gif) no-repeat transparent; text-decoration: none; white-space: nowrap; overflow: hidden; text-indent: -2000px;} a#artistikoulutus {width: 53px; height: 39px; display: block; position: absolute; left: 773px; top: 180px; background: url(images/artistikoulutus.gif) no-repeat transparent; text-decoration: none; white-space: nowrap; overflow: hidden; text-indent: -2000px;} p#mainMenu {width: 520px; height: 22px; position: absolute; left: 217px; top: 114px; margin: 0px; z-index: 21;} p#mainMenu a, p#mainMenu span.active {display: block; height: 22px; float: left; text-decoration: none; white-space: nowrap; overflow: hidden; text-indent: -2000px; position: relative; margin: 0px 8px 0px 0px;} p#mainMenu a:hover {color: #000000;} p#mainMenu span.active {border-bottom: 1px solid #a7826b;} span#b_uutiset, a#b_uutiset {width: 48px; background: url(images/bn_uutiset.gif) no-repeat transparent; background-position: 0px 4px;} span#b_paivakirja, a#b_paivakirja {width: 64px; background: url(images/bn_paivakirja.gif) no-repeat transparent; background-position: 0px 4px;} span#b_biografia, a#b_biografia {width: 59px; background: url(images/bn_biografia.gif) no-repeat transparent; background-position: 0px 4px;} span#b_musiikki, a#b_musiikki {width: 51px; background: url(images/bn_musiikki.gif) no-repeat transparent; background-position: 0px 4px;} span#b_keikat, a#b_keikat {width: 41px; background: url(images/bn_keikat.gif) no-repeat transparent; background-position: 0px 4px;} span#b_galleria, a#b_galleria {width: 56px; background: url(images/bn_galleria.gif) no-repeat transparent; background-position: 0px 4px;} span#b_vieraskirja, a#b_vieraskirja {width: 71px; background: url(images/bn_vieraskirja.gif) no-repeat transparent; background-position: 0px 4px;} span#b_kauppa, a#b_kauppa {width: 43px; background: url(images/bn_kauppa.gif) no-repeat transparent; background-position: 0px 4px;} /* content styles */ h1,h2,h3,h4,h5,h6 {margin-top: 0px; margin-bottom: 0.8em; color: #4d2812;} p,ul,ol,dl,table {margin-top: 0px; margin-bottom: 1em;} h1,h2 {font-size: 150%; font-weight: normal;} h3 {font-size: 120%; font-weight: normal;} h4,h5,h6 {font-size: 100%; font-weight: normal;} a:link {color: #006b8f;} a:visited {color: #aa3333;} a:hover {color: #bc4301;} div.guestbook {position: relative; border-bottom: 1px solid #a7826b;} div.guestbook div.tools {position: relative; margin-bottom: 16px; zoom:1} div.guestbook div.tools a:visited {color: #006b8f;} div.guestbook div.tools div.browse {position: absolute; right: 0px; bottom: 0px;} div.guestbook div.entry {border-top: 1px solid #a7826b;} div.guestbook div.meta {padding: 5px 10px; background: #f6f1ee; color: #87624b; } div.guestbook div.message {padding: 7px 10px;} div.guestbook div.reply {padding: 7px 10px; border-top: 1px dotted #a7826b; font-style: italic;} h3.gigs {border-bottom: 1px dotted #a7826b; padding-bottom: 5px; position: relative;} div.gigGrid {position: relative; margin-bottom: 16px; height: 1%;} div.gigGrid div {clear: both; margin-left: 12px; position: relative; height: 1%;} div.gigGrid div.cancelled {text-decoration: line-through; color: #a7826b;} div.gigGrid span.date {display: block; float: left; width: 3em; padding: 0px 0px 4px 0px; color: #bc4301;} div.gigGrid div.cancelled span.date {color: #a7826b;} div.gigGrid span.spacer {display: none;} div.gigGrid span.info {display: block;margin-left: 3.2em; padding: 0px 0px 4px 0px;} div.gigGrid span.description {font-style: italic;} p.readMore {text-align: right;} p.readMore a {color: #006b8f;} h2 span.date {font-size: 70%; font-style: italic;} table.guestbookEntry th, table.guestbookEntry td {padding: 2px 5px; vertical-align: top;} table.guestbookEntry th {text-align: right; font-weight: normal;} table.guestbookEntry tr.required th {font-weight: bold;} table.guestbookEntry input.submit {background: #eae1de; color: #4d2812; border-color: #eae1de;} div.guestbook div.browse a, div.guestbook div.browse span {overflow: hidden; display: block; width: 23px; height: 22px; white-space: nowrap; text-indent: -1000px; float: left;} div.guestbook div.browse span.pageCount {text-indent: 0px; display: block; width: auto; float: left; margin: 0px 6px;} a.br_prev {background: url(images/br_prev.gif) no-repeat transparent;} a.br_first {background: url(images/br_first.gif) no-repeat transparent;} a.br_next {background: url(images/br_next.gif) no-repeat transparent;} a.br_last {background: url(images/br_last.gif) no-repeat transparent;} span.br_prev {background: url(images/br_prev_disabled.gif) no-repeat transparent;} span.br_first{background: url(images/br_first_disabled.gif) no-repeat transparent;} span.br_next {background: url(images/br_next_disabled.gif) no-repeat transparent;} span.br_last {background: url(images/br_last_disabled.gif) no-repeat transparent;} h2 span.author {font-size: 70%;} div.galleryImages a img {border: 2px solid #006b8f;} div.galleryImages a:hover img {border: 2px solid #bc4301;} div.galleryAlbumList h2 {border-top: 1px dotted #a7826b; padding-top: 16px; margin-top: 1em;} /* \*/ * html div#content {height: 336px;} /* */