/* @override 
	http://vineyardnorth.cpmpreview.com/css/styles.css
*/

/* Site: The Vineyard Church */



* {
   margin: 0;
   padding: 0;
}

body{
   behavior:url(/css/csshover.htc);
   background: #F7F6F1 url(/images/bg_body.jpg) repeat-x;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   font-size: 62.5%;
}


hr{ display: none; }


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

#container{position: relative;}


a{ overflow: hidden; }

.hidden { display:none; }

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

#topbar{

   width: 752px;

   height: 11px;

   margin: 0 auto;

   padding: 7px;

}



#topbar p{

   float: right;

   color: #999386;

   font-size: 1.1em;

   text-align: right;

   line-height: 1;

}



#topbar p#login-wrap{

}



#topbar p b{

   color: #605B4B;

   font-weight: normal;

}



#topbar a{

   color: #d7d4c9;

}



#topbar a:hover{

   text-decoration: none;

}



#header{

   position: relative;

   clear: left;

   float: left;

   width: 764px;
	z-index: 5;
}



#header h1{

   float: left;

   width: 285px;

   height: 44px;

   margin: 22px 0 0 18px;

   background: url(/images/bg_h1.gif) no-repeat;

   text-indent: -9999px;

}



#header h1 a{

   display: block;

   width: 285px;

   height: 44px;

}



#header #service-times{

   position: absolute;

   top: 96px;

   right: 14px;

   width: 224px;

   height: 16px;

   padding-top: 6px;

   background: url(/images/bg_service-times.gif) no-repeat;

}



#header #service-times p{

   font-size: 1em;

   text-align: center;

}



#header #service-times a{

   color: #F7F6F1;

   text-decoration: none;

}



/* =Navigation

---------------------------------------------------------------------

*/



#nav{

   display: inline;

   position: relative;

   clear: left;

   float: left;

   width: 524px;

   height: 61px;

   margin: 20px 0 0 1px;

   background: url(/images/bg_nav.gif) no-repeat left 1px;

   list-style: none;

}

#nav_home {
	display: none;
}



#nav li{

   float: left;

   background: url(/images/bg_nav_li.gif) no-repeat left 2px;

   font-size: 13px;

   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;

   padding: 10px 18px 9px;

   color: #F7F6F1;

   text-decoration: none;

}



#nav .current_contact a,

#nav .current a,

#nav li:hover a,

#nav li.sfhover a{

   color: #311801;

}



#nav .current ul ul,

#nav li ul{

   position: absolute;

   left: -999em;

   z-index: 999;

   list-style: none;

}



#nav li li,

#nav li li.current{

   float: left;

   font-size: 11px;

   background: url(/images/bg_nav_li_li.gif) no-repeat right center;

   text-indent: 0;

}



#nav li:hover li:hover,

#nav li.sfhover li.sfhover{

   background: url(/images/bg_nav_li_li.gif) no-repeat right center;

}



#nav .current_contact ul,

#nav .current ul,

#nav li:hover ul,

#nav li.sfhover ul{

   top: 32px;

   left: 6px;

   width: 500px;

   z-index:2;

   background: #DAD6CB;background: red;background: url(/images/bg_nav_li_ul.gif) no-repeat;

}



#nav li li a{

   float: left;

   width: auto !important;

   background: none !important;

   padding: 10px 12px;

   color: #635243 !important;

}



#nav li li a:hover,

#nav li li.current a{

   color: #568700;

   text-decoration: underline;

}



/* =Container-Inner

---------------------------------------------------------------------

*/



#container-inner{

   width: 764px;
position: relative;
   margin: 0 auto;

}



/* =Content-Wrap

---------------------------------------------------------------------

*/



#content-wrap{

   clear: both;

   width: 764px;

   float: left;

   margin-bottom: 15px;

}



/* =Content

---------------------------------------------------------------------

*/



#content{

   float: left;

   width: 463px;

   padding: 3px 23px 0;

}




#content h2, body#home #content h3 {
 /*  clear: left;
   margin: 0 -15px .5em;
   padding: 3px 13px;
   border: 1px solid #E5DEB6;
   border-right: 0;
   border-left: 0;
   background: #F0ECD3;
   color: #BC6101;
   font-weight: normal;*/
   /*margin-bottom: .5em;*/
   margin: 5px 0 .5em;
   padding: 9px 0;
   background: url(/images/bg_content_h3.gif) no-repeat left bottom;
   color: #3778A6;
   font-size: 1.6em;
   font-weight: normal;
}


#content h3{


   /*margin-bottom: .5em;*/

   margin: 5px 0 .5em;

   padding: 9px 0;
	text-transform: uppercase;

   color: #3778A6;

   font-size: 1.4em;

   font-weight: normal;

}


