/* @override 
	http://theriver.monkcms.net/_css/styles.css
	http://www.the-river.org/_css/styles.css
*/

/* Site: The River Church Community */

* {
   margin: 0;
   padding: 0;
}

body{
   font-size: 62.5%;
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, Tahoma, sans-serif;
   line-height: 1;
   text-align: center;
}

hr{
   display: none;
}

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

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

a{
   overflow: hidden;
   text-decoration: none;
}

a:hover{
   text-decoration: underline;
}

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

#header{
   float: left;
   text-align: center;
   width: 770px;
}

#header h1{
   width: 400px;
   height: 80px;
   margin: 20px auto;
}

#header h1 a{
   color: #2D3F80;
   text-indent: -9999px;
   display: block;
   width: 400px;
   height: 80px;
   background: url(/_img/bg_header_h1.gif);
}

#header h1 a:hover{
   background-position: 0 -80px;
}


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

#nav{
   list-style: none;
   background: url(/_img/bg_nav.gif) no-repeat 20px 0;
   float: left;
   display: inline;
   height: 80px;
   overflow: hidden;
   padding: 0 41px;
   margin: 0;
   width: 688px;
}

#nav li{
   float: left;
   height: 80px;
   width: 86px;
   margin: 0;
   padding: 0;
}

#nav li a{
   text-indent: -999px;
   display: block;
   text-decoration: none;
   width: 86px;
   height: 80px;
}

#nav li a:hover, #nav li.current a{
   background: url(/_img/bg_nav.gif);
}

#nav li#nav_compassion-ministry a:hover,
#nav li#nav_compassion-ministry.current a{background-position: -21px -80px;}

#nav li#nav_community-life a:hover,
#nav li#nav_community-life.current a{background-position: -107px -80px;}

#nav li#nav_healing-restoration a:hover,
#nav li#nav_healing-restoration.current a{background-position: -193px -80px;}

#nav li#nav_small-groups a:hover,
#nav li#nav_small-groups.current a{background-position: -279px -80px;}

#nav li#nav_kids-community a:hover,
#nav li#nav_kids-community.current a{background-position: -365px -80px;}

#nav li#nav_student-ministry a:hover,
#nav li#nav_student-ministry.current a{background-position: -451px -80px;}

#nav li#nav_sunday-morning a:hover,
#nav li#nav_sunday-morning.current a{background-position: -537px -80px;}

#nav li#nav_about-us a:hover,
#nav li#nav_about-us.current a{background-position: -623px -80px;}

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



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

/* @group Home Content */

#content-wrap{
   clear: left;
   width: 750px;
   height: 600px;
   margin: 5px 10px;
   background: url(/_img/bg_content.jpg) no-repeat;
   position: relative;
   float: left;
   display: inline;
   text-align: left;
}

body.banner #content-wrap{
   background: url(/_img/bg_content_banner.jpg);
}

#content{
   float: right;
   display: inline;
   width: 491px;
   height: 520px;
   margin: 40px 20px 40px 0;
   overflow: auto;
   text-align: left;
}

body.banner #content{
   margin-top: 0;
   height: 390px;
}

#header-image{
   margin: 40px 30px 8px;
   width: 692px;
   height: 113px;
   overflow: hidden;
}

#home #content{
   overflow: auto;
}

#home #content-wrap{
   background: url(/_img/bg_home_content.jpg) no-repeat;
   text-align: center;
}

#home #content #story1{
   width: 184px;
   position: absolute;
   left: 50px;
   top: 57px;
}

#home .homestory a img{
   border: none;
}

#home .homestory p{
  margin-bottom: 10px; 
  float: left;
  width: 184px;
  text-align: center;
}

#home .homestory p a{
   color: #fff;
   font-size: 1.1em;
}

#home .homestory p a:hover{
   text-decoration: underline;
}

#home #sunday{
   width: 226px;
   position: absolute;
   left: 276px;
   top: 41px;
}

#home #sunday h3{
   text-indent: -9999px;
   height: 27px;
}

#home #sunday p, #home #sunday h4{
   width: 226px;
   float: left;
   clear: left;
   text-align: center;
   margin-bottom: 5px;
   font-size: 1.1em;
}

#home #sunday p a img{
   border: none;
   float: none;
   margin: 0;
}

#home #sunday h4 a{
   color: #000;
}

#home #story2{
   width: 180px;
   position: absolute;
   left: 533px;
   top: 57px;
}

#home #homenews{
   position: absolute;
   left: 50px;
   top: 252px;
   width: 280px;
   height: 280px;
   text-align: left;
}

#homenews h3{
   text-indent: -9999px;
   height: 35px;
}

#content #homenews p{
   margin: 0 25px 15px;
   font-size: 1.2em;
}

#content #homenews p.more{
   margin-top: -15px;
}

#home #nav2{
   width: 300px;
   height: 160px;
   position: absolute;
   left: 385px;
   top: 340px;
   padding: 0;
   margin: 0;
}

