@charset "utf-8";

/* Stylesheet for Lent 2010 - Easily modified for future Lenten meditations
 * All Saints' Episcopal Church
 * Atlanta, Georgia 30308
 * http://allsaintsatlanta.org/
*/

html {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}
body {
	display:block;
	position: relative;
	width: 750px;
	margin: 0px auto;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #601955;
	font-weight: normal;
}

h1.weekly-heading {
	display:block;
	width:500px;
	height:39px;
	margin: 10px auto;
}
h1.weekly-heading span {
	display:block;
	height: 1%;
	position:absolute;
	left: -3000px;
}
h1.ash-wednesday { background: transparent url('../graphics/lent/banner-ash-wed.jpg') 0 0 no-repeat; }
h1.lent1 { background: transparent url('../graphics/lent/banner-first-week.jpg') 0 0 no-repeat; }
h1.lent2 { background: transparent url('../graphics/lent/banner-second-week.jpg') 0 0 no-repeat; }
h1.lent3 { background: transparent url('../graphics/lent/banner-third-week.jpg') 0 0 no-repeat; }
h1.lent4 { background: transparent url('../graphics/lent/banner-fourth-week.jpg') 0 0 no-repeat; }
h1.lent5 { background: transparent url('../graphics/lent/banner-fifth-week.jpg') 0 0 no-repeat; }
h1.holy-week { background: transparent url('../graphics/lent/banner-holy-week.jpg') 0 0 no-repeat; }

#content {
	display: block;
	position: relative;
	width: 750px;
	background: #fff url('../graphics/lent/palm-background.jpg') 110px 150px no-repeat;
}
#header {
	display:block;
	position: relative;
	width: 750px;
	height: 140px;
	background: transparent url('../graphics/lent/lent-header.jpg') 0 0 no-repeat;
}
#header a#medslink {
	display:block;
	position:relative;
	width:750px;
	height: 106px;
	text-decoration: none;
}
#header a#aseclink {
	display:block;
	position:relative;
	width:750px;
	height:30px;
	text-decoration: none;
}
#header span {
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #c8a04b;
	display:block;
	width: 100px;
	text-align: right;
	position: absolute;
	right: 50px;
	top: 76px;
}

#subnav { margin-bottom: 55px;}
#subnav #prev,
#subnav #next {
	display: block;
	width: 123px;
	height: 41px;
}
#subnav #scripture {
	display:block;
	width: 292px;
	height: 41px;
	text-align: center;
	font-style: italic;
}

#subnav #prev a span,
#subnav #next a span,
#subnav #scripture a span {
	display:block;
	position: absolute;
	height: 1%;
	left: -3000px;
}

#subnav #prev a {
	display:block;
	width: 123px;
	height: 41px;
	background: #fff url('../graphics/lent/previous.jpg') 0 0 no-repeat;
}
#subnav #next a {
	display:block;
	width: 123px;
	height: 41px;
	background: #fff url('../graphics/lent/next.jpg') 0 0 no-repeat;
}
#subnav #scripture a {
	display:block;
	width: 292px;
	height: 41px;
	background: #fff url('../graphics/lent/banner-scripture-of-week.jpg') 0 0 no-repeat;
}

#subnav #prev { float:left; }
#subnav #next { float:right; }
#subnav #scripture { margin: 0px auto; }

#main {
	display: block;
	width: 650px;
	position: relative;
	margin: 10px auto 25px auto;
	text-align: justify;
}
#footer {
	display:block;
	width: 750px;
	position: relative;
	clear: both;
	border-top: 1px dashed #ccc;
	height: 40px;
	background: #fff;
	font-size: 11px;
	line-height: 1.2em;
}
#footer div {
	display:block;
	margin: 0px auto;
	width: 340px;
	height: 110px;
}
#footer img {
	display:block;
	float:left;
	margin:0px 12px 3px 0px;
}

#scripture-text {
	font-size: 16px;
	line-height: 1.35em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #555;
}

#scripture-text .verse {
	display:block;
	float:left;
	margin: 4px 5px 0px 0px;
	height: 14px;
	width: 34px;
	line-height: 14px;
	background: transparent url('../graphics/lent/verse.png') 0 0 no-repeat;
	color: #fff;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.author {
	font-size: 12px;
	font-style: italic;
}

.extruder .voice #ash-wed {
	background: #fff url('../graphics/lent/ash_wed.png') 50% 0 no-repeat;
}
.extruder .voice #lent1 {
	background: #fff url('../graphics/lent/lent1.png') 50% 0 no-repeat;
}
.extruder .voice #lent2 {
	background: #fff url('../graphics/lent/lent2.png') 50% 0 no-repeat;
}
.extruder .voice #lent3 {
	background: #fff url('../graphics/lent/lent3.png') 50% 0 no-repeat;
}
.extruder .voice #lent4 {
	background: #fff url('../graphics/lent/lent4.png') 50% 0 no-repeat;
}
.extruder .voice #lent5 {
	background: #fff url('../graphics/lent/lent5.png') 50% 0 no-repeat;
}
.extruder .voice #holy-week {
	background: #fff url('../graphics/lent/holy_week.png') 50% 0 no-repeat;
}