/*
body#home #content h3{

   margin: 0 0 .5em;

   padding: 0 0 .5em;

   border: 0;

   border-bottom: 1px solid #E9E3C9;

   background: none;

   color: #014E5F;

   font-size: 1.5em;

}
*/

#latest-news h3 { position:relative; }
#latest-news h3 a {
	position:absolute; top:15px; right:0; 
	background:url(/images/bg_rss_small.gif) no-repeat bottom right; 
	font-size:0.6em; padding-right:20px; 
}
#grab-feed {
	background:url(/images/bg_rss_small.gif) no-repeat bottom right; 
	font-size:0.6em; padding: 2px 20px 0 0;
}
#latest-news h4 span	{ font-size:9px; color:#666; margin-left:10px; }


#content h4{
   /*margin-bottom: .5em;*/
   color: #3C3525;
   font-size: 1.3em;  
	text-transform: capitalize;
}



#content h5{
  /* margin-bottom: .5em;*/
   color: #3778A6;
   font-size: 1.3em;
   text-transform: uppercase;
}



#content h6{

   /*margin-bottom: .5em;*/

   /*color: #68A627;*/
color: #645d4e;
   font-size: 1.1em;

   font-weight: normal;

}



#content p,

#content ul,

#content ol,

#content td{

   margin-bottom: 1em;

   color: #645D4E;

   font-size: 1.1em;

   line-height: 1.5;

}



#content p.more{

   float: right;

   font-size: 1em;

   font-weight: bold;

}



#content p.more a{

   display: block;

   padding: 5px 19px 5px 7px;

   border: 1px solid #E0DFCF;

   background: #FFF url(/images/bg_more.gif) no-repeat 90% center;

   color: #3778A6;

   text-decoration: none;

}



#content ul{

   /*margin-left: 3em;*/

}



#content ol{

   margin-left: 1.4em;

}



#content ul#byline{

   float: left;

   margin-bottom: 10px;

   font-size: 1.1em;

   list-style: none;

}



#content ul li{

   padding-left: 10px;

   background: url(/images/bg_content_ul_li.gif) no-repeat left 5px;

   list-style: none;

}



#content a{

   color: #84B22C;

   font-weight: bold;

   text-decoration: none;

}



#content a:hover{

   color: #84B22C;

   text-decoration: underline;

}


#content img { border:0; }
#content img.article{

   clear: right;

   float: right;

}



#content img#mcms_stats{

   display: none;

}



#content #home-header{

   position: relative;

   width: 492px;

   height: 174px;

   margin: 0 -23px;

   padding: 0 8px;

   background: url(/images/bg_home-header.gif) no-repeat;

}



#content #text{

   clear: both;
   position: relative;

}



#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 #DEDCD3;

   background: #FFF;

   list-style: none;

}



#content #mediabox li{

   margin-bottom: 5px;

   padding: 0;

   background: none;

   font-size: 1.1em;

   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 table.calendar{

   margin-bottom: 25px;

   padding: 6px;

   border: 1px solid #DBD6CA;

   border-right: 0;

   border-bottom: 0;

   border-collapse: collapse;

}



#content table.calendar caption{

   padding-bottom: .4em;

   color: #5B554A;

   font-size: 1.3em;

}



#content table.calendar caption span{

   color: #74A421;

}



#content table.calendar caption span img{

   vertical-align: top;

}



#content table.calendar th{

   padding: 2px 0;

   background: #D2CBBC;

   color: #FAFAFD;

   font-size: 1.2em;

   font-weight: normal;

}



#content table.calendar td{

   width: 68px;

   height: 68px;

   padding: 2px;

   border: 1px solid #DBD6CA;

   border-left: 0;

   border-top: 0;

   background: #EDEAE4;

   color: #757066;

   font-size: 1em;

   vertical-align: top;

}



#content table.calendar td.empty{

   /*background: #DBBF5B;*/

}



#content table.calendar td a{

   color: #757066;

   text-decoration: none;

}



#content table.calendar td ul{

   margin: .5em 0 0 5px;

   font-size: 1.1em;

   list-style: none;

   line-height: 1.2;

}



#content table.calendar td li{

   margin-bottom: .5em;

   padding: 0;

   background: none;

}



#content table.calendar td li a{

   color: #699B13;

}



#content table.calendar td li a:hover{

   text-decoration: underline;

}



#content #comments{

   margin-top: 20px;

}



#content #comments h4{

   float: left;

}



#content #comments p#login{

   float: right;

}



