body {
    padding: 0;
    margin: 0;
    border: 0;
    font-family: Georgia, Garamond, serif;
    color: #fff;
    font-size: 11px;
    background: #000 url(/img/noflash/bg_pattern.jpg);
}

div, p, table, td, form, input, textarea, select {
    font-family: Georgia, Garamond, serif;
    color: #fff;
    font-size: 11px;
    line-height: 1.6em;
}

a {
    color: #cc0000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img { border: 0; }

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    line-height: 1.3em;
    text-transform: uppercase;
}

h1 {
    color: #a6a6a6;
    font-size: 26px;
    padding-bottom: .5em;
}

h2 {
    color: #cc0000;
    font-size: 20px;
}

h3 {
    color: #cc0000;
    font-size: 16px;
}

h4 {
    font-size: 12px;
}

p {
    margin: 0;
    padding: 0 0 1em 0;
}

#content {
    width: 929px;
    height: 436px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 99;
    margin-top: -196px;
    margin-left: -466px;    
    background: url(/img/bg_content.jpg) no-repeat;
    color: #fff;
}

#content-modal {
    width: 460px;
    height: 218px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 99;
    margin-top: -109px;
    margin-left: -230px;    
    background: url(/img/bg_content_modal.jpg) no-repeat;
    color: #fff;
}

#container {
    width: 929px;
    height: 437px;
    overflow: auto;
    overflow-x: hidden;
}

#container-modal {
    width: 460px;
    height: 219px;
    overflow: auto;
    overflow-x: hidden;
}

#main {
    float: left;
    display: inline;
    width: 528px;
    margin: 55px 0 0 60px;
    padding-bottom: 1em;
}

#main-modal {
    margin: 52px 25px 0 55px;
}

#sidebar {
    float: left;
    display: inline;
    width: 252px;
    margin: 57px 0 0 21px;
    padding-bottom: 1em;
}

#close-window {
    position: absolute;
    top: 14px;
    left: 798px;
    width: 114px;
    height: 31px;
    text-indent: -9999px;
    cursor: pointer;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    opacity: 0.75;       
    background: url(/img/btn_close.gif) no-repeat; 
}

#close-window:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity: 1.0;    
}


#close-window-modal {
    position: absolute;
    top: 11px;
    left: 340px;
    width: 114px;
    height: 31px;
    text-indent: -9999px;
    cursor: pointer;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    opacity: 0.75;       
    background: url(/img/btn_close.gif) no-repeat;
}

#close-window-modal:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity: 1.0;    
}

h2.modal {
    color: #cc0000;
    font-size: 20px;
    padding-bottom: .45em;
}

#loading, #loading-modal {
    position: absolute;
    top: 12px;
    left: 14px;
    width: 24px;
    height: 24px;
    display: none;
}

.date {
    color: #666;
    padding-bottom: .25em;
}

#sidebar ul {
    margin: 0;
    padding: 0 0 1em 0;
    list-style-type: none;
}

#sidebar ul li {
    margin: 0;
    padding: 0;
    list-style-type: 0;
}

#sidebar ul.links li {
    color: #e90000;
}

#sidebar ul.links li a {
    color: #eee;
}
#sidebar ul.links li a:hover {
    color: #e90000;
}
#sidebar ul.links li.active, #sidebar ul.links li.active a {
    color: #666;
}

#sidebar h3 {
    padding-bottom: .5em;
}

.subnav a {
    display: block;
    text-indent: 9999px;
    height: 28px;
    margin-top: 2px;
}

#sn-gigs-current {background: url(/img/sn_en_gigs0.gif);}
#sn-gigs-current a:hover, .sn-gigs-current-active {background: url(/img/sn_en_gigs1.gif);}
#sn-gigs-past {background: url(/img/sn_en_gigs0.gif) 0px -30px;}  
#sn-gigs-past a:hover, .sn-gigs-past-active {background: url(/img/sn_en_gigs1.gif) 0px -30px;} 

#sn-keikat-tulevat {background: url(/img/sn_fi_keikat0.gif);}
#sn-keikat-tulevat a:hover, .sn-keikat-tulevat-active {background: url(/img/sn_fi_keikat1.gif);}
#sn-keikat-menneet {background: url(/img/sn_fi_keikat0.gif) 0px -30px;}  
#sn-keikat-menneet a:hover, .sn-keikat-menneet-active {background: url(/img/sn_fi_keikat1.gif) 0px -30px;} 

#sn-band-biography {background: url(/img/sn_en_band0.gif);}
#sn-band-biography a:hover, .sn-band-biography-active {background: url(/img/sn_en_band1.gif);}
#sn-band-discography {background: url(/img/sn_en_band0.gif) 0px -30px;}
#sn-band-discography a:hover, .sn-band-discography-active {background: url(/img/sn_en_band1.gif) 0px -30px;}

#sn-band-biografia {background: url(/img/sn_fi_band0.gif);}
#sn-band-biografia a:hover, .sn-band-biografia-active {background: url(/img/sn_fi_band1.gif);}
#sn-band-diskografia {background: url(/img/sn_fi_band0.gif) 0px -30px;}
#sn-band-diskografia a:hover, .sn-band-diskografia-active {background: url(/img/sn_fi_band1.gif) 0px -30px;}

