body {
  background: #fff url(/img/v2/ui/bg_body.jpg) repeat-x;
  color: #35262D;
  font: 11px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

div#wrap {
  margin: 0 auto;
  width: 960px;
}

h1, h2, h3, p {
	padding: 0;
  margin: 0;
}

a {
  color: #35262D;
  text-decoration: none;
}

a:hover {
  color: #2067a5;
}

/* logo column */

div#logo-col {
  background: url(/img/v2/ui/bg_logocol.jpg) no-repeat;
  float: left;
  padding-top: 45px;
  width: 135px;
}

h1#johanna a {
  background: url(/img/v2/ui/bg_johanna.gif) no-repeat;
  display: block;
  height: 156px;
  overflow: hidden;
  text-indent: -9999px;
  width: 135px;
}

h2#pyramid {
  background: url(/img/v2/ui/bg_pyramid_mega.gif) no-repeat;
  height: 65px;
  text-indent: -9999px;
}

h1#lovekustannus a {
  background: url(/img/v2/ui/bg_lovekustannus.gif) no-repeat;
  display: block;
  height: 120px;
  overflow: hidden;
  text-indent: -9999px;
  width: 135px;
}

h1#loverecords a {
  background: url(/img/v2/ui/bg_loverecords.gif) no-repeat;
  display: block;
  height: 120px;
  overflow: hidden;
  text-indent: -9999px;
  width: 135px;
}

/* content column */

div#content-wrap {
  background: url(/img/v2/ui/bg_contentwrap.gif) 0 65px repeat-y;
  float: left;
  width: 825px;
}

div#content-wrap-subpage {
  background: url(/img/v2/ui/bg_contentwrap_subpage.gif) 0 65px repeat-y;
  float: left;
  width: 825px;
}

div#content {
  background: url(/img/v2/ui/bg_content.gif) no-repeat;
  float: left;
  min-height: 500px;
  padding: 20px 0 0 25px;
  width: 800px;
}


div.content-narrow {
  padding: 0 10px;
}

div.content-not-full {
  width: 600px;
}

div.content-left-col {
  background: url(/img/v2/ui/bg_contentleftcol.gif) top right repeat-y;
  float: left;
  margin-bottom: 40px;
  width: 390px;
}

div.content-left-col-text {
  background: url(/img/v2/ui/bg_contentleftcol.gif) top right repeat-y;
  float: left;
  margin-bottom: 40px;
  padding-right: 20px;
  width: 370px;
}

div.content-right-col {
  float: left;
  margin-bottom: 40px;
  padding-left: 10px;
  width: 380px;
}

div.content-left-col2 {
  background: url(/img/v2/ui/bg_contentleftcol.gif) top right repeat-y;
  float: left;
  margin-bottom: 0px;
  width: 432px;
}

div.content-right-col2 {
  float: left;
  margin-bottom: 0px;
  padding-left: 10px;
  width: 358px;
}

div.content-left-col-list {
  float: left;
  margin-bottom: 40px;
  width: 390px;
}

div.content-right-col-list {
  float: left;
  margin-bottom: 40px;
  padding-left: 20px;
  width: 370px;
}

div.content-single-col {
  padding: 0 70px 0 10px;
}

/* main menu */

div#mainmenu {
  background: url(/img/v2/ui/bg_mainmenu.jpg) no-repeat;
  height: 25px;
  padding-top: 20px;
}

div#mainmenu ul {
  background: url(/img/v2/ui/bg_mainmenu_ul.gif) no-repeat;
  float: left;
  height: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 609px;
}

div#mainmenu ul li {
  float: left;
  width: 100px;
}

div#mainmenu ul li a {
  display: block;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
}