#content #comments .comment{

   clear: left;

   margin: 10px 0;

   padding: 5px;

   border: 1px solid #E5DEB6;

}



#content #comments .comment p.byline{

   margin: -5px -5px .5em;

   padding: 2px 5px;

   background: #F0ECD3;

   color: #BC6101;

   font-size: 1.1em;

}



#content #comments .comment blockquote{

   margin: 0 0 5px 25px;

   color: #1B1B1B;

   font-size: 1.2em;

   line-height: 1.5;

}



#content #comments form label{

   clear: both;

   display: block;

   margin-bottom: .25em;

   color: #BC6101;

   font-size: 1.5em;

}



#content #comments form textarea{

   width: 455px;

   margin-bottom: 10px;

   padding: 3px;

   border: 1px solid #E5DEB6;

   color: #1B1B1B;

   font-size: 11px;

   font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;

}



#content-top{

   display: inline;

   float: left;

   width: 509px;

   margin: 0 -23px 13px;

}



#content-top div#recent-sermons{

   display: inline; /* IE6 double margin float bug hack */

   float: left;

   width: 250px;

   margin-left: 8px;

}



#content-top div#recent-sermons h3{

   display: inline; /* IE6 double margin float bug hack */

   float: left;

   margin: 0 13px .5em;

   padding-bottom: .25em;

   color: #BC6101;

}



#content-top div#recent-sermons h3 span{

   float: left;

}



#content-top div#recent-sermons h3 a{

   display: block;

   float: left;

   width: 16px;

   height: 16px;

   margin: 2px 0 0 5px;

   background: url(/images/bg_ipod.gif) no-repeat;

   text-indent: -9999px;

}



#content-top div#recent-sermons h4{

   width: 187px;

   margin: 0;

   color: #000;

   font-size: 1.1em;

   font-weight: normal;

   text-transform: uppercase;

}



#content-top div#recent-sermons p{

   margin: 0;

   color: #014E5F;

}



#content-top div#recent-sermons div.sermon{

   display: inline; /* IE6 double margin float bug hack */

   position: relative;

   clear: both;

   float: left;

   width: 224px;

   margin-bottom: 2px;

   padding: 5px 13px;

   background: url(/images/bg_recent-sermons_sermon.gif) repeat-x left bottom;

}



#content-top div#recent-sermons div.sermon a{

   display: block;

   position: absolute;

   top: 11px;

   text-indent: -9999px;

}



#content-top div#recent-sermons div.sermon p.go a{

   right: 31px;

   width: 14px;

   height: 14px;

   background: url(/images/bg_go.gif) no-repeat;

}



#content-top div#recent-sermons div.sermon p.download a{

   right: 9px;

   width: 13px;

   height: 13px;

   background: url(/images/bg_download.gif) no-repeat;

}



#content-top div#recent-sermons div.sermon h4 a{

   display: inline;

   position: static;

   text-indent: 0;

}



#content-top div#podcast{

   display: inline; /* IE6 double margin float bug hack */

   float: left;

   width: 81px;

   margin-left: 16px;

   padding-top: 14px;

}



#content-top div#podcast h3{

   width: 73px;

   height: 69px;

   margin-bottom: 10px;

   padding: 0;

   border: 0;

   background: url(/images/bg_podcast_h3.gif) no-repeat;

   text-indent: -9999px;

}



#content-top div#podcast p{

   margin: 0;

   text-align: center;

}



#content-top div#podcast a{

   display: block;

   width: 75px;

   height: 18px;

   padding-top: 1px;

   background: url(/images/bg_podcast_subscribe.gif) no-repeat;

   color: #474747;

   text-decoration: none;

}



#content-top div#podcast a:hover{

   background: url(/images/bg_podcast_subscribe_hover.gif) no-repeat;

}



#content-top div#new-here{

   display: inline; /* IE6 double margin float bug hack */

   float: left;

   width: 124px;

   margin-left: 15px;

   padding: 0 6px 4px 9px;

   background: url(/images/bg_new-here.gif) no-repeat left bottom;

}



#content-top div#new-here h3{

   margin: 0 -9px .25em 0;

   padding: 0;

   border: 0;

   font-size: 1.3em;

   font-weight: bold;

}



#content-top div#new-here h3 a{

   display: block;

   width: 53px;

   height: 39px;

   padding: 30px 68px 0 0;

   background: url(/images/bg_new-here_h3.gif) no-repeat right top;

   color: #014E5F;

   text-decoration: none;

}



#content-top div#new-here h3 a:hover{

   background-image: url(/images/bg_new-here_h3_hover.gif);

}



#content-top div#new-here p{

   margin: 0;

   font-size: 1.1em;

   line-height: 1.1;

}