#sn-band-theon {background: url(/img/sn_en_bio0.gif);}
#sn-band-theon a:hover, .sn-band-theon-active {background: url(/img/sn_en_bio1.gif);}

#sn-band-vivian {background: url(/img/sn_en_bio0.gif) 0px -30px;}
#sn-band-vivian a:hover, .sn-band-vivian-active {background: url(/img/sn_en_bio1.gif) 0px -30px;}

#sn-band-sammy {background: url(/img/sn_en_bio0.gif) 0px -60px;}
#sn-band-sammy a:hover, .sn-band-sammy-active {background: url(/img/sn_en_bio1.gif) 0px -60px;}

#sn-band-christian {background: url(/img/sn_en_bio0.gif) 0px -90px;}
#sn-band-christian a:hover, .sn-band-christian-active {background: url(/img/sn_en_bio1.gif) 0px -90px;}

#sn-band-julian {background: url(/img/sn_en_bio0.gif) 0px -120px;}
#sn-band-julian a:hover, .sn-band-julian-active {background: url(/img/sn_en_bio1.gif) 0px -120px;}

#sn-band-jason {background: url(/img/sn_en_bio0.gif) 0px -150px;}
#sn-band-jason a:hover, .sn-band-jason-active {background: url(/img/sn_en_bio1.gif) 0px -150px;}


#sn-gallery-images {background: url(/img/sn_en_gallery0.gif);}
#sn-gallery-images a:hover, .sn-gallery-images-active {background: url(/img/sn_en_gallery1.gif);}

#sn-gallery-videos {background: url(/img/sn_en_gallery0.gif) 0px -30px;}
#sn-gallery-videos a:hover, .sn-gallery-videos-active {background: url(/img/sn_en_gallery1.gif) 0px -30px;}

#sn-gallery-ecards {background: url(/img/sn_en_gallery0.gif) 0px -60px;}
#sn-gallery-ecards a:hover, .sn-gallery-ecards-active {background: url(/img/sn_en_gallery1.gif) 0px -60px;}

#sn-gallery-downloads {background: url(/img/sn_en_gallery0.gif) 0px -90px;}
#sn-gallery-downloads a:hover, .sn-gallery-downloads-active {background: url(/img/sn_en_gallery1.gif) 0px -90px;}


#sn-gallery-kuvat {background: url(/img/sn_fi_galleria0.gif);}
#sn-gallery-kuvat a:hover, .sn-gallery-kuvat-active {background: url(/img/sn_fi_galleria1.gif);}

#sn-gallery-videot {background: url(/img/sn_fi_galleria0.gif) 0px -30px;}
#sn-gallery-videot a:hover, .sn-gallery-videot-active {background: url(/img/sn_fi_galleria1.gif) 0px -30px;}

#sn-gallery-ekortit {background: url(/img/sn_fi_galleria0.gif) 0px -60px;}
#sn-gallery-ekortit a:hover, .sn-gallery-ekortit-active {background: url(/img/sn_fi_galleria1.gif) 0px -60px;}

#sn-gallery-ladattavat {background: url(/img/sn_fi_galleria0.gif) 0px -90px;}
#sn-gallery-ladattavat a:hover, .sn-gallery-ladattavat-active {background: url(/img/sn_fi_galleria1.gif) 0px -90px;}

p.empty {
    margin: .5em 0 0 0;
}

.news {
    padding-bottom: 1em;
}

.pagearrows-top {
    margin-top: .75em;
}

img.arrow {
    background: #333;
}
a:hover img.arrow {
    background: #cc0000;
}
img.arrow_d {
    background: #222;
    filter:alpha(opacity=35);
    -moz-opacity:0.35;
    opacity: 0.35;
}

table#gigs {
    width: 100%;
    table-layout: fixed;
	border-collapse: collapse;
    border: 0;
}

table#gigs th {
    text-align: left;
    padding: 4px;
}

table#gigs td {    
    padding: 4px;
    vertical-align: top;
    border-top: 1px solid #333;
}

table#gigs td.moreinfo p {
    margin: 0;
    padding: 0;
}

input, textarea, select {
    color: #fff;
    background: #000;
}

div.contact {
    float: left;
    width: 258px;
    margin-right: 5px;
}

form.contact {
    margin: .5em 0 0 0;
    padding: 0 0 1em 0;
}

form.contact label {
    color: #999;
}

input.txt-xs, input.txt-s, input.txt-m, textarea.txt-l {
    padding: 4px;
    border: 1px solid #666;
    background: #000;
}
input.txt-xs {
    width: 30px;
}
input.txt-s {
    width: 180px;
}
input.txt-m {
    width: 226px;
}
textarea.txt-l {
    width: 226px;
    height: 120px;
}

input.submit, input.submit_h {
    margin: 0;
    padding: 5px 4px 4px 4px;
    width: 96px;
    background: #000;
    border: 1px solid #cc0000;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
    color: #cc0000;
    text-transform: uppercase;
}

