/*---------------------------------------------------------

	St. Augustine's Episcopal Church, Oakland, California
	Site v3, developed by DISIVION, (c)2007

-----------------------------------------------------------*/



img, div { behavior: url("iepngfix.htc"); }  /* PNG fix for IE5+ (thank God!) */

body { behavior: url("csshover2.htc"); } /* :hover fix for IE5+ */

body	{
	background: #000;
	margin: 0;
	font-size: small;
	font-family: georgia, palatino, serif;
	font-weight: normal;
	}

h1, h2, h3, h4, h5, h6 {text-transform: uppercase;}


							/* =SITE TITLE AND BRANDING */
h1	{
	color: #000;
	background: transparent;
	margin: 0;
	display: none;
	}	

h1 span {
	margin: -10000px;
	}

div.PNGlogo	{
	position: absolute;
	display: block;
	z-index: 100;
	top: 0;
	left: 5%;
	float: left;
	}



							/* =CONTAINERS */

div#container, div#sitewide, div#topbar, div#header, div#subheader, div#navigation, div#content, div#subcontent, div#footer,
div#subfooter	{display: block; margin: 0 auto; width: 100%;}


div#container	{background: transparent;}

div#sitewide	{
	display: none;
	background: #ff3;
	border-top: dashed 5px #550;
	border-bottom: dashed 5px #550;
	}
	
	
div#topbar		{
	background: #222; 
	border-top: solid 2px #111;
	border-bottom: solid 1px #333;
	}
	
div#header		{
	background-color: #850010; 
	}

div#subheader	{background: url("../images/site/torntop.png") top center repeat-x transparent;}

div#navigation	{background: url("../images/site/tornbottom.png") bottom center repeat-x #fff;}

div#content		{background: #fff;}

div#subcontent	{background: #fff;}

div#footer		{background: url("../images/site/tornbottom.png") repeat-x #2f2f2f;}

div#subfooter	{
	background: #222;
	border-top: solid 2px #333;
	}




							/* =CONTAINER CONTENT */

div#sitewide-in, div#topbar-in, div#header-in, div#subheader-in, div#navigation-in, div#content-top, div#content-in, div#subcontent-in, div#footer-in, div#subfooter-in {display: block; margin: 0 auto; width: 950px;}


div#sitewide-in	{padding: 0.5em 0; font-size: 1.2em; text-align: center;}

div#topbar-in {
	color: #eee;
	padding: 0.6em 0;
	}

div#header-in	{
	background: url("../images/site/header-02.jpg") top  center no-repeat #850010;
	color: #990000;
	height: 250px;
	}

address#topAddress {
	position: relative;
	z-index: 20;
	font-family: palatino, georgia, serif;
	font-size: 1.7em;
	font-weight: normal;
	font-variant: small-caps;
	text-align: right;
	color: #cc7;
	background: transparent;
	letter-spacing: 2px;
	line-height: 1.5em;
	padding-top: 1em;
	padding-right: 1em;
	}
	
span.small {font-size: 0.8em; letter-spacing: 1px; line-height: 1.5em;}
	
span.smaller {font-size: 0.6em; letter-spacing: 1px; line-height: 1.5em;}
	
#topAddress a {background: transparent; color: #cc7; text-decoration: none;}	


div#subheader-in	{
	height: 31px;
	z-index: 10;
	position: relative;
	margin-top: -25px;
	}

div#navigation-in	{
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 2.5em;
	}

div#content-top {
	display: block;
	background: #fff;
	color: #000;
	overflow: hidden;
	height: auto;
	}

div#content-in	{
	display: block;
	background: url("../images/site/mainContent-bg2.jpg") right bottom no-repeat #f4f4e4;
	color: #000;
	overflow: hidden;
	height: auto;
	border-bottom: solid 1px #e4e4d4;
	padding: 25px;
	}
	
div#content-in div#col1 { 									 /* 1 of 2 */
	width: 300px;
	float: left;
	display: block;
	position: relative;
	margin-right: 30px;
	}	
	
div#content-in div#col2 {  							/* 2 of 2 (larger) */
	width: 590px; 
	float: left;
	display: inline;
	position: relative;
	margin: 0;
	}

div#content-in div#col3,
div#content-in div#col4 {  								/* 1 & 2 of 3 */
	width: 290px;
	float: left;
	display: block;
	position: relative;
	margin-right: 30px;
	}

div#content-in div#col5 {  									/* 3 of 3 */
	width: 290px;
	float: left;
	display: block;
	position: relative;
	margin-right: 0;
	}


