body {
    font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-size: smaller;
    margin: 0;
    padding: 0;
    background-color: black;
    color: white;
    text-align: center;  /* for ie: can't center divs */
}

.cms-item-hover {
    background-color: #2b0f0b;
}

img {
    border: none;
}

#header {
    padding-top: 16px;
    margin-top: 0;
    height: 124px;
    background: black url(images/header-background.gif) bottom center no-repeat;
}

#logo {
    margin-top: 0;
    padding-top: 0;
    text-align: center;
}

#logo p {
    margin: -10px 0 0 0;
    text-shadow: 2px 2px 2px black; /* x-offset y-offset blur color */
    letter-spacing: 0.05em;
    color: #d99435;
}

#content-background, #content-bottom {
    text-align: left;  /* for ie: can't center divs */
    min-height: 425px;
}

#content {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0;
    letter-spacing: 0.08em;
}

#content-left, #content-right {
    width: 470px;
}

#content-left {
    float: left;
}

#content-right {
    float: right;
}

#navigation {
    text-align: center;
}

#navigation a, #navigation a:visited {
    padding: 0 12px;
    text-decoration: none;
}

#footer-background {
    clear: both;
    height: 180px;
    background: black url(images/footer-background.gif) top center;
    text-align: left;  /* for ie: can't center divs */
}

#footer {
    width: 960px;
    margin: 0 auto;
    color: white;
}

#footer a {
    color: #cc8939;
}

#social-media {
    text-align: right;
    padding-top: 60px;
    float: left;
    width: 360px;
}

#social-media a {
    margin-left: 12px;
}

#audio {
    float: left;
    width: 240px;
    padding-top: 74px;
    text-align: center;
}

#audio-equalizer:hover {
    cursor: pointer;
}

#mp3_player, #player-container { /* hide player, using js controls */
    height: 0;
    width: 0;
}

#contact {
    padding-top: 50px;
    float: right;
    width: 360px;
    color: #dcdbd5;
    text-shadow: 2px 2px 3px black; /* x-offset y-offset blur color */
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 1.2em;
}

#content-background {
    background: black url(images/content-background.jpg) top center;
}

#content-bottom {
    background: transparent url(images/content-bottom.png) bottom repeat-x;
}

#content {
    color: white;
}

div#navigation {
    padding-top: 10px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    color: #cc8939;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

#content a, #content a:visited {
    color: #cc8939;
    text-decoration: none;
}

#content a:hover {
    color: #e4bf93;
    text-decoration: underline;
}

#content a:active {
    color: #e8d6c1;
    text-decoration: underline;
}

/* form styling */
.frm-bldr {
    text-align: left;
    width: 376px;
}

.frm-bldr ol {
    padding-left: 0;
}

.frm-bldr label {
    display: block;
}

.frm-bldr ol textarea, .frm-bldr ol input, .frm-bldr ol select {
    color: white;
    background-color: transparent;
    border: 1px solid #875a26;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    margin-bottom: 6px;
    padding: 3px;
}

/* gallery thumbnails */
.thumbs { width: 520px; margin: 0; padding-left: 0; float: right; }
.thumbs li { width: 54px; float: left; margin: 2px 5px; list-style: none }
.thumbs a { width: 54px; padding: 3px; display: block; }
.thumbs a.activeSlide { background: #cc8939; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.thumbs a:focus { outline: none; }
.thumbs img { border: none; display: block; height: 48px; width: 54px; }

/* homepage */
.home-gallery {
    width: 960px;
    height: 352px;
    background: transparent url(images/gallery-frame.gif) top center no-repeat;
}

.home-gallery .gallery, .home-gallery .images {
    width: 457px;
    height: 341px;
}

.home-gallery-left {
    float: left;
    width: 457px;
    height: 341px;
    margin: 6px 0 7px 20px;
    overflow: hidden;
}

.home-gallery-right {
    float: right;
    width: 457px;
    height: 341px;
    margin: 6px 20px 7px 0;
    overflow: hidden;
}

#feature-frame {
    background: transparent url(images/feature-frame.png) top center no-repeat;
    width: 960px;
    height: 191px;
    margin-top: 20px;
}

.home-feature {
    float: left;
    width: 227px;
    height: 152px;
    padding-left: 4px;
    padding-top: 19px;
    padding-bottom: 19px;
    margin: 0;
    overflow: hidden;
}

.home-feature p {
    margin: 0;
    padding: 0;
}

.home-feature p a img {
    border: 1px solid transparent;
}

.home-feature p a img:hover {
    border: 1px solid #c2a065;
}

#feature-frame-1:hover {
    background: transparent url(images/feature-frame-1-animation.gif) 0px 0 no-repeat;
}

#feature-frame-2:hover {
    background: transparent url(images/feature-frame-2-animation.gif) 5px 0 no-repeat;
}

#feature-frame-3:hover {
    background: transparent url(images/feature-frame-3-animation.gif) 5px 0 no-repeat;
}

#feature-frame-4:hover {
    background: transparent url(images/feature-frame-4-animation.gif) 5px 0 no-repeat;
}

/* metagallery */
.metagallery ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.metagallery ul li {
    width: 320px;
    float: left;
}
.metagallery ul li.admin {
  float: none;
}
.metagallery a {
    padding: 10px;
    display: block;
}
#content-area .metagallery li a:hover,
#content-area .metagallery li a:active {
    text-decoration: none;
}
.metagallery h3 {
    margin: 2px 0;
    text-align: center;
}
.metagallery .cover {
    float: left;
    width: 100px;
    height: 75px;
    border: 0;
    margin-right: 20px;
}
.metagallery .description {
    color: white;
}
.metagallery a:hover {
    padding: 9px;
    border: 1px solid #5c3e19;
}

#yui-history-iframe {
    position:absolute;
    top:0; left:0;
    width:1px; height:1px;
    visibility:hidden;
}