/*
 * This is my template
 *
 * Colour: #005A04, #CCFFBB, #3A5F0B, #005502
 * From colorcombos.com
 *
 * Other colours I like: #0D2E23
 * 
 *
 * ALso get menus from mycssmenu.com
 *
 * $Id: hsptemplate.css 33 2009-09-08 00:48:49Z paul $
 */


body {
	background-color: #2F7738;
    background-image: url(../img/bg_3-5.jpg);
    background-repeat: repeat-x;
}

#content-area div.container_12 {
    padding-top: 35px;
    background-color: #FFFFFF;
}



/***********************************************************
 * HEADER STYLES
 ***********************************************************/

#metaheader {
	background-color: #000000;
	color: #FAE9A7;
	height: 2.3em;
}

#metaheader li {
    list-style-type: none;
    display: inline;
    margin: 0 0 0 11px;
}

#metaheader div#home {
      margin-top: 5px;
      margin-left: 10px;
}

#metaheader div#metanav {
    margin-top: 5px;
    margin-right: 10px;
    text-align: right;
}

#metaheader div#metanav ul {
    margin-bottom: 0px;
}

#metaheader div#metanav a {
	color: #FAE9A7;
    text-decoration: none;
}

#mainheader {
    height: 185px;
    position: relative;
}

#site-banner {
    background: transparent url(../img/top_image.jpg);
    height: 185px;
    text-indent: -9999px;
}



/***********************************************************
 * MENU
 ***********************************************************/

#left-bar {
    /* margin-top: 30px; */
    z-index: 2;
}


div.menu li {
    margin-left: 0;
}


div#post-main-menu {
    padding-top: 50px;
    padding-left: 15px;
    padding-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#post-main-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#post-main-menu li {
    margin-left: 0px;
    margin-bottom: 25px;
}



/***********************************************************
 * MAIN BODY - ARTICLE
 ***********************************************************/

#article-body {
	background-color: #FFFFFF;
    padding-bottom: 125px;
    z-index: 1;
}



/***********************************************************
 * RIGHT BAR
 ***********************************************************/

div.right-bar { }

div.right-menu-box {
	background-color: #F5F5F5;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.right-menu-box h2 {
	font-size: 12pt;
	color: #5BE56C;
	background-color: #03600F;
    padding-left: 15px;
}

div.right-menu-box li {
    margin-left: 20px;
}

#right-bar div.search-box {
    padding: 10px;
}

div.search-box fieldset {
    margin-bottom: 0px;
}

#ajaxSearch_input {
    width: 140px;
}

.events-list div {
    margin: 0 10px;
}

.events-list p .whats-happening p {
    margin-left: 20px;
}

.events-list dl {
    margin-bottom: 10px;
}

/***********************************************************
 * FOOTER
 ***********************************************************/

#metafooter {
    display: block;
    margin-bottom: 40px;
    margin-top: 20px;
    padding-bottom: 80px;
    color: #F6CA9C;
}

#metafooter a {
    color: #8CC8D9;
}

#metafooter p {
    margin: 0 0 10px;
    padding: 0;
}

ul#metafootermenu {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
}

#metafootermenu li {
    list-style-type: none;
    display: inline;
    margin: 0 0.3ex;
    padding: 0;
}

#metafootermenu li:before { content: "|"; }
#metafootermenu li:first-child:before { content: ""; }
#metafootermenu li:last-child { margin-right: 0; }

div.ditto_summaryPost {
    border-bottom: 1px solid #9aafe5;
}

.ditto_summaryPost h3 {
    margin-top: 25px;
    margin-bottom: 4px;
}

div.ditto_info {
    /* margin-top: 5px; */
    margin-bottom: 20px;
    font-size: 9pt;
}

.sermon-viewer div.sermon-date {
    padding-bottom: 20px;
}

.sermon-viewer .sermon-date p.day-in-church-year {
    font-size: 14pt;
    display: inline;
}

.sermon-viewer .sermon-date p.sermon-date {
    font-size: 14pt;
    padding-left: 120px;
    display: inline;
}

div.audio-player {
    background-color: #F5F5F5;
    height: 20px;
    padding: 8px;
    width: 85%;
}

.sermon-list h3 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14pt;
}

.sermon-list div.ditto_info,
.sermon-list div.ditto_tags {
    display: inline;
}

div#ditto_pages {
    text-align: right;
    margin-top: 40px;
}

div#ditto_pages span,
div#ditto_pages a {
    padding: 2px;
    margin: 3px;
    border: 1px solid #9aafe5;
    text-decoration: none; 
    color: #2e6ab1;
}

div#ditto_pages span.ditto_currentpage {
    background-color: #2e6ab1;
    color: #FFF !important;
    border-color: #2b66a5;
    font-weight: bold;
    cursor: default;
}

#ie6Warning {
    background: #e3e3e3;
    border: 1px solid #bbbbbb;
    padding: 10px 10px 1px;
    margin-bottom: 10px;
}

#ie6Warning h2 {
    background: url(../img/ie6-warning.gif) 0 50% no-repeat;
    padding-left: 40px;
}

div.front-page-panel {
    background-color: #F5F5F5;
    background-image: url(/assets/images/front-panel-logo-img.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 15px 175px 15px 15px;
}

div.front-page-panel h3 {
    margin-bottom: 5px;
    margin-top: 15px;
}

div.front-page-panel h3.top-heading {
    margin-top: 0px;
}

div.front-page-panel p {
    padding-left: 20px;
}