body {
    margin: 0 0 30px 0;
    padding: 0;
    border: 0;
    background: #000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 82%;
    color: #fafafa;
    line-height: 1.4em;
}

div, p, table, td, input, select, textarea {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 100%;
}

h2 {
    font-size: 100%;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 1.25em;
}    

h3 {
    font-size: 100%;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 .75em 0;
    line-height: 1.25em;
}           

h4 {
    font-size: 100%;
    margin-top: 3em;
}

a {
    color: #B6CD97;
}

a:hover {
    color: #D9EBBD;

}

a img {
    border: 0;
}

a.navi {
    background: transparent;
}

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

input {
    background: #000;
    color: #fff;
}

#wrap {
    width: 968px;
    margin: 0 auto 0 auto;
    background: #000 url(../img/bg_content.gif) repeat-y;
    border-left: 1px solid #161616;
    border-right: 1px solid #161616;
}

#flow {
    min-height: 580px;
    padding-bottom: 40px;
}    
*html #flow {
    height: 580px;
}    

.f-norm {
    background: url(../img/bg_bottom.jpg) no-repeat left bottom;
}

.f-index {
    background: url(../img/bg_bottom_index.jpg) no-repeat left bottom;
}

#content {
    padding-left: 36px;
}

.c-index {
    background: url(../img/bg_top.gif) no-repeat;
}

.c-norm {
    background: url(../img/bg_top.gif) no-repeat;
}

#nrplayer {
    float: left;
    margin-top: 22px;
    width: 592px;
}

#navi {    
    float: right;
    display: inline;    
    margin-top: 42px;
    margin-right: 26px;
    width: 216px;
}

#navi img {
    border: 0;
}

#navi-index {    
    float: left;
    display: inline;        
    width: 393px;
    margin-top: 2px;
    margin-left: 80px;
}

#navi-index img {
    border: 0;
}

#subnavi {
    float: right;
    margin-top: 22px;
    width: 320px;
    padding-right: 18px;
    text-align: right;
}

#radio {
    padding-top: 8px;     
    padding-right: 12px;
}

#frontnewalbum {
    float: left;
    width: 432px;
    margin-top: 10px;
}

#frontlifts {
    clear: both;
}

#frontvote {
    float: left;
    width: 258px;
    margin-top: 2px;
}

#frontbuy {
    float: left;
    width: 229px;
    margin-left: 10px;
}

#frontnews {
    float: right;
    display: inline;
    width: 272px;
    margin-right: 22px;
}

#bodytext {
    float: left;
    width: 566px;
    margin-top: 48px;
    min-height: 330px;
}
*html #bodytext {
    height: 330px;
}

#logobtn {
    float: right;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.short {
    width: 420px;
}

#footer {
    width: 968px;
    margin: 0 auto 0 auto;
    background: #fff url(../img/bg_footer.gif) repeat-x;
    height: 70px;
}

#emi {
    float: right;
    width: 97px;
}

#emi img {
    margin-top: 37px;
}   

img.heading {
    display: block;
    margin-bottom: 15px;
}

img.brd {
    float: right;   
/*
    margin-right: 238px;*/
    border: 1px solid #7a7a7a;
}

a, span {
    background: #262626;   
}

ul, ol {
    margin: -.5em 0 0 0;
    padding: 0 0 1.75em 0;
}

ul li, ol li {
    margin: 0 0 0 23px;
    padding: 0;
}

*html ul li, ol li {
    margin: 0 0 0 32px;
    padding: 0;
}

ul li {
    margin: 0 0 0 14px;
    padding: 0;
    list-style-type: circle;
}

*html ul li {
    margin: 0 0 0 16px;
}

ul.links {
    margin: 0;
}   

ul.links li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.news-front {
    margin-left: 18px;
}

div.news-front {
    padding-bottom: 1.75em;
}

div.news {
    padding-bottom: 2.5em;
}

p.header {
    padding-bottom: .75em;
}

p.header-top {
    padding-bottom: .15em;
}

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

img.mapped {
    border: 0;
}

