﻿/* @override http://cornerstone.monkcms.net/css/styles.css */

/* Site: Cornerstone Presbyterian Church, PCA */

* {
   margin: 0;
   padding: 0;
   line-height: 1;
}

body{
   font-size: 62.5%;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   background: #f9f8ed url(/images/bg_body.gif) repeat-x;
   text-align: center;
}

body#home{
   background-color: transparent;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

*+html #skip{
   position: static;
   height: 0;
}

a{
   overflow: hidden;
}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =Header
---------------------------------------------------------------------
*/

#header{
   margin: 0 auto;
   width: 850px;
}


#header-inner{
   position: relative;
   float: left;
   display: inline;
   width: 850px;
   padding-top: 32px;
   text-align: left;
}

#header h1{
   float: left;
   width: 396px;
   height: 78px;
   margin: 19px 0 37px 32px;
   background: url(/images/bg_h1.gif) no-repeat;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 396px;
   height: 78px;
}



/* = Meta Nav  
---------------------------------------------------------------------
*/

#metanav{
   width: 302px;
   height: 38px;
   float: right;
   display: inline;
   background: url(/images/bg_metanav.gif) no-repeat;
}

#metanav a{
   font-family: Georgia, "Times New Roman", Times, serif;
   display: block;
   float: left;
   display: inline;
   height: 22px;
   text-decoration: none;
}

#metanav a:hover{
   text-decoration: underline;
}

#metanav a#whatsnew{
   margin-top: 8px;
   margin-left: 8px;
   padding: 5px 20px 0 26px;
   color: #d0c89c;
   font-size: 1.3em;
   background: url(/images/bg_whatsnew.gif) no-repeat 2px 0px;
   font-style: italic;
}

#metanav a#directions{
   margin-top: 8px;
   color: #ebe2af;
   font-size: 1.2em;
   padding: 7px 0 0 24px;
   background: url(/images/bg_directions.gif) no-repeat 0 0;
}

/* = Search  
---------------------------------------------------------------------
*/

#search{
   clear: right;
   float: right;
   display: inline;
   width: 274px;
   height: 25px;
   margin-top: 10px;
   background: url(/images/bg_search.gif) no-repeat;
   padding: 20px 15px;
}

#search input#search_term{
   float: left;
   display: inline;
   margin-right: 5px;
   width: 208px;
   border: 1px solid #c0baa0;
   background: #cfcdc5;
   font-size: 1.3em;
   color: #545454;
   padding: 3px;
}

#search a#search_go{
   display: inline;	
   float: left;
   width: 51px;
   height: 25px;
   background: url(/images/bg_search_go.gif) ;
   text-indent: -9999px;
   margin: 0;
}



/* =Navigation 
---------------------------------------------------------------------
*/

#nav{
   display: inline;	
   position: relative;
   clear: both;
   float: left;
   list-style: none;
   height: 68px;
   width: 817px;
   padding-left: 84px;
}

#nav li{
   float: left;
   background: url(/images/bg_nav_li.gif) no-repeat right bottom;
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 1;
}

#nav .current,
#nav li:hover,
#nav li.sfhover{
   background: url(/images/bg_nav_li_a_hover.gif) repeat-x;
}

#nav li a{
   display: block;
   float: left;
   color: #d9cd90; /* Change this to the right color */
   font-size: 1.1em;
   text-decoration: none;
   text-transform: uppercase;
   padding: 15px 18px 11px;
}

#nav .current a,
#nav li:hover a,
#nav li.sfhover a
{
    color: #4c421f;
}

#nav .current ul ul,
#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   list-style: none;
   padding-left: 86px;
}

#nav li li,
#nav li li.current{
   float: left;
   font-size: 1.em;
   background: url(/images/bg_nav_li_li.gif) no-repeat right center; 
   text-indent: 0;  
}

#nav .current li:hover,
#nav li li:hover{
   background: url(/images/bg_nav_li_li.gif) no-repeat right center !important;
}

#nav li:hover li:hover, 
#nav li.sfhover li.sfhover{
   background: url(/images/bg_nav_li_li.gif) no repeat right center;
}

#nav li li a, #nav li li.current a{
   font-family: Arial, Helvetica, Geneva, sans-serif;
   text-transform: none;
}

