body { 
    padding: 0px; margin: 0px; 
    background: #000000; 
    text-align:center;
    color: #bbbec0;
    }

#container { }

#b-helion { 
    margin: auto;
		width: 720px; height: 240px; 
    background: url(images/b-helion.jpg) no-repeat;
		}

#b-helion h2 { display: none; }

#b-planet { width: 360px; height: 69px; margin: auto; background: url(images/b-botplanet.jpg); margin-bottom: 20px;}

#copyright { background: url(images/copyright.jpg) no-repeat; width: 392px; margin: auto; height: 14px; text-align: left; margin-top: 5px;}
#copyright a { display: block; height: 14px; width: 131px; margin-left: 261px;}
#copyright span, #copyright a span { display: none; }


#navicell { width: 622px; height: 20px; display:table; margin: auto; 
            background: url(images/bgnavit.gif) no-repeat;
            background-position: -6px -6px;
}
#navi { 
    display: table-cell;
    }
#navi a i { display: none; }

  #n1 a { display: block; width: 50px; height: 20px; background: url(images/n-1a.gif) no-repeat; float: left; margin-right: 15px; background-position: top;}
  #n1 a:hover { background: url(images/n-1b.gif) no-repeat; background-position: top;}
  #n2 a { display: block; width: 44px; height: 20px; background: url(images/n-2a.gif) no-repeat; float: left; margin-right: 15px; background-position: top;}
  #n2 a:hover { background: url(images/n-2b.gif) no-repeat; background-position: top;}
  #n3 a { display: block; width: 69px; height: 20px; background: url(images/n-3a.gif) no-repeat; float: left; margin-right: 15px; background-position: top;}
  #n3 a:hover { background: url(images/n-3b.gif) no-repeat; background-position: top;}
  #n4 a { display: block; width: 49px; height: 20px; background: url(images/n-4a.gif) no-repeat; float: left; margin-right: 15px; background-position: top;}
  #n4 a:hover { background: url(images/n-4b.gif) no-repeat; background-position: top;}    
  #n5 a { display: block; width: 40px; height: 20px; background: url(images/n-5a.gif) no-repeat; float: left; margin-right: 15px; background-position: top;}
  #n5 a:hover { background: url(images/n-5b.gif) no-repeat; background-position: top;} 
  #n6 a { display: block; width: 53px; height: 20px; background: url(images/n-6a.gif) no-repeat; float: left; margin-right: 15px; background-position: top;}
  #n6 a:hover { background: url(images/n-6b.gif) no-repeat; background-position: top;} 
  #n7 a { display: block; width: 81px; height: 20px; background: url(images/n-7a.gif) no-repeat; float: left; margin-right: 15px; background-position: top;}
  #n7 a:hover { background: url(images/n-7b.gif) no-repeat; background-position: top;}
  #n8 a { display: block; width: 53px; height: 20px; background: url(images/n-8a.gif) no-repeat; float: left; margin-right: 15px; background-position: top;}
  #n8 a:hover { background: url(images/n-8b.gif) no-repeat; background-position: top;}        
  #n9 a { display: block; width: 63px; height: 20px; background: url(images/n-9a.gif) no-repeat; float: left;}
  #n9 a:hover { background: url(images/n-9b.gif) no-repeat; background-position: top;} 

#laatikko { background: #252c34 url(images/bg.jpg) repeat-x;}
  
  #bYla { background: url(images/bg-byla.gif) repeat-x; height: 22px; }
  #bAla { background: url(images/bg-bala.gif) repeat-x; height: 26px; }
  
  #sisaltoalue { width: 750px; margin: auto; display: table;}
  
  #sis { display: table-cell;}
    
    #solu1 { width: 250px; float: right; text-align: left; padding-bottom: 30px; }
    
    #solu2 { width: 500px; float: right; padding-top: 20px; padding-bottom: 30px; text-align: left;}
    
      #sisalto { width: 475px; float: right; color: #bbbec0; margin-top: 10px;}
      
      #sisalto h4 { 
          font: normal bold 16px Trebuchet MS, Arial, Sans-Serif; 
          color: #ffde00; border-bottom: 1px solid #393f46; 
          padding-bottom: 5px;
          margin-top: 0px; padding-top: 0px;
          }


      #sisalto h5 { 
          font: normal bold 13px Tahoma, Arial, Sans-Serif;
          margin-right: 15px; margin-left: 20px; 
          padding: 0px; margin-top: 0px; margin-bottom: 0px;
          color: #889eaa;
          }

      #sisalto h5 a {
          color: #889eaa;
          text-decoration: none;
          }
          
      #sisalto h5 a:hover {
          color: #fff;
          }    
      
      #sisalto p { 
          font: normal normal 13px Trebuchet MS, Arial, Sans-serif; 
          margin-right: 15px; margin-left: 20px;
          text-align: justify;
          }

      #sisalto p a { color: #fff; text-decoration: none; }
      #sisalto p a:hover { color: #c0c0c0; text-decoration: underline;}
      
