BODY { background: black; color: gray; margin: 0px; height:100%; width: 100%; padding: 0px; }
div.container { position: relative; top: 0px; margin: 0px; height: 100%; width: 100%; padding: 0px; }
div.header { margin: 0px; top: 0px; padding-bottom: 15px; width: 100%; height: 200px; background-image: url(headerl.jpg); background-repeat: no-repeat; text-align: right; line-height: 200px; }

div.menu { position: relative; z-index: 1; font-size: 15pt; height: 20px; text-align: center; margin: 4px; }

div.content { position: relative; margin: 0px; width: 100%; text-align: center; padding: 0px; background: black; z-index: 0; }
img.sig { position: relative; top: 125px; }
img.topleft { position: relative; left: 0px; }
img.topright { position: absolute; right: 0px; }

a img { border: none; }
a { text-decoration: none; color: #cccccc; background: black; }
a:hover { color: #e2e2e2; }


div.artpost { margin-top: 0px; background-color: black; position: relative; z-index: -10; width: 64%; margin-left: auto; margin-right: auto; text-align: left; vertical-align: top; }
div.post { margin-top: 0px; position: relative; z-index: 1; width: 64%; margin-left: auto; margin-right: auto; text-align: left; }
div.overlay { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 20; height: 100%; background-image: url(overlay1.png); pointer-events: none; }

div.imgpost { margin-top: 0px; position: relative; z-index: 1; margin-left: auto; margin-right: auto; text-align: left; }
div.imgoverlay { position: relative; margin-top: 0px; width: 64%; background-image: url(overlay1.png); z-index: 2; }
div.artimgoverlay { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background-image: url(artoverlay.png); z-index: 20; pointer-events: none; }
div.picoverlay { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background-image: url(picoverlay.png); background-size: contain; z-index: 20; pointer-events: none; }

H4 { color: #cccccc; background: black; }
H3 { color: #cccccc; background: black; }
H2 { color: #cccccc; background: black; text-align: center; }
div.footer { position: relative; text-align: center; width:80%; margin-left: auto; margin-right: auto; z-index: -1; bottom: 0px; }


input[type="checkbox"] { visibility: hidden; height: 0px; width: 0px; }
input[type="checkbox"]:checked + label { background-image: url(checkbox.jpg); background-position: 0 -20px; background-repeat: no-repeat; }
input[type="checkbox"] + label { background-image: url(checkbox.jpg); background-repeat: no-repeat;  background-position: 0 0px; }
label { padding-left: 24px; padding-right: 0px; margin-right: 0px; }


div.seek { padding-top: 8px; margin-left: auto; margin-right: auto; }

.arttable { padding-top: 10px; padding-bottom: 10px; }
form { position: relative; color: #cccccc; text-align: left; background-color: transparent; font-size: 12pt; font-weight: bolder; width: 40%; }
.button { color: #cccccc; background: transparent; font-size: 12pt; border-color: #666666; font-weight: bolder; }
.button:hover { color: #e2e2e2; background: transparent; }
.search { color: #cccccc; background-color: black; font-family: times; font-weight: bolder; font-size: 12pt; border-color: #666666; }

.rightchecks { float: right; padding-right: 30px; margin-top: 0px; }
.date { position: absolute; right: 0px; top: 4px; }

.progthumbleft { float: left; z-index: 1000; margin-top: 8px; margin-bottom: 4px; margin-right: 10; }

.progthumbright { float: right; z-index: 100; margin: 10px; }