.huom {
    font-size: 90%;
    color: #999;
    background: transparent;
}

img.bio {
    clear: right;
    float: right;
}

label {
    display: block;
    font-weight: bold;
    padding-bottom: .15em;
}

input.txt-xs, input.txt-s, input.txt-m, textarea.txt-l, input.cc-text {
    padding: 3px;
    border: 1px solid #A7B98F;
    background: #000;
    color: #fff;
}

input.txt-xs {
    width: 30px;
}
input.cc-text {
    width: 80px;
}

input.txt-s {
    width: 220px;
}
input.txt-m {
    width: 260px;
}
textarea.txt-l {
    width: 380px;
    height: 240px;
    background: #000;
    padding: 3px;
}

input.submit {
    margin: 0;
    padding: 2px 18px 3px 18px;
    background: #000;
    border: 1px solid #999;
    color: #fff;
    font-weight: bold;
}

input.submit-d {
    margin: 0;
    padding: 2px 18px 3px 18px;
    background: transparent;
    border: 1px solid #999;
    color: #666;
}

img.arrow {
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    opacity: 0.70;
}
img.arrow-h {
    filter:alpha(opacity=100);
    -moz-opacity:1.00;
    opacity: 1.00;
}
img.arrow-d {
    filter:alpha(opacity=20);
    -moz-opacity:0.20;
    opacity: 0.20;
}

.cc-image {
    display: block;
    border: 1px solid #A7B98F;
    margin-top: 3px;
    margin-bottom: 8px;
}
.cc-text {
    font-size: 105%;
    font-family: "courier new", courier, monospace;
    font-weight: bold;
}

.feedback, .ok {
    color: #000;
    font-weight: bold;
}   

.feedback span, .ok span {
    background: #fafafa;
}

/* GB */

table.gb {
    width: 96%;
    margin-top: 1.5em;
}

td.gbWriter, td.gbMessage, td.gbAnswer, td.gbAnswerText {
    padding: 8px 4px 20px 8px;
    vertical-align: top;
}

td.gbWriter {
    font-weight: bold;
    font-size: 92%;
    border-top: 1px solid #222;    
    padding-left: 0;
    line-height: 1.4em;
}

div.gbWriter {
    width: 95px;
    overflow: hidden;
}   

td.gbMessage {
    padding-left: 12px;
    padding-right: 12px;
    border-top: 1px solid #222;
    
}

td.gbMessage div {
    width: 440px;
    overflow: hidden;
}

td.gbAnswer, td.gbAnswerText {
    color: #000;
    padding-top: 14px;
    padding-bottom: 20px;
}

td.gbAnswer {
   
}

td.gbAnswerText {
    border-left: 1px solid #BDD898; 
    color: #A7B98F;
}

div.admin-msg {
    color: #A7B98F;
}

div.admin-name {
    font-weight: bold;
    color: #A7B98F;
}

td.gbAnswerText {
    padding-left: 12px;
    padding-right: 12px;
}

td.gbWriter div.pvm {
    color: #666;
    font-weight: normal;
}

td.gbSep {
    font-size: 8px;
}   

div.gbPageCount {   
    padding-bottom: .75em;
}

.musiikki h3 {
    clear: both;
}

.musiikki p {
    float: right;
    width: 340px;
    padding-bottom: 3em;
}
.musiikki p.cover {
    float: left;
    width: 220px;
}

.musiikki p.cover img {
    border: 1px solid #222;
}

.musiikki p.header-top {
    float: none;
    padding-bottom: 0;
}

.musiikki p.header-top img {
    border: 0;
}

.musiikki p.note {
    float: none;
    padding: 0 0 1em 0
}

.musiikki-singlet img {
    display: block;
    border: 1px solid #222;
    margin: 3px 0 6px 0;
}

.musiikki-singlet p.header-top img {
    border: 0;
    margin-bottom: 15px;
}

.musiikki-singlet table td {
    padding-bottom: 1px;
}

.musiikki-videot img {
    border: 1px solid #222;
    margin: 3px 0 6px 0;
}

.musiikki-videot p {
    padding-bottom: .4em;
}

