/*
	Site: 	Trinity Episcopal Church
	Date:		November 2007
	Author:	Eric Shepherd
	File:		Main Site Screen CSS
*/

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

body {
	background: #003e46 url(../images/bk-body.jpg) no-repeat center 112px;
	color: #292823;
	font-family: helvetica, arial, sans-serif;
	font-size: 82%;
	padding-bottom: 25px;
}

h1 {
	font-family: "trajan pro"; /* TODO - this is only for testing purposes - we need sIFR */
	font-size: 2em;
}

h2 {
	font-family: "trajan pro"; /* TODO - this is only for testing purposes - we need sIFR */
	font-weight: bold;
	font-size: 1.3em;
	margin: 1.5em 0 0 0;
	padding: 0 0 .3em 0;
	border-bottom: 1px solid #ececec;
}

h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 1.5em 0 0.2em 0;
}

	#news-archives-page #secondary-content h3 {
		margin-top: -.5em;
	}

	h3 a:link, h3 a:visited {
		text-decoration: none;
		color: #12302d;
	}

		h3 a:hover {
			text-decoration: underline;
		}

p {
	margin-top: .8em;
	line-height: 1.5;
}

dt {
	margin: 0;
	line-height: 1.3;
}

dd {
	margin: 0;
	line-height: 1.3;
}

li {
	line-height: 1.5;
}

blockquote {
	background: url(../images/quote.gif) no-repeat left top;
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 5px;
	padding-left: 20px;
}

/* LINKS */

a:link,
a:visited,
a:hover,
a:active {
	color: #00585b;
	color: #6d4724;
}

a:hover {
	text-decoration: none;
}

/* CONTAINER AND TOP */

#container {
	width: 960px;
	background: #fff;
	color: #12302d;
	margin: 0 auto;
	position: relative;
	margin-bottom: 0;
}

#header {
	background: #00626e url(../images/bk-header.gif) no-repeat center bottom;
	padding: 0 18px;
}

	#header h1,
	#header p {
		display: block;
		width: 359px;
		padding-right: 601px;
		height: 112px;
		text-indent: -9999px;
		background: url(../images/logo.gif) no-repeat left top;
		margin: 0 auto;
		overflow: hidden;
	}

		#header a {
			background: url(../images/logo.gif) no-repeat left top;
			display: block;
			width: 359px;
			height: 112px;
			text-indent: -9999px;
			overflow: hidden;
		}

/* NAVIGATION */

ul#main-navigation {
	float: left;
	list-style: none;
	background: #1b7884 url(../images/bk-content-top.gif) no-repeat left bottom;
	width: 928px;
	font-weight: bold;
	padding: 0 16px 10px 16px;
}

	ul#main-navigation li {
		float: left;
		margin: 1em 6px 0 6px;
		_display: inline;
	}

		ul#main-navigation li.active {
			background: url(../images/bk-nav-right.gif) no-repeat right top;
		}

			ul#main-navigation li a {
				display: block;
				padding: 9px 12px;
				color: #fff;
				text-decoration: none;
			}
	
			ul#main-navigation li.active a {
				background: url(../images/bk-nav-left.gif) no-repeat left top;
				color: #00585b;
			}

			ul#main-navigation li a:hover {
				text-decoration: underline;
			}

ul#secondary-navigation {
	clear: both;
	position: absolute;
	top: -65px;
	right: 15px;
	font-size: 86%;
    *position: relative;
    *top: -120px;
    *right: -600px;
}

	ul#secondary-navigation li {
		float: left;
		color: #fff;
		background: url(../images/nav-separator.gif) no-repeat left center;
		padding: 0 10px;
	}

		ul#secondary-navigation li.first {
			background: transparent;
		}

			ul#secondary-navigation li a {
				color: #fff;
				text-decoration: none;
			}

				ul#secondary-navigation li a:hover {
					text-decoration: underline;
				}

ul#sub-navigation {
	clear: both;
	border-bottom: 1px solid #e5eeee;
	width: 920px;
	margin: 0 20px .7em 20px;
	float: left;
	padding: 10px 0 0 0;
	font-weight: bold;
	_display: inline;
}

	ul#sub-navigation li {
		float: left;
		margin: 0 20px;
		_display: inline;
	}

		ul#sub-navigation li a,
		ul#sub-navigation li span {
			text-decoration: none;
			color: #3c4647;
			display: block;
			border-bottom: 4px solid #fff;
			padding: 0 0 4px 0;
		}

			ul#sub-navigation li span {
				color: #00545e;
				border-bottom: 4px solid #e5eeee;
			}

				ul#sub-navigation li a:hover {
					border-bottom: 4px solid #e5eeee;
				}