input.submit_h {
    background: #000;
    border: 1px solid #333;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

h4.contact, h4.gallery {
    margin-top: .5em;
    color: #cc0000;
    font-size: 12px;
    padding-bottom: .25em;
}

h4.gallery { 
    margin-top: 2em;
    border-top: 1px solid #292929;
    padding-top: 1em;
}

#igNav {
    display: block;
    float: right;
    width: 250px;
    margin-right: 15px;
    margin-top: -3.75em;
}

div.igThumbs {
    clear: both;
}

div.igThumb {
    float: left;
    width: 116px;
    height: 91px;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: center;
    background: #000;
    overflow: hidden;
}

div.igThumb a {
    border: 1px solid #333;
    display: block;
    width: 101px;
    height: 77px;
    padding: 6px;
}

div.igThumb img {
    border: 1px solid #1a1a1a;
}

div.igThumb a:hover {
    background: #0a0a0a;
    border: 1px solid #cc0000;
}

div.igDescription {
    font-style: italic;
}

.album {
    padding-bottom: 2em;
    clear: both;
}

.album div {
    float: left;    
}

.album img {
    float: left;    
    margin-right: 15px;
}

.album ol {
    margin: 0;
    padding: 0;
}
.album ol li {
    margin: 0 0 0 24px;
    padding: 0;
}

.album h3 {
    padding-top: 1px;
}

.album h4 {
    font-family: Georgia, Garamond, serif;
    color: #666;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    padding-bottom: .5em;
}

h4.band-top {
    margin-top: .5em;
    color: #cc0000;
    font-size: 12px;
    padding-bottom: .25em;
    margin-top: 2em;
    border-top: 1px solid #292929;
    padding-top: 1em;    
}
h4.band-sb {
    margin-top: .25em;
    color: #cc0000;
    font-size: 12px;
    padding-bottom: .25em;   
}

h4.band, h4.alt {
    margin: 0;
    padding: 0;
    color: #cc0000;
    font-size: 12px;
}

.bio-img {
    float: left;
    display: inline;
    margin-right: 15px;
}

.bio-img img {
    border: 1px solid #2a2a2a;
}

.wpThumb {
    float: left;    
    width: 254px;
    margin: 0 10px 1.5em 0;
}

.wpThumb a {
    display: block;    
    border: 1px solid #333;
}

.wpThumb span {
    display: block;
    padding-bottom: 2px;
    color: #cc0000;
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;    
    
}

.wpThumb a:hover {
    border: 1px solid #cc0000;
}

.gallery-img img {
    border: 1px solid #333;
}

span.banner-code {
    display: block;
    width: 458px;
    margin-top: 5px;
    background: #0a0a0a;
    border: 1px solid #333;
    padding: 5px;
    font-family: monospace;
    font-size: 11px;   
    color: #ccc;
    line-height: 1.4em; 
}   


/*

STATIC VERSION

*/


#noflash {
    
}

#static-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 202px;
    height: 144px;
    margin-left: -100px;
    margin-top: -325px;
    z-index: 1;
}

#static-city {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 980px;
    height: 498px;
    margin-left: -490px;
    margin-top: -229px;
    z-index: 0;
}

#static-city img {
    border: 0;
}  

#static-news {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 198px;
    margin-left: -460px;
    margin-top: -210px;    
    overflow: hidden;
}

#static-news a {
    display: block;
    font-weight: bold;
    color: #000;
    font-size: 10px;
    line-height: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

#static-news a span {
    color: #e50d22;
}

#static-news a:hover {
    color: #e50d22;
    text-decoration: none;
}

#static-footer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 966px;
    height: 20px;
    margin-left: -490px;
    margin-top: 278px;
    z-index: 3;
    padding-left: 10px;
    font-size: 11px;
}

#footer-emi {
    float: left;
    width: 84px;
}

#footer-info {
    float: left;
    width: 750px;
    margin-left: 14px;
    color: #999;
}

#footer-info a {
    color: #eee;
}   

#static-player {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 24px;
    margin-left: -488px;
    margin-top: -255px;
    z-index: 3;
}   

#static-langmenu {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 244px;
    height: 19px;
    margin-left: 335px;
    margin-top: -248px;
    z-index: 3;
}  

#static-langmenu a {
    display: block;
    text-transform: uppercase;
    color: #fff;
    line-height: 14px;
    font-size: 11px;
} 

#static-langmenu a.akt {
    color: #666;
}

#lang-en {
    float: left;
    width: 56px;
    background: url(/img/noflash/flag_en.gif) 0px 1px no-repeat;
    padding-left: 22px;
}

#lang-fi {
    margin-left: 7px;
    float: left;
    width: 42px;
    background: url(/img/noflash/flag_fi.gif) 0px 1px no-repeat;
    padding-left: 22px;
}

/* Clear floated elements */
.floatcontainer:after { 
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0; 
    clear: both; 
    visibility:hidden; 
} 
.floatcontainer {
    display: inline-block;
} 
/* Hides from IE Mac \*/ 
* html .floatcontainer {
    height: 1%;
} 
.floatcontainer {
    display:block;
} 
/* End Hack */