#nav .current ul,
#nav li:hover ul,
#nav li.sfhover ul{
   top: 37px;
   left: 18px;
   width: 770px;
   z-index: 2;
   background: Transparent;
   font-size: 1.2em;
   background-color: #c4ba7c;
   height: 31px;
}

#nav li li a{
  float: left;
  width: auto !important;
  padding: 10px 10px;
  color: #4b3e1c;
  background: none !important;
}

#nav li:hover li, #nav .current:hover li{
   background: url(/images/bg_nav_li_li.gif) no repeat right center !important;
}

#nav li li a:hover{
   color: #94817d;
   background: transparent url(/images/bg_nav_li_li_hover.gif) no-repeat center bottom !important;
}

/* =Container-Inner
---------------------------------------------------------------------
*/

#container-inner{
   width: 770px;
   margin: 0 auto;
}

/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   width: 770px;
   float: left;
   display: inline;
   padding: 35px 0px 0px 41px;
   text-align: left;
   background: transparent url(/images/bg_content-wrap.gif) repeat-y;
}

#home #content-wrap{
   background-image: none;
}

/* = Home Content  
---------------------------------------------------------------------
*/

#homecontent{
   clear: both;
   background: #f0edd9;
   border-bottom: 15px solid #f0edd9;
   color: #5a5059;
   padding-bottom: 0px;
}

#homecontent-inner{
   width: 750px;
   text-align: left;
   margin: 0 auto;
   background: #f0edd9;
   padding: 0px 0px 0px 66px;
}

ul#homenav{
   float: left;
   display: inline;
   list-style: none;
   margin: 8px 0 0 20px;
   text-align: left;
   width: 200px;
   padding: 0;
}

ul#homenav li{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.6em;
   padding: 0 0 15px 0;
   background: url(/images/bg_homenav_li.gif) repeat-x left bottom;
   margin: 10px 0 0 0;
   list-style-position: outside;
}

ul#homenav li a{
   color: #78758a;
   text-decoration: none;
   padding: 0;
}

ul#homenav li a:hover{
   text-decoration: underline;
}

ul#homenav li li{
   font-size: .625em;
   font-family: Arial, Helvetica, Geneva, sans-serif;
   text-transform: uppercase;
   list-style: none;
   background-image: none;
   margin: 5px 0 0 0;
   padding: 0;
   color: #9b917a;
}

#home-featured{
   position: relative;
   width: 516px;
   background: url(/images/bg_home-featured.jpg) no-repeat;
   float: right;
   padding-top: 4px;
   list-style-type: none;
}

#home-featured #featuredpic{
   list-style-type: none;
}

#home-featured #new{
   width: 198px;
   height: 124px;
   background: url(/images/bg_home_featured_new.png) no-repeat;
   position: absolute;
   top: 200px;
   left: -10px;
}

#home-featured #new #innerwrap{
   width: 198px;
   height: 124px;
   _background:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_home_featured_new.png', sizingMethod='crop');
}

#home-featured #new p{
   margin: 66px 40px 0 32px;
   font-size: 1.2em;
   color: #363636;
   line-height: 1.2;
}

#home-featured #new h3{
   text-indent: -9999px;
   position: absolute;
   height: .1%;
}

#home-featured #new p a{
   color: #6b5d50;
   text-decoration: none;
   position: relative;
}

#home-featured #new p a:hover{
   text-decoration: underline;
}

#home-recent-sermon{
   margin-left: 200px;
   margin-top: 10px;
   float: left;
   color: #7e715a;
   position: relative;;
}

#home-recent-sermon h3{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.6em;
   font-weight: normal;
   color: #849149;
   width: 200px;
   margin-bottom: 4px;
   float: left;
}

#home-recent-sermon h4{
   font-size: 1.2em;
   color: #6e624c;
   width: 200px;
   margin-bottom: 2px;
   float: left;
   line-height: 1.2;
}

#home-recent-sermon h4 a{
   color: #6e624c;
   text-decoration: none;
}

#home-recent-sermon #preacher{
   float: left;
   width: 200px;
}

#home-recent-sermon p{
   font-size: 1.2em;
}

p#sermon-player, p#sermon-dl, p#podcast{
   text-indent: -9999px;
}