div#mainmenu ul li#mm-uuti a:hover, div#mainmenu ul li#mm-uuti a.selected { background: url(/img/v2/ui/bg_mainmenu_ul.gif) 0 -25px no-repeat; }
div#mainmenu ul li#mm-arti a:hover, div#mainmenu ul li#mm-arti a.selected { background: url(/img/v2/ui/bg_mainmenu_ul.gif) -100px -25px no-repeat; }
div#mainmenu ul li#mm-kaup a:hover, div#mainmenu ul li#mm-kaup a.selected { background: url(/img/v2/ui/bg_mainmenu_ul.gif) -200px -25px no-repeat; }
div#mainmenu ul li#mm-medi a:hover, div#mainmenu ul li#mm-medi a.selected { background: url(/img/v2/ui/bg_mainmenu_ul.gif) -300px -25px no-repeat; }
div#mainmenu ul li#mm-yhte a:hover, div#mainmenu ul li#mm-yhte a.selected { background: url(/img/v2/ui/bg_mainmenu_ul.gif) -400px -25px no-repeat; }
div#mainmenu ul li#mm-pala a:hover, div#mainmenu ul li#mm-pala a.selected { background: url(/img/v2/ui/bg_mainmenu_ul.gif) -500px -25px no-repeat; }

/* search form */

form#searchform {
  float: left;
  margin: 0;
  width: 193px;
}

form#searchform img#haku {
  vertical-align: top;
}

form#searchform input {
  background: url(/img/v2/ui/bg_hakutxt.gif) no-repeat;
  border: 0;
  font-size: 10px;
  height: 18px;
  margin: 0;
  padding: 3px;
  width: 115px;
}

/* home page */

div#col-news {
  background: url(//img/v2/ui/bg_colnews.gif) no-repeat;
  float: left;
  padding: 20px 12px 0 25px;
  width: 420px;
}

div#col-calendar {
  float: left;
  padding: 20px 0 0 10px;
  width: 358px;
}

/* footer */

div#footer {
  background: url(/img/v2/ui/bg_footer.gif) no-repeat;
  clear: left;
  height: 57px;
  padding-top: 22px;
  padding-left: 298px;
}

a#f-youtube {
  background: url(/img/v2/ui/bg_youtube.gif) no-repeat;
  display: block;
  float: left;
  height: 35px;
  overflow: hidden;
  text-indent: -9999px;
  width: 61px;
}

a#f-facebook {
  background: url(/img/v2/ui/bg_facebook.gif) no-repeat;
  display: block;
  float: left;
  height: 35px;
  margin-left: 62px;
  overflow: hidden;
  text-indent: -9999px;
  width: 84px;
}

a#f-myspace {
  background: url(/img/v2/ui/bg_myspace.gif) no-repeat;
  display: block;
  float: left;
  height: 35px;
  margin-left: 51px;
  overflow: hidden;
  text-indent: -9999px;
  width: 108px;
}

/* headings */

div#content-wrap-subpage h1 {
  margin-bottom: 25px;
}

h1.ajankohtaista {
  background: url(/img/v2/ui/h1_ajankohtaista.gif) no-repeat;
  font-size: 11px;
  height: 17px;
  margin-bottom: 8px;
  text-indent: -9999px;
  margin-bottom:0px;
  padding-bottom:0px;
}

