/* All pages */

BODY {
    font-family:           Lucida Grande, Helvetica;
    color:                 #ffffff;
    border-width:          0;
    margin:                0;
    padding:               0;

    background-color:      #000000;
    background-image:      url("gradient.png");
    background-repeat:     repeat-x;
    background-attachment: fixed;
    background-position:   top;
}

#top {
    color:                 #ffffff;
    margin:                24px 0 0px 0;
    padding:               0;
    text-align:            center;
    font-variant:          small-caps;
    white-space:           nowrap;
}

#menu #bar {
    border-width:          1px 0 1px 0;
    border-style:          solid;
    border-top-color:      #696969;
    border-bottom-color:   #5c5c5c;
    
}

#menu {
    height:                35px;
}

.menu-button {
    display:               inline;
    position:              absolute;
    height:                35px;
    font-variant:          small-caps;
    text-align:            center;
    background-image:      url("button-background.png");
}

:link, :visited {
    color:                 inherit;
    border-width:          0;
}
.menu-button:link, .menu-button:visited {
    text-decoration:       inherit;
}

#top :link IMG,
#top :visited IMG,
.menu-button:link IMG,
.menu-button:visited IMG {
    border-width:          0;
}

.menu-button:hover {
    background-color:      #777777;
    background-image:      url("button-gradient.png");
}

.menu-button:active {
    background-color:      #333333;
    background-image:      none;
}

.menu-button IMG {
    text-align:            center;
}

#menu-button-1 {
    left:                  0%;
    width:                 13%;
}

#menu-button-2 {
    left:                  13%;
    width:                 18%;
}

#menu-button-3 {
    left:                  31%;
    width:                 32%;
}

#menu-button-4 {
    left:                  63%;
    width:                 22%;
}

#menu-button-5 {
    left:                  85%;
    width:                 15%;
}

/* Generic */

H1, H2, H3 {
    font-variant:          small-caps;
    font-weight:           normal;
}

P {
    line-height:           140%;
}

#content {
    margin:                100px auto;
}


.content-pad {
    padding:               20px 50px;
    width:                 623px;
}

.content-nopad {
    padding:               0;
    width:                 723px;
}

.text {
    background-color:      #cccccc;
    color:                 #444444;
}

/* Home page */

#big-flame {
    display:               block;
    margin-top:            54px;
    margin-left:           auto;
    margin-right:          auto;
}

/* Gallery page */

.gallery {
    display:               inline-block;
    width:                 160px;
    text-decoration:       none;
}

.thumb {
    border-style:          solid;
    border-width:          2px;
    border-color:          #4e4e4e;
}

#slideshow {
    margin:                0 auto 30px auto;
    width:                 723px;
    height:                645px;
    background:            transparent no-repeat 0 0;
    position:              relative;
}

#slideshow #slides-container {
    margin:                0 auto;
    width:                 665px;
    height:                645px;
    overflow:              auto; /* allow scrollbar */
    position:              relative;
}

#slideshow #slides-container .slide {
    margin:                0 auto;
    width:                 645px;
    height:                645px;
    position:              relative;
}

.slide IMG {
    float:                 left;
    margin:                0;
    border-style:          solid;
    border-width:          2px;
    border-color:          #4e4e4e;
}

.control {
    display:               block;
    width:                 39px;
    height:                660px;
    text-indent:           -10000px;
    position:              absolute;
    cursor:                pointer;
    filter:                alpha(opacity=40);
    -moz-opacity:          0.4;
    -khtml-opacity:        0.4;
    opacity:               0.4;
}

.control:hover {
    filter:                alpha(opacity=100);
    -moz-opacity:          1.0;
    -khtml-opacity:        1.0;
    opacity:               1.0;
}

#left-control {
    top:                   0;
    left:                  0;
    background:            transparent url(control-left.png) no-repeat 0 0;
}

#right-control {
    top:                   0;
    right:                 0;
    background:            transparent url(control-right.png) no-repeat 0 0;
}