/* @group Browser Reset (Defaults) */
/* Eric Meyer CSS Reset - v1.2 - May 4, 2007
   Don't forget to set a foreground and background colour on the 'html' or 'body' element! */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; outline: 0; vertical-align: baseline;}

/* remember to define focus styles! */
:focus {outline: 0;}

body {background: white; color: black; line-height: 1;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* @end */

html {
  font-size: 62.5%; /* Reset type to equivalent of 10px*/
}

body {
  background: #f8f7ed url(/-/img/bkgd.png) 0 0 repeat;
  /*background: #fff url(/-/img/grid.jpg) 50% 0 repeat-y;*/
  color: #333;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 1.4em; /* Set default type size to equivalent of 14px */
  line-height: 1.5; /* Set default line-height to equivalent of 21px 21/14 = 1.5 */
}

/* @group Typography */
	p, ul, ol, dl, blockquote, table, form, textarea {margin: 0 0 1.5em 0;}

	li {background: transparent url(/-/img/list_bullet.gif) 0 4px no-repeat; padding-left: 1.25em;}

	dt {font-weight: bold;}
	dt em {font-weight: normal;}
	dd {margin-bottom: 1.5em;}

	img {border: none;}

	em {font-style: italic;}
	strong {font-weight: bold;}
	noscript p {margin: 0;}

	h1 {
	  color: #dad58a;
	  font-size: 2.57142857em; /* font-size: 2.5714 x 14 = 36 */
	  line-height: 1.62222222; /* 58/36 + 5px for borders = 63 */
	  text-transform: uppercase;
	}

	#header {
	  border-top: 0.12em solid #6b682e;
	  border-bottom: 0.03em solid #6b682e;
	}

	#header a {
	  background: transparent url(/-/img/title.png) 50% 0 no-repeat;
	  display: block;
	  position: relative;
	  text-indent: -9999em;
	}

	#header a:link, #header a:visited {background-position: 50% 0;}
	#header a:hover, #header a:active {background-position: 50% -58px;}

	h2 {
	  color: #dad58a;
	  font-size: 2.14285714em; /* 30/14 */
	  letter-spacing: 1px;
	  line-height: 1.42857143;  /* 42px = 30/21 */
	  margin-bottom:  0.7em; /* 21px = 21/30 */
	  text-transform: uppercase;
	  word-spacing: 2px;
	}

	#index h2 {
	  color: #6b682e;
	  font-size: 4em; /* 4x14 = 56 */
	  height: 63px; /* TODO: figure this out */
	  letter-spacing: -1px;
	  margin-top: 0.375em; /* 21/56 */
	  margin-bottom: 0;
	  letter-spacing: 0;
	  line-height: 1.125;
	  text-transform: none;
	  word-spacing: 0;
	}

	h3 {
	  color: #97956c;
	  font-size: 1.28571429em; /* 18/14 */
	  line-height: 1.16777777;  /* 21/18 */
	}

	#index h3 {
	  background: transparent url(/-/img/divider_flourish.png) 50% 21px no-repeat;
	  padding-bottom: 2.3355554em;
	}

	h4 {
	  color: #6b682e;
	  font-size: 1em;
	  letter-spacing: 1px;
	  line-height: 1.5;
	  text-transform: uppercase;
	}
	
	h5, h6 {
	  font-weight: bold;
	  line-height: 1.5;
	}
	
	legend {
	  color: #6b682e;
	  font-size: 0.85714286em; /* 12/14 */
	  font-weight: bold;
	  letter-spacing: 1px;
	  line-height: 1.75; /* 21/12 */
	  text-transform: uppercase;
	  word-spacing: 2px;
	}

	.amp {
	  font-family: Palatino, Georgia, Times, "Times New Roman", serif;
	  font-style: italic;
	}
	
	.lc {text-transform: none;}
	.date, .note {color: #727272;}
	.note {
	  font-size: 0.85714286em; /* 12/14 */
	  font-style: italic;
	}

	p.note {line-height: 1.75; margin-bottom: 1.75em;} /* 21/12 */

	.type,
	.date, 
	#copyright {
	  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	  font-size: 0.78571429em; /* 11/14 */
	}

	.date {font-weight: bold; text-transform: uppercase;}

	.type {
	  color: #333;
	  font-weight: bold;
	  text-transform: uppercase;
	}
/* @end */

