/* -------------------------------------------------------------- 
  
   style.css
   * Unique styles for Emmanuel Church
   
-------------------------------------------------------------- */

body {background-color:#58595b; background-image:url(images/backimage.gif); background-repeat:repeat-x;} 
#header {margin-bottom:30px;}

/* -------------------------------------------------------------- 
Liquid CSS  -------------------------------------------------- */

.liquid #LiquidContainer {
	width: 100%;  /* this will create a container 80% of the browser width */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* ------------------------------------------------------------------------------------------ 
Sticky footer: http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/
----------------------------------------------------------------------------------------- */
html, body {
height: 100%;
margin:0;
padding:0; }

#mainBody {
min-height: 100%;
margin-bottom: -150px;
position: relative; }

#footer {
/*background-color:#58595b; background-image:url(footer.jpg); background-repeat:repeat-x;}*/
height: 145px;
position: relative;
background-color:#58595b;
color:#e1e1d9;
padding-top:20px;
 }
#footer a:focus, 
#footer a:hover     { color:#e1e1d9; text-decoration:none; }
#footer a           { color:#e1e1d9; text-decoration: underline; }

.clearfooter {
height: 150px;
clear: both; }

/* ---- use if scrollbar crop shows up ---
 html {
overflow-y: scroll; }
*/

.borderR { border-right:1px dotted #58595b; }
.borderL { border-left:1px dotted #58595b; }
.borderLspan-6 { border-left:1px dotted #58595b; width:219px; padding-left:10px; }
.borderLspan-7 { border-left:1px dotted #58595b; width:259px; padding-left:10px; }
.borderB { border-bottom:1px dotted #58595b; padding-bottom:10px; }
.borderT { border-top:1px dotted #58595b; padding-top:15px; }
#footer .borderR { border-right:1px dotted #e1e1d9; }
.shadow {background:url(/m/g/bg-shadow.jpg) repeat-y right top;}

.banner {padding-bottom:40px; z-index:0;}
.imageB img {float:left; margin:0 1.5em 1.5em 0; border:solid 10px #bcb5a5;}
.imageNofloat img {float:none; margin:0 1.5em 1.5em 0; border:solid 10px #bcb5a5;}
.imageL {float:left; margin:0 20px 20px 0; border:solid 10px #bcb5a5;}
.imageLbkg {float:left; margin:0 20px 20px 0; border:solid 10px #bcb5a5; background-color:#bcb5a5; }
.imageR {float:right; margin:0 0 20px 20px; border:solid 10px #bcb5a5;}
.image {border:solid 10px #bcb5a5;}

.shade { color:#746846; }
.icon img {float:none; margin:.5em .3em 0 0;}
.noul li { list-style:none; }
.iconspace a {padding-left:8px;}
.iconspace img {float:none; margin:0;}
.iconspace h5 { padding-top:1em;}
.news p { margin-bottom:.7em; padding-bottom:1em; border-bottom:1px dotted #58595b;}



/* ------------------------------------------------------------------------------------------ 
Feedburner feeds
----------------------------------------------------------------------------------------- */
.feedburnerFeedBlock {}
.feedburnerFeedBlock ul {list-style-type:none; margin:0; padding:0;}
.feedburnerFeedBlock li {margin-bottom:20px;}
.feedburnerFeedBlock p {margin-bottom:0;}
.fbsuscribelink { margin:0; padding:0;}
.fbsubscribelink img { float:none; margin:0;}
#creditfooter {margin-top:20px;}

.sidenav li { border-bottom:1px dotted #58595b; padding-bottom:5px; }
.sidenav li a {display:block; padding:3px;}
.sidenav h3 { border-bottom:1px dotted #58595b; padding-bottom:5px; }
.blue a:hover {background-color:#009dc7;}
.green a:hover {background-color:#9AAD38;}
.gold a:hover {background-color:#D8DE3F;}
.orange a:hover {background-color:#DB812D;}
.brown a:hover {background-color:#9AAD38; color:#e3e0d9;}