/* @override http://www.willamettecommunity.com/css/styles.css */
/* Site: Willamette Community Church */

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

body{
   background: url(/images/bg_body.gif);
   font-size: 62.5%;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

hr{
   display: none;
}

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

#container-outer{
   background: url(/images/bg_container-outer.gif) repeat-x 8px 0;
}

#container{
   width: 960px;
   margin: 0 auto;
   background: url(/images/bg_container.gif) no-repeat;
}

a{
   overflow: hidden;
}

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

#header{
   position: relative;
   float: left;
   width: 960px;
}

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 380px;
   height: 29px;
   margin: 68px 0 13px 94px;
   background: url(/images/bg_h1.gif) no-repeat;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 380px;
   height: 29px;
}

#header #meta-nav{
   position: absolute;
   bottom: 0;
   right: 102px;
   padding: 7px 0 9px;
   border-top: 1px solid #5A4A39;
   border-left: 1px solid #5A4A39;
   background: #403125 url(/images/bg_meta-nav.gif) repeat-x;
}

#header #meta-nav p{
   color: #836D53;
   font-size: 1.2em;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#header #meta-nav a{
   padding: 0 13px;
   color: #C3B19C;
   text-decoration: none;
}

#header #meta-nav a:hover{
   color: #F9F9F7;
}

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

#nav{
   float: right;
   width: 197px;
   min-height: 319px;
   height: auto !important;
   height: 319px;
   padding: 69px 7px 0;
   border: 1px solid #738638;
   border-top: 0;
   border-bottom: 0;
   background: url(/images/bg_nav.gif) repeat-x;
}

body#home #nav{
   width: 188px;
   min-height: 349px;
   height: auto !important;
   height: 349px;
   padding: 70px 1px 0;
}

#nav li{
   font-size: 1.1em;
   font-weight: bold;
   font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
   letter-spacing: .1em;
   list-style: none;
}

#nav li a{
   display: block;
   padding: 7px 0 7px 30px;
   background: url(/images/bg_nav_li_a.gif) no-repeat 17px 9px;
   color: #372A1D;
   text-decoration: none;
}

#nav li.current a,
#nav li.current li.current a,
#nav li.current li.current li.current a{
   background: url(/images/bg_nav_li_current_a.gif) no-repeat 11px 9px;
}

#nav li.current li a,
#nav li.current li.current li a{
   background: url(/images/bg_nav_li_a.gif) no-repeat 17px 9px;
}

#nav li li,
#nav li.current li li{
   display: none;
   margin-left: 15px;
   font-size: 1em;
}

#nav li.current li,
#nav li.current li.current li{
   display: block;
}

#nav li a:hover,
#nav li.current li a:hover,
#nav li.current li.current a:hover,
#nav li.current li.current li.current a:hover{
   padding: 6px 0 6px 29px;
   border: 1px solid #8CA14E;
   background: #C3D389 url(/images/bg_nav_li_a_hover.gif) no-repeat;
}

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

#container-inner{
   clear: left;
   width: 765px;
   margin: 0 auto;
   padding: 7px;
   border: 1px solid #5A4A39;
   background: #F9F9F7;
}

#container-inner img#home-header{
   display: block;
   margin-bottom: 7px;
   border: 3px solid #2F1D11;
}

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

#content-wrap{
   position: relative;
   float: left;
   width: 765px;
   margin-bottom: 3px;
   padding-bottom: 30px;
   background: url(/images/bg_content-wrap.gif) repeat-y right 0;
}

body#home #content-wrap{
   padding-bottom: 0;
   background: url(/images/bg_content-wrap_home.gif) repeat-y 379px 0;
}

#content-wrap #search{
   position: absolute;
   top: 17px;
   right: 28px;
   width: 166px;
}

body#home #content-wrap #search{
   top: 14px;
   right: 207px;
}

#content-wrap #search h3{
   margin-bottom: .25em;
   color: #372A1D;
   font-size: 1.1em;
   text-transform: uppercase;
}

body#home #content-wrap #search h3{
   color: #AC7648;
}

#content-wrap #search form input#search_term{
   float: left;
   width: 127px;
   margin-right: 3px;
   padding: 5px 3px 4px;
   border: 1px solid #D0CBC4;
   color: #545454;
   font-size: 1.2em;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content-wrap #search form a#search_go{
   float: left;
   display: block;
   width: 28px;
   height: 25px;
   background: url(/images/bg_search_go.gif) no-repeat;
   text-indent: -9999px;
}

