* {margin: 0; padding: 0;}
body { background-color: #aab7b9; }
table {border-collapse: collapse; border-spacing: 0px;}

img { behavior: url('/pngbehavior.htc'); }

A {color: #000000; text-decoration: underline;}
H3 { margin: 30px 0 4px 16px; }
H3.divider { margin-top:10px; }
H4 { margin: 0 0 0 17px; color:#1c1f26; font-size:0.7em; letter-spacing:2px; }

span#outer { display:block; width:683px; border:1px solid #1D1C1A; margin:1px; }
span#inner { display:block; width:675px; border:3px solid black; margin:1px; }
span#wrapper { display:block; width:675px; height:500px; 
background-image: url('/trio/trio_bg.jpg'); }
/*background-image: url('/trio/triob8.jpg'); }*/

div.dnd { display:none; }

img.faded { opacity:0; /*moz-opacity:0; khtml-opacity:0;*/ filter:alpha(opacity=0); }

div#scroller { width: 324px; height:230px; overflow:auto; }
div#scrollinner { width:308px; overflow:hidden; }

p.content { margin: 0.5em 0 0 16px; width:286px; color:black; line-spacing:1.2em; font-size:0.8em; }
p.disclaimer { margin: 0.5em 0 0 16px; width:312px; color:#2c100f; line-spacing:1.2em; font-size:0.6em; }
p.content em { font-size:1.6em; font-style:italic; color:#20211f; letter-spacing:-1px; font-family: Georgia, serif; }

/* press-kit and buy-the-cd buttons */
#buttons li { margin:0; padding:0; position:absolute; top:358px; }
#buttons li, #buttons a { height:32px; display:block; }
#buttons a { text-indent:-100em; overflow:hidden;
	background-image: url(/trio/img/buttons.gif); background-repeat:no-repeat; }
#pkbtn { left:8px; width:157px; }
#cdbtn { left:178px; width:156px; }
#pkbtn a { background-position: 0px 0px; }
#cdbtn a { background-position: -157px 0px; }
#pkbtn a:hover { background-position: 0 -32px; }
#cdbtn a:hover { background-position: -157px -32px; }

/* absolutely position portraits of the trio members */
#galenspan { position:absolute; left:561px; top:66px; width:114px; height:434px; }
#jessespan { position:absolute; left:444px; top:75px; width:136px; height:425px; }
#billspan { position:absolute; left:320px; top:71px; width:148px; height:429px; }

/* styles for copyright are pretty self-explanatory */
div#copyright { width:675px; }

p#copyright { text-align:right; font:9px arial; color:#918B7B;}
#copyright a { color:#918B7B; text-decoration:none; width:10.6em; height:1em;
 opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100); }
#copyright a:hover { color:#000000; background-color:#918B7B;
 opacity:.4; -moz-opacity:.4; -khtml-opacity:.4; filter:alpha(opacity=40); }