/* @group Forms */
	#contact-form {margin-bottom: 0;}

	label {
	  display: -moz-inline-box;
	  display: inline-block;
	  font-weight: bold;
	  margin-right: 1.78571429em; /* see .gutter */
	  text-align: right;
	  vertical-align: top;
	  width: 9.5em; /* 133 - 133/14 */
	}

	input[type="text"], textarea {
	  border: 1px solid #ddd;
	  font-size: 0.92857143em; /* 13/14 */
	  margin: 0 0 0 -2px;
	  padding: 1px;
	  width: 22.0769231em; /* 287 = 287/13 */
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	}

	input[type="text"] {}

	textarea {
	  height: 14.2307692em; /* 185 = 185/13 */
	  vertical-align: top;
	}

	.reqd {color: #d67719;}
	.field {margin-bottom: 1.5em;}
	.options {margin-left: 11.28571429em;} /* label width + .gutter */
	.buttons {
	  height: 42px;
	  margin-bottom: 0;
	}
/* @end */


/* @group Links */
	a {text-decoration: none;}
	a:link, a:visited {color: #d67719;}
	a:hover {color: #727272;}
	a:active {color: #6b682e;}

	a:link em, a:visited em, a:active em {display: none;}
	a:hover em {
	  color: #a3a3a3;
	  display: inline;
	  font-size: 80%;
	}

	.more {
	  font-size: 0.78571429em; /* 11/14 */
	  letter-spacing: 1px;
	  text-transform: uppercase;
	  word-spacing: 1px;
	}
	
	a.info {font-size: 0.78571429em;} /* 11/14 */
	a.info:link, a.info:visited {color: #a3a3a3;}
	a.info:hover, a.info:active {color: #727272;}

	#skip a:link, #skip a:visited {color: #fff;}
	#skip a:hover, #skip a:active {color: #dad58a;}
/* @end */

/* @group Structure */
	#skip {
	  background: #6b682e;
	  color: #fff;
	  margin-top: -1.5em;
	  text-align: center;
	}
	
	#skip a {display:block;}

	#header {text-align: center;}
	
	.section {
	  margin: 0 auto;
	  overflow: hidden;
	}
	
	.section, #nav ul {width: 69.5em;}

	.aside {
	  float: left;
	  margin-right: 1.78571429em; /* See: .gutter */
	  width: 9.5em; /* 133/14 */
	}

	.aside-no-gutter {
	  float: left;
	  width: 9.5em; /* 133/14 */
	}

	.gutter {margin-right: 1.78571429em;}
	.inset {margin-left: 1.78571429em;}	

	.group {clear: both; overflow: hidden;}

	#content-wrapper {
	  background: #fff;
	  overflow: hidden;
	}

	#page,  
	#individual {margin-bottom: 1.5em;}

	#page-content {
	  margin-right: 1.78571429em; /* See: .gutter */
	  margin-left: 1.78571429em; /* See: .gutter */
	  width: 43.3571429em; /* 607px = 607/14 */
	}

	#secondary {
	  padding-top: 1.5em;
	  width: 20.7857143em; /* 291px = 291/14 */
	}

	#page-content, #secondary {float: left;}

	/* @group Homepage */
		#index #content-wrapper {text-align: center;}

		#community-activities, 
		#photos {
		  overflow: hidden;
		  text-align: left;
		}
		
		#worship-summary, 
		#community-summary, 
		#index #service-summary {float: left;}

		#worship-summary {
		  margin-left: 1.78571429em; /* See .gutter */
		  width: 26.4285714em;
		}
		
		#community-summary {width: 20.7857143em;}
		
		#index #service-summary {width: 15.1428571em;}
		#service-summary .entry-body h5+p {margin-bottom: 0;}

		/* @group Banner Photo */
		  #banner {
			display: block;
			margin: 0 auto;
			text-align: center;
		  }		
		/* @end */

		/* @group Recent Photos */
			#photos {
			  background: #fff url(/-/img/divider_flourish.png) 50% 0 no-repeat;
			  clear: both;
			  overflow: hidden;
			  padding-top: 3em;
			  padding-bottom: 1.5em;
			}

			#recent-photos {float: left;}
			#recent-photos img {
			  background: #eee;
			  border: 1px solid #e6e3b1;
			  float: left;
			  margin-right: 1.78571429em; /* See: .gutter */
			}
		/* @end */

	/* @group Contact */
		#secondary .postal-code {display: block;}
		#office-hours li {color: #727272;}
	/* @end */

	#page.section,
	#photo-galleries #individual.section {background: transparent url(/-/img/divider.gif) 50% 0 repeat-y;}
	
	#monthly.section, 
	#category.section {margin-bottom: 1.5em;}

	#page.section, 
	#individual.section, 
	#monthly.section, 
	#category.section, 
	#community #main-index.section {background: transparent url(/-/img/divider_secondary_split.gif) 50% 0 repeat-y;}
	/* @end */

	/* @group About */
		#about #page.section {background: transparent url(/-/img/divider_secondary_wide.gif) 50% 0 repeat-y;}
		#about #page-content {width: 32.0714286em;} /* 449/14 */
		#about #secondary {width: 32.0714286em;} /* 449/14 */
		#about .aside {width: 20.7857143em;} /* 291/14 */
	/* @end */

	/* @group News */
		.hentry {
		  background: transparent url(/-/img/container_bkgd.gif) 0 100% repeat-x;
		  margin-right: -0.78571429em; /* 11/14 */
		  margin-bottom: 1.42857143em; /* 20 (21 -1px)/14 = 1.42857143em */
		  padding: 0 0.78571429em 0.071428571em 0;
		}
	/* @end */

	/* @group Secondary Sidebar */
		#secondary #photos {background: none; padding-top: 0;}
		#secondary #photos .aside,
		#secondary #photos .inset {margin: 0;}
		#secondary #recent-photos a {display: block; margin-bottom: 1.5em; vertical-align: top;}
		#secondary #recent-photos img {display: block; float: none; margin: 0;}
	/* @end */
	
	/* @group Clergy */
		#page-content .vcard {
		  background: transparent url(/-/img/container_bkgd.gif) 0 100% repeat-x;
		  margin-right: -0.78571429em; /* 11/14 */
		  margin-bottom: 1.42857143em; /* 20 (21 -1px)/14 = 1.42857143em */
		  padding: 0 0.78571429em 0.071428571em 0;
		}
	/* @end */

	/* @group Photo Galleries */
		#photo-galleries h2 {margin-bottom: 0;}
		#gallery-index {margin-left: 1.78571429em; /* See: .gutter */}

		#photo-galleries #main-index h6, 
		#photo-galleries #main-index .date {text-align: center;}

		ul.photo-thumbnails {
		  overflow: hidden;
		  margin-bottom: 0;
		}

		ul.photo-thumbnails li {
		  background: none;
		  float: left;
		  line-height: 1.5;
		  margin-right: 1.78571429em; /* See: .gutter */
		  margin-bottom: 1.5em;
		  padding-left: 0;
		}

		ul.photo-thumbnails li.last {margin-right: 0;}

		.photo-thumbnails img {
		  border: 1px solid #e6e3b1;
		  display: block;
		}

		.photo-thumbnails a {display: block;}

		#other-galleries .photo-thumbnails li {
		  margin-right: 0;
		  width: 100%;
		}

		.date em {color: #b8b8b8;}

		#other-galleries em {display: block;}

		#other-galleries h6, 
		#other-galleries .date {
		  display: block;
		  margin-left: 79px;
		}

		#other-galleries .photo-thumbnails img {
		  display: -moz-inline-box;
		  display: inline-block;
		  float: left;
		}
	/* @end */
	
	/* @group Footer */
		#footer {
		  background: transparent url(/-/img/bkgd_footer.png) 0 0 repeat-x;
		  padding: 3em 0 1.5em 0;
		  position: relative;
		}
		
		#footer .section {background: none;}

		#map-canvas, 
		#contact-info, 
		#secondary-navigation {float: left;}

		#map {margin-left: 1.78571429em; /* See .gutter */}

		#map-canvas {
	 	  background: #fff url(/-/img/googlemaps.gif) 50% 50% no-repeat;
		  border: 1px solid #e6e3b1;
		  height: 13.3571429em; /* 187/14 */
		  width: 20.6428571em; /* 289/14 */
		}

		#contact-info {width: 32.0714286em;} /* 449/14 */

		#secondary-navigation {width: 9.5em;}

		a.org:link,
		a.org:visited {color: #333;}
		a.org:hover,
		a.org:active {color: #d67719;}
		
		#footer .street-address, 
		#footer .tel {display: inline;}

		#footer .country-name, 
		#footer .email {display: none;}
		#footer .tel {margin-right: 1em;}

		#copyright {
		  clear: both;
		  font-size: 0.78571429em;
		  line-height: 1.90909091; /* 21/11 */
		  margin: 0 0 0 2.27272727em; /* 25/11 */
		  padding-top: 1em;
		}
	/* @end */

/* @end */

/* @group Microformats */
	.vard-list, .vcard {margin-bottom: 1.5em;}
	li.vcard {margin-bottom: 0;}

	.org {
	  display: block;
	  font-weight: bold;
	}
	
	.locality, .region {
	  display: -moz-inline-box;
	  display: inline-block;
	}
	
	.country-name, .vcard .email {margin-bottom: 1.5em;}
	
	.value {display: -moz-inline-box; display: inline-block;}
	.date em {font-style: normal; font-weight: normal; text-transform: none;}
/* @end */

/* @group Main Navigation */
	#nav {
	  background: #fff url(/-/img/divider_flourish.png) 50% 21px no-repeat;
	  padding-bottom: 1.5em; /* 21/14 */
	  text-align: center;
	}
	
	#nav ul {
	  margin: 0 auto;
	  overflow: hidden;
	  text-align: center;
	  width: 815px;
	}

	#nav li {float: left;}

	#nav a {
	  background: #fff url(/-/img/navigation.gif) 0 0 no-repeat;
	  display: block;
	  height: 42px;
	  text-indent: -9999em;
	}

	#nav a.wh {width: 170px;}
	#nav a.wh:link,
	#nav a.wh:visited {background-position: 0 0;}
	#nav a.wh:hover {background-position: 0 -42px;}
	#nav a.wh:active, #nav a.wh.selected {background-position: 0 -84px;}

	#nav a.wo {width: 132px;}
	#nav a.wo:link,
	#nav a.wo:visited {background-position: -170px 0;}
	#nav a.wo:hover {background-position: -170px -42px;}
	#nav a.wo:active, #nav a.wo.selected {background-position: -170px -84px;}

	#nav a.cm {width: 172px;}
	#nav a.cm:link,
	#nav a.cm:visited {background-position: -302px 0;}
	#nav a.cm:hover {background-position: -302px -42px;}
	#nav a.cm:active, #nav a.cm.selected {background-position: -302px -84px;}

	#nav a.gr {width: 119px;}
	#nav a.gr:link,
	#nav a.gr:visited {background-position: -474px 0;}
	#nav a.gr:hover {background-position: -474px -42px;}
	#nav a.gr:active, #nav a.gr.selected {background-position: -474px -84px;}

	#nav a.ev {width: 116px;}
	#nav a.ev:link,
	#nav a.ev:visited {background-position: -593px 0;}
	#nav a.ev:hover {background-position: -593px -42px;}
	#nav a.ev:active, #nav a.ev.selected {background-position: -593px -84px;}

	#nav a.co {width: 106px;}
	#nav a.co:link,
	#nav a.co:visited {background-position: -709px 0;}
	#nav a.co:hover {background-position: -709px -42px;}
	#nav a.co:active, #nav a.co.selected {background-position: -709px -84px;}