/* CONTENT */

#content-container {
	padding: 15px 25px 25px 25px;
	width: 910px;
	clear: both;
	float: left;
	min-height: 400px;
	_height: 400px;
}

div.summary {
	color: #627476;
}

/* FOOTER */

#footer {
	clear: both;
	margin: 0 auto;
	width: 960px;
	padding: 0 0 36px 0;
	background: transparent url(../images/bk-content-bottom.gif) no-repeat left bottom;
}

	p#footer-contact {
		text-align: center;
		background: url(../images/bk-footer.gif) no-repeat center top;
		padding-top: 51px;
		font-size: .9em;
	}

	#donate {
		padding: 10px 250px;
		font-size: .8em;
	}

		#donate p,
		#donate form {
			text-align: center;
			padding-bottom: 10px;
		}

/* TOP-LEVEL CATEGORY PAGE */

body#about-page #content-container,
body#worship-page #content-container,
body#outreach-page #content-container,
body#classes-page #content-container,
body#groups-page #content-container {
	padding-top: 245px;
}

body#about-page #content-container {
	background: url(../images/category-outside.jpg) no-repeat left top;
}

body#worship-page #content-container {
	background: url(../images/category-sanctuary.jpg) no-repeat left top;
}

body#outreach-page #content-container {
	background: url(../images/category-protest.jpg) no-repeat left top;
}

body#classes-page #content-container {
	background: url(../images/category-meeting.jpg) no-repeat left top;
}

body#groups-page #content-container {
	background: url(../images/category-rosewindow.jpg) no-repeat left top;
}

ul#category-list {
	width: 680px;
	margin-top: 2em;
}

	ul#category-list li {
		margin: 0 0 1px 0;
		background: #f2f2f2;
		padding: 32px 36px;
	}

		ul#category-list h2,
		ul#category-list p {
			margin: 0;
			padding: 0;
			border: 0;
		}

		ul#category-list h2 {
			margin-bottom: .3em;
		}

/* PHOTOS */

div.photo-vertical {
	background: url(../images/bk-side-image.gif) no-repeat left top;
	width: 191px;
	height: 312px;
	padding: 10px 12px 12px 10px;
	margin: 1.5em 0 30px 0;
}

div.side-borderless {
	width: 191px;
	height: 312px;
	margin: 1em 0 0 0;
	padding: 10px 12px 12px 10px;
}

div.float {
	float: right;
	width: 191px;
	margin-left: 20px;
	_display: inline;
}

#main-content p img {
	float: left;
	border: 1px solid #ececec;
	margin: 0 14px 14px 0;
	padding: 3px;
	_display: inline;
}

/* INNER PAGE LAYOUT */

#main-content {
	width: 679px;
	float: left;
	position: relative;
}

#secondary-content {
	width: 207px;
	margin: 0 0 0 20px;
	float: left;
	position: relative;
	_display: inline;
}

#container div.wide {
	width: 900px;
}

/* NEWS */

div.news-summary {
	margin-bottom: 2.5em;
	padding-left: 24px;
	background: url(../images/arrow-right.gif) no-repeat 0px 1.75em;
}

	div.news-summary p {
		margin-top: .3em;
	}

p.date {
	color: #969281;
	margin-bottom: .3em;
	font-size: .9em;
}

div.news-summary h3 {
	margin: 0 0 .2em 0;
	padding: 0;
}

body.news #secondary-content h2,
body#digitalarchive-sermons-page #secondary-content h2,
body#digitalarchive-sermon-page #secondary-content h2 {
	border: 0;
	margin: 0;
}

body.news #secondary-content-inner,
body#digitalarchive-sermons-page #secondary-content-inner,
body#digitalarchive-sermon-page #secondary-content-inner {
	background: #f2f2f2;
	padding: 10px;
}

#sermon-subscribe {
	padding: 10px;
}

body#news-archives-page #secondary-content {
	margin-top: 2.7em;
}

/* BLOGS */

#entries-cam div.blog-summary,
#entries-sare div.blog-summary,
#entries-holly div.blog-summary {
	padding-left: 115px;
	margin-bottom: 1em;
	min-height: 120px;
	_height: 120px;
}

#entries-cam div.blog-summary {
	background: url(../images/avatar-cam.jpg) no-repeat left top;	
}

#entries-sare div.blog-summary {
	background: url(../images/avatar-sare.jpg) no-repeat left top;
}

#entries-holly div.blog-summary {
	background: url(../images/avatar-holly.jpg) no-repeat left top;
}

div.blog-summary h3 {
	margin: 0;
}