p#sermon-player{
   float: left;
   margin: 3px 3px 0 125px;
}

p#sermon-player a{
   height: 30px;
   width: 52px;
   display: block;
   background: url(/images/bg_sermon_player.gif) no-repeat;
}

p#sermon-dl{
   float: left;
   margin: 3px 3px 0 0;
}

p#sermon-dl a{
   height: 30px;
   width: 35px;
   display: block;
   background: url(/images/bg_sermon-dl.gif) no-repeat;
}

p#podcast{
   position: absolute;
   left: 230px;
   bottom: 0;
}

p#podcast a{
   width: 82px;
   height: 72px;
   display: block;
   background: url(/images/bg_sermon_podcast.gif) no-repeat;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
   float: left;
   display: inline;
   width: 470px; /* 520px with padding */
   padding: 0 25px;
}

#home #content{
   float: left;
   display: inline;
   width: 500px; /* 515px with padding */
   padding: 0 0 0 20px;
   background: url(/images/bg_content.gif) no-repeat top left;
}

#content h3{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #7e8a58;
   padding: 0 0 10px 25px;
   border-bottom: 3px solid #e8e2c5;
   margin-bottom: 16px;
   background: url(/images/bg_content.gif) no-repeat top left;
}

#home #content h3{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #7e8a58;
   padding: 0 0 5px 0;
   border-bottom: 3px solid #e8e2c5;
   margin-bottom: 16px;
   background: none;
}

#content h3#churchnews{
   margin-top: 2px;
   color: #7e8a58;
}

#content h4,
#content h5,
#content h6{
   font-size: 1.5em;
   color: #78758a; /*#697c26;*/
   font-weight: normal;
}

#content p,
#content li{
   margin-bottom: 1em;
   margin-right: 1em;
   color: #474135;
   font-size: 1.3em;
   line-height: 1.5;
}

#content p.subscribe{
   font-size: 1.1em;
   margin: 8px 0 20px 0;
}

#content ul,
#content ol{
   margin: 0 0 1em 3em;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   list-style: none;
}

#content ul#byline li{
   font-size: 1.1em;
}

#content li{
   margin: 0;
   padding-left: 17px;
   background: url(/images/bg_content_li.gif) no-repeat left .5em;
   list-style: none;
}

#content li li{
   font-size: 1em;
}

#content blockquote{
   margin-left: 3em;
}

#content hr{
   display: block;
   margin-bottom: .25em;
   border: none;
   border-bottom: 1px dotted #DADAD0;
}

#content a{
   color: #78758a; /*#697c26;*/
   text-decoration: none;
}

#content a:hover{
   text-decoration: underline;
}

#content img{
   float: left;
   margin: 0 10px 5px 0;
}

#content #text{
   clear: both;
}

#content .sermonbox{
   margin-bottom: 20px;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content .sermonbox p#posted{
   color: #b7b7b7;
   font-size: 1.1em;
}

#content .sermonbox h4.title a{
   color: #78758a;
}

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
   font-size: 1.1em;
}

#content p.eventtime{
   font-size: 1.1em;
}

#content #mediabox{
   float: right;
   width: 114px;
   padding: 5px 5px 0;
   background: #e7efe0;
   border: 1px solid #cbdabf;
   font-size: 1.1em;
   list-style: none;
   margin-right: 15px;
   margin-bottom: 20px;
}

#content #mediabox li{
   margin-bottom: 5px;
   padding: 0;
   background: none;
   font-weight: bold;
   text-indent: -9999px;
}

#content #mediabox li a{
   display: block;
   width: 113px;
   height: 27px;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_print a{
   background-image: url(/images/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background-image: url(/images/mb_video.gif);
}

#content #mediabox li#mb_download a{
   background-image: url(/images/mb_download.gif);
}

#content #mediabox li#mb_notes a{
   background-image: url(/images/mb_notes.gif);
}

#content #mediabox li#mb_jukebox a{
   background-image: url(/images/mb_jukebox.gif);
}

#content #mediabox li#mb_podcast a{
   background-image: url(/images/mb_podcast.gif);
}


/* =Large Calendar  
---------------------------------------------------------------------
*/

#content #calendar-outer{
   position: relative;
}

#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #5a5059;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   color: #7e8a58;
   font-size: 1.4em;
   font-weight: bold;
}

