/**************************
 * (C) 2009 Living Waters Church
 * http://www.livingwaters.org/
 *
 * file: content.css
 * Contains styling elements that apply to the content pages
 * author: Stefan Rotman
 *************************/

#site {
    padding-bottom: 1px;
}

/*
 * The eye-catcher image for content pages
 */
#content-banner {
    margin-left: 126px;
    width: 772px;
    height: 289px;
}

#content-banner.low {
    height: 160px;
}
/*
 * Submenu styling (combines with the menu class in common.css)
 */
#submenu {
    border: 0;
    margin-left: 126px;
    background-color: black;
    width: 772px;
    height: 30px;
}

#submenu ul li {
    float: left;
}

#submenu ul li a {
    text-transform: uppercase;
    margin: 9px 9px 0px 20px;
    padding: 1px 1px 1px 1px;
}

/* IE hack for text-transform / font-variant combi */
*html #submenu ul li a {
    font-variant: none;
}

#submenu ul li a:hover {
    color: #00C7EE;
}

#submenu ul li.active a {
    color: #00C7EE;
}

/*
 * Content section
 */
#content {
    background: transparent url('../images/background-content.png') repeat top;
    margin-left: 126px;
    margin-bottom: 18px;
    width: 772px;
    min-height: 309px;
}

/* IE hack for min-height */
*html #content { height: 309px; }

#text {
    text-align:justify
    width: 772px;
    padding: 20px 40px 20px 40px;
}

h1 {
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
}

h1#pagetitle {
    margin-bottom: 10px;
}

h2 {
    text-align: left;
    font-variant: small-caps;
    font-size: 15px;
    margin-top: 10px;
}

p {
    font-size: 8pt;
    text-align: justify;
    margin-bottom: 1em;
}

a {
    color: #00C7EE;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/*
 * For Refreshing
 */
font.fr-author {
    font-variant: small-caps;
}

/*
 * Sermon Archive
 */
div.sermonentry {
    margin-bottm:6px;
}

font.sa-meta {
    font-variant: small-caps;
}

div.sermonentry a {
    margin-left: 2px;
    margin-right: 2px;
}

img.sermonthumb {
    width: 50px;
    height: 50px;
    float: left;
    padding: 0 6px 0 0;
}

div.sermonentry h2 {
    font-variant: none;
    text-transform: uppercase;
}


#sermonplayer {
    float: left;
    margin-right: 10px;
}

/*
 * Contact form
 */
#contactform tr td {
     vertical-align: top;
}

#contactform tr td input.text {
    width: 300px;
}

#contactform tr td textarea {
    width: 300px;
}