.musiikki-videot p.header-top {
    margin-bottom: 0;
}


.musiikki-videot p.header-top img {
    border: 0;
    margin-bottom: 15px;
}

.musiikki-videot h3 {
    clear: left;
}

.musiikki-videot p.screen {
    width: 130px;    
    float: left;
    padding-bottom: 1.5em;
}

.musiikki-videot div.stream {
    width: 240px;
    float: left;
    margin-top: 4px;
    font-size: 92%;
}

.dt td img {
    border: 1px solid #222;
}   

.dt td.desk {
    padding-bottom: 15px;
}   

.dt td.size {
    padding-top: 4px;
    padding-bottom: 10px;
    font-size: 92%;
}   

img.ecard {
    display: block;
    padding-bottom: 6px;
}

input.rad {
    margin: 0;
}   

table.im td {
    padding-bottom: 12px;
}   

/* G A L L E R Y */

div.igThumbs {
    clear: both;
    padding-bottom: 1em;
}

div.igThumb {
    float: left;
    display: inline;
    width: 112px;
    border: 1px solid #333;
    margin-right: 16px;
    margin-top: 16px;
    text-align: center;    
    padding: 6px 0 6px 0;
    height: 77px;
    overflow: hidden;
}

div.igThumb:hover {
    float: left;
    display: inline;
    width: 112px;
    border: 1px solid #D9EBBD;
    margin-right: 16px;
    margin-top: 16px;
    text-align: center;
    padding: 6px 0 6px 0;
    height: 77px;
    overflow: hidden;
}

div.igThumb a {
    border: 0;
}

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

h3.gallery {
    padding-bottom: 0.25em;
}

div.igDescription {

}

div.igArrows {
    font-size: 9px;
    height: 22px;
    padding: 3px 0 0 0;
}

div.igImage {
    float: left;    
    display: inline;    
}

div.igImage img, div.igImageNoText img {
    display: block;
    margin: 5px 5px 0 0;
    padding: 5px;
    background: #fff;
    border: 1px solid #a9a9a9;
}

div.igText {
    color: #fff;
    padding: 5px 10px 5px 0px;
}

div.gallery-list {
    margin-left: 24px;
}

div.gallery-list div.date {
    font-family: verdana, arial;
    font-size: x-small;
    color: #ddd;
}

div.gallery-list h4 {
    padding-bottom: .6em;
}

h3.gallery-list {
    margin-top: .4em;
}

div.igCat {
    float: left;
    color: #fff;
}


select.glr {
    height: 1.6em;
    font-size: 92%;
    width: 340px;
    margin-bottom: 1.5em;
    background: #262626;
    color: #fff;
}

select.glr option {
    background: #262626;
    color: #fff;
}

select.glr optgroup {
    font-style: normal;
}

#dhtmltooltip {
    position: absolute;
    left: -300px;
    top: -300px;
    width: 180px;
    border: 1px solid #444;
    padding: 4px 6px 4px 6px;
    background: #262626;
    color: #fff;
    font-size: 86%;
    line-height: 1.3em;
    visibility: hidden;
    z-index: 100;
    filter:alpha(opacity=92);
    -moz-opacity:0.92;
    opacity: 0.92;
}

#dhtmlpointer {
    position:absolute;
    left: -300px;
    top: -300px;
    z-index: 101;
    visibility: hidden;
}

div#igPolaroid {
    float: right;
    width: 315px;
    margin-top: 70px;
    padding-bottom: 110px;
}  

div#igCatList {
    float: left;
    width: 262px;
} 


#newwin {
	width: 157px;
	height: 18px;
    margin-top: 4px;
    margin-left: 284px;
}

#newwin a {
	width: 157px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background: transparent url(../img/newwin_off.gif) no-repeat;
}

#newwin a:hover { background: transparent url(../img/newwin_on.gif) no-repeat; }

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

#tilauslomake p {
    padding: 0 0 .5em 0;
}   

a.tb {
    background: none;
}

a.tb img {
    vertical-align: -3px    
}

div.sointumerkit pre {
    font-size: 110%;
    
}