/* Sivukohtaiset */

.PostAuthor { 
    text-align: right; 
    font: normal normal 11px Tahoma;
    color: #999999;
    border-bottom: 1px solid #2c3240;
    padding-bottom: 20px; margin-bottom: 20px;
    }
 
 .PostAuthorS { 
    text-align: right; 
    font: normal normal 11px Tahoma;
    color: #999999;
    border-bottom: 1px solid #2c3240;
    padding-bottom: 10px;
    }
    
    .PostAuthor a, .PostAuthorS a { color: #545b6a; text-decoration: none; }

.PostNavi { 
    font: normal normal 11px arial; 
    padding: 10px; 
    background: url(images/bginfo.jpg) repeat-x bottom left;
    border-bottom: 1px solid #363c45;
    border-top: 1px solid #26282a;
    }
  .PostNavi .right { float: right;}
  .PostNavi .left {float: left; }     

.PostNavi a { color: #889eaa; text-decoration: none; }
.PostNavi a:hover { color: #fff; text-decoration. underline; }
    
#solu1navi { 
    font: normal normal 11px verdana ; color: #c0c0c0; 
    background: #000 url(images/bg-alanavi.gif);
    border:1px solid #363e3f;
    }

#solu1otsake { border-bottom: 1px solid #474a47; background: #20211f; text-align: center;}
#solu1otsake h4 { font: normal bold 12px Tahoma, Arial, Sans-Serif; color: #6e746a; margin: 0px; padding: 10px;}    

#solu1navi a { color: #889eaa; text-decoration: none;}
#solu1navi a:hover { color: #e3e9ec; text-decoration: underline; }
    
#solu1navi .bandlinks a { text-decoration: none; width: 100%; display: block; color: #c0c0c0; }
#solu1navi .bandlinks a b { font: normal bold 11px verdana; color: #b2b6bc; }
#solu1navi .bandlinks a:hover b { color: #b7c1b6; }
#solu1navi .bandlinks a:hover { text-decoration: none; background: #4d574d; }

.showdate { 
    font: normal normal 11px verdana; 
    margin-bottom: 15px; padding-left: 24px; 
    line-height: 15px;
    background: url(images/nuoli.gif) no-repeat center left;
    }

.showdate strong { font: normal bold 12px arial; color: #fff; }

#frontlinks { 
    background: url(images/bginfo.jpg) repeat-x; border-bottom: 1px solid #363c45; 
    padding-top: 5px; padding-bottom: 3px; margin-top: 10px; 
    text-align: center;
    }
#frontlinks a img { border: 0px; }

#band table { 
          font: normal normal 13px Trebuchet MS, Arial, Sans-serif; 
          margin-left: 30px;
          }
#band table td { padding-bottom: 10px; }
#band table td p { padding-left: 0px; padding-right: 0px; margin-right: 0px; margin-left: 0px; }
#band table a { color: #e2ddcd; text-decoration: none; }
#band table a:hover {color: #c5c2a7; text-decoration: underline;}

#band hr { height:0px; border: 1px solid #444a4e; margin-left:20px; margin-right: 10px;}

#bandinter { border:1px solid #1a1a1b; margin-top: 15px; }
#bandinterin { border:1px solid #363e3f; background: #000 url(images/bg-alanavi.gif); }
#bandinterin form { margin: 10px; }
#bandinterin form select { background: #000; color: #c0c0c0; }
#bandinterin h4 { font: normal bold 12px Tahoma, Arial, Sans-Serif; color: #6e746a; margin: 0px; padding: 10px;}    

/* Albums */

#sisalto table.album { font: normal normal 11px Trebuchet MS, Arial, Sans-serif; color: #bbbec0 ; margin-bottom: 20px;}
#sisalto table.album h5 { margin: 0px; padding: 0px; padding-bottom: 10px;}
#sisalto table.album h5 small { color: #fff; font: normal normal 11px Courier New, Sans-Serif; }
#sisalto table.album p { padding: 0px; margin: 0px; padding-top: 10px; font: normal normal 11px Trebuchet MS, Arial, Sans-Serif;}
#sisalto table.album a {color: #e2ddcd; text-decoration: none; }
#sisalto table.album a:hover {color: #c5c2a7; text-decoration: underline;}

#solu1navi .albumreviews h5 { font: normal bold 12px Trebuchet MS, Sans Serif; color: #c5d2e5; margin: 0px; padding: 0px; padding-bottom: 6px;}
#solu1navi .albumreviews a { color: #e2ddcd; text-decoration: none; }
#solu1navi .albumreviews a:hover { color: #c5c2a7; text-decoration: none;} 
#solu1navi .albumreviews { margin:10px; padding-bottom: 10px; color: #c0c0c0; font: normal normal 11px verdana, sans serif; line-height: 20px; border-bottom: 1px solid #3f4042;}
#solu1navi .albumreviews strong { color: #fff; }

/* Gigs */

#gigs ul { padding: 5px; }
#gigs ul li {
          list-style-type: none; padding: 5px; margin: 0px;
          font: normal normal 13px Trebuchet MS, Arial, Sans-serif; 
          margin-right: 15px; margin-left: 20px;
          }


