/* 
*
* CSS Document
* home.css
* 
* Author    :   Greg Merriman
* Copyright	:		Copyright 2009 (c) The Parish of Saint Theodore, Port Talbot
* Created   :   Tue 25 Aug 2009
* Modified  :   Thu 27 Aug 2009
* 
*/


/* homepage styles for st-theodore */


/*---------- [homepage welcome box styles] ----------*/

#welcome
{
	background: url("../images/home/mainbox-background.png") top left repeat;
	border: solid 1px #675734; /*dark gold*/
	height: 240px;
	width: 960px;
	margin: 64px auto 0 auto;
}


#welcome #missionstatement
{
  float: left;
	width: 300px;
	margin: 15px;
}

#welcome ul#options
{
  float: left;
	width: 300px;
	margin: 15px;
}

#welcome #slideshow
{
  float: left;
  width: 300px;
	margin: -24px 0 0 0;
}


#welcome #missionstatement h2
{
	background: url("../images/home/heading-welcome.png") center left no-repeat;
	height: 15px;
	width: 96px;	
}
#welcome #missionstatement h2 span
{
	display: none;
}

#welcome #missionstatement p
{
	font-size: 1.2em;
	font-style: italic;
	line-height: 22px;
}

#welcome #missionstatement p strong em
{
	font-size: 1.0em;
	font-style: normal;
}

#welcome #missionstatement p.statement
{
  margin-top: 16px;
}


#welcome ul#options li
{
  color: #b3b3b3;
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 10px;
}

#welcome ul#options li a
{
  color: #ccc;
}
#welcome ul#options li a:hover, #welcome ul#options li a:active
{
  color: #5aa0ae; /*light blue*/
  border-bottom: dotted 1px #5aa0ae; /*light blue*/
}

#welcome ul#options li.whatson
{
  background: url("../images/home/icon-whatson.png") top left no-repeat;
  padding-left: 32px;
}
#welcome ul#options li.prayer
{
  background: url("../images/home/icon-prayer.png") top left no-repeat;
  padding-left: 32px;
}
#welcome ul#options li.community
{
  background: url("../images/home/icon-community.png") top left no-repeat;
  padding-left: 32px;
}
#welcome ul#options li.history
{
  background: url("../images/home/icon-history.png") top left no-repeat;
  padding-left: 32px;
}

#welcome ul#options li span
{
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}

#welcome ul#options li span a
{
  color: #d3d3d3;
  font-style: italic;
}


#welcome div.pics img
{
	position:relative;
	float: right;
	z-index: -1;
}


#welcome a.sticker
{
	position:relative;
	float: right;
	background: url("../images/stickers/conference.png") top right no-repeat;
	height: 105px;
	width: 100px;
	margin-top: 200px;
	z-index: 100;
}

#welcome a.sticker:hover, #welcome a.sticker:active
{
	background: url("../images/stickers/conference.png") bottom right no-repeat;
}

#welcome a.sticker span
{
	display: none;
}

#welcome a.sticker span
{
	display: none;
}

#welcome a.sticker_wedding
{
	position:relative;
	float: right;
	background: url("../images/stickers/your_wedding.png") top right no-repeat;
	height: 105px;
	width: 100px;
	margin-top: 200px;
	z-index: 100;
}

#welcome a.sticker_wedding:hover, #welcome a.sticker_wedding:active
{
	background: url("../images/stickers/your_wedding.png") bottom right no-repeat;
}

#welcome a.sticker_wedding span
{
	display: none;
}


/*---------- [homepage main_content styles] ----------*/

#main_content
{
  clear: both;
	margin-top: 32px;
}

#main_content #container
{
	margin-left: 16px;
	margin-right: 16px;
}

#main_content h3 span
{
	display: none;
}

#main_content #theparish h3
{
	background: url("../images/home/heading-theparish.png") center left no-repeat;
	height: 24px;
	width: 920px;
}
#main_content #theparish p
{
	font-size: 1.2em;
}

#main_content #sainttheodores,
#main_content #holycross,
#main_content #saintpeters
{
	float: left;
	width: 290px;
	margin-top: 24px;
}

#main_content #holycross,
#main_content #saintpeters
{
	margin-left: 29px;
}

#main_content #sainttheodores h3
{
	background: url("../images/home/heading-sttheodore.png") center left no-repeat;
	height: 24px;
	width: 290px;
}

#main_content #holycross h3
{
	background: url("../images/home/heading-holycross.png") center left no-repeat;
	height: 24px;
	width: 290px;
}

#main_content #saintpeters h3
{
	background: url("../images/home/heading-stpeter.png") center left no-repeat;
	height: 24px;
	width: 290px;
}

#main_content #parishhall,
#main_content #youthhall,
#main_content #coffeeshop
{
	float: left;
	width: 290px;
	margin-top: 16px;
	margin-bottom: 64px;
}

#main_content #youthhall,
#main_content #coffeeshop
{
	margin-left: 29px;
}

#main_content #parishhall h3
{
	background: url("../images/home/heading-parishhall.png") center left no-repeat;
	height: 24px;
	width: 290px;
}

#main_content #youthhall h3
{
	background: url("../images/home/heading-youthhall.png") center left no-repeat;
	height: 24px;
	width: 290px;
}

#main_content #coffeeshop h3
{
	background: url("../images/home/heading-coffeeshop.png") center left no-repeat;
	height: 24px;
	width: 290px;
}

#main_content p a.more
{
	float: right;
	display: block;
	background: url("../images/buttons/more.jpg") top left no-repeat;
	height: 22px;
	width: 103px;
	margin-right: 12px;
}

#main_content p a.more:hover, #main_content p a.more:active
{
	background: url("../images/buttons/more.jpg") bottom left no-repeat;
}

#main_content p a.more span
{
	display: none;
}


/*---------- [homepage footer styles] ----------*/

#footer
{
	background: url("../images/footer/background.jpg") top left repeat-x;
	background-color: #07040a; /*very dark purple*/
	font-size: 1.1em;
}

#footer h4 span
{
	display: none;
}

#footer #joinus,
#footer #youth,
#footer #openingtimes,
#footer #bookings
{
	float: left;
	width: 215px;
	margin-top: 28px;
}

#footer #youth,
#footer #openingtimes,
#footer #bookings
{
	margin-left: 33px;
}

#footer #youth
{
	margin-bottom: 32px;
}

#footer #joinus h4
{
	background: url("../images/home/heading-joinus.png") center left no-repeat;
	height: 20px;
	width: 215px;
}

#footer #joinus p a
{
	display: block;
	float: right;
	background: url("../images/stickers/joinus.png") top right no-repeat;
	height: 80px;
	width: 80px;
	margin-top: -132px;
}

#footer #joinus p a:active, #footer #joinus p a:hover
{
	background: url("../images/stickers/joinus.png") bottom right no-repeat;
}

#footer #joinus p a span
{
	display: none;
}

#footer #youth h4
{
	background: url("../images/home/heading-youth.png") center left no-repeat;
	height: 20px;
	width: 215px;
}

#footer #openingtimes h4
{
	background: url("../images/home/heading-openingtimes.png") center left no-repeat;
	height: 20px;
	width: 215px;
}

#footer #bookings h4
{
	background: url("../images/home/heading-bookings.png") center left no-repeat;
	height: 20px;
	width: 215px;
}

#footer p
{
	margin-top: 8px;
	margin-right: 3px;
	margin-bottom: 8px;
	margin-left: 3px;
}

#footer p.note
{
	margin-top: 24px;
	margin-bottom: 24px;
}

#footer p.copyright
{
	border-top: dotted 1px #494949;
}