div#col1b  {
	width: 280px;
	float: left;
	display: block;
	position: relative;
	margin-left: 50px;
	}	


div#subcontent-in	{}

div#verses {											/* Augustine verses */
	display: block;
	background: #fff;
	color: #c00;
	text-align: right;
	padding: 2em 0;
	font-style: italic;
	font-size: 1.1em;
	}



div#footer {
	overflow: hidden; 
	height: auto;
	padding: 35px 0 15px 0;
	}

div#footer-in {
	color: #eee;
	}

div#footerCol1, div#footerCol2, div#footerCol3 {
	display: inline-block;
	float: left;
	width: 300px;
	margin: 20px 10px;
	}
div#footerCol3 {
	margin-right: 0;
	width: 290px !important;
	}

#footer address {
	color: #fff;
	background: transparent;
	}



div#subfooter-in	{
	padding: 1em;
	width: auto;
	color: #ccc;
	font-size: 0.75em;
	text-align: right;	
	border-top: solid 1px #111;
	}





							/* =IMAGES */


h4 img {												/* footer scrolls */
	float: right;
	display: block;
	margin-bottom: 2px;
	padding-bottom: 2px;
	padding-right: 0;
	}

img.vertical {
	display: block;
	float: right;
	position: relative;
	width: 75px;
	height: 100px;
	border: outset 1px #aa9;
	margin: 0.5em 0 0.5em 1em;	
	background: #fff;
	padding: 7px;
	}

img.horizontal {
	display: block;
	float: right;
	position: relative;
	width: 100px;
	height: 75px;
	border: inset 1px #aa9;
	margin-left: 3em;
	background: #fff;
	}
	
img.posters {
	border: solid 1px #999;
	}	
	
img.profilePic {
	float: left;
	margin-right: 1.5em;
	border: outset 1px #ccc;
	background-color: #fff;
	padding: 3px;
	}	
	
img.bioPic {
	float: left;
	margin-right: 1.5em;
	border: outset 1px #ccc;
	background-color: #fff;
	padding: 7px;
	}	
	

							/* =FORMS */


div#topbar div#topbar-in form {									/* @topbar */
	text-align: right;
	}

table.form-table td, th {								/* @ contact page */
	padding: 5px;
	margin: 0.25em 0;
	vertical-align: middle;
	}
table.form-table th {
	font-style: italic;
	}

table span.required {
	font-size: 0.8em;
	color: #900;
	background: transparent;
	}
	
	
							/* =TABLES */

table#calendar {
	border: solid 5px #fff;
	background: #ccb;
	width: 100%;
	}
table#calendar td {
	vertical-align: top;
	padding: 7px;
	font-size: 1em;
	background: #fff;
	line-height: 1.5em;
	}	
table#calendar td.month {
	padding-top: 10px;
	background: url("../images/site/month-bg.jpg") repeat-x bottom center #ccb !important;
	color: #555;
	font-family: verdana, arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	border-top: solid 1px #aa9;	
	border-bottom: solid 1px #776;
	}
table#calendar td.updated {
	font-family: verdana, arial, sans-serif;
	font-size: 1em !important;
	background: transparent;
	}
table#calendar td:first-child {
	font-size: 1.1em;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
	}
table#calendar tr.selected td {
	background: url("../images/site/selected-bg.jpg") repeat-x bottom center #ff5 !important;
	font-size: 1.25em;
	font-weight: bold;
	}
span.alert {
	color: #700;
	text-transform: uppercase;
	font-weight: bold;
	}


/* ZEBRA TABLES */


#calendar tr td{
	padding: 3px 8px;
	background: #fff;
}
#calendar thead td{
	color: #fff;
	background-color: #C8C028;
	font-weight: bold;
	border-bottom: 1px solid #999;
}
#calendar tbody td{
		border-left: 1px solid #D9D9D9;
}
#calendar tbody tr.even td{
	background: #eee;
}
/* #calendar tbody tr.selected td{
	background: #3d80df;
	color: #ffffff;
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
} 
#calendar tbody tr.ruled td{
	color: #000;
	background-color: #C6E3FF; 
	border-color: #3292FC;
}*/

/* Opera fix */
head:first-child+body tr.ruled td{
	background-color: #C6E3FF; 
}


table#financial-summary {
	width: 100%;
	text-align: right;
	font-size: 1.1em;
	}

table#financial-summary td {
	text-align: right;
	}
	
table#financial-summary th {
	font-weight: bold !important;
	font-size: 1.1em;
	border-bottom: solid 1px #777;
	text-align: center;
	}
	
