body {margin: 0; padding: 0; font-size: 100%; background: #ffffff; color: #333333;}

.hide {display: none;}
.clear:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clear {display: inline-block;}                                                                         
html[xmlns] .clear {display: block;}                                                                    
* html .clear {height: 1%;}

#body, input, select, textarea {font-family: arial, helvetica, sans-serif;}
#body {font-size: 0.8em; line-height: 1.5em;}
input, select, textarea {font-size: 1em;}

#headerWrapper, #box {width: 100%;}
#header, #content, #footer {width: 985px; margin: 0px auto; position: relative;}

#content {padding: 0 0 46px 0; background: url(images2009/content_bg.gif) repeat-y transparent;}

#box {background: url(images2009/box_bg.gif) no-repeat transparent; background-position: 50% -40px; position: relative;}
#boxWrapper {background: url(images2009/box_bg_c.gif) repeat-x #211f21; background-position: 0px -40px;}

#header {width: 985px; height: 203px; position: relative;}
#header h1 {width: 985px; height: 135px; margin: 0; padding: 0; background: url(images2009/logo.gif) no-repeat transparent; background-position: 31px 78px; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px; border-bottom: 1px solid #e1ddd5; position: relative;}
#headerWrapper .rb {display: block; width: 50%; height: 135px; border-bottom: 1px solid #e1ddd5; position: absolute; right: 0px; top: 0px; z-index: 1;}

#mainMenu {width: 559px; height: 54px; position: absolute; left: 23px; top: 135px; z-index: 2;}
#mainMenu a, #mainMenu b {display: block; float: left; height: 54px; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px; position: relative; outline: none;}
#mainMenu a:hover span, #externalMenu a:hover span, #mainMenu b span {display: block; width: 11px; height: 7px; position: absolute; top: 0px; left: 50%; margin-left: -5px; background: url(images2009/menu_bullet.gif) no-repeat transparent;}

#b_index    {width: 68px; background: url(images2009/b_local_normal.gif) no-repeat transparent; background-position: 9px 19px;}
#b_paivakirja {width: 87px; background: url(images2009/b_local_normal.gif) no-repeat transparent; background-position: -59px 19px;}
#b_biografia  {width: 89px; background: url(images2009/b_local_normal.gif) no-repeat transparent; background-position: -146px 19px;}
#b_musiikki   {width: 76px; background: url(images2009/b_local_normal.gif) no-repeat transparent; background-position: -235px 19px;}
#b_keikat     {width: 59px; background: url(images2009/b_local_normal.gif) no-repeat transparent; background-position: -311px 19px;}
#b_fanclub    {width: 82px; background: url(images2009/b_local_normal.gif) no-repeat transparent; background-position: -370px 19px;}
#b_keskustelu {width: 95px; background: url(images2009/b_local_normal.gif) no-repeat transparent; background-position: -452px 19px;}

b#b_index    {background: url(images2009/b_local_active.gif) no-repeat transparent; background-position: 9px 19px;}
b#b_paivakirja {background: url(images2009/b_local_active.gif) no-repeat transparent; background-position: -59px 19px;}
b#b_biografia  {background: url(images2009/b_local_active.gif) no-repeat transparent; background-position: -146px 19px;}
b#b_musiikki   {background: url(images2009/b_local_active.gif) no-repeat transparent; background-position: -235px 19px;}
b#b_keikat     {background: url(images2009/b_local_active.gif) no-repeat transparent; background-position: -311px 19px;}
b#b_fanclub    {background: url(images2009/b_local_active.gif) no-repeat transparent; background-position: -370px 19px;}
b#b_keskustelu {background: url(images2009/b_local_active.gif) no-repeat transparent; background-position: -452px 19px;}

#externalMenu {width: 295px; height: 54px; position: absolute; right: 23px; top: 135px; z-index: 3;}
#externalMenu a {display: block; float: left; height: 54px; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px; position: relative; outline: none;}
#b_kauppa    {width: 65px; background: url(images2009/b_external_normal.gif) no-repeat transparent; background-position: 9px 19px;}
#b_myspace    {width: 75px; background: url(images2009/b_external_normal.gif) no-repeat transparent; background-position: -56px 19px;}
#b_facebook    {width: 86px; background: url(images2009/b_external_normal.gif) no-repeat transparent; background-position: -131px 19px;}
#b_twitter    {width: 69px; background: url(images2009/b_external_normal.gif) no-repeat transparent; background-position: -217px 19px;}

#footer {height: 100px;}
#footer a {display: block; position: absolute; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px; outline: none;}
#providers {width: 173px; height: 43px; background: url(images2009/providers.gif) no-repeat transparent; position: absolute; left: 32px; top: 26px;}
#providers .warner {width: 63px; height: 43px; left: 0px; top: 0px;}
#providers .popgram {width: 96px; height: 26px; left: 77px; top: 12px;}
#sponsors {width: 317px; height: 24px; background: url(images2009/sponsors.gif) no-repeat transparent; position: absolute; right: 32px; top: 34px;}
#sponsors .elixia {width: 61px; height: 11px; left: 0px; top: 7px;}
#sponsors .reebok {width: 60px; height: 13px; left: 84px; top: 6px;}
#sponsors .tigi {width: 48px; height: 24px; left: 165px; top: 0px;}
#sponsors .silja {width: 83px; height: 20px; right: 0px; top: 0px;}


p,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-size: 1em; font-weight: normal; font-style: normal;}

