/* common */
a:link, a:visited, a:active {color: #FFFFFF}
a:hover {color: #FF0000}

BODY {padding: 0; margin: 0; background-color: #000000; color: #E5E5E5}

TABLE {margin: 0; padding: 0; border: 0}
DIV {margin: 0; padding: 0}
P {margin: 0; padding: 0}

H1, H2, H3, H4, H5 {margin: 0; padding: 0}
INPUT {width: 100%}
HR {clear: left}
IMG {border: 0}

.png {
	//background-image: none ! important;
	behavior: url('/pngfix.htc');
}

DIV.left {width: 63%; float: left}
DIV.right {width: 37%; float: right; clear: right}

DIV.header {margin: 3em 0 1em 0; padding: 0 12%}
.header H1 {font: 360%/105% palatino linotype}
.header H1.sub {font: 180%/255% palatino linotype; color: #666666; margin: -3.3em 0 0.6em 0}
.header H2 {font: 180% palatino linotype}
.header H2.sub {font: 130% palatino linotype; color: #666666}
.header SPAN {font: 65% arial; color: #BF0000}
.header P {font: 105%/160% times new roman; margin: 0 0 1.75em 0}

DIV.footer {margin: 1em 0 1.6em 0; padding: 0 12%}
.footer IMG.first {margin: 0 12px 0 0}

DIV.pics {padding: 0 12%; position: relative}

DIV.ascii {height: 400px; background: url('/i/val09_ascii.gif') bottom left no-repeat; margin: 0 0 1.5em 0}
.right DIV.text {padding: 0 25% 0 70px}
.right P {font: 100%/140% times new roman; color: #B0B0B0}

DIV.card {width: 300px; position: absolute}
TD.pic_sh {width: 300px; padding: 1px 3px 3px 3px}
DIV.pic_text {font: 70% arial; color: #999999; padding: 0.3em 0}
DIV.pic_s1 {width: 300px; background-color: #4C4C4C; padding: 12px; border-top: 1px solid #666666; border-left: 1px solid #666666}

DIV.bigpicblock {width: 100%; clear: both}
DIV.bigpic {width: 870px; background-color: #4C4C4C; overflow: hidden; z-index: 99; }
.bigpic DIV.ind {padding: 0 35px}
.bigpic DIV.topborder {width: 100%; height: 35px}
.bigpic DIV.bottomborder {width: 100%;  margin: 0.75em 0 0.6em 0; overflow: hidden}
.topborder P.author {font: 90% arial; color: #999999; float: left; padding-top: 12px}
.topborder P.prevnext {font: 90% arial; color: #999999; float: right; clear: right; padding-top: 12px}
.topborder P.close {position: absolute; top: 7px; right: 7px}
.topborder SPAN {color: #FFFFFF}

DIV.mail {clear: both; width: 600px; background-color: #FFFFFF; z-index: 99; }
.mail DIV.ind {border: 3px dashed #000000; padding: 12px 28px 28px 28px}
.mail DIV.letter {width: 100%}
.letter H3 {text-align: center; font: 360%/105% palatino linotype; color: #000000; margin: 0 0 0.3em 0}
.letter H4 {font: italic 150% palatino linotype; color: #000000; margin: 0 0 0.1em 0}
.letter H4 SPAN {color: #C0C0C0; font-size: 80%}
.letter H4.sent {font-size: 220%}
.letter H3.sent {font-size: 290%}
.letter INPUT.r {width: 100%; font: 200% palatino linotype; background-color: #F7C4C4; border: 1px solid #A0A0A0; margin: 0 0 0.5em 0; padding: 0 0.3em}
.letter INPUT.g {width: 100%; font: 200% palatino linotype; background-color: #E2EFDB; border: 1px solid #A0A0A0; margin: 0 0 0.5em 0; padding: 0 0.3em}
.letter TEXTAREA {width: 100%; font: 120% palatino linotype; background-color: #E2EFDB; border: 1px solid #A0A0A0; margin: 0 0 0.75em 0; padding: 0; padding: 0.3em}

.bottomborder DIV.rate {float: left}
.rate IMG {margin: 0 0.75em 0 0}
.bottomborder DIV.send {float: right; clear: right}
.send BUTTON {border: 1px solid #B0B0B0; background-color: #BF0000; color: #FFFFFF; font: 110% arial; padding: 0 0.6em 0.15em 0.6em; margin: 0.25em 0 0 0}

/* indents, colors */
.mb01 {margin-bottom: 0.1em}
.mb03 {margin-bottom: 0.3em}
.mb04 {margin-bottom: 0.4em}
.mb06 {margin-bottom: 0.6em}
.mb09 {margin-bottom: 0.9em}
.mb12 {margin-bottom: 1.2em}

#g {color: #00A000}
#r {color: #BF0000}