div.blog-summary p {
	margin: .3em 0 0 0;
}

body#blogs-cam-page #main-content div,
body#blogs-sare-page #main-content div,
body#blogs-holly-page #main-content div {
	padding-left: 115px;
	min-height: 120px;
	_height: 120px;
}

body#blogs-cam-page #main-content div {
	background: url(../images/avatar-cam.jpg) no-repeat left top;
}

body#blogs-sare-page #main-content div {
	background: url(../images/avatar-sare.jpg) no-repeat left top;
}

body#blogs-holly-page #main-content div {
	background: url(../images/avatar-holly.jpg) no-repeat left top;
}

body#blogs-cam-page p.back,
body#blogs-sare-page p.back,
body#blogs-holly-page p.back {
	padding-left: 115px;
}

.comment {
	background: #efefef;
	color: #666;
	margin: 20px 0;
	padding: 20px 20px 20px 114px;
	position: relative;
}

	.comment-number {
		font-size: 2.5em;
		font-weight: bold;
		position: absolute;
		left: 20px;
		top: 20px;
		color: #d5d7cc;
	}

	.comment h3 {
		font-size: 1em;
		margin-top: 0;
	}

		.comment h3 span {
			position: absolute;
			top: 20px;
			right: 20px;
			text-align: right;
			font-size: .8em;
			font-weight: normal;
			color: #666;
			font-style: italic;
		}

p.feeds-subscribe {
	text-align: right;
}

	p.feeds-subscribe a {
		font-size: .9em;
		text-decoration: none;
		color: #666;
	}

		p.feeds-subscribe a:hover {
			text-decoration: underline;
		}

/* HOME */

#home-page h1 {
	margin-top: 6px;
}

body.main h2 {
	margin-bottom: .8em;
}

body.main #main-content {
	float: left;
	width: 400px;
	margin-right: 26px;
	_display: inline;
}

	body.main #main-content {
		color: #627476;
	}

body.main #home-images {
	float: right;
	width: 471px;
}

body.main #image {
	float: right;
	width: 465px;
	padding: 6px 8px 8px 6px;
	background: url(../images/bk-home-image.gif) no-repeat left top;
}

body.main #latest-news {
	clear: left;
	float: left;
	width: 411px;
	margin-right: 26px;
	position: relative;
	_display: inline;
}

	p.summary-more {
		font-size: 85%;
	}

body.main #latest-sermons {
	clear: right;
	float: right;
	width: 473px;
	position: relative;
}

body.main #latest-blogs {
	clear: right;
	float: right;
	width: 474px;
	background: url(../images/bk-blogs-bottom.gif) no-repeat left bottom;
}

#latest-blogs-nav {
	width: 474px;
	background: #fff url(../images/bk-blogs-top.gif) no-repeat left bottom;
	padding-bottom: 17px;
	float: left;
}

	#latest-blogs-nav li {
		text-indent: -9999px;
		width: 135px;
		height: 34px;
		float: left;
		cursor: pointer;
		margin-right: 10px;
		_display: inline;
	}
	
		#nav-blog-cam {
			background: url(../images/tab-cam.gif) no-repeat 0 -34px;
		}

		#nav-blog-sare {
			background: url(../images/tab-sare.gif) no-repeat 0 -34px;
		}

		#nav-blog-holly {
			background: url(../images/tab-holly.gif) no-repeat 0 -34px;
		}


		#latest-blogs-nav li.selected {
			background-position: 0 0;
		}


div.blog {
	clear: both;
	width: 424px;
	padding: 13px 30px 30px 30px;
}

	div.blog h3 {
		margin-top: 0;
	}

div.blog-summaries {
	position: relative;
}

	div.blog-summaries p.view-all {
		top: 0;
	}

body.blogs h2,
body.digital-archive h2 {
	margin-bottom: .8em;
}

/* podcasts */

#latest-sermons {
	padding-bottom: 15px;
	color: #7e807e;
	font-size: .9em;
}

	#latest-sermons p.view-all {
		font-size: 1.1em;
	}

#latest-sermons h2 {
	margin-bottom: 0;
}

#latest-sermons dl {
	padding: 12px 12px 12px 12px;
	border-bottom: 1px solid #ececec;
	position: relative;
	min-height: 30px;
}

	#latest-sermons dt {
		font-weight: bold;
		font-size: 1.1em;
	}

	#latest-sermons dd {
		display: inline;
	}

		#latest-sermons dd.sermon-date {
			font-style: italic;
		}

	#latest-sermons dd.listen a {
		background: url(../images/btn-listen.gif) no-repeat left top;
		width: 131px;
		height: 51px;
		display: block;
		cursor: pointer;
		overflow: hidden;
		text-indent: -9999px;
		position: absolute;
		right: 0;
		top: 2px;
	}

	dd.pdf-download {
		font-size: 95%;
	}

