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

GRACE PRESBYTERIAN CHURCH, MONTCLAIR, NEW JERSEY, USA

Special Home Page Stylesheet for Screen Media

website		: www.gracemontclair.org
filename	: /css/homepage.css
revision	: 10 December 2008

copyright	: (c) 2008 Grace Presbyterian Church (except as noted)
license		: Creative Commons

author		: Brian Lokker / Antigravity Design
website		: www.antigravitydesign.com
email		: studio@antigravitydesign.com

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



/* =Intro / Welcome / Slideshow
------------------------------------------------------------------ */

/* this is the green area */
#intro {
position: relative;
width: 968px;
height: 296px;
margin-left: 6px;
margin-bottom: 0;
padding-top: 10px;
color: #404859;
background-color: #B1C37C;
}

/* this is the white area within the green area */
#intro #welcome {
position: relative;
top: 6px;
left: 20px;
width: 934px;
height: 272px;
font-size: 1.3em;
line-height: 1.6;
font-family: Georgia, "Times New Roman", Times, serif;
color: #404859;
background: #FFF;
}

/* replace h2 text with background image */
/* positioned optically vis-a-vis text below */
#intro #welcome h2 {
position: relative;
top: 16px;
left: 465px; 
z-index: 10;
width: 200px;
height: 50px;
margin-bottom: 1em;
text-indent: -9999px;
font-size: 1em;
color: #3E1A08;
background: #FFF url(/images/site/h2_homepage_welcome.png);
}

#intro #welcome p {
font-size: 1em;
margin-left: 484px;
margin-bottom: 0.75em;
margin-right: 10px;
}

#intro #slideshow {
position: absolute;
top: 10px;
left: 14px;
z-index: 5;
width: 466px;
height: 290px;
background: #FFF url(/images/site/bg_slideshow_frame.png) top left no-repeat;
}

#intro #slideshow div {
position: relative;
top: 6px;
left: 6px;
}



/* =Content Section: Three Columns
------------------------------------------------------------------ */

/* override styles for #content in other sections */
#content {
background-image: none;
padding-top: 0;
}

/* override extra padding style for column1 in other sections */
.column1 {
padding-top: 0;
}

.column1 h3 {
display: block;
}

#worshipServices,
#resources,
#upcomingEvents {
position: relative;
margin-top: 10px;
}

/* main headings for the three columns */
/* replace h2 text with background image */
#worshipServices h2,
#resources h2,
#upcomingEvents h2 {
position: relative;
top: 0;
left: 0;
z-index: 10;
width: 300px;
height: 30px;
margin-bottom: 2em;
border-bottom: none;
padding-left: 0;
text-indent: -9999px;
font-size: 1em;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 30px;
}

#worshipServices h2 {
background: url(/images/site/h2_home_worshipServices.png);
}

#resources h2 {
background: url(/images/site/h2_home_resources.png);
}

#upcomingEvents h2 {
background: url(/images/site/h2_home_upcomingEvents.png);
}



/* =Worship Services and Upcoming Events
------------------------------------------------------------------ */

#worshipServices .item,
#upcomingEvents .item {
position: relative;
margin-bottom: 2em;
padding-bottom: 10px;
background: transparent url(/images/site/bg_itemDivider200Brown.png) center bottom no-repeat;
}

/* offset heading to the left of main text */
#worshipServices h3,
#upcomingEvents h3 {
position: absolute;
top: 0;
left: 0;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
letter-spacing: 0;
line-height: 1.3;
text-transform: uppercase;
color: #2D3642;
background-color: transparent;
}

#worshipServices h3 {
width: 60px;
}

/* less width to control display of dates */
#upcomingEvents h3 {
width: 50px;
}

#worshipServices h4,
#worshipServices h5,
#worshipServices p,
#upcomingEvents h4,
#upcomingEvents h5,
#upcomingEvents p,
#upcomingEvents img {
margin-left: 80px;
}

#worshipServices .series h4,
#upcomingEvents h4 {
margin-bottom: 0.75em;
font-size: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.2;
color: #35332A; /* #606141; */
background-color: transparent;
}

#worshipServices .series p {
margin-bottom: 0.75em;
font-size: 1.2em;
line-height: 1.2;
}

