/*
	Title: Syracuse Vineyard
	By: Ben Stewart
	
	Colors:
	#edece6	light tan
	#e6ddbc	alt light tan
	#bab7ab	medium tan
	#6e6c65	medium grey
	#fff	white
	#171515	extra dark grey/maroon
	#300	dark maroon
	#600	maroon
	#806060	medium pink
	#b38686	light pink
	#f4c713	yellow
	
*/

@import url("reset.css");
/*
div#main {background:transparent url('../img/_grid.png') 50% 50% repeat-y;}
*/

/*
** basics
*/
	html {height:100%;border-top:1px solid #600;z-index:1;}
	body {margin:0;padding:0;background:#edece6 url('../img/sub-body-bg.jpg') 50% 0 repeat-x;color:#171515;text-align:center;}
	
	/* headings */
	
	/* links */
	a:link, a:visited {color:#600;text-decoration:none;border-bottom:1px solid #e6ddbc;}
	a:hover, a:active {color:#300;text-decoration:none;border-bottom:1px solid #300;outline:0;}
	a[rel="external"] {padding-right:15px;background-image:url('../img/external-link.png');background-position:99% 40%;background-repeat:no-repeat;}
	
	/* forms */
	form ul {list-style-type:none;margin:0 0 1.5em;padding:0;}
	form li {margin-bottom:1.5em;}
	label {display:block;}
		label span {font-weight:normal;color:#6e6c65;font-size:0.833em;line-height:1.8;}
	input.text, input.title, textarea, select {background-color:#edece6;color:#6e6c65;border-color:#6e6c65;}
		input.text:focus, input.title:focus, textarea:focus, select:focus {background-color:#fff;color:#171515;border-color:#171515;}
	
	/* misc */
	address {margin:1.5em 0;}
	dt {}
	dd {margin-bottom:1.5em;}
	ul li {margin-bottom:1.5em;}
	p img {float:right;margin:0 0 18px 17px;}
	
	/* classes */
	p.error {padding:8px 0.75em;margin-bottom:1.5em;border:1px solid #300;background:#f4c713;color:#600;}
	.frame {position:relative;}
	.frame span {position:absolute;top:0;left:0;display:block;}
	.float-center {margin:0 0 1.5em;clear:both;text-align:center;}
	.float-right {float:right;margin:0 0 1.5em 10px;}
	.float-left {float:left;margin:0 10px 1.5em 0;}
		.float-right img, .float-left img, .float-center img {padding:2px;border:1px solid #6e6c65;background-color:#fff;}
	.hide, .hidden {display:none;}
	#sb-content.html {background-color:#fff;color:#000;padding:0 10px;}
	#sb-content.html p, #sb-content.html ul, #sb-content.html ol {margin-top:9px;margin-bottom:9px;}
	
/*
** layout
*/
	div#main {margin:0 auto;width:977px;text-align:left;overflow:visible;z-index:1;}

	div#header {position:relative;height:108px;z-index:3;}
		div#header h1 {width:426px;height:72px;position:absolute;top:0;left:0;}
			div#header h1 a {width:426px;height:72px;display:block;text-indent:-999em;overflow:hidden;border:none;background:transparent url('../img/sub-logo.png') 17px 0 no-repeat;}
		ul#primary-nav {position:absolute;bottom:2px;right:0;height:34px;list-style-type:none;padding:0;margin:0;text-align:right;text-transform:uppercase;overflow:visible;}
			ul#primary-nav li {display:inline;margin:0 0 0 5px;padding:0;float:left;}
			ul#primary-nav li.active {height:36px;}
				ul#primary-nav li a {margin:0;padding:9px 10px;border:none;display:block;}
				ul#primary-nav li a:link, ul#primary-nav li a:visited {color:#edece6;background:transparent url('../img/primary-nav.png') 0 0 repeat-x;}
				ul#primary-nav li a:hover, ul#primary-nav li a:active {color:#f4c713;background:transparent url('../img/primary-nav.png') 0 -36px repeat-x;}
				ul#primary-nav li.active a:link, ul#primary-nav li.active a:visited {color:#300;background:#edece6 url('../img/primary-nav.png') 0 -108px repeat-x;}
				ul#primary-nav li.nav-new-here a:link, ul#primary-nav li.nav-new-here a:visited {color:#171515;background:transparent url('../img/primary-nav.png') 0 -72px repeat-x;}
				ul#primary-nav li.nav-new-here a:hover, ul#primary-nav li.nav-new-here a:active {color:#fff;background:transparent url('../img/primary-nav.png') 0 -72px repeat-x;}
			ul#primary-nav li ul {}
			ul#primary-nav li ul li {margin:0;text-align:left;border:1px solid #300;border-top:0;}
			ul#primary-nav li.active ul li {height:34px;}
			ul#primary-nav li.active ul li a:link, ul#primary-nav li.active ul li a:visited,
			ul#primary-nav li.nav-new-here ul li a:link, ul#primary-nav li.nav-new-here ul li a:visited,
			ul#primary-nav li ul li a:link, ul#primary-nav li ul li a:visited {background:none;background-color:#6e6c65;color:#edece6;opacity:0.9;filter:alpha(opacity=90);}
			ul#primary-nav li.active ul li a:hover, ul#primary-nav li.active ul li a:active,
			ul#primary-nav li.nav-new-here ul li a:hover, ul#primary-nav li.nav-new-here ul li a:active,
			ul#primary-nav li ul li a:hover, ul#primary-nav li ul li a:active {background:none;background-color:#300;color:#f4c713;opacity:1.0;filter:alpha(opacity=100);}
		p#service-info-link {margin:0;padding:0;position:absolute;bottom:2px;left:17px;font-size:0.833em;line-height:1;}
			p#service-info-link a:link, p#service-info-link a:visited {border:none;color:#bab7ab;background-color:transparent;display:block;padding:13px 10px 11px;}
			p#service-info-link a:hover, p#service-info-link a:active {border:none;color:#f4c713;background-color:transparent;}
		
	div#content {padding:1.5em 0 1.5em 17px;z-index:2;}
		div.top-pic {margin-bottom:1.5em;}
			div.top-pic span {width:943px;height:234px;background:transparent url('../img/top-pic-bg.png') 0 0 no-repeat;}
		div.content-pic {margin-bottom:1.5em;}
			div.content-pic span {width:700px;height:180px;background:transparent url('../img/content-pic-bg.png') 0 0 no-repeat;}
		
	div#primary-content {float:left;}
		div.double div#primary-content {padding:0 10px;width:700px;float:right;}
		h2.pagetitle {display:none;}
	
	div#secondary-content {float:left;width:223px;margin-right:17px;}
		div#secondary-content h3 {padding:3px 10px 7px 10px;margin:0;font-size:2em;line-height:1;font-weight:bold;color:#edece6;background-color:#6e6c65;}
		div#secondary-content p, div#secondary-content ul, div#secondary-content ol, div#secondary-content dl, div#secondary-content address {padding-right:10px;padding-left:10px;}
		div#secondary-content ul.subnav {list-style-type:none;padding:0;margin:0 0 1.5em;}
			ul.subnav li {padding:0;margin:0;font-size:14px;line-height:14px;}
			ul.subnav li a {padding:11px 10px;font-size:14px;line-height:14px;font-weight:bold;border:none;display:block;}
			ul.subnav li a:link, ul.subnav li a:visited {}
			ul.subnav li a:hover, ul.subnav li a:active {border:none;background-color:#e6ddbc;}
			ul.subnav li.active a:link, ul.subnav li.active a:visited {color:#edece6;background-color:#600;}
			ul.subnav li a[rel="external"] {padding-right:25px;background-image:url('../img/external-link.png');background-position:95% 40%;background-repeat:no-repeat;}
		
	div#footer {margin:0 auto;padding:1.8em 27px;clear:both;font-size:0.833em;line-height:1.8;color:#6e6c65;}
	
/*
** pages
*/
	/* home */
	body.home {background-position:50% -72px;}
	body.home div#header {height:116px;}
	body.home div#header h1 {width:419px;height:90px;top:36px;}
		body.home div#header h1 a {width:419px;height:90px;background:transparent url('../img/logo.png') 17px 0 no-repeat;cursor:default;}
	body.home ul#primary-nav {bottom:auto;top:0;}
	div#big-feature {float:left;width:623px;margin-right:17px;position:relative;}
		div#big-feature a {border:none;display:block;}
		div#big-feature a span {width:623px;height:342px;background:transparent url('../img/feature-big-bg.png') 0 0 no-repeat;}
	div#small-features {float:left;width:320px;}
		div#small-features ul {padding:0;margin:0;list-style-type:none;overflow:hidden;}
		div#small-features ul li {margin:0 17px 1.5em 0;padding:0;float:left;height:162px;overflow:hidden;position:relative;}
		div#small-features li a {border:none;display:block;}
		div#small-features a span {width:143px;height:162px;background:transparent url('../img/feature-small-bg.png') 0 0 no-repeat;}
	div#announcement-box {clear:both;margin:0 17px 0 0;padding:10px;background-color:#e6ddbc;border:3px solid #bab7ab;text-align:center;}
		div#announcement-box h3, div#announcement-box h4 {margin:0;color:#600;}
		div#announcement-box p {margin:9px 0;}
	
	/* when & where */
	body.when-where div#primary-content {width:943px;}
	div.campus-info {float:left;width:450px;margin-right:20px;}
	
	/* about us */
	
	/* staff */
	ul#staff-list {list-style-type:none;margin:0;padding:0;}
		ul#staff-list li {margin:0 0 3em;padding:0;}
		ul#staff-list dl {}
		ul#staff-list dt {margin:0;clear:both;position:relative;}
			ul#staff-list dt span.staff-pic {float:left;margin:0 10px 3em 0;}
				ul#staff-list dt span.staff-pic span {width:160px;height:90px;background:transparent url('../img/staff-pic-bg.png') 0 0 no-repeat;}
			ul#staff-list dt span.email {font-size:0.833em;line-height:1.8;font-weight:normal;position:absolute;right:0;top:2px;}
			ul#staff-list dt span.email a:link, ul#staff-list dt span.email a:visited {color:#6e6c65;}
			ul#staff-list dt span.email a:hover, ul#staff-list dt span.email a:active {color:#600;}
		ul#staff-list dd.staff-title {margin:0 0 1.5em;font-style:italic;color:#6e6c65;}
		ul#staff-list dd {margin:0 0 1.5em 170px;}
			ul#staff-list dd.staff-desc {}
	
	/* new here */
	div#welcome-video {padding:3px;width:480px;height:324px;overflow:hidden;background-color:#fff;border:1px solid #6e6c65;}
	
	/* kids */
	img#camp-ridge-top {float:right;margin:0 0 18px 10px;}
	div#kids-ministries h4 {clear:both;margin:0;line-height:2.5;}
		div#kids-ministries h4 img {float:left;margin:9px 10px 23px 0;}
	div#kids-ministries p {margin:0 0 3em 161px;}
	
	/* sermons */
	div#current-series h4 {margin:1.25em 0 0;line-height:2.5;text-align:center;background-color:#300;color:#edece6;}
	
	/* jobs */
	body.jobs div#primary-content {padding:0 10px;}
	body.jobs ul li {margin-bottom:0;}
	body.jobs div.job-posting {border-top:1px solid #bab7ab;padding-top:18px;}
	
	/* help */
	div.help-info {width:430px;min-height:288px;padding:18px 10px;margin-right:20px;float:left;background-color:#e6ddbc;}
		div.help-info img {padding:2px;border:1px solid #6e6c65;background-color:#fff;margin:0 auto 1.5em;display:block;}
	div.help-video {width:480px;float:left;}