#content table.calendar caption span{
   position: absolute;
   top: 0;
   width: 16px;
   color: #8A4700;
}

#content table.calendar caption span.calendar-prev{
   left: 0;
}

#content table.calendar caption span.calendar-next{
   right: 0;
}

#content table.calendar th{
   padding: 6px 0;
   background: #5a5059;
   color: #FFF;
   font-size: 1.3em;
   font-weight: normal;
   text-align: center;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #5a5059;
   border-left: 0;
   border-top: 0;
   background: #FFF;
   color: #626262;
   font-size: 1em;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #FFF;
}

#content table.calendar td a{
   text-decoration: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
   padding: 0;
}

#content table.calendar td li{
   padding-left: 8px;
   margin-left: 0;
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

#content table.calendar td li a{
   text-decoration: underline;
   color: #7e8a58;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}


/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
   display: inline;
   float: right;
   width: 220px;
   padding: 0 0 0 30px;
   margin-bottom: 100px;
}

#home #sidebar{
   display: inline;
   float: right;
   width: 220px;
   padding: 0 0 0 30px;
   background: url(/images/bg_sidebar.gif) no-repeat top left;
   margin-bottom: 100px;
}

#sidebar p,
#sidebar li{
   margin-bottom: 1em;
   color: #464646;
   font-size: 1.2em;
   line-height: 1.5;
   clear: both;
}

#sidebar ul{
   margin-left: 1em;
   padding: 0;
}

#sidebar li{
   line-height: 1;
   padding-left: 12px;
   background: url(/images/bg_content_li.gif) no-repeat left 3px;
   list-style: none;
}


#home #sidebar h3{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #7e8a58;
   margin-bottom: 0;
   clear: both;
   background: transparent;
   text-transform: none;
}

#sidebar h3{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.2em;
   text-transform: uppercase;
   font-weight: normal;
   /*color: #;*/
   margin-bottom: 12px;
   padding: 8px 10px;
   clear: both;
   background: #5a5059;
   color: #d9cd90;
}

#home #sidebar h3{
   padding: 0 0 10px;
   color: #7e8a58;
}

#sidebar h4{
   font-size: 1.2em;
}

#sidebar a{
   color: #78758a;
   text-decoration: none;
}

#sidebar a:hover{
   text-decoration: underline;
}

#sidebar .sermon, #sidebar .article{
   padding: 8px 10px;
}

#sidebar .sermon:hover, #sidebar .article:hover{
   background: #fff;
   border: 1px solid #dce4e3;
   padding: 7px 9px;
}

#home #sidebar .sermon:hover, #home #sidebar .article:hover{
   background: #F0EDD9;
}

#sidebar #help{
   clear: both;
   float: left;
}

#sidebar #help p#helptext{
   padding: 8px 10px;
}

#sidebar .sermon .sermonpreacher{
   color: #383328;
   font-style: italic;
}

#sidebar .sermon .sermondate{
   color: #898989;
}

#sidebar #gethelp, #sidebar p.more a{
   display: block;
   font-size: .8333em;
   text-transform: uppercase;
   float: right;
   clear: both;
   background: #e5e1c6 url(/images/bg_sidebar_p_more_a.gif) no-repeat right 8px;
   border: 0px solid #dce4e3;
   margin: 0 10px 15px ;
   padding: 5px 18px 4px 8px;
}

#home #sidebar #gethelp, #home #sidebar p.more a{
   background-color: #F0EDD9;
}

#sidebar p.more a:hover{
   text-decoration: underline;
}

#sidebar .article p, #sidebar .sermon p{
   margin-bottom: 0;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   border-top: 12px solid #221e15;
   background: #454136;
   padding-bottom: 100px;
}

#footer-inner{
   width: 780px;
   margin: 0 auto;
   text-align: left;
   padding: 28px 0px 0px 80px;
   color: #f0edda;
}

#footer h3{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.9em;
   font-weight: normal;
   margin-bottom: 18px;
}

#footer a{
   color: #958f70;
}

#footer a:hover{
   text-decoration: none;
}

#footer p{
   font-size: 1.2em;
   line-height: 1.4em;
}

#footer p b {
   font-weight: bold;
   color: #cdcc7a;
}