#content-wrap #home-box{
   float: right;
   width: 178px;
   margin: 10px 0 0 16px;
}

#content-wrap #home-box h3{
   margin-bottom: 6px;
   color: #FFF;
   font-size: 1.2em;
   text-transform: uppercase;
}

#content-wrap #home-box div{
   width: 161px;
   height: 132px;
   padding: 10px 0 0 6px;
   margin-bottom: 8px;
}

#content-wrap #home-box #home-box_1{
   background: url(/images/bg_home-box_1.gif) no-repeat;
}

#content-wrap #home-box #home-box_2{
   background: url(/images/bg_home-box_2.gif) no-repeat;
}

#content-wrap #home-box #home-box_3{
   background: url(/images/bg_home-box_3.gif) no-repeat;
}

#content-wrap #home-box img{
   width: 153px;
   height: 106px;
}

#content-wrap #home-box #home-box_1 img{
   border: 1px solid #C0A16C;
}

#content-wrap #home-box #home-box_2 img{
   border: 1px solid #A19A8D;
}

#content-wrap #home-box #home-box_3 img{
   border: 1px solid #C0A16C;
}

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

#content{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 507px;
   margin: 25px 0 0 20px;
   padding-bottom: 30px;
   background: url(/images/bg_content.gif) no-repeat center bottom;
}

body#home #content{
   display: inline; /* IE6 double margin float bug hack */
   float: right;
   width: 337px;
   margin-right: 22px;
   background: none;
}

#content h3{
   margin-bottom: .5em;
   color: #62833C;
   font-size: 2.2em;
   font-weight: normal;
   text-transform: lowercase;
}

body#home #content h3{
   font-size: 1.9em;
   text-transform: none;
}

#content h4{
   margin-bottom: .5em;
   color: #758839;
   font-size: 1.6em;
}

#content h5{
   margin-bottom: .5em;
   color: #372A1D;
   font-size: 1.4em;
}

#content h6{
   margin-bottom: .5em;
   color: #758839;
   font-size: 1.3em;
}

#content p,
#content ul,
#content ol,
#content td{
   margin-bottom: 1em;
   color: #545454;
   font-size: 1.3em;
   line-height: 1.15;
}

#content p.verse{
   font-size: 1.4em;
   font-family: Georgia, Times, "Times New Roman", serif;
   font-style: italic;
}

#content ul,
#content ol{
   /*margin-left: 3em;*/
}

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

#content li{
   line-height: 1.5;
}

#content ol li{
   list-style-position: inside;
}

#content ul li{
   padding-left: 14px;
   background: url(/images/bg_content_ul_li.gif) no-repeat left 5px;
   list-style: none;
}

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

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #004A80;
}

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

#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.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

#content #mediabox{
   float: right;
   width: 125px;
/*   padding: 5px 5px 0;
   border: 1px solid #F00;
   font-size: 1.1em;
   list-style: none;
*/}

#content #mediabox li{
   margin-bottom: 5px;
   padding: 0;
   background: none;
   /*text-indent: -9999px;*/
   font-size: 11px;
   font-weight: bold;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
   text-align: center;
}

#content #mediabox li a{
   display: block;
   width: 109px;
   height: 19px;
   padding-top: 6px;
   color: #FFF;
   background-repeat: no-repeat;
   text-decoration: none;
}

#content #mediabox li.sl_listen a{
   width: 95px;
   padding-left: 14px;
   background-image: url(/images/bg_current-sermon_listen.gif);
}

#content #mediabox li.sl_download a{
   width: 95px;
   padding-left: 14px;
   background-image: url(/images/bg_current-sermon_download.gif);
}

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

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   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);
}

#content #new-here{
   float: left;
   width: 135px;
   height: 84px;
   margin: 25px 17px 0 0;
   padding: 31px 25px 0 29px;
   background: url(/images/bg_new-here.gif) no-repeat;
}

#content #new-here h3{
   text-indent: -9999px;
}

#content #new-here p{
   color: #363636;
}

#content #new-here a{
   color: #986810;
   text-decoration: none;
}

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

