/*
Theme Name: DVine
Theme URI: http://www.pathosethos.com
Description: The default theme for the website of The Vine Church in California, USA.
Version: 1.1
Author: Pathos Ethos
Author URI: http://www.pathosethos.com/
Tags: pathos ethos, wood, dark, texture, textured, church, vine

	DVine 1.1
	http://www.pathosethos.com

	This theme was designed by Dan Auer, creative
	director of Pathos Ethos. http://www.pathosethos.com

*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font: 13px/18px "Helvetica", Arial, sans-serif;
	color: #444444;
	outline: none;
	}
	
body { background: #3B3B39 url(images/BGshadow.png) repeat-x center top; text-align: center; }
.format { width: 960px; margin: 0 auto; text-align: left; }


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TYPOGRAPHY |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

h1 { font: 37px/39px "Helvetica", Arial, sans-serif; margin: 0 0 24px 0; }
h2 { font: 24px/27px "Helvetica", Arial, sans-serif; font-weight: bold; margin: 0 0 15px 0; color: #222222; }
	h2 em { font: 24px/27px "Helvetica", Arial, sans-serif; font-weight: bold; margin: 0 0 15px 0; color: #222222; }
	h2 a { font: 24px/27px "Helvetica", Arial, sans-serif; font-weight: bold; margin: 0 0 15px 0; color: #222222; }
h3 { font: 15px/18px "Helvetica", Arial, sans-serif; font-weight: bold; margin: 0 0 13px 0; color: #222222; }
	h3 em { font: 15px/18px "Helvetica", Arial, sans-serif; font-weight: bold; margin: 0 0 13px 0; color: #222222; }
	h3 a { font: 15px/18px "Helvetica", Arial, sans-serif; font-weight: bold; margin: 0 0 13px 0; color: #222222; }
p { margin: 0 0 13px 0; }
	p em { font: 13px/18px "Helvetica", Arial, sans-serif; font-weight: bold; color: #222222; }

.greentext { color: #6d7e4e; }
.bluetext { color: #42677E; }
.orangetext { color: #b2661f; }
.redtext { color: #b23532; }
.whitetext { color: #EAEAEA; }

a { text-decoration: underline; }

ul, ol { padding: 0 0 21px 0; }
	ul li em, ol li em { font: 13px/18px "Helvetica", Arial, sans-serif; font-weight: bold; color: #222222; }

.hidden { line-height: 0; display: none; visibility: hidden; }
.centered { text-align: center; margin: 0; }


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| MENU |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.menu { width: 100%; height: 125px; position: absolute; top: 0; left: 0; background: transparent url(images/header.gif) repeat-x center top; }
.logo { width: 162px; height: 121px; position: absolute; margin: 0 0 0 42px; background: transparent url(images/logo.png) no-repeat center top; }
	.logo h1 a { width: 154px; height: 102px; margin: 0 0 0 4px; display: inline; float: left; text-indent: -9000px; }
.headerfade { width: 100%; height: 11px; position: absolute; top: 114px; left: 0; background: transparent url(images/header-fade.png) repeat-x center top; z-index: -1; }

.menuItemsContainer { width: auto; position: absolute; margin: 35px 0 0 460px; }
.menuItemsSides { width: 3px; height: 32px; position: absolute; }
	.menuItemsSides#left { background: transparent url(images/menuLeft.png) no-repeat center top; }
	.menuItemsSides#right { background: transparent url(images/menuRight.png) no-repeat center top; right: 0; }
	
.menuItems { width: auto; height: 45px; display: block; background: transparent url(images/menuItemsBG.png) repeat-x center top; list-style: none; }
	.menuItems li { height: 45px; display: inline; float: left; margin: 0 20px; }
		.menuItems li a { height: 25px; display: inline; float: left; background-color: transparent; background-position: 0px 4px; background-repeat: no-repeat; text-indent: -9000px; }
		.menuItems li:hover { background: transparent url(images/menu-selected.png) no-repeat center 23px; }
		
		.menuItems li.media { width: 47px; }
		.menuItems li.belong { width: 56px; }
		.menuItems li.ministry { width: 126px; }
		.menuItems li.about { width: 74px; }
		
		.menuItems li.media a { width: 47px; background-image: url(images/menu-media.png); }
		.menuItems li.belong a { width: 56px; background-image: url(images/menu-belong.png); }
		.menuItems li.ministry a { width:126px; background-image: url(images/menu-ministry.png); }
		.menuItems li.about a { width: 74px; background-image: url(images/menu-about.png); }
		
		#activemenuitem { background: transparent url(images/menu-selected.png) no-repeat center 23px; }


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| HOMEPAGE |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.homepageSlideshow { width: 100%; height: 350px; padding: 150px 0 10px 0; }
.slideshowFormat { width: 960px; height: 350px; background: #212120; margin: 0 auto; }
	.slideshowFormat img { position: absolute; left: 0; }
.slideshowGraphic { width: 960px; height: 350px; position: absolute; background: transparent url(images/slideshowGraphic.png) no-repeat 1px 0px; }
.changeslide { width: 132px; height: 35px; background-color: #221E1B; background-repeat: no-repeat; background-position: center top; position: absolute; z-index: 2; }
	.changeslide#previousSlide { margin: 315px 0 0 0; background-image: url(images/previousSlide.png); }
	.changeslide#nextSlide { margin: 315px 0 0 828px; background-image: url(images/nextSlide.png); }
	.changeslide:hover { background-color: #111111; }
	.changeslide a { width: 132px; height: 35px; display: inline; float: left; text-indent: -9000px; }
	
.transparentCaptionFormat { width: 960px; height: 35px; position: absolute; margin: 315px 0 0 0; background: #000000; filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
	

.homepageSubcontent { width: 100%; height: 225px; background: transparent url(images/homepageSubBG.gif) repeat-x center top; }
.format#homepageSubcontent { height: 225px; text-align: center; background: transparent url(images/subcontentShadow.png) no-repeat center top; }
.subcontent { width: 890px; height: 209px; display: block; padding: 8px 30px 0 40px; }
	.subcontent li { height: 209px; display: inline; float: left; }
		.subcontent li a { height: 209px; display: inline; float: left; text-indent: -9000px; line-height: 0; }
		
	.subcontent li.serviceTimes, .subcontent li.serviceTimes a { width: 421px; background: transparent url(images/serviceTimes.gif) no-repeat top right; }
	.subcontent li.listenSermon, .subcontent li.listenSermon a { width: 229px; background: transparent url(images/listenSermon.gif) no-repeat top right; }
	.subcontent li.newHere, .subcontent li.newHere a { width: 237px; background: transparent url(images/newHere.gif) no-repeat top right; }
	
	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| INNER PAGE |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


.titlebar { width: 100%; height: 100px; padding: 140px 0 0 0; background: transparent url(images/titleBG.gif) repeat-x left bottom; }
	.titlebar .format h1 { text-transform: uppercase; padding: 32px 0 0 46px; height: 68px; background: url(images/header-flourishes.png) no-repeat left top; }
	.titlebar .format h1 em { font: 37px/39px "Helvetica", Arial, sans-serif; text-transform: uppercase; }
	
.sidebar { width: 218px; margin: 24px 0 0 0; padding: 0 6px; float: left; display: inline; background: transparent url(images/subTitle-shadow.png) no-repeat center top; }

.sidebarcontents { width: 218px; margin: 6px 0 0 0; padding: 55px 0 0 0; float: left; display: inline; }
	.sidebarcontents#aboutusheader { background: #EAEAEA url(images/subTitle-about.png) no-repeat center top; }
	.sidebarcontents#belongheader { background: #EAEAEA url(images/subTitle-belong.png) no-repeat center top; }
	.sidebarcontents#mediaheader { background: #EAEAEA url(images/subTitle-media.png) no-repeat center top; }
	.sidebarcontents#ministryheader { background: #EAEAEA url(images/subTitle-ministry.png) no-repeat center top; }

	.pagenav h2 { display: none; visibility: hidden; }
	.sidebarcontents ul { width: 186px; list-style: none; margin: 0 6px;  padding: 0px 10px 10px 10px; background: #EAEAEA; }
		.sidebarcontents ul li a { font: 16px/19px "Helvetica", Arial, sans-serif; text-decoration: none; color: #666666; }
		ul li.current_page_item a { color: #333333; font-weight: bold; }
		ul li.current_page_item ul li a { color: #666666; font-weight: normal; }
		
		.sidebarcontents ul li ul { width: 166px; margin: 0; padding: 0 0 10px 10px; }
		.sidebarcontents ul li ul li ul { width:  }
		

.innerpage { width: 100%; height: auto; margin: 0 0 25px 0; display: inline; float: left; }
.innerpagecontent { width: 546px; margin: 30px 46px 0 46px; padding: 46px; background: #EAEAEA; display: inline; float: left; }


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| FOOTER |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.footer { width: 100%; padding: 25px 0 25px 0; display: block;}
	.footer p, .footer a { color: #958571; text-decoration: none; }
	.footer a:hover { text-decoration: underline; }