/* tiles */

#tiles {
	float: left;
	clear: left;
	width: 415px;
}

	#tiles li.large {
		background: url(../images/bk-tile-large.gif) no-repeat left top;
		padding: 6px 8px 8px 6px;
		float: left;
	}
	
	#tiles li.small {
		background: url(../images/bk-tile-small.gif) no-repeat left top;
		padding: 6px 8px 8px 6px;
		float: left;
		margin: 0 0 5px 0;
	}

/* CONTACT PAGE */

body#contact-page legend {
	display: none;
}

	body#contact-page #submit {
		margin-top: 10px;
	}

	body#contact-page dl {
		margin-bottom: 10px;
	}

/* DIGITAL ARCHIVE */

body#digitalarchive-page {

}

	body#digitalarchive-page #main-content {
		width: 437px;
	}

	body#digitalarchive-page #secondary-content {
		width: 437px;
		margin-left: 34px;
	}

p.view-all {
	position: absolute;
	top: 20px;
	right: 10px;
}

	p.view-all a {
		color: #666;
		text-decoration: none;
		font-size: .9em;
	}

		p.view-all a:hover {
			text-decoration: underline;
		}

li.flickr-photo {
	padding: 0 0 0 6px;
	width: 81px;
	height: 87px;
	float: left;
	overflow: hidden;
}

	li.flickr-photo a {
		width: 75px;
		height: 75px;
		border: 1px solid #fff;
		display: block;
	}
	
		li.flickr-photo a:hover {
			border: 1px solid #003e46;
		}

div#flickr-paginate {
	clear: both;
}

body#digitalarchive-page p.listen a,
body#digitalarchive-sermons-page p.listen a,
body#digitalarchive-sermon-page p.listen a {
	background: url(../images/btn-listen.gif) no-repeat left top;
	width: 131px;
	height: 51px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
}

body#digitalarchive-sermons-page ul.sermon-options {
	text-align: left;
	padding-left: 170px;
}

body#digitalarchive-page div.sermon {
	border-bottom: 1px solid #d8dada;
	padding: 0 0 2em 10px;
	margin-bottom: 1em;
}

	body#digitalarchive-page div.sermon p.listen,
	body#digitalarchive-sermons-page div.sermon p.listen {
		position: relative;
		left: -10px;
		width: 160px;
	}

	body#digitalarchive-page div.sermon h3 {
		margin-top: 0;
		}

ul.sermon-options {
	text-align: right;
	margin-top: -2.5em;
}

body#digitalarchive-sermon-page ul.sermon-options {
	text-align: left;
	margin-left: 170px;
}

	ul.sermon-options li {
		display: inline;
	}

		ul.sermon-options li a {
			color: #868686;
			background: #f5f5f5;
			text-decoration: none;
			padding: 10px 12px;
			font-size: .85em;
		}

			ul.sermon-options li a:hover {
				background: #eee;
			}

body#photo-page #main-content {
	width: 530px;
}

body#photo-page #secondary-content {
	width: 360px;
	padding-top: 3em;
}

body#photo-page p.back {
	clear: both;
}

/* CALENDAR */

#calendar-page #main-content iframe {
	margin: 20px 0 0 55px;
}

/* CONTACT */

#contact-page input,
#contact-page textarea {
	border-width: 1px;
}

#form-contact {
	margin-top: 2em;
}

/* MODAL */

#modal {
	background: #fff;
	border: 1px solid #ddd;
	width: 400px;
	position: absolute;
	top: 30%;
	left: 50%;
	margin: 0 0 0 -200px;
	z-index: 101;
}

	#modal h3 {
		background: #fff;
		padding: 10px 10em 10px 10px;
		margin: 0;
	}

p#modal-close {
	text-transform: uppercase;
	font-size: .9em;
	color: #999;
	cursor: pointer;
	border: solid #ddd;
	border-width: 0 0 1px 1px;
	position: absolute;
	top: 0;
	_top: 1px;
	right: 0;
	margin: 0;
	padding: .2em .4em;
}

#overlay {
	background: #000;
	opacity: .3;
	*filter: alpha(opacity=30);
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

/* SIFR */

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/

.sIFR-active h1 {
	visibility: hidden;
	font-family: verdana;
	line-height: 1em;
	font-size: 20px;
}

.sIFR-active h2 {
	visibility: hidden;
	font-family: verdana;
	line-height: 1em;
	font-size: 19px;
}