h1.esittelyssa {
  background: url(/img/v2/ui/h1_esittelyssa.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
  width: 107px;
}

h1.julkaisukalenteri {
  background: url(/img/v2/ui/h1_julkaisukalenteri.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  margin-bottom: 8px;
  text-indent: -9999px;
}

h1.levylautasella {
  background: url(/img/v2/ui/h1_levylautasella.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
}

h1.artistit {
  background: url(/img/v2/ui/h1_artistit.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
}

h1.media {
  background: url(/img/v2/ui/h1_media.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
}

h1.uutiset {
  background: url(/img/v2/ui/h1_uutiset.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
}

h1.kauppa {
  background: url(/img/v2/ui/h1_kauppa.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
}

h1.haku {
  background: url(http://johannakustannus.fi/img/v2/ui/h1_haku.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
}


h1.info {
  background: url(/img/v2/ui/h1_info.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  margin-bottom: 20px;
  text-indent: -9999px;
}

h1.palaute {
  background: url(/img/v2/ui/h1_palaute.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  margin-bottom: 20px;
  text-indent: -9999px;
}

h1.inenglish {
  background: url(/img/v2/ui/h1_inenglish.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
}

h1.artisti {
  background: url(/img/v2/ui/h1_artisti.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
}

h1.albumit {
  background: url(/img/v2/ui/h1_albumit.gif) no-repeat;
  clear: both;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
}

h1.levy {
  background: url(/img/v2/ui/h1_levy.gif) no-repeat;
  clear: both;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
}

h2.yhteystiedot {
  background: url(/img/v2/ui/h2_yhteystiedot.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
  margin-bottom: 17px;
}

h2.demoohje {
  background: url(/img/v2/ui/h2_demoohje.gif) no-repeat;
  clear: left;
  font-size: 11px;
  height: 17px;
  text-indent: -9999px;
  margin-bottom: 17px;
}

div.artist h2, div.shopitem h2, div.contactitem h2 {
  background: url(/img/v2/ui/h2_list.gif) no-repeat;
  color: #fff;
  font-size: 11px;
  height: 17px;
  line-height: 17px;
  margin-bottom: 17px;
  padding-left: 10px;
}

div.shopitem h2 {
  margin-bottom: 3px;
}

div#content h2 {
  clear: left;
}

h2.wide {
  background: url(/img/v2/ui/h2_800.gif) no-repeat;
  color: #fff;
  font-size: 11px;
  height: 17px;
  line-height: 17px;
  margin-bottom: 5px;
  padding-left: 10px;
}

/* news */

div#news-short-wrap {
  min-height: 314px;
}

div.news-short {
  clear: left;
  display: inline;
  float: left;
  margin-bottom: 18px;
  padding: 0 10px;
}

div.news-short h2, div.news-short h3 {
  font-size: 11px;
}

div.news-short h3 {
  font-style: italic;
  font-weight: normal;
}

div.news-short-txt {
  float: left;
  width: 320px;
}

div.news-short-txt-wide {
  float: left;
  width: 395px;
}

div.news-short-img {
  float: left;
  /*margin-top:40px;*/
}

div.news-short p {
  margin-bottom: 0;
}

/* images */

img {
  border: 1px #000 solid;
}

img.noborder {
  border: 0;
}

/* text */

p {
  margin-bottom: 18px;
}

/* links */

a#inenglish {
  background: url(/img/v2/ui/flag_en.gif) no-repeat;
  display: block;
  float: left;
  height: 16px;
  overflow: hidden;
  padding: 1px 0;
  text-indent: -9999px;
  width: 22px;
}

/* video */

div#video-title {
  background: url(/img/v2/ui/h1_esittelyssa.gif) no-repeat;
  float: left;
  padding-bottom: 6px;
  width: 420px;
}

div#video-title h1 {
  float: left;
}

div#video-title span {
  color: #fff;
  float: left;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
  width: 310px;
}

div.video {
  border-top: 1px #000 solid;
  float: left;
  width: 320px;
}

div.video-info {
  float: left;
  height: 245px;
  padding: 10px;
  width: 78px;
}

/* julkaisukalenteri */

div#cal-item-wrap {
  height: 492px;
  margin-bottom: 16px;
  overflow: auto;
}

div.cal-item {
  clear: left;
  float: left;
  margin-bottom: 12px;
  padding: 0 0 0 6px;
  width: 330px;
}

div.cal-item-img {
  float: left;
  width: 124px;
}

div.cal-item-txt {
  float: left;
  width: 190px;
}

/* mp3 player */

div#mp3-wrap {
  clear: left;
  float: left;
  padding: 6px;
  padding-left: 10px;
}

div.mp3-img {
  float: left;
  width: 124px;
}

div.mp3-txt {
  float: left;
  /*width: 222px;*/
}

/* artist */

div.artist {
  float: left;
  margin-bottom: 10px;
}

div.artist-txt {
  float: left;
  width: 298px;
}

div.artist-img {
  float: left;
  width: 80px;
}

div.artist-links {
  padding-left: 10px;
}

div.artist-links a {
  float: left;
  font-weight: bold;
  margin-right: 28px;
}

div.artist-links a.myspace {
  background: url(/img/v2/ui/bg_myspace2.gif) no-repeat;
  display: block;
  height: 13px;
  overflow: hidden;
  text-indent: -9999px;
  width: 76px;
}

/* news */

div.newsitem {
  float: left;
  margin-bottom: 10px;
}

div.newsitem-txt {
  float: left;
  width: 298px;
}

div.newsitem-img {
  float: left;
  width: 80px;
  align:right;
}

div.content-right-col div.newsitem-txt {
  width: 288px;
}

div.content-right-col div.newsitem {
  padding-left: 10px;
}

/* shop */

div#shop-topbar {
  background: url(/img/v2/ui/h2_800.gif) no-repeat;
  color: #fff;
  height: 17px;
  line-height: 17px;
  margin-bottom: 25px;
  padding-left: 11px;
}

div#sp-links {
  float: left;
  width: 405px;
}

div#sp-links a {
  color: #808080;
  font-weight: bold;
  text-transform: uppercase;
}

div#sp-links a.selected {
  color: #fff;
}

div#sp-total {
  float: left;
  width: 295px;
}