#content #podcast{
   float: left;
   width: 118px;
   margin-top: 30px;
   padding: 73px 0 0 13px;
   background: url(/images/bg_podcast.gif) no-repeat;
}

#content #podcast a{
   text-decoration: none;
}

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

#content .gallery{
  clear: both;
  display: block;
  float: left;
  margin-bottom: 15px;
  width: 507px;
}

#content .gallery img{
  float: left;
  display: inline;
}

#content .gallery a img,
#content .gallery-thumbnail a img{
  border: 1px solid #004A80;
}

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

#sidebar{
   display: inline; /* IE6 double margin float bug hack */
   clear: right;
   float: right;
   width: 179px;
   margin-right: 17px;
   padding-top: 17px;
   border-top: 1px solid #9dad6d;
}

body#home #sidebar{
   border: 0;
}

#sidebar h3{
   margin-bottom: .5em;
   color: #372A1D;
   font-size: 1.1em;
   font-weight: bold;
   font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
   letter-spacing: .1em;
}

#sidebar h4,
#sidebar h5,
#sidebar h6{
   margin-bottom: .5em;
   color: #372A1D;
   font-size: 1.1em;
   font-weight: bold;
}

#sidebar p,
#sidebar li{
   margin-bottom: 1em;
   color: #372A1D;
   font-size: 1.1em;
   line-height: 1.25;
}

#sidebar ul,
#sidebar ol{
   margin: 0 0 1em 34px;
}

#sidebar li{
   margin-bottom: .25em;
}

#sidebar a{
   color: #004A80;
}

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

#footer{
   clear: both;
   padding-bottom: 75px;
}

#footer p{
   float: left;
   color: #898989;
   font-size: 1.2em;
}

#footer p.powered{
   float: right;
}

#footer a{
   color: #80953F;
   text-decoration: none;
}

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

#footer #footer-inner{
   height: 219px;
   margin-bottom: 15px;
   padding: 34px 25px;
   background: #312519 url(/images/bg_footer.gif) repeat-x;
}

#footer #footer-inner h3{
   margin-bottom: .75em;
   padding: 11px 0 8px;
   border-bottom: 3px solid #A8AA81;
   color: #FFF;
   font-size: 1.3em;
   text-transform: uppercase;
}

#footer #footer-inner #news{
   float: left;
   width: 220px;
   margin-right: 25px;
}

#footer #footer-inner #news h4{
   margin-bottom: .5em;
   font-size: 1.3em;
}

#footer #footer-inner #news h4 a{
   color: #A8AA81;
}

#footer #footer-inner #news p{
   margin-bottom: 2em;
   color: #FFF;
   font-size: 1.2em;
   line-height: 1.25;
}

#footer #footer-inner #news p.byline{
   color: #988D81;
   font-size: 1.1em;
}

#footer #footer-inner #news a.more{
   margin-left: 3px;
   padding-right: 10px;
   background: url(/images/bg_more.gif) no-repeat right center;
   color: #A8AA81;
   font-weight: bold;
}

#footer #footer-inner #recent-articles{
   float: left;
   width: 220px;
   margin-right: 25px;
}

#footer #footer-inner #recent-articles h3{
   margin-bottom: 1px;
}

#footer #footer-inner #recent-articles .article{
   position: relative;
   margin-bottom: 1px;
   padding: 10px 12px 11px;
   border-bottom: 1px solid #473C30;
}

#footer #footer-inner #recent-articles .article:hover{
   border: 0;
   padding-bottom: 12px;
   background: #433829 url(/images/bg_article.gif) repeat-x left bottom;
}

#footer #footer-inner #recent-articles .article h4{
   width: 160px;
   margin-bottom: .25em;
   font-size: 1.2em;
   line-height: 1.2;
}

#footer #footer-inner #recent-articles .article h4 a{
   color: #A8AA81;
}

#footer #footer-inner #recent-articles .article p{
   float: none;
   font-size: 1.1em;
   color: #FBFBFB;
}

#footer #footer-inner #recent-articles .article li{
   text-indent: -9999px;
   list-style: none;
}

#footer #footer-inner #recent-articles .article li a{
   position: absolute;
   top: 16px;
   right: 5px;
   width: 15px;
   height: 14px;
   background-repeat: no-repeat;
   background-position: left top;
}