table#financial-summary tbody tr.headers td {
	font-weight: bold;
	
}


table#SASS_schedule,
table.roster {
	border: solid 5px #fff;
	background-color: #ccb;
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
	}
	
table#SASS_schedule td,
table.roster td {
	vertical-align: top;
	padding: 7px;
	font-size: 1em;
	background: #fff;
	line-height: 1.5em;
/*	border: solid 1px #996; */
	}	
	
table#SASS_schedule tr:hover td,
table.roster tr:hover td {
	background: #eee;
	}	
	
table#SASS_scheulde tr,
table.roster tr {
	border-bottom: solid 1px #dda;
	}

table#SASS_schedule thead,
table.roster thead {
	font-size: 1.2em;
	font-weight: bold;
	color: #900;
	}
table#SASS_schedule tr#headings td {
	font-weight: bold;
	text-transform: uppercase;
	background: #ddc;
	}

							/* =TESTIMONIALS */

div.greySpace {
	display: block;
	background: #eee;
	color: #000;
	clear: both;	
	text-align: center;
	margin: 1em auto;
	border: dashed 3px #ddd;
	}

div.greySpace2 {
	display: block;
	background: #eee;
	color: #000;
	clear: both;
	text-align: left;
	margin: 1em auto;
	border: dashed 3px #ddd;
	}



							/* =SERMONS */
							
div#mostRecent {
	background: #a4a494;
	border: solid 2px #949484; 
	text-align: center;
	padding: 20px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.3em;
	line-height: 1.5em;
	}

div#mostRecent span {
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 480px;
	height: 360px;
	font-size: 0.75em;
	padding: 0.75em 0;
	}
	
div.sermons dl	{
	display: inline-block;
	margin: 0;
	border-bottom: dashed 1px #babaad;
	padding: 0.85em 0.5em;
	width: 100%;
	}	
	
div.sermons dt	{
	display: inline;
	color: #333;
	padding: 0;
	font-size: 1.1em;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	margin-right: 10px;
	}

dl.sermons img {
	border: none !important;
	}


dd.sermonOptions {
	float: right; 
	clear: right;
	display: inline;
	background: url("../images/site/flourish-1.gif") center left no-repeat #e4e4d4;
	border: solid 1px #ddc; 
	padding: 5px 7px 5px 30px; 
	text-align: right;
	font-size: 1.2em;
	}

dl	{
	display: inline-block;
	margin: 0;
	border-bottom: dashed 1px #babaad;
	padding: 0.85em 0.5em;
	width: 100%;
	}	

dl.selected {
	background: url("../images/site/selected-bg.jpg") repeat-x bottom center #ff5 !important;
	font-size: 1.3em;
	}
dl.selected dd { font-size: 0.9em;}

dl:hover {
	background: url("../images/site/dl-hover-bg.jpg") repeat-x bottom center #f0f0e0;
	}


dt	{
	display: inline;
	color: #333;
	padding: 0;
	font-size: 1.1em;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	margin-right: 10px;
	line-height: 1.3em;
	}

dd	{
	display: inline;
	margin: 0;
	line-height: 1.5em;
	clear: both;
	font-family: georgia, palatino, serif; 
	font-size: 1em;
	color: #555;
	}
	
	
							/* =A-LIST */
							
div#formBgnd {
	background: #eed;
	border: solid 1px #ccb;
	margin: 0;
	padding: 25px;
	}
	

	
							/* =NAVIGATION */

div#navigation-in a.currentpage,
div#footer-in a.currentpage{
	font-weight: bold;
	color: #770;
	text-decoration: none;
	}

div#navigation ul {
	}

div#navigation ul li a,
div#navigation a {
	background: transparent;
	color: #000;
	margin: 0 6px;
	display: inline;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 2em;
	text-decoration: none;
	}
	
div#navigation ul li a:hover {
	background: transparent;
	color: #d00;
	border-bottom: 0;
	text-decoration: underline;
	}	
	
div#navigation ul li {
	display: inline;
	line-height: 1.5em;
	text-align: right;
	font-size: 0.9em;
	}

div#navigation ul, div#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

div#footer ul li a, div#footer li a {
	text-transform: uppercase;
	line-height: 1.5em;
	border-bottom: 0;
	background: transparent;
	color: #fff;
	}
	
div#footer ul li {
	padding: 3px 0;
	border-bottom: dotted 1px #555;
	width: 200px;
	}
	
div#footer a {  
	background: transparent;
	color: #fff;
	font-weight: normal;
	}
	