/* @end */

/* @group Contact Form Messages */
	#messages {color: #fff; margin-bottom: 1.5em;}
	#messages ul, #messages p {margin: 0;}
	#messages li {background: none; padding: 0;}
	#messages.error {background: #A5331e; padding: 10px;} /* TODO: Adjust padding and colours */
	#messages.success {background: #77a25a; padding: 10px;} /* TODO: Adjust padding and colours */
/* @end */

/* @group Content Navigation/Pagination */
	.content-nav {position: relative; text-align: center; width: 100%;}

	.content-nav a {
	  border-width: 0.071428571em;
	  border-style: solid;
	}
	
	.content-nav a,
	.content-nav span {
	  display: -moz-inline-box;
	  display: inline-block;
	  margin: 0;
	  padding: 2px 10px;
	}

	.content-nav a:link,
	.content-nav a:visited {border-color: #d67719;}

	.content-nav a:hover {background: #727272; border-color: #727272; color: #fff;}
	.content-nav a:active {background: #6b682e; border-color: #6b682e; color: #fff;}

	.content-nav .prev {position: absolute; top: 0; left: 0;}
	.content-nav .home {text-align: center;}
	.content-nav .next {position: absolute; top: 0; right: 0;}

	.content-nav span {border: 0.071428571em solid #d2d2d2; color: #d2d2d2;}
/* @end */

/* @group Miscellaneous */
	ul.plain li {
	  background: none;
	  padding-left: 0;
	}

	.hero {margin-top: -6px;}
	.caps {font-size: 80%; text-transform: uppercase;}

	.left {float: left; margin: 0 1.78571429em 1.5em 0; /* See .gutter */}
	.right {float: right; margin: 0 0 1.5em 1.78571429em; /* See .gutter */}
	.hidden {display: none;}
/* @end */

/* @group File Types (for Downloads) */
	.file {background: transparent url(/-/img/icon_types.gif) 0 2px no-repeat; padding-left: 20px;}
	.file-pdf {background-position: 0 -26px;}
	.file-doc, .file-docx {background-position: 0 -54px;}
	.file-ppt, .file-pptx {background-position: 0 -82px;}
	.file-xls, .file-xlsx {background-position: 0 -110px;}
	.file-txt {background-position: 0 -138px;}
	.file-zip {background-position: 0 -166px;}
	.file-jpg, .file-gif, .file-png {background-position: 0 -194px;}
/* @end */

/* @group RSS feeds */
	.feed {margin-right: 9px;}
	.feed img {vertical-align: top;}
/* @end */