#worshipServices .series p strong {
font-weight: bold;
text-transform: uppercase;
color: #35332A; /* #606141; */
background-color: transparent;
}

#worshipServices .entry h4 {
margin-bottom: 1em;
font-size: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.2;
color: #35332A; /* #606141; */
background-color: transparent;
}

#worshipServices .entry .service {
margin-bottom: 1em;
}

#worshipServices .entry h5,
#upcomingEvents h5 {
margin-bottom: 0.4em;
font-size: 1.2em;
font-weight: bold;
font-variant: small-caps;
}

#worshipServices .entry p,
#upcomingEvents p {
margin-bottom: 0.2em;
font-size: 1.2em;
line-height: 1.2;
}

#upcomingEvents img {
margin-top: 0.5em;
margin-bottom: 0.5em;
border: 1px solid #C2C2C2;
padding: 3px;
background-color: #FFF;
}

#worshipServices .series a,
#worshipServices .entry a {
text-decoration: none;
color: #35332A;
background-color: transparent;
}

#worshipServices .series a:hover,
#worshipServices .series a:active,
#worshipServices .entry a:hover,
#worshipServices .entry a:active {
text-decoration: underline;
color: #2D3642;
background-color: transparent;
}

#worshipServices p.moreLink,
#upcomingEvents p.moreLink {
margin: 1.5em 10px 60px 80px;
font-size: 1.1em;
line-height: 1;
text-transform: uppercase;
color: #5A6B85;
background-color: transparent; 
}

#worshipServices p.moreLink a,
#upcomingEvents p.moreLink a {
text-decoration: none;
color: #5A6B85;
background-color: transparent;
}

#worshipServices p.moreLink a:hover,
#worshipServices p.moreLink a:active,
#upcomingEvents p.moreLink a:hover,
#upcomingEvents p.moreLink a:active {
text-decoration: underline;
color: #445064;
background-color: transparent;
}

/* adjust margin for links inside items */
#upcomingEvents .item p.moreLink {
margin-bottom: 0.75em;
}



/* =Resources
------------------------------------------------------------------ */

#podcastPromo,
#biblestudyPromo,
#devotions {
position: relative;
margin-bottom: 1.25em;
padding: 9px 6px 0 40px;
color: #2D3642;
background-color: #FDFDFE;
background-position: 9px 9px;
background-repeat: no-repeat;
border: 6px solid #F3F5F8;
}

#podcastPromo {
background-image: url(/images/site/icon_ipod_cast.png);
}

#biblestudyPromo {
background-image: url(/images/site/icon_book_open.png);
}

#devotions {
background-image: url(/images/site/icon_date.png);
}

#resources h3 {
margin-bottom: 0.5em;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
letter-spacing: 0;
line-height: 1.3;
text-transform: uppercase;
}

#resources h4 {
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 1.2em;
line-height: 1.3;
color: #5A7297;
background-color: transparent;
}

#resources h4 a {
color: #5A7297;
background-color: transparent;
}

#resources h4 a:hover,
#resources h4 a:active {
color: #445064;
background-color: transparent;
}

#resources p {
margin-bottom: 0.5em;
font-size: 1.2em;
line-height: 1.2;
}

#devotions p a {
color: #2D3642;
background-color: transparent;
}

#devotions p a:active,
#devotions p a:hover {
color: #445064;
background-color: transparent;
}

#devotions p.instructions {
margin: 1em 0;
font-size: 1em;
}

#resources p.moreLink {
margin: 1em 10px 0 0;
padding-bottom: 15px;
font-size: 1.1em;
line-height: 1;
text-transform: uppercase;
color: #5A6B85;
background-color: transparent; 
}

#resources p.moreLink a {
text-decoration: none;
color: #5A6B85;
background-color: transparent;
}

#resources p.moreLink a:hover,
#resources p.moreLink a:active {
text-decoration: underline;
color: #445064;
background-color: transparent;
}

/*
#devotions li {
padding-left: 16px;
margin-bottom: 0.2em;
font-size: 1.2em;
line-height: 1.2;
}

#devotions li.current {
background: url(/images/site/bg_arrowRight_orange.png) 0 50% no-repeat;
}

#devotions li a {
color: #2D3642;
background-color: transparent;
}

#devotions li a:active,
#devotions li a:hover {
color: #445064;
background-color: transparent;
}
*/