/* Links */

.lnkcat { text-align: center;}
.lnkcat h2 { font: normal bold 12px Arial; color: #fff; }
.lnkcat ul li ul { margin: 0px; padding: 0px ; list-style-type: none; text-align: left;}
.lnkcat ul li ul li { margin: 0px; padding: 0px; }
.lnkcat ul li ul li a { display: table; width:100%; margin: 0px; padding: 4px; text-decoration: none; color: #c0c0c0;}
.lnkcat ul li a:hover { text-decoration: none; background: #4d574d; }

.nomargin { margin: 0px; padding: 0px; list-style-type: none;}

/* Media */

#media ul { font: normal normal 11px verdana; }
#media ul a { font: normal bold 13px Trebuchet MS, Arial, Sans Serif; color: #e2ddcd; text-decoration: none;}
#media ul a:hover { text-decoration: underline; color: #c5c2a7; }
#media ul li  { background: url(images/media-mp3.gif) no-repeat; background-position: 0px 5px; list-style-type: none; padding-bottom: 8px; padding-left: 30px;}

#media ol { font: normal normal 11px verdana; }
#media ol li  { background: url(images/media-jpg.gif) no-repeat; background-position: 0px 5px; list-style-type: none; padding-bottom: 8px; padding-left: 30px;}
#media ol a { font: normal bold 13px Trebuchet MS, Arial, Sans Serif; color: #e2ddcd; text-decoration: none;}
#media ol a:hover { text-decoration: underline; color: #c5c2a7; }

#mediainfo { font: normal normal 13px Trebuchet MS, Sans Serif; background: #1b242e url(images/bgmedia.jpg) repeat-x; border: 1px solid #363d44; text-align: center; padding-bottom: 15px; }
#mediainfo-press { background: url(images/bgmediapress.gif) no-repeat; background-position: center center; height: 38px; margin-bottom: 10px;}
#mediainfo-press i { display: none; }
#mediainfo img { border: 1px solid #000; margin: 5px; margin-top: 10px; }
#mediainfo p { padding: 5px; font-size: 10px;}

/* Merch */

#merch table { padding-top: 10px; padding-bottom: 15px; margin-right: 20px; margin-left: 25px;}
#merch table tr td img { width: 100px; height: 100px; border: 1px solid #000; margin-right: 15px; }
#merch table tr td strong { font: normal bold 12px verdana; color: #fff; padding: 0px; margin: 0px;}
#merch table tr td strong em { font: normal bold 10px verdana; color: #c0c0c0; padding: 0px; margin: 0px;}
#merch table tr td p { padding: 0px; margin-left: 0px; margin-right: 0px; }

/* Comment */

#comment { 
    width: 90%; height: 100px; 
    padding: 10px;
    border:1px solid #414448; 
    background: #2a313a url(images/bgcomment.jpg) repeat-x; 
    color: #fff; font: normal normal 12px courier new; line-height: 15px;
    }

input#url, input#author, input#email, input#securitycode { 
    background: #2a313a url(images/bgcomment.jpg) repeat-x;  
    border:1px solid #414448;
    color: #fff; font: normal normal 11px arial;
    heigth: 20px; padding: 2px;
    }
    
h3#respond { color: #ffd800; font: normal bold 12px Tahoma; border-top: 1px solid #363c45; padding-top: 10px; }
h3#comments { color: #ffd800; font: normal bold 13px Tahoma;}
ol.commentlist { font: normal normal 11px verdana; }
ol.commentlist li a { color: #8db2c5; font: normal normal 11px verdana; text-decoration: none; }