﻿body {
    background:#000; text-align:center; font-family:Georgia; color:#D8B581; }
#page,#box {
    font-size:1.3em; line-height:1.5em; }
#page {
    margin:0 auto; width:800px; position:relative; }
#box {
    position:absolute; top:0; left:0; z-index:100; width:100%;
    text-align:center;height:800px; background:#000; }
#expl {
    position:absolute; top:500px; left:0; z-index:0; width:1%;
    text-align:center;height:10px; background:#000;color:#001;font-size:2px; }
.content {
    font-size:1.2em; text-align:left; margin:0 auto; width:520px; height:460px; 
    position:relative; top:60px; z-index:999; }
.back-big-candle-on {
    background:#000 url(../img/candle-big-lit.jpg) left top no-repeat; }
.back-big-candle-off {
    background:#000 url(../img/candle-big-off.jpg) left top no-repeat; }

.col-left {
    width:222px; height:460px;}
.col-right {
    width:280px; padding-top:46px; }
p {
    margin:12px 0 }
h1 {
    background:url(../img/light-a-candle.gif) left top no-repeat; height:32px;
    line-height:32px; text-indent:-9999px;
    }
h1 { margin-bottom:20px; }

.links a { margin:0 8px; }

a {
    outline:none; cursor:pointer; text-decoration:none; color:#B58039;
    border-bottom:1px solid #B58039;
    }
a:hover {
    color:#FFFFCC; }

.box { background:#000000; }
.box dl { text-align:right; margin:40px 0 8px 0; }
.box dt { float:left; }
.button { border:1px solid #993300; padding:4px 8px; background:#000000;
    color:#B58039; font-family:Georgia,serif; font-size:1em;}

.candle-box {
    width:100px; height:208px; text-align:center; display:block;
    background: #000000 url(../img/candle-back.jpg) center center no-repeat;
    border:0; float:left; margin:0;
    }
.candle-box span.candle-wax {
    height:154px; display:block; overflow:hidden; }
.candle-box span.candle-wax span {
    display:block; background-position: center bottom;
    background-repeat: no-repeat; width:100%}
.candle-box span.candle-wax span.wax1 {
    background-image:url(../img/candle-wax1.jpg); height:154px; }
.candle-box span.candle-wax span.wax2 {
    background-image:url(../img/candle-wax2.jpg); height:144px; padding-top:10px; }
.candle-box span.candle-wax span.wax3 {
    background-image:url(../img/candle-wax3.jpg); height:134px; padding-top:20px; }
.candle-box span.candle-wax span.wax4 {
    background-image:url(../img/candle-wax4.jpg); height:124px; padding-top:30px; }
.candle-box span.candle-wax span.wax5 {
    background-image:url(../img/candle-wax5.jpg); height:114px; padding-top:40px; }
.candle-box span.candle-wax span.wax6 {
    background-image:url(../img/candle-wax6.jpg); height:104px; padding-top:50px; }
.candle-box span.candle-wax span.wax7 {
    background-image:url(../img/candle-wax7.jpg); height:94px; padding-top:60px; }
.candle-box span span img {
    margin:0 auto; }
.candle-box span.candle-wax span.wax0 {
    background-image:url(../img/candle-wax0.jpg); height:154px; }
.candle-box span.candle-wax span.wax0 img {
    visibility:hidden; }
.candle-box dl {
    text-align:right; padding:0 4px; font-size:.9em; color:orange; }
.candle-box dt {
    float:left; width:34px; overflow:hidden; }
.candle-box dd {
    margin-left:60px; text-align:left; }
.candles-row {
    clear:both; margin:0 auto; }
#candle-row-1,#candle-row-3 {
    width:700px; }
#candle-row-2 {
    margin:0 auto; }

#top {
    margin:20px 0 40px 0;}
#bottom .copy {
    margin:10px 0 20px; font-size:10px; font-family:Arial,sans-serif; }

.display-none {
    display:none; }
.v-hidden {
    visibility:hidden; }
.clear {
    clear:both; }
.separator {
    height:10px; line-height:10px; }
.h20px {
    height:20px; line-height:20px; }
.fl-right {
    float:right; }
.al-right {
    text-align:right; }
.big-text {
    font-size:1.2em; }

textarea.text, input.text, select.text {
    margin-top:4px; border:1px solid #993300; background:#E2C79E;
    padding:2px 0; font-family:Georgia,serif; font-size:1em; color:#000000
    }
textarea.max-width, input.max-width, select.max-width { width:280px;  }

.big-link {
    font-size:1.3em; padding-top:16px; }

.candle-info .initial {
    font-size:2em; padding-top:80px;}
.candle-info .words {
    color:orange; }
.candle-info .signature {
    font-size:.9em; font-style:italic; padding-bottom:20px; color:#FFFFCC; }
    
h2 {
    color:orange; font-size:1.6em; line-height:1.2em;}
.listing {
    width:100% }
.listing th {
    font-weight:bold; color:orange; }
.listing td, .listing th {
    text-align:center; padding:2px 0; }
.listing td {
    font-size:.9em; }
.listing .zebra {
    background-color:#15100A; }

ul { padding-left:1em; }
li { list-style-type:disc;  }