#footer #worship{
   width: 225px;
   float: left;
   display: inline;
   padding: 0 20px 0 27px;
}

#footer #ministries{
   width: 235px;
   float: left;
   display: inline;
   padding: 0 20px 0 10px;
}

#footer #ministries a{
   color: #897c8d;
   font-weight: bold;
}

#footer #ministries h4{
   font-size: 1.1em;
}

#footer #agenda{
   width: 97px;
   float: left;
   display: inline;
   padding: 0 20px 0 7px;
}

#footer #worshiptimes p{
   margin-bottom: 20px;
   font-size: 1.1em;
}

#footer #worshiptimes p strong{
   text-align: left;
   font-size: 1.0em;
   color: #cdcc7a;
}

#churchinfo{
   float: left;
   padding-bottom: 80px;
   background: url(/images/bg_churchinfo.gif) no-repeat bottom center;
   width: 780px;
}

#churchmap{
   width: 213px;
   margin: 10px 0;
   background: url(/images/bg_churchmap_bottom.gif) no-repeat bottom left;
   text-align: center;
   padding-bottom: 4px;
}

#churchmap p {
   padding-top: 3px;
   background: url(/images/bg_churchmap_top.gif) no-repeat top left;
}

#churchmap p img{
   width: 207px;
   display: block;
   margin: 0 auto 5px;
   border: none;
}

#churchmap a{
   display: block;
   text-transform: lowercase;
   color: #e0dab3;
   text-decoration: none;
}

#churchmap a:hover{
   text-decoration: underline;
}

#churchmap a:hover img{
   border: none;
   text-decoration: none;
}

#ministries h4{
   font-size: 1.3em;
   color: #cdcc7a;
   margin-bottom: 5px;
}

#ministries p{
   margin-bottom: 15px;
   font-size: 1.1em;
}

/* = Agenda & Calendar  
---------------------------------------------------------------------
*/

#agenda ul{
   float: left;
   width: 222px; 
   list-style: none;
}

#agenda li{
   float: left;
   font-size: 1.2em;
   text-align: center;
}

#agenda li a{
   display: block;
   width: 111px;
   height: 20px;
   padding: 12px 0 0 0;
   color: #afadaa;
   font-weight: bold;
   text-decoration: none;
   outline: 0;
}

#agenda li a#link1.current{
	background-image: url(/images/bg_agenda_link1_current.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	background-color: #4d473d;
}

#agenda li a#link1.back{
	background: url(/images/bg_agenda_link1_back.gif) no-repeat;
}

#agenda li a#link2.current{
	background: url(/images/bg_agenda_link2_current.gif) no-repeat;
}

#agenda li a#link2.back, #agenda li a#link2{
	background: url(/images/bg_agenda_link2_back.gif) no-repeat;
}

#agenda div#branch1, #agenda div#branch2{
   clear: left;
   float: left;
   background: #4d473d;
   width: 222px;
   padding: 0px 2px 2px 2px;
   position: relative;
}

#agenda div#mini-cal1, #agenda div#mini-cal2, #agenda div#mini-cal3, 
#agenda div#mini-cal4, #agenda div#mini-cal5, #agenda div#mini-cal6,
#agenda div#mini-cal7, #agenda div#mini-cal8, #agenda div#mini-cal9,
#agenda div#mini-cal10, #agenda div#mini-cal11, #agenda div#mini-cal12
{
    padding-top: 14px;
    padding-bottom: 14px;    
    background: #342f26;
}

#agenda table.calendar{
   clear: both;
   width: 188px;
   margin: 0 auto;
   border-collapse: collapse;
   color: #f0edda;
}

#agenda table.calendar caption{
   margin: 0px auto;
   padding-bottom: 15px;
   color: #ebe2af;
   font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
   font-weight: bold;
   text-transform: uppercase;
}

#agenda table.calendar caption span.calendar-prev{
   position: absolute;
   top: 11px;
   left: 8px;
}

#agenda table.calendar caption span.calendar-next{
   position: absolute;
   top: 11px;
   right: 8px;
}

#agenda table.calendar caption span img{
   vertical-align: bottom;
}

#agenda table.calendar th{
   padding:  5px 0 5px 0;
   color: #f0edda;
   font-size: 1.2em;
   text-align: center;
}