div#sp-pages {
  float: left;
  font-weight: bold;
  width: 80px;
}

div#sp-pages a {
  color: #fff;
}

div#sp-pages-bottom {
  float: right;
  font-weight: bold;
}

div.shopitem {
  float: left;
  margin-bottom: 10px;
}

div.shopitem-txt {
  float: left;
  position: relative;
  width: 298px;
}

div.shopitem-txt p {
  padding-left: 10px;
}

div.shopitem-img {
  float: left;
  width: 80px;
}

div.shopitem-links {
  left: 220px;
  padding-left: 10px;
  position: absolute;
  top: 52px;
}

a.si-osta {
  background: url(/img/v2/ui/btn_osta.gif) no-repeat;
  display: block;
  height: 13px;
  margin-bottom: 2px;
  overflow: hidden;
  text-indent: -9999px;
  width: 57px;
}

a.si-buy {
  background: url(/img/v2/ui/btn_buy.gif) no-repeat;
  display: block;
  height: 13px;
  overflow: hidden;
  text-indent: -9999px;
  width: 57px;
}

/* contact */

div.contactitem {
  float: left;
  margin-bottom: 10px;
}

div.contactitem-txt {
  float: left;
  width: 298px;
}

div.contactitem-txt p {
  padding-left: 10px;
}

div.contactitem-img {
  float: left;
  width: 80px;
}

/* form */

label {
  background: #000;
  color: #fff;
  display: block;
  font-weight: bold;
  margin-bottom: 2px;
  padding: 2px 4px;
  width: 642px;
}

input, textarea {
  border: 1px #000 solid;
  margin-bottom: 10px;
  width: 648px;
}

input.inputbtn {
  border: none;
  margin-left: 565px;
  width: auto;
}

/* album */

div.album {
  float: left;
  margin-bottom: 10px;
}

div.album h2 {
  background: url(/img/v2/ui/h2_list.gif) no-repeat;
  color: #fff;
  font-size: 11px;
  height: 17px;
  line-height: 17px;
  padding-left: 10px;
}

div.album h2 a {
  color: #fff;
}

div.album-txt {
  float: left;
  position: relative;
  width: 298px;
}

div.album-img {
  float: left;
  width: 80px;
}

div.album-code {
  padding-left: 10px;
}

div.album-links {
  left: 220px;
  padding-left: 10px;
  position: absolute;
  top: 52px;
}

/* jep */

div.valiviiva {
  background: url(/img/v2/ui/bg_valiviiva.gif) repeat-x;
  clear: both;
  height: 4px;
  margin-bottom: 10px;
}

#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden }