/*
  TITLE:  Westmoore Church
  DATE:  1-24-08
*/

/* - Zero - */
h1, h2, h3, h4, h5, h6,
ul, li, div,
p, br, form, body,
img
{margin: 0;  padding: 0;  border: 0;}


body{font: normal 12px/1.4em 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif; background: #8b090a url('images/txtBg.png') center top repeat-x;} 

h1{font-size: 2.0em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h2{font-size: 1.6em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h3{font-size: 1.4em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h4{font-size: 1.2em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h5{font-size: 1.0em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h6{font-size: 0.9em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}

p{padding: 5px 0;}
a{color: #666;}

/* extra menus stuff */
.first, .last{background-image: none !important;}

/* - positions - */
.center{margin: 0 auto;}
.left{float: left;}
.right{float: right;}

/* - colors - */ 
.black{color: #000;}
.white{color: #fff;}
.gray{color: #ccc;}

/* - status - */
.margDown{margin: 0 0 11px 0;}
.hide{display: none;}
.clear:after{content: '.'; height: 0px; visibility: hidden; display: block; clear: both;}

/* - Layout - */

#mainBg{width: 100%; float: left; background: url('images/mainBg.png') center 0 no-repeat;}
#footBg{width: 100%; float: left; padding: 0 0 125px 0; background: url('images/footBg.png') center bottom no-repeat;}

#mastCon{width: 820px; margin: 0 auto; padding: 0 10px 0 6px; background: #000;}

#header{width: 820px; height: 159px; float: left; background: url('images/header.png') 0 0 no-repeat;}
#header h1#logo{width: 260px; height: 70px; float: left; margin: 0; padding: 0;}
#header h1#logo a{width: 260px; height: 70px; margin: 55px 0 0 0; float: left; text-indent: -9999px;}
#header ul.mainNav{width: 535px; float: right; margin: 105px 15px 0 0; display: inline;}
#header ul.mainNav li{list-style: none; display: inline; float: right; padding: 0 10px 0 0;}
#header ul.mainNav li a{padding: 8px 0; display: block; color: #b0afaf; text-transform: Uppercase; font-family: Arial; font-size: 1.1em; font-weight: bold; text-decoration: none;}
#header ul.mainNav li a:hover, #header ul.mainNav li a.selectedPage{color: #900a0c; background: url('images/mainNavOver.png') 0 bottom repeat-x;}

/* Home */
#welcome{width: 780px; padding: 20px; float: left; background: #232323; border-bottom: 1px solid #4e4e4e;}
#welcome #slideshow{/*width: 540px; float: left;*/}
#welcome #banners{width: 223px; float: right;}

#actions{width: 820px; float: left; padding: 15px 0 0 0; color: #bdbcb9; background: #373636;}
#actions h1{color: #a7a981; font-size: 18px; margin: 10px 0 15px 0; font-family: 'Cambria', 'Georgia'; text-transform: Uppercase;}
#actions h2{font-size: 1em; font-weight: normal; padding: 0; margin: 0;}
#actions a{color: #a7a981; font-weight: normal;}
#actions a:hover{text-decoration: none;}
#actions li{list-style: none; padding: 5px 0 8px 25px;}
#actions .postInfo{font-size: .8em;}
#actions .postInfo em{display: none;}
#actions .eventDate{font-size: .9em;}
#actions #actionsTile{background: url('images/actionsTile.png') repeat-y;}
#actions #actionsBg{width: 820px; float: left; padding: 0 0 25px 0; height: auto; min-height: 220px; _height: 220px;  background: url('images/actions.png') 0 bottom no-repeat;}
#actions #left_actions{width: 554px; float: left;}
#actions #left_actions #left_action{width: 203px; float: left; padding: 0 30px;}
#actions #left_actions #left_action li{background: url('images/ipod-ico.png') 0 4px no-repeat;}
#actions #left_actions #middle_action{width: 229px; float: right; padding: 0 30px;}
#actions #left_actions #middle_action li{background: url('images/ical-ico.png') 0 8px no-repeat;}
#actions #right_action{width: 203px; float: right; padding: 0 30px; font-size: .9em;}

/* Inernal */
#bodyTop{width: 788px; float: left; height: auto; min-height: 700px; _height: 700px; padding: 23px 16px 23px 16px; background: url('images/bodyTop.png') 0 top no-repeat;}
#bodyTile{width: 820px; float: left; background: url('images/bodyTile.png') 0 0 repeat-y;}
#bodyStretch{width: 820px; float: left; background: url('images/bodyStretch.png') 0 bottom no-repeat;}

#content{width: 554px; float: right; padding: 20px;}                                        
#content h1{color: #98090a; font-size: 20px; margin: 5px 0; font-family: 'Cambria', 'Georgia';}
#content h2{color: #535349; font-size: 18px; margin: 5px 0; font-family: 'Cambria', 'Georgia';}
#content h3{color: #535349; font-size: 14px; margin: 3px 0; font-family: 'Cambria', 'Georgia';}
#content h4{color: #535349; font-size: 13px; margin: 3px 0; font-family: 'Cambria', 'Georgia';}
#content h5{color: #535349; font-size: 12px; margin: 3px 0; font-family: 'Cambria', 'Georgia';}
#content h6{color: #535349; font-size: 10px; margin: 3px 0; font-family: 'Cambria', 'Georgia';}
#content #text{width: 534px; float: left; padding: 10px;}
#content #text ul{padding: 5px 5px;}
#content #text li{list-style: none; padding: 1px 20px; background: url('images/content-arrow.png') 1px 5px no-repeat;}
#content #text .blogsElement ul{padding: 0;}
#content #text .blogsElement li{padding: 0; background-image: none;}
#content #text .blogsElement h2{font-size: 14px;}
#content #text .blogsElement .postInfo{font-size: .9em;}

#side{width: 180px; float: left; overflow: hidden;}
#side h1{color: #6f705c; font-size: 1.5em; margin: 5px 0 5px 0; font-family: Cambria, Georgia; text-transform: Uppercase;}
#side .sideNav{margin: 0 0 45px 0; background: url('images/sideNavSep.png') 0 top repeat-x;}
#side .sideNav li{padding: 8px 15px; list-style: none; background: url('images/sideNavSep.png') 0 bottom repeat-x;}
#side .sideNav li a{padding: 0 0 0 15px; text-decoration: none; background: url('images/arrow.png') 0 4px no-repeat;}
#side .sideNav li a:hover{color: #fff;}
#side #sideContent{font-size: .9em; color: #ccc;}
#side #sideContent h1{font-size: 1.3em;}
#side #sideContent h2{font-size: 1.1em;}
#side #sideContent h3{font-size: 1.0em;}
#side #sideContent ul{padding: 5px 10px;}

/* Admin */
#adminTop{width: 750px; float: left; height: auto; min-height: 700px; _height: 700px; padding: 30px 35px 30px 35px; background: url('images/adminTop.png') 0 top no-repeat;}
#adminTile{width: 820px; float: left; background: url('images/adminTile.png') 0 0 repeat-y;}
#adminStretch{width: 820px; float: left; background: url('images/adminStretch.png') 0 bottom no-repeat;}
#adminTop h1{color: #98090a; font-size: 20px; margin: 5px 0; font-family: Cambria, Georgia;}
#adminTop h2{color: #535349; font-size: 18px; margin: 5px 0; font-family: Cambria, Georgia;}

#footer{width: 790px; float: left; font-size: .9em; padding: 20px 15px; color: #c0c0c0; background: #000;}
#footer li{list-style: none; padding: 0 12px 0 8px; display: inline; background: url('images/footNavSep.png') right 2px no-repeat;}
#footer li a{color: #8e8e8f;}
#footer li a:hover{text-decoration: none;}
#footer p{padding: 6px 0px 5px 6px;}
  



/* Water */
html body #adminbar { width: 100% !important; display: block; }
html body #adminbar #toolbar,
html body #adminbar #pagebar { display: block; }

/* Powered By */

#poweredBy {
  float: right;
  margin: 0px 20px 5px 0px;
}

#poweredBy img {
  border: none 0px;
}