#agenda table.calendar td{
   width: 25px;
   height: 25px;
   color: #f0edda;
   font-size: 1.2em;
   text-align: center;
}

#agenda table.calendar a{
   display: block;
   width: 19px;
   margin: 0 3px;
   padding: 5px 3px;
   color: #fff;
   background: #4c453a;
   text-decoration: none;
}

#agenda table.calendar a:hover{
   text-decoration: underline;
}

#agenda .event{
   float: left;
   width: 202px;
   margin: 0;
   padding: 10px;
   border-bottom: 1px solid #464138;
}

#agenda .event:hover{
   background: #3c372f url(/images/bg_agenda_event_hover.gif) no-repeat left center;
   border: 1px solid #464138;
   width: 202px;
   margin: 1px;
   padding: 8px 8px 9px 8px;
}

#agenda .event h4{
   margin: .5em 0;
   font-size: 1.2em;
}

#agenda .event h4 a{
   color: #ccc493;
   text-decoration: none;
}

#agenda .event h4 a:hover{
   text-decoration: underline;
}

#agenda .event p{
   font-size: 1.2em;
   line-height: 1.3;
}

#agenda .event .date{
   float: left;
   width: 26px;
   height: 26px;
   margin: 0 8px 0;
   padding: 2px 0;
   background: url(/images/bg_agenda_date.gif) no-repeat;
   color: #c4bbae;
   text-transform: uppercase;
   text-align: center;
   font-size: .9em;
}

#agenda .event .date span{
   display: block;
   margin: 3px 0;
   color: #7b2e00;
   font-size: 1.333em;
}

#agenda p.more{
   float: right;
   margin: 10px 15px 0px;
   font-size: 1.1em;
   text-transform: uppercase;
}

#agenda p.more a{
   display: block;
   padding: 4px 10px 6px;
   border: 1px solid #38332a;
   background: #3d382f;
   text-decoration: none;
}

#agenda p.more a:hover{
   text-decoration: underline;
}

/* = Footinfo  
---------------------------------------------------------------------
*/

#footinfo{
   clear: left;
   border-top: 5px solid #37322c;
   padding-top: 16px;
   color: #9c9578;
   width: 770px;
}

#footinfo a{
   color: #e2d9a9;
}

#footinfo p{
   float: right;
   clear: right;
}

#footinfo p#footquestions{
   float: left;
   color: #dcd9c4;
   padding-left: 27px;
}

#footquestions a{
   text-decoration: none;
   background: #221e15;
   padding: 4px 5px;
   margin-left: 3px;
   position: relative;
}

#footquestions a:hover{
   text-decoration: underline;
}

/* = Prayer Request Form  
---------------------------------------------------------------------
*/

form#prform{
   margin: 20px;
}

#prform fieldset{
   padding: 10px;
}

#prform label{
   margin: 10px 0 0 0;
   font-size: 0.846em;
}

#prform input{
   display: block;
}

/* = Book List  
---------------------------------------------------------------------
*/

div.book{
   margin-bottom: 20px;
   padding: 10px 20px;
   float: left;
   clear: both;
}

#content .book h4{
   font-weight: bold;
}

#content .book h5{
   font-size: 1.2em;
   margin-top: .25em;
   color: #464646;
}

#content .book p{
   font-size: 1.1em;
}

#content .book img{
   padding: 3px;
   border: 1px solid #C7C1B2;
}

/* = Blog  
---------------------------------------------------------------------
*/

#content p.date{
   font-size: 1.1em;
   margin-top: .25em;
   color: #b7b7b7;
   font-weight: bold;
}

#content p.postedby{
   font-size: 1.1em;
}

#content p.back{
   font-size: 1.1em;
   margin-bottom: 30px;
}

#comments h4{
   font-size: 1.1em;
   font-weight: bold;
   padding: 7px 8px 8px;
   background: #5a5059;
   margin-bottom: 20px;
   border-top: 1px dotted #B5AC9D;
   color: #fff;
}

div.comment{
   margin: 10px 0;
   border: 1px solid #cbdabf;
}

#comments h4 a{
   color: #fff;
}

#comments h5{
   font-size: 1.2em;
   font-weight: bold;
   padding: 7px 8px 8px;
   background: #D6EBF3;
}

