/* 
Title:     St. Matthias' Episcopal Church
Author:    Buckethead Studio
Updated:   May 4 2006
*/

/* Fix a bug in Mozilla; thanks, Carey Evans */

html { 
	min-width: 760px;
	 }


	/* Helpers and base rules */

img	{
	border: 0;
	}

p.access	{
	display: none;
	}

img.counter	{
	display: inline;
	margin-left: 5px;
	}

/*  Layout
--------------------------------------------------- */
body {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #96B7EE url(../img/holder.gif) top center repeat-y;
	color: #001D88;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	}
	
#wrapper	{
	color: #001D88;
	background: transparent url(../img/wrapinner.gif) top left repeat-y;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#maincontent 	{
	float: left;
	width: 458px;
	padding: 0;
	border: 0;
	margin: 0;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 6px;
	}

html>body #maincontent {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 12px;
	min-height: 400px;
	}
	
#sidebar	{
	margin: 0 0 0 500px;
	padding: 0;
	width: 230px;
	border: 0;
	}
	
#footer	{
	clear: both;
	border: 0;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	background: #DDE8F8 url(../img/footshadow.gif) top left repeat-x;
	color: #001D88;
	width: 728px;
	padding: 5px 0;
	margin: 10px 0 0 12px;
	}
	
div#footer p	{
	background: transparent url(/i04/author.gif) center left no-repeat;	
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 50px;
	}
	
h1	{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
h1 a:link, h1 a:visited	{
	display: block;	
	width: 728px;
	height: 96px;
	background: #4175C3 url(../img/header.gif) top left no-repeat;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	}
	
h1 a:hover	{
	background: #4175C3 url(../img/header.gif) top left no-repeat;
	}
	
	
/* Primary navigation
--------------------------------------------*/

div#globalnav	{
	height: 30px;
	width: 728px;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	background: #eeeeee;
	}

div#globalnav ul#menu	{
	height: 30px;
	width: 728px;
	background: transparent url(../img/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#globalnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 5px;
	}
	
ul#menu li, ul#menu a {
	height: 30px;
	display: block;
	}

ul#sub 	{
	margin: 0;
	padding: 0;
	}	

ul#sub li	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	line-height: 1.5em;
	letter-spacing: 2px;
	}

ul#sub li#fellowship {
	margin-top: 5px;
	}
	
div#globalnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#about	{left: 0; width: 49px;}
#clergy	{left: 50px; width: 98px;}
#vestry	{left: 148px; width: 132px;}
#getinvolved	{left: 280px; width: 92px;}
#worship	{left: 372px; width: 116px;}
#education	{left: 488px; width: 133px;}
#youth	{left: 621px; width: 57px;}
#gallery	{left: 678px; width: 51px;}

#about a:hover,#about a.active {background: transparent url(../img/nav.gif) 0px -32px no-repeat;}
#clergy a:hover,#clergy a.active {background: transparent url(../img/nav.gif) -50px -32px no-repeat;}
#vestry a:hover,#vestry a.active {background: transparent url(../img/nav.gif) -148px -32px no-repeat;}
#getinvolved a:hover,#getinvolved a.active {background: transparent url(../img/nav.gif) -280px -32px no-repeat;}
#worship a:hover,#worship a.active	{background: transparent url(../img/nav.gif) -372px -32px no-repeat;}
#education a:hover,#education a.active {background: transparent url(../img/nav.gif) -488px -32px no-repeat;}
#youth a:hover,#youth a.active {background: transparent url(../img/nav.gif) -621px -32px no-repeat;}
#gallery a:hover,#gallery a.active {background: transparent url(../img/nav.gif) -678px -32px no-repeat;}

/* You are here - main nav */
	

/* Default links
-----------------------------------------------------*/

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #785;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #530;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #785;
	background: transparent;  
	}

div#maincontent p a:link, div#maincontent p a:visited, 
div#maincontent dd a:link, div#maincontent dd a:visited,
div#maincontent li a:link, div#maincontent li a:visited {
	text-decoration: underline;
	} 

div#maincontent p a:hover,
div#maincontent dd a:hover,
div#maincontent li a:hover {
	text-decoration: none;
	} 
/* Typography 	*/
	
h2, h3, h4	{
	font-weight: bold;
	line-height: 1.2em;
	margin: 15px 0 0 0;
	}

p	{
	margin: 0 0 1em 0;
	line-height: 140%;
	}
	
div#maincontent h2	{
	font-size: 130%;
	}

body#home div#maincontent h2	{
	margin-top: 25px;
	}

body#home div#maincontent h2.follow	{
	margin-top: 5px;
	}

div#maincontent h3	{
	font-size: 100%;
	}
	
div#maincontent h4	{
	font-size: 100%;
	margin-bottom: 6px;
	}

blockquote	{
	padding: 0;
	padding-left: 10px;
	margin-left: 10px;
	border: 0;
	border-left: 1px dotted #E9EEF7;
	}

blockquote p, dd blockquote	{
	font-weight: normal;
	font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	text-align: justify;
	line-height: 18px;
	font-size: 90%;
	}

code, pre	{
	font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
	font-weight: normal;
	font-size: small;
	}
hr	{
	margin: 4px 0 6px 0;
	border: 1px solid #E9EEF7;
	}
td	{
	font-size: 80%;
	}
/* Page image border */
img.pageimage	{
	border: 2px solid #DDE8F8;
	}
/* Sidebar banners, lists and links */
#sidebar dl {
	margin: 0;
	padding: 0;
	}

#sidebar dt, #sidebar dd {
	margin-left: 0;
	padding-left: 0;
	line-height: 17px;
	margin-bottom: 2px;
	margin-top: 3px;
	font-size: 95%;
	}
#sidebar dt	{
	font-weight: bold;
	}
#sidebar dd {
	margin-left: 6px;
	line-height: 5px;
	margin-top: 2px;
	margin-bottom: 0px;
	font-size: 85%;
	}

body #sidebar h2 	{
	letter-spacing: 2px;
	margin-top: 25px;
	background: transparent;
	color: #fff;
	padding: 2px 5px 3px 5px;
	background: #96B7EE;
	font-size: small;
	font-weight: bold;
	}

#sidebar dd a:link, #sidebar dd a:visited {
	font-weight : normal; 
	}
#banners	{
	margin: 0;
	padding: 5px 0 0 0;
	}
	
#banners h5	{
	margin: 0 0 10px 0;
	padding: 0;
	}

#banners h5#calendar	{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 230px;
	height: 35px;
	}

#banners h5#calendar a	{
	display: block;
	margin: 3px 0 0 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(../img/calendar.gif) top left no-repeat;
	}
#banners h5#calendar a:hover	{
	background: transparent url(../img/calendar.gif) 0 -35px no-repeat;
	}
div#banners h5#channel	{
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 230px;
	height: 45px;
	}

div#banners h5#channel a	{
	display: block;
	margin: 3px 0 0 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(../img/channel.gif) top left no-repeat;
	}

div#banners h5#channel a:hover	{
	background: transparent url(../img/channel.gif) 0 -45px no-repeat;
	}
	
	/*   Gallery
	---------------------------------------------------------*/
.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-right: 10px;
	margin-bottom: 10px;
	}