div#footer a:hover {
	background: transparent;
	color: #999;
	}
	
	
span.topper a {
	text-transform: uppercase;
	background: url("images/site/nav-btm-bg.jpg") top center no-repeat #fff;
	color: #cc0 !important;
	text-align: right; 
	float: right;
	position: relative;
	display: block;
	padding: 15px;
	}
	
	

							/* =TYPOGRAPHY */
			
acronym, abbr {
	border-bottom: dashed 1px #333;
	}
			
address	{
	font-style: normal;
	line-height: 1.5em;
	}							

div#content-in a	{
	background: transparent;
	color: #640;
	font-style: italic;
	font-weight: normal;
	padding: 0.2em;
	}
	
div#content-in a:hover {
	background: transparent;
	color: #d00;
	}
	
a	{
	background: transparent;
	color: #900;
	outline: none;
	}

p	{
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0;
	margin-bottom: 0.5em;
	color: #222;
	}
	
#footer-in p {
	color: #fff;
	background: transparent;
	}
	
h2	{
	background: #fff;
	color: #c00;
	border-bottom: solid 1px #e4e4d4;
	padding: 20px 0;
	}

h3	{
	background: transparent;
	color: #c00;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	margin: 1.15em 0;
	}	
	
h4	{
	background: transparent;
	color: #dd0;
	font-weight: normal;
	font-size: 1.1em;	
	margin: 2em 0 1.5em 0;
	padding-bottom: 0.25em;
	font-family: georgia, palatino, serif;
	letter-spacing: 0.1em;
	border-bottom: solid 1px #550;
	}
	


	
div.callout {
	display: inline;
	position: relative;
	top: -1px;
	float: right;
	width: 200px;
	height: auto;
	padding: 20px;
	font-size: 1.1em;
	border: solid 1px #ccb;
	margin-left: 20px;
	background: #eed;
	line-height: 1.25em;
	}

div.callout em {
	margin: 0;
	}


div.callout i {
	font-size: 0.7em;
	margin: 0;
	}


span.pageTitle {
	display: none;
	}	
	
span.label {
	background: transparent;
	color: #aaa;
	padding-right: 5px;
	}

em	{
	font-size: 1.25em;
	}


hr	{
	margin: 2em 0;
	background: #cc9;
	border: 0;
	height: 1px;
	}

#content-in ul li {
	line-height: 1.5em;
	list-style: circle;
	}

#content-in ol li {
	line-height: 1.5em;
	}

sup	{
	font-size: 0.5em;
	vertical-align: top;
	text-transform: lowercase !important;
	}



				/* =RSS NEWS FEED-RELATED */

span.rssSource {
	font-size: 0.75em;
	border-top: solid 1px #ccc;
	padding-top: 0.25em;
	color: #333;
	width: 100%;
	display: block;
	}


div#rssFeeds a {
	font-size: 1em;
	font-style: normal;
	line-height: 1.25em;
	}

div#rssFeeds ul {
	margin-left: 5px;
	padding-left: 10px;
	}


div#rssFeeds li {
	color: #333;
	list-style-type: square;
	}



				/* =ACCORDION-RELATED */

h5.toggler a {
	font-size: 1.2em;
	font-style: normal !important;
	text-transform: none !important;
	text-decoration: none;
	}

h5.toggler	{
	padding: 5px;
	border-bottom: solid 1px #cca;
	background-color: #f4f4e4;
	font-weight: bold;
	background: url("../images/site/flourish-1.gif") bottom right no-repeat transparent;
	
	}


div.element {
	padding: 5px;
/*	border: solid 1px #dda;
	background-color: #fff;
*/
	}


div.element dl dt a {
	font-size: 1em !important;
	font-style: normal !important;
	}




span.devNotes {										/* Development only... */
	display: block;
	background: #ff0;
	padding: 10px;
	color: #111;
	border: double 5px #cc0;
	margin: 0.5em 0;
	}




div#footer-in span.lastDagger { display: none; }

br.breaker { clear: both; }





				/* EXTRAS */
				
table#wills td {
	padding: 3px;
	margin: 2px;
	border: solid 1px #ccc;
	background: #fff;
	}
table#wills thead {
	font-weight: bold;
	color: #111;
	}

.locations {
	border-bottom: dashed 1px #900;
	}
.locations a {
	text-decoration: none;
	font-size: 0.75em;
	line-height: 1em;
	}

				/* POLLS */
				
				
div.polls table {
	width: 100%;
	}

div.polls tr {
	padding: 2px;
	}
	
	
div.polls td {
	padding: 2px;
	}