#comments p{
   padding: 7px 8px 8px;
   font-size: 1.1em;
   background: #F9F8ED;
   margin: 0;
}

#comments p.comments{
   border: 1px solid #cbdabf;
}

#comments form{
   margin-top: 20px;
}

/* = Member Pages  
---------------------------------------------------------------------
*/

#member-cp{
   float: left;
   width: 430px;
   margin: 20px 20px 40px;
}

#member-cp img{
   float: right;
}

#member-cp ul, #content .viewmember ul{
   font-size: 1em;
}

#content .viewmember{
   clear: both;
   float: left;
   width: 430px;
   margin: 20px 20px 40px;
}

#content .viewmember img{
   float: right;
}

#content .viewmember h3{
   background-image: none;
   margin: 0 200px 20px 0;
   padding: 0 0 3px;
   border-width: 1px;
   font-size: 1.5em;
}

.person{
   float: left;
   clear: left;
   margin: 0 0 20px;
}

#member-search #searchForm{
   padding: 10px;
}

#member-search #searchForm input{
   background: #fff;
}

#member-search #searchForm input#keywords{
   width: 125px;
}

#member-search #searchForm p{
   margin-top: .5em;
   font-size: 1.1em;
}

#sidebar #member-login h4{
   padding: 10px;
   font-size: 1.2em;
}

#sidebar #member-login h4 a{
   text-decoration: none;
}

#content div.person{
   float: left;
   clear: none;
   width: 100px;
   margin: 10px 25px;
}

#content div.person p{
   font-size: 1.1em;
   text-align: center;
}

#content div.person a{
   display: block;
}

#content div.person img{
   float: none;
   display: block;
   margin: 0;
   border: 0;
   /*vertical-align: middle;*/
}

#content table.person{
   width: 100%;
}

#content table.person td{
   font-size: 1.2em;
}

#content table.person td h4{
   padding-top: 10px;
}

#content table.person td.thing{
   width: 100px;
   text-align: right;
}

#content #letter-directory ol{
   float: left;
   margin-bottom: 25px;
   margin-left: 0;
}

#content #letter-directory ol li{
   float: left;
   margin-right: 9px;
   font-size: 1.3em;
   list-style: none;
}

#content #user-profile img{
   border: 0;
}

#content #user-profile ul{
	margin-left: 130px;
   font-size: 1em;
   margin-top: 20px;
}

#content #user-profile h3{
   margin-left: 120px;
   background-image: none;
   padding: 0 0 5px 0;
}

/* Discussions 
---------------------------------------------------------------------
*/
table.discussion{
   /*width: 500px;*/
   border: 1px solid #CCC;
   border-collapse: collapse;
}

table.discussion th{
   padding: 5px 5px;
   background: #d2c88b;
   color: #566261;
   font-size: 8pt;
   font-weight: bold;
   text-align: left;
   line-height: 1.25;
}

#content table.discussion td{
   padding: 5px;
   background: #e7e6cb;
   color: #566261;
   font-size: 8pt;
}

#content table.discussion td.title{
   font-size: 8pt;
   width: 200px;
}

#content table.discussion td.title a{
   font-size: 8pt;
   color: #566261;
}

#content table.discussion tr.alt td{
   background: #f1e7e6;
   font-size: 8pt;
}

#content p.pagination{
   float: left;
   margin-bottom: 25px;
   color: #999;
   font-size: 1.1em;
}

#content p.records{
   float: right;
}

#content div.discussion-form label{
   display: block;
   margin: 0 0 .25em;
   clear: both;
   color: #566261;
   font-size: 1.4em;
   font-weight: normal;
}

#content .discussion-form label h4{
    clear:both ;
}

#content div.discussion-form input#discName,
#content div.discussion-form textarea{
   display: block;
   margin-bottom: 10px;
   padding: 3px;
   color: #566261;
   font-size: 1.2em;
}

#content div.disc-comment{
   margin-bottom: 25px;
}

#content div.disc-comment p{
   margin-bottom: 0;
}

#content div.disc-comment p.byline{
   font-size: 1.1em;
   font-weight: bold;
}

#content div.disc-comment p.byline strong{
   text-transform: uppercase;
}

#content div.disc-comment p.edited{
   font-size: 1.1em;
   font-style: italic;
}
