﻿/*---------------------------------------------------------

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

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




							/* =global */

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

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

body	{
	background: #fff;
	margin: 0 auto;
	font-size: 9pt;
	font-family: georgia, palatino, serif;
	font-weight: normal;
	width: 90%;
	border-top: solid 2px #000;
	}


address#topAddress { top: 10px; position: relative; display: block; clear: both; line-height: 1.5em;}


							/* =containers */

div#container {}

div#sitewide {display: none;}

div#topbar {display: none;}

div#header {display: block; clear: both; position: relative; height: 150px;}

div#subheader {clear: both;}

div#navigation {display: none; clear: both;}

div#content {display: block; clear: both;}

div#footer {display: none;}

div#subfooter {padding: 1em 0;}

div#col2 {float: left; width: 60%;}

div#col1b {float: right; width: 30%;}

							/* =container content */


div#container-in {}

div#sitewide-in {display: none;}

div#topbar-in {display: none;}

div#header-in {display: block; position: relative; float: right;}

div#subheader-in {}

div#navigation-in {}

div#content-in {}

div#subcontent-in {}

div#footer-in {display: none;}

div#subfooter-in {}


div#verses {											/* Augustine verses */
	display: block;
	background: #fff;
	color: #c00;
	text-align: center;
	padding: 1em 0;
	font-style: italic;
	font-size: 1.1em;
	clear: both;
	position: relative;
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	}



							/* =images */
div.PNGlogo	{
	position: absolute;
	display: block;
	top: 2px;
	left: 0;
	float: left;
	}
div.PNGlogo	img {	
	width: 100px;
	height: 142px;
	}

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;
	}	



h2 img {display: none;}


object, embed, param {display: none; visibility: hidden;}


							/* =forms */



							/* =typography */

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


a	{
	background: transparent;
	color: #900;
	outline: none;
	}

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

h1	{display: none;}

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;
	}
	
p	{
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0;
	margin-bottom: 0.5em;
	color: #222;
	}

dl	{
	display: inline-block;
	margin: 0;
	border-bottom: dashed 1px #babaad;
	padding: 0.85em 0.5em;
	width: 100%;
	}	
	
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;
	}

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