p,ul,ol,dl {padding-bottom: 1em;}
h1,h2,h3,h4,h5,h6 {padding-bottom: 1em;}

ol {padding-left: 27px;}

a:link, a:visited {color: #ffffff; /* #9a9075; */}
a:active {color: #000000;}
a:hover {color: #333333; text-decoration: none;}

ul {padding-left: 21px;}

.box {padding: 30px 32px 20px 32px; position: relative;}

.c_index .left {width: 591px; float: left;}
.c_index .right {width: 394px; float: left;}

.c_index .image {width: 591px; height: 393px; clear: both; background: url(images2009/vis_front.jpg) no-repeat transparent;}
.c_index .news {width: 330px; float: left; background: url(images2009/box_brown_1.gif) repeat-x #a69b7e;}
.c_index .diaryevents {width: 197px; float: left;}
.c_index .diary, .c_index .events {background: url(images2009/box_brown_2.gif) repeat-x #bbb299;}

.c_index .album {width: 394px; height: 393px; background: url(images2009/vis_front_album.jpg) no-repeat transparent; overflow: hidden;}
.c_index .album h2 {display: none;}
.c_index .album ul {list-style: none; padding: 132px 24px 0 228px;}
.c_index .album a {text-decoration: none; color: #9a9075;}
.c_index .album a:hover {text-decoration: underline; color: #333333;}

.c_index h2 {display: block; height: 25px; white-space: nowrap; overflow: hidden; text-indent: -2000px;}
.c_index h2 a {display: block; height: 25px; width: 133px; outline: none;}

.c_index .news h2 {background: url(images2009/hl_uusimmat_uutiset.gif) no-repeat transparent; background-position: 0px 5px;}
.c_index .news h2.archive {background: url(images2009/hl_uutisarkisto.gif) no-repeat transparent; background-position: 0px 5px;}
.c_index .news h3 {color: #ffffff; font-weight: bold;}
.c_index .news h3 .date {color: #736b57; font-weight: normal;}
.c_index .news a {color: #ffffff; text-decoration: none;}
.c_index .news a:hover {text-decoration: underline;}
.c_index .openArchive {padding: 0; position: absolute; right: 32px; top: 39px; color: #736b57;}
.c_index .openArchive a {color: #736b57; text-decoration: none;}

.c_index .diary h2 {background: url(images2009/hl_paivakirja.gif) no-repeat transparent;}
.c_index .events h2 {background: url(images2009/hl_keikat.gif) no-repeat transparent; background-position: 0px 5px;}
.c_index .diaryevents ul {list-style: none; padding-left: 0px;}
.c_index .diaryevents a {color: #333333; text-decoration: none;}
.c_index .diaryevents a:hover {text-decoration: underline;}
.c_index .diaryevents .date, .c_index .diaryevents a .date {color: #736b57;}
.c_index .diary .date {display: block;}

ul.newsArchive a {color: #ffffff; text-decoration: none;}
ul.newsArchive a:hover {text-decoration: underline;}

.bannerLeft {width: 197px; height: 363px; background: url(images2009/banner_popinkuninkaalliset.jpg) no-repeat transparent; float: left; position: relative;}
.bannerLeft h2 {display: none;}
.bannerLeft p {margin: 0; padding: 0;}
.bannerLeft a {display: block; width: 197px; height: 363px; position: absolute; left: 0px; top: 0px; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px;}
.bannerRight {width: 197px; height: 392px; background: url(images2009/banner_hengitan_se.jpg) no-repeat transparent; float: left; position: relative;}
.bannerRight h2, .bannerRight p {display: none;}
.bannerRight p.link {display: block; margin: 0; padding: 0;}
.bannerRight p.link a {display: block; width: 197px; height: 392px; position: absolute; left: 0px; top: 0px; white-space: nowrap; overflow: hidden; text-indent: -2000px;}


.c_paivakirja .image {width: 394px; height: 598px; background: url(images2009/vis_paivakirja.jpg) no-repeat transparent; float: left;}
.c_paivakirja .boxes {width: 591px; height: auto; float: left;}
.c_paivakirja .archiveBrowser {background: url(images2009/box_charcoal.gif) repeat-x #5a5a5a; position: relative; z-index: 3;}
.c_paivakirja .archiveBrowser a, .c_paivakirja .archiveBrowser #aCount {display: block; padding: 0px 8px; vertical-align: middle; color: #9a9075; position: absolute;}
.c_paivakirja .archiveBrowser a {width: 12px; height: 20px; overflow: hidden; text-indent: -2000px;}
.c_paivakirja .archiveBrowser a#aPrev {background: url(images2009/archive_prev.gif) no-repeat transparent; background-position: 50% 0%; left: 6px; top: 2px;}
.c_paivakirja .archiveBrowser a#aNext {background: url(images2009/archive_next.gif) no-repeat transparent; background-position: 50% 0%; right: 6px; top: 2px;}
.c_paivakirja .archiveBrowser span#aCount {width: 78px; left: 20px; top: 2px; text-align: center;}

.c_paivakirja .archiveBrowser div {height: 25px; padding: 2px 0 7px 0; text-align: center; position: relative;}

.c_paivakirja .archive {width: 197px; height: auto; float: right;}
.c_paivakirja .archive ul, .c_paivakirja .archive li {list-style: none; padding-left: 0px; display: block; position: relative; z-index: 4;}
.c_paivakirja .archive li {padding-bottom: 1em;}
.c_paivakirja .archive ul a {text-decoration: none; display: block; color: #9a9075}
.c_paivakirja .archive ul a:hover {color: #ffffff;}
.c_paivakirja .archive ul b {color: #ffffff; font-weight: normal;}
.c_paivakirja .archive ul .date {white-space: nowrap; color: #736b57;}
.c_paivakirja .archive ul b .date, .c_paivakirja .archive ul a:hover .date {color: #ffffff;}

.c_paivakirja .headlinearticle {width: 394px; height: auto; float: right;}
.c_paivakirja .headline {background: url(images2009/box_gray.gif) repeat-x #e5e5e5;}
.c_paivakirja .headline h2 {height: 25px; padding-bottom: 9px; background: url(images2009/hl_paivakirja_brown.gif) no-repeat transparent; white-space: nowrap; overflow: hidden; text-indent: -2000px;}
.c_paivakirja .text {background: url(images2009/box_brown_1.gif) repeat-x #a69b7e;}
.c_paivakirja .text h3 {font-size: 1.7em; color: #ffffff; padding-bottom: 0.6em; line-height: 1em;}
.c_paivakirja .text h3 .date {display: block; font-size: 0.6em; padding-top: 1px;}

.c_biografia .image {width: 985px; height: 394px; background: url(images2009/vis_biografia.jpg) no-repeat transparent;}
.c_biografia .headline {width: 133px; float: left;}
.c_biografia .headline h2 {height: 25px; background: url(images2009/hl_biografia.gif) no-repeat transparent; background-position: 0px 0px; white-space: nowrap; overflow: hidden; text-indent: -2000px;}
.c_biografia .text {width: 527px; float: left; background: url(images2009/box_brown_2.gif) repeat-x #bbb299;}
.c_biografia .contact {width: 133px; float: left; background: url(images2009/box_brown_1.gif) repeat-x #a69b7e;}
.c_biografia .text h3, .c_biografia .contact h2 {font-size: 1.7em; padding-bottom: 0.6em; color: #ffffff;}

.c_musiikki .lyricsleft, .c_musiikki .lyricsright {width: 394px; float: left;}
.c_musiikki .lyricsleft {clear: left;}
.c_musiikki .lyrics {width: 330px; background: url(images2009/box_brown_1.gif) repeat-x #a69b7e;}
.c_musiikki .lyricsright .lyrics {background: url(images2009/box_brown_2.gif) repeat-x #bbb299;}
.c_musiikki .lyrics h3 {font-size: 1.7em; padding-bottom: 0.6em; color: #ffffff;}

.c_musiikki .albums {width: 133px; height: auto; float: left;}
.c_musiikki .info {width: 788px; float: left;}
.c_musiikki .albums ul, .c_musiikki .albums li {list-style: none; padding-left: 0px; display: block; position: relative;}
.c_musiikki .albums li {padding-bottom: 1em;}
.c_musiikki .albums ul a {text-decoration: none; display: block; color: #9a9075;}
.c_musiikki .albums ul a:hover {color: #ffffff;}
.c_musiikki .albums ul b {color: #ffffff; font-weight: normal;}
.c_musiikki .albums ul .date {white-space: nowrap; color: #736b57;}
.c_musiikki .albums ul b .date, .c_musiikki .albums ul a:hover .date {color: #ffffff;}

.c_musiikki .albums h2 {height: 25px; background: url(images2009/hl_musiikki.gif) no-repeat transparent; background-position: 0px 0px; white-space: nowrap; overflow: hidden; text-indent: -2000px;}

.c_musiikki .songs {width: 133px; float: left; color: #9a9075;}
.c_musiikki .songs h2 {font-size: 1.7em; padding-bottom: 0.6em; color: #ffffff;}
.c_musiikki .songs a {color: #9a9075; text-decoration: none;}
.c_musiikki .songs a:hover {color: #ffffff;}
.c_musiikki .songs ol {margin-left: -9px; width: 133px;}
* html .c_musiikki .songs ol {margin-left: 0; width: auto;}
.c_musiikki .credits {width: 133px; float: left; min-height: 344px; color: #9a9075;}
.c_musiikki .cover {width: 394px; height: 394px; float: left;}
.c_musiikki .cover_hengitan  {background: url(images2009/cover_hengitan.jpg) no-repeat transparent;}
.c_musiikki .cover_aikaa     {background: url(images2009/cover_aikaa.jpg) no-repeat transparent;}
.c_musiikki .cover_newyork   {background: url(images2009/cover_newyork.jpg) no-repeat transparent;}
.c_musiikki .cover_rovaniemi {background: url(images2009/cover_rovaniemi.jpg) no-repeat transparent;}
.c_musiikki .cover_minunjouluni {background: url(images2009/cover_minunjouluni.jpg) no-repeat transparent;}
.c_musiikki .cover_anttituisku  {background: url(images2009/cover_anttituisku.jpg) no-repeat transparent;}
.c_musiikki .cover_ensimmainen  {background: url(images2009/cover_ensimmainen.jpg) no-repeat transparent;}

.c_keikat .image {width: 394px; height: 587px; background: url(images2009/vis_keikat.jpg) no-repeat transparent; float: right;}
.c_keikat .gigs {width: 330px; float: right; background: url(images2009/box_brown_1.gif) repeat-x #a69b7e;}
.c_keikat .promotion {width: 133px; float: right; color: #9a9075;}
.c_keikat .promotion h2 {font-size: 1.7em; padding-bottom: 0.6em; color: #ffffff;}
.c_keikat .gigGrid {padding-bottom: 1em;}
.c_keikat .gigs h2 {font-size: 1.7em; padding-bottom: 0.6em; color: #ffffff;}

div.gigGrid {position: relative; margin-bottom: 16px; height: 1%;}
div.gigGrid div {clear: both; margin-left: 0px; position: relative; height: 1%;}
div.gigGrid div.cancelled {text-decoration: line-through;}
div.gigGrid span.date {display: block; float: left; width: 3em; padding: 0px 0px 6px 0px; color: #ffffff;}
div.gigGrid div.cancelled span.date {color: #666666;}
div.gigGrid span.spacer {display: none;}
div.gigGrid span.info {display: block;margin-left: 3.2em; padding: 0px 0px 6px 0px;}
div.gigGrid span.description { font-weight: normal; color: #736b57}

.c_fanclub .messages {background: url(images2009/box_brown_1.gif) repeat-x #a69b7e;}
.c_fanclub .imagejoin {width: 394px; float: left;}
.c_fanclub .login {width: 330px; background: url(images2009/box_gray.gif) repeat-x #e5e5e5; float: left;}
.c_fanclub .intro {width: 527px; background: url(images2009/box_brown_1.gif) repeat-x #a69b7e; float: left;}
.c_fanclub .join {width: 330px; float: left; background: url(images2009/box_charcoal.gif) repeat-x #5a5a5a; color: #ffffff;}
.c_fanclub .login h2 {color: #9a9075;}
.c_fanclub h2 {font-size: 1.7em; padding-bottom: 0.6em; color: #ffffff;}
.c_fanclub .image {width: 394px; height: 267px; background: url(images2009/vis_fanclub.jpg) no-repeat transparent; background-position: -197px 0px;}

table.form {margin-bottom: 1.2em;}
table.form caption {background: #888888; margin-bottom: 4px; color: #333333;}
table.form td, table.form th {padding: 2px 3px;}
table.form input.text {width: 165px;}
table.form #izip {width: 55px;}
table.form #icity {width: 100px;}
table.form th {font-weight: normal; text-align: right;}
table.form input.submit {margin-top: 9px;}

.popup h1 {font-size: 1.7em; padding-bottom: 0.6em;}
.popup h2 {font-weight: bold;}
.popup a {color: #9a9075;}

.c_atsea .left {width: 591px; float: left; position: relative;}
.c_atsea .right {width: 394px; float: left; position: relative;}
.c_atsea .image {width: 591px; height: 495px; background: url(images2009/kiertue_lava.jpg) no-repeat transparent;}
.c_atsea .image h2 {display: none;}
.c_atsea .intro {width: 330px; float: left; background: url(images2009/box_brown_2.gif) repeat-x #bbb299;}
.c_atsea .songs {width: 133px; float: left;}
.c_atsea .logo {background: url(images2009/box_gray.gif) repeat-x #e5e5e5;}
.c_atsea .logo div {width: 394px; height: 249px; background: url(images2009/atsea-logo.gif) no-repeat transparent; background-position: 50% 50%;}
.c_atsea .credits {width: 330px; background: url(images2009/box_brown_1.gif) repeat-x #a69b7e;}

.c_atsea h2 {font-size: 1.7em; padding-bottom: 0.6em; color: #ffffff;}
.c_atsea .songs {color: #9a9075;}

p.enterAtsea {background: url(images2009/atsea-button.gif) no-repeat transparent; background-position: 0px 20px; margin-top: 2em; text-align: center; border-top: 1px solid #333333;}
p.enterAtsea a {text-decoration: none; color: #9a9075; display: block; padding-top: 102px;}
p.enterAtsea a:hover {text-decoration: underline;  color: #ffffff;}