#home #nav2 ul{
   list-style: none;
}

#home #nav2 li{
   position: absolute;
   width: 120px;
   height: 50px;
}

#home #nav2 li#servicelink{
   left: 0;
   top: 0;
}

#home #nav2 li#newlink{
   left: 191px;
   top: 0;
}

#home #nav2 li#calendarlink{
   left: 0;
   top: 111px;
}

#home #nav2 li#resourceslink{
   left: 191px;
   top: 111px;
}

#home #nav2 li a{
   display: block;
   width: 120px;
   height: 50px;
   text-indent: -9999px;
   background: url(/_img/bg_nav2.gif) no-repeat;
}

#home #nav2 li#servicelink a{background-position: 0 0;}
#home #nav2 li#newlink a{background-position: -191px 0;}
#home #nav2 li#calendarlink a{background-position: 0 -111px;}
#home #nav2 li#resourceslink a{background-position: -191px -111px;}

#home #nav2 li a:hover{
   background: url(/_img/bg_nav2.gif) no-repeat;
}

#home #nav2 li#servicelink a:hover{background-position: 0 -161px;}
#home #nav2 li#newlink a:hover{background-position: -191px -161px;}
#home #nav2 li#calendarlink a:hover{background-position: 0 -272px;}
#home #nav2 li#resourceslink a:hover{background-position: -191px -272px;}




/* @end */



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

#content h2#pagetitle, #content h2#posttitle{
   font-size: 2.4em;
   padding: 10px 20px 15px 30px;
   margin-bottom: 20px;
   background: url(/_img/bg_pagetitle.jpg) no-repeat;
}

body.banner h2#pagetitle{
   display: none;
}

body.banner #content h2#posttitle{
   background: none;
}

#content h3#pagetitle{
   font-size: 1.8em;
   padding: 14px 20px;
   margin-bottom: 20px;
}

#content #text{
   padding: 0 20px;
   clear: both;
}

body#blog #text{
   padding: 0;
}

body#blog #text p{
   padding: 0 20px;
}

#content #text h3{
   font-size: 1.8em;
   margin-bottom: .5em;
}

#content #text h4,
#content #text h5,
#content #text h6{
   font-size: 1.5em;
   margin-bottom: .5em;
}

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

#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;
   font-size: 1.2em;
}

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

#content li{
   margin: 0;
}

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

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

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

#content a{
   color: #2D3F80;
}

#content #text a{
   font-weight: bold;
   border-bottom: 1px dashed #2D3F80;
}

#content #text a:hover{
   border-bottom-style: solid;
   text-decoration: none;
}

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

#content .sermonbox, #content .articlebox{
   margin-bottom: 20px;
   margin-left: 30px;
   margin-right: 10px;
}

#content .sermonbox h4, #content .articlebox h4{
   margin-bottom: 5px;
   font-size: 1.3em;
}

#content .sermonbox h4 a{
   color: #000;
}

#content .sermonbox p, #content .articlebox 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;
   list-style: none;
   margin-right: 50px;
}

#content #mediabox li{
   margin-bottom: 5px;
   font-size: 1.1em;
   font-weight: bold;
}

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 24px;
   background-repeat: no-repeat;
   color: #000;
   font-size: 1.2em;
}

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

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

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

#sidebar{
   width: 166px;
   padding: 20px;
   margin: 40px 0 40px 30px;
   text-align: left;
   font-size: 1.3em;
   height: 478px;
   overflow: hidden;
   clear: none;
}

body.banner #sidebar{
   margin-top: 0;
}

#sidebar #search{
   margin-bottom: 20px;
}

#sidebar #search h3{
   text-indent: -9999px;
   height: 16px;
   width: 82px;
   background: url(/_img/bg_h3_search.gif) no-repeat;
   margin-bottom: 6px;
}

#sidebar #search fieldset{
   width: 169px;
}

#sidebar input#search_term{
   float: left;
   width: 130px;
   height: 15px;
   padding: 4px 2px;
   border: 0;
   display: inline;
   margin-right: 4px;
   font-size: .9em;
}
#sidebar a#search_go{
   width: 27px;
   height: 20px;
   padding-top: 2px;
   display: inline;
   float: left;
   background: url(/_img/bg_search_go.gif) no-repeat 0 2px;
   text-indent: -9999px;
}

#sidebar ul{
   list-style: none;
}

#sidebar ul li{
   margin-bottom: 15px;
}

#sidebar ul li a{
   font-weight: bold;
   color: #000;
}

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

#sidenav li{
   display: none;
}

#sidenav li.current{
   display: block;
}

#sidenav li.current li{
   display: block;
}

#sidenav li.current li a{
   color: #000;
}

#sidenav li ul{
   margin-top: 15px;
   margin-left: 10px;
}

#sidenav li.current.parent a{
   color: #000;
}