#content-top div#new-here p a{

   color: #014E5F;

   font-weight: bold;

   text-transform: uppercase;

   text-decoration: none;

}



#content ul#options{

   float: left;

   width: 350px;

   margin: 0 0 15px;

}



#content ul#options li{

   float: left;

   margin: 0 10px 0 0;

   padding: 0 10px 0 0;

   border-right: 1px solid #E5DEB6;

   background: none;

   list-style: none;

   line-height: 1;

}



#content .message,

#content .blogpost{

   clear: both;

   padding: 10px 0;

   border-top: 3px solid #E5DEB6;

}



#content .message h4{

   text-transform: none;

   font-style: italic;

}



#content .message blockquote{

   margin: 10px 10px 10px 30px;

   padding: 10px;

   border-left: 1px solid #CAB4A3;

   font-size: 100%;

}



#content .message p{

   clear: left;

   margin-bottom: 0;

   font-size: 85%;

   text-align: right;

}



#content .message div{

   float: left;

}



#content .message div.message-text{

   width: 254px;

}



#content .message img{

   display: block;

   float: left;

   margin: 0 10px 5px 0;

}



#content .message.New{

   background: #F0ECD3;

}



/* =Sidebar

---------------------------------------------------------------------

*/



#sidebar { 
	position: relative;
   	display: inline; /* IE6 double margin float bug hack */
   	float: right;
   	width: 243px;
   	margin: -17px 3px 1em;
   	background: url(/images/bg_sidebar.gif) no-repeat;
}
#sidebar h3 { color: #3778A6; font-size: 1.5em; font-weight: normal; }
#sidebar img { display: block; border: 0; }
#sidebar #photo-gallery img { float: left; margin: 0 2px 4px 0; padding: 2px; border: 1px solid #D8D5B8; background: #FFF; }
#sidebar #photo-gallery a:hover img { border: 1px solid #24638F; }
#sidebar #upcoming-events,
#sidebar #blog-sidebar{
   float: left;
   margin-bottom: 4px;
   padding-bottom: 15px;
   background: url(/images/bg_upcoming-events.gif) no-repeat 2px bottom;
}

#sidebar #upcoming-events h3,
#sidebar #blog-sidebar h3{
   width: 203px;
   height: 27px;
   margin: 0 ;
   padding: 12px 0 0 16px;
   background: url(/images/bg_h3_upcoming-events.gif) no-repeat;
}

#sidebar #upcoming-events h3{
   width: 229px;
}

#sidebar #blog-sidebar h3{
   background: none;
}

#sidebar #upcoming-events h3 span{
   float: left;
   text-indent: -9999px;
}

#sidebar #upcoming-events h3 a{
   display: block;
   width: 40px;
   height: 18px;
   margin: 3px 0 0 140px;
   background: url(/images/bg_calendar.gif) no-repeat;
   text-indent: -9999px;
}



#sidebar #upcoming-events .event{

   /*float: left;*/

   width: 199px;

   margin: 0 auto;

   padding: 8px 10px;
   border-bottom: 1px solid #DFDCD3;

}



#sidebar #upcoming-events .event:hover{

   background: #FFF;

}



#sidebar #upcoming-events .event h4{

   margin-bottom: .5em;

   color: #491F00;

   font-size: 1.1em;

   text-transform: uppercase;

}



#sidebar #upcoming-events .event p{

/*   float: left; */  
 	color: #342D20;
   font-size: 1.1em;

}