#footer #footer-inner #recent-articles .article li.download a{
   right: 25px;
   background-image: url(/images/bg_footer_download.gif);
}

#footer #footer-inner #recent-articles .article li.play a{
   background-image: url(/images/bg_footer_play.gif);
}

#footer #footer-inner #recent-articles .article:hover li a{
   background-position: left bottom;
}

#footer #agenda{
   float: left;
   width: 220px;
   margin-right: 25px;
}

#footer #agenda ul{
   float: left;
   width: 220px;
   border-bottom: 3px solid #A8AA81;
   list-style: none;
}

#footer #agenda li{
   float: left;
   font-size: 1.2em;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
}

#footer #agenda li a{
   display: block;
   height: 21px;
   padding-top: 11px;
   color: #FFF;
   outline: 0;
}

#footer #agenda li#an_agenda a{
   width: 72px;
}

#footer #agenda li#an_calendar{
   width: 88px;
}

#footer #agenda li#an_agenda a.current{
   background: url(/images/bg_agenda_li_agenda.gif) no-repeat;
   color: #513E2E;
}

#footer #agenda li#an_calendar a.current{
   background: url(/images/bg_agenda_li_calendar.gif) no-repeat;
   color: #513E2E;
}

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

#footer #agenda p.more{
   float: none;
   padding-top: 10px;
   text-align: right;
   text-transform: lowercase;
}

#footer #agenda p.more a{
   color: #A8AA81;
}

#footer #agenda .event{
   clear: left;
   float: left;
   width: 220px;
   padding: 5px 0;
   border-bottom: 1px solid #473C30;
}

#footer #agenda .event:hover{
   border: 0;
   margin-top: 1px;
   padding: 4px 0 6px;
   background: url(/images/bg_article.gif) repeat-x left bottom;
}

#footer #agenda .event h4{
   float: left;
   width: 23px;
   margin-right: 9px;
   padding: 7px 3px 8px;
   background: #4F3E28;
   color: #FFF;
   font-size: 1em;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
   text-align: center;
   text-transform: lowercase;
}

#footer #agenda .event h4 span.date{
   font-size: 1.2em;
}

#footer #agenda .event h4 span.month{
   font-size: 1.1em;
}

#footer #agenda .event h5{
   margin: .25em 0;
   font-size: 1.2em;
}

#footer #agenda .event h5 a{
   color: #A8AA81;
}

#footer #agenda .event p{
   float: none;
   margin: 0;
   color: #FBFBFB;
   font-size: 1.1em;
}

#footer #agenda table.calendar{
   clear: both;
   margin: 0 auto;
   border-collapse: collapse;
}

#footer #agenda table.calendar caption{
   margin: .5em auto;
   color: #FFF;
   font-size: 1.2em;
   font-weight: bold;
}

#footer #agenda table.calendar caption span{
   color: #A8AA81;
}

#footer #agenda table.calendar th{
   background: #A8AA81;
   padding: 5px 0;
   color: #513E2E;
   font-weight: bold;
   text-align: center;
}

#footer #agenda table.calendar td{
   width: 28px;
   height: 28px;
   color: #FFF;
   font-weight: normal;
   text-align: center;
}

#footer #agenda table.calendar td.linked-day{
   padding: 1px 1px;
}

#footer #agenda table.calendar a{
   display: block;
   padding: 7px;
   background: #A8AA81;
   color: #513E2E;
   text-decoration: none;
   font-weight: bold;
}

#footer #footer-inner #contact-information{
   float: left;
   width: 220px;
}

#footer #footer-inner #contact-information h4{
   margin-bottom: .5em;
   color: #FFF;
   font-size: 1.4em;
}

#footer #footer-inner #contact-information p{
   float: none;
   margin-bottom: .5em;
   color: #FFF;
   font-size: 1.1em;
   line-height: 1.2;
}

#footer #footer-inner #contact-information p.mail{
   margin-bottom: 1em;
}

#footer #footer-inner #contact-information p.mail a{
   padding-left: 20px;
   background: url(/images/bg_contact-information_a.gif) no-repeat left center;
   color: #A8AA81;
}

#footer #footer-inner #contact-information img{
   padding: 1px;
   border: 3px solid #1D150E;
   background: #D1CFCE;
}