#sidenav li.current a,
#sidenav li.current li.current a{
   color: #2D3F80;
}





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

#footer{
   clear: both;
}

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

#content table.calendar{
   margin-bottom: 25px;
   margin-left: 14px;
   border: 1px solid #717AB5;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
   width: 450px;
}

#content table.calendar caption{
   padding-bottom: 10px;
   font-size: 1.4em;
   font-weight: bold;
   width: 450px;
   height: 20px;
   position: relative;
}

#content p.cal-nav span{
   width: 14px;
   height: 16px;
   color: #8A4700;
}

#content p.cal-nav span img{
   margin: 0;
   float: none;
}

#content p.cal-nav{
   width: 450px;
   position: relative;
   margin-left: 14px;
   font-weight: bold;
   font-size: 1.4em;
   z-index: 999;
   text-align: center;
}

#content p.cal-nav span.calendar-prev{
   position: absolute;
   left: 0;
}

#content p.cal-nav span.calendar-next{
   position: absolute;
   right: 0;
}

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

#content table.calendar td{
   width: 64px;
   height: 64px;
   padding: 2px;
   border: 1px solid #717AB5;
   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{
   margin-left: 0;
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

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

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

/* = Events  
---------------------------------------------------------------------
*/

div#eventmeta{
   margin-left: 20px;
}

p#rsvp{
   width: 470px;
   float: left;
   
}

p#rsvp a{
   display: block;
   float: left;
   padding: 3px 8px 2px;
   border: 1px solid #D8DDF0;
   font-size: 1.2em;
   color: #fff;
   background: #7F88C1;
}

p#rsvp a:hover{
   background: #fff;
   color: #030303;
   text-decoration: none;
   border: 1px solid #7F88C1;
}

#side_events h3{
   text-indent: -9999px;
   width: 160px;
   margin: 0 auto;
   height: 16px;
   background: url(/_img/bg_h3_side-events.gif) no-repeat;
   margin-bottom: 20px;
}

#sidebar .event{
   margin-bottom: 20px;
}

#sidebar .event p.eventtime{
   font-weight: bold;
}

#sidebar .event p{
   line-height: 1.5;
}

#sidebar .event p.eventtitle{
   margin-left: 1em;
}

#sidebar .event p a{
   color: #000;
   text-decoration: underline;
}

/* = Articles  
---------------------------------------------------------------------
*/

#content p.notes{
   float: right;
   margin-top: -3em;
   margin-right: 100px;
}

#content p.notes a{
   padding: 2px 2px 2px 22px;
   background: url(/_img/bg_download.gif) no-repeat 0 1px;
   color: #000;
   font-weight: bold;
}

/* = Sermons  
---------------------------------------------------------------------
*/

#side_sermons h3{
   text-indent: -9999px;
   width: 159px;
   height: 14px;
   background: url(/_img/bg_h3_sidesermons.gif) no-repeat;
   margin-bottom: 24px;
}

#side_sermons p#listen{
   padding-left: 24px;
   background: url(/_img/bg_sermon_listen.gif) no-repeat;
   margin-bottom: 10px;
}

#side_sermons p#download{
   padding-left: 24px;
   background: url(/_img/bg_sermon_dl.gif) no-repeat;
   margin-bottom: 20px;
}

.sermonbox{
   float: left;
   margin-bottom: 20px;
   width: 450px;
}

#content .sermonbox ul{
   margin-left: 225px;
   list-style: none;
   margin-top: 2em;
}

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

#content .sermonbox li a{
   font-weight: bold;
   color: #000;
   display: block;
}

#content .sermonbox li.sl_listen a{
   padding-left: 24px;
   background: url(/_img/bg_sermon_listen.gif) no-repeat;
}

#content .sermonbox li.sl_download a{
   padding-left: 24px;
   background: url(/_img/bg_sermon_dl.gif) no-repeat;
}

.sermonbox h4, .sermonbox p{
   float: left;
   clear: left;
   width: 205px; 
}

/* = Blogs  
---------------------------------------------------------------------
*/

p.subscribe, .post{
   margin: 0 20px;
}

#blog-sidebar h3{
   margin-bottom: 15px;
}

#blog-sidebar ul{
   margin-bottom: 30px;
   margin-left: 5px;
}

#blog-sidebar ul li{
   margin-bottom: 10px;
}

#blogtext{
   padding: 0 20px;
}

#content #comments h4{
   margin-bottom: 20px;
}

#content #comments label{
   display: block;
   font-size: 1.2em;
   margin-bottom: .5em;
}

#content #comments textarea{
   width: 300px;
   height: 100px;
   margin-bottom: 10px;
}

#content #comments h5{
   font-size: 1.2em;
}

/* = Password Change Form
---------------------------------------------------------------------
*/

.pwAdjust{
  margin-left: 15px;
}

.pwAdjust h4{
  font-size: 1.2em;
  margin-bottom: 8px;
}