#sidebar #upcoming-events .event a{  padding-right: 20px; background: url(/images/bg_event_a.gif) no-repeat right center; color: #342D20;   text-decoration: none;
}
#sidebar #upcoming-events .event a:hover{   text-decoration: underline;}
#sidebar #sidebar-lower{
   display: inline; /* IE6 double margin float bug hack */
   clear: left;
   float: left;
   width: 239px;
   margin-left: 2px;
	 background:url(/images/sidebar_lower_bg.gif) repeat-y;
}
#sidebar #sidebar-lower p {	color:#342D20; font-size:85%; line-height:1.2; margin-bottom:0.5em; }
#sidebar #sidebar-lower-top { background:url(/images/sidebar_lower_top.jpg) no-repeat; width:239px; height:35px; margin-bottom:-35px; padding:0; }
#sidebar #sidebar-lower-btm { background:url(/images/sidebar_lower_btm.gif) no-repeat; 	height:35px; width:239px; margin:0; padding:0;}
#sidebar #sidebar-lower h3{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 210px;
   margin: 18px 0 9px;
}
#sidebar #sidebar-lower h3 span{ float: left; }
#sidebar #sidebar-lower h3 a{
   display: block;
   /*float: left;*/
   width: 14px; height: 14px; margin: 2px 0 0 7px; background: url(/images/bg_rss.gif) no-repeat; text-indent: -9999px;
}
#sidebar #sidebar-lower h4{ clear: left; margin-bottom: .5em; color: #6E6D64; font-size: .9em; font-weight: normal;}
#sidebar #sidebar-lower h4 strong{ color: #252525; font-size: 1.33em; }
#sidebar #sidebar-lower p{ clear:left; margin-bottom: .5em; color: #252525; font-size: 1.1em; line-height: 1.2; }
#sidebar #sidebar-lower strong { color: #5C6565; }
#sidebar #sidebar-lower a { color: #84B22C; font-weight: bold; text-decoration: none; }
#sidebar #sidebar-lower a:hover{   text-decoration: underline; }
#sidebar #sidebar-lower #vineyard-podcast { padding: 10px 6px; }
#sidebar #sidebar-lower #new-to-vineyard { padding: 0 72px 10px 15px; background: url(/images/bg_sidebar_h3_new-to-vineyard.gif) no-repeat 4px top; }
#sidebar #sidebar-lower #new-to-vineyard h3 { width: 232px; margin: 0 -68px 1.25em -11px; background: url(/images/bg_sidebar_h3_new-to-vineyard.gif) no-repeat; text-indent: -9999px; }
#sidebar #sidebar-lower #new-to-vineyard a {  text-transform: uppercase;}
#sidebar #sidebar-lower #recent-article {   padding: 0 16px 16px; /*background: url(/images/bg_sidebar_recent-article.gif) no-repeat left bottom;*/}
#sidebar #sidebar-lower #recent-article h3 { width: 231px; height: 30px; margin: 0 -12px .75em; background: url(/images/bg_sidebar_h3_recent-article.gif) no-repeat;}
#sidebar #sidebar-lower #recent-article h3 span{ text-indent: -9999px; }
#sidebar #sidebar-lower #recent-article h3 a{ margin: 9px 0 0 125px; }
#sidebar #search{ padding: 0 12px 16px; }
fieldset{
   display: inline;
   border: 0;
}
#sidebar #sidebar-lower #search h3 {
	background:url(/images/bg_h3_sidebar_search.gif) no-repeat; margin:0 -8px .75em;  width:231px; height:29px; text-indent:-9999px; 
}
#sidebar #sidebar-lower #search input#search_term { float:left; background:#fff; border:1px solid #E8E6D2; font-size:1.4em; padding:4px; width:135px; }
#sidebar #sidebar-lower #search fieldset { width:100%;  }
#sidebar #sidebar-lower #search_go { float:right; display:block; background:url(/images/search_btn.gif) no-repeat; margin-top:2px; width:54px; height:22px; text-indent:-9999px; border:0; }
#sidebar #sidebar-lower #photo-gallery { padding:0 12px 16px }
#sidebar #sidebar-lower #photo-gallery h3 { 
	background: url(/images/bg_sidebar_h3_photo-gallery.gif) no-repeat; 
	margin: 0 -8px .75em; width: 231px; height: 30px; text-indent:-9999px;
}



/* =Footer

---------------------------------------------------------------------

*/



#footer{

   clear: both;

   background: #352F21 url(/images/bg_footer.gif) repeat-x;

}



#footer-inner{

   width: 764px;

   margin: 0 auto;

   padding: 20px 0px;

   color: #000000;

position: relative;

}



#footer-inner p{

   clear: left;


   margin: 0 0 .5em 35px;

   color: #DACFBA;

   font-size: 1.1em;

}



#footer-inner p.powered{

   clear: none;

   float: right;

   margin-bottom: 35px;

}



#footer-inner a{

   color: #F7F6F1;

   text-decoration: none;

}



#footer-inner a:hover{

   text-decoration: underline;

}



#footer-inner img{

   margin: 0 5px 35px;

   padding: 5px;

   border: 0;

   background: url(/images/bg_footer_img.gif) no-repeat;

}



#footer-inner a:hover img{

   border-color: #948E6C;

}



#footer-inner .clear{

   clear: both;

}

table.fsSection{
   font-size: .8em;
}

#fb-icon {
	background: url(../images/fb-icon.png);
	display: block;
	text-indent: -9999px;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 55px;
	left: 710px;
	z-index: 6;
	opacity: .75;
}

#fb-icon:hover {
	opacity: 1;
}

#zoom_content h3 {
	display: none !important;
}

.popup h4 {
	font-size: 16px !important;
}

.popup p {
	font-size: 12px !important;
	margin-bottom: 10px !important;
}