/****************************************
 * main.css -- Stylesheet for The Homestead Gallery Web Site
 * Copyright (C) 2007 Chris Mann
 ****************************************/

#footer a { margin-left: 12px; margin-right: 12px; }

#footer {
    position: absolute;
    left: 0;
    /* hack to force IE to render footer at the bottom of content or
     * window (whichever is lower). */
    bottom: 0 !important;
    bottom: -1px;
    width: 788px;
    height: 44px;
    background-color: #444;
    background-image: url(../images/shadow-foot-test.jpg);
    background-repeat: no-repeat;
}

#footer-text {
    position: relative;
    width: 760px;
    text-align: right;
    font-size: 70%;
    padding-right: 15px;
    z-index: 5;
}

#header {
    position: relative;
    font-weight: bold;
    text-align: center;
    margin: auto;
    background-color: #444;
    color: white;
    padding-bottom: 0px;
    width: 760px;
    margin-bottom: 2px;
    background-image: url(../images/headerbg.jpg);
    height: 96px;
    background-repeat: repeat-x;
    z-index: 1;
}

#header-text {
    position: relative;
    font-family: "Times New Roman", "Bitstream Vera Serif", serif;
    font-weight: bold;
    text-align: center;
    font-size: 250%;
    z-index: 2;
}

#header-padding {
    position:relative;
    background-image: url(../images/header-round.jpg);
    background-repeat: no-repeat;
    background-color: #444;
    height: 43px }

#login { margin-left: 240px }

#main img {
    position: relative;
    padding: 4px 2px 6px 5px;
    margin-left: 8px }

#main {
    position: relative;
    width: 740px;
    text-align: justify;
    margin: auto;
    padding: 0px 0px 50px 0px;
    min-height: 100px;
    z-index: 2;
}

#nav ul {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 3;
}

#nav {
    position: relative;
    width: 760px;
    color: white;
    background-color: #111c1c;
    margin-left: 14px;
    margin-right: 14px;
    background-image: url(../images/button-bg.gif);
    height: 23px;
    z-index: 1;
    text-align: center;
}

/*
 * To be compliant with accessibility standards, separators must be used
 * between multiple navigation links.  The most logical way to separate
 * a list of links, is to format them as a list. Removes list
 * bullets/visible formatting.  As most (all?) text-based user agents
 * disregard CSS formatting, the result is that list elements are
 * visible in text-based, but not in graphical clients.
 */

#nav li { display: inline; list-style: none; padding: 0; padding-left: 1.6em; }

#nav a {
    position: relative;
    z-index: 2;
    top: 12px;
    background-image: url(../images/button-bg.gif);
    padding: 13px 15px 15px 15px;
    border-width: 0;
    text-decoration: none;
    z-index: 1;
}

#nav a:hover {
    background-image: url(../images/button-hl.gif);
    text-decoration: underline;
    color: white }

#outer-content {
    position: relative;
    background-image: url(../images/bg-shadow.jpg);
    background-repeat: repeat-y;
    background-color: #444;
    color: #ccc;
    width: 788px;
    text-align: center;
    z-index: 1;
    margin: auto;
    min-height: 100%;
    /* hack to force IE to render footer at the bottom of content or
     * window (whichever is lower). */
    height: auto !important;
    height: 100% }

#padder {
    position:relative;
    background-image: url(../images/shadow-nav-test.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 760px;
    margin: auto;
    z-index: 0;
}

#submit { float: left }

.altbg { background-color: #292b29; color: #ccc }

.b { font-weight: bold }

.error { color: #f66; margin-left: 10px; text-align: left }

.i { font-style: italic }

.sold { color: #f66; margin-left: 10px; text-align: left;
	font-weight: bold }

.success { color: #6f6; margin-left: 10px; text-align: left }

.warning { color: #fb9; margin-left: 10px; text-align: left }

.view-data { position: relative; left: 70px }

a { color: white; text-decoration: none }

a:active { color: white; text-decoration: underline }

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

body {
    height: 100%;
    width: 100%;
    font: 82%/150% "Bitstream Vera Sans", Verdana, Arial, sans-serif;
    color: #ccc;
    text-align: center;
    min-width: 790px;
    margin: 0;
    padding: 0;
    background-color: #444444 }

fieldset {
    text-align: center;
    border: 1px solid #292b29;
    width: 190px }

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #444;
    color: #ccc }

label { margin-bottom: 10px }

legend {
    color: #fff;
    background: #343834;
    border: 1px solid #525852;
    padding: 2px 6px }

p { margin-top: 0px; padding-bottom: 0px; }

table {
    border-width: 0px;
    border-collapse: collapse;
    text-align: center;
    width: 716px;
    font-size: 100%;
}

table img { border-width: 0px }

td, th { padding: 1px 6px 2px 6px; border-width: 0 }

textarea, input, select {
    color: #ccc;
    background-color: #292b29;
    border: 1px solid #ccc }

ul li { list-style: none; margin-left: -24px }

ul { margin-top: 0; }