/* ------ NOTES ---------------------------------------------------------------

Site: Anglican Parish of Waterloo Bay
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
Company: Anglican Parish of Waterloo Bay
Version: 270509
Ancilliary Files: ie6.css.

--------- CONTENTS ------------------------------------------------------------

COLOUR GUIDE

1: BODY
	a) Base link styles

2: NAV UTILITY
	a) Search form

3: LOGO
	a) Anglican Church Logo

4: NAV MAIN

5: SECONDARY NAV

6: FLASH BANNER

7: MAIN PAGES

8: GOOGLE MAP THUMBS

9: INLINE IMAGE STYLES

10: SECTION NAV

11: PAGINATION

12: NEWSLETTER SUBSCRIBE FORM

13: NEWSLETTER DISPLAY LIST

14: CONTACT & COMMENT FORMS
	a) Comment Specific

--------------------------------------------------------------------------------

----- COLOUR GUIDE  ------------------------------------------------------------

Body Background: #FFF
Body Text: #375072
Headings: #1C2839
Links: #1C2839 - (hover) #
Nav-Utility: #CCC - (hover) #FFF
Utility Nav / Footer Background: ##375072

/* ADDITIONAL STYLESHEETS
============================================================================ */

@import "reset.css";
@import "containers.css";
@import "typography.css";

/* 1. BODY
============================================================================ */

html {background-color:#D2CEC9;}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color:#403100;
	font-size:small;
	background-color:#D2CEC9;
	}

/* 1a. BASE LINK STYLES
============================================================================ */

a:link, a:visited {
	color:#76151F;
	text-decoration:none;
	}

a:hover, a:active, a:focus {
	color:#0A3C61;
	text-decoration:none;
	}

/* 2. NAV-UTILITY
============================================================================ */

#nav_utility {
	position:relative;
	overflow:hidden;
	margin:auto;
	width:960px;
	height:40px;
	color:#FEFEFE;
	font-family: 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
	text-transform:uppercase;
	}

#nav_utility ul {
	float:right;
	margin:auto;
	padding:10px 0.5em 0 0;
	}

#nav_utility li {
	float:right;
	display:inline;
	}

#nav_utility li a {
	display: block;
	padding:0 0.5em;
	border-right:1px solid #FEFEFE;
	text-align:center;
	color:#FEFEFE;
	}

#nav_utility a:hover, #nav_utility a:active, #nav_utility a:focus, #nav_utility a.active {
	color:#FFF;
	text-decoration:underline;
	}

/* 2a. SEARCH FORM
============================================================================ */

div#search {
	float:right;
	width:280px;
	}

#search-ancilliary {
	width:350px;
	}

#search #search_input {
	position:relative;
	height:40px;
	width:280px;
	background: transparent url(/site_images/search_bg.jpg) 100% 0 no-repeat;
	}

#search-ancilliary #search_input {
	position:relative;
	height:40px;
	width:280px;
	background: transparent url(/site_images/search_bg_b.jpg) 100% 0 no-repeat;
	}

#search_input label {
	position:absolute;
	top:10px;
	left:0;
	}

#search-ancilliary #search_input label {
	font-family: 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
	text-transform:uppercase;
	}

input#searchBox {
	position:absolute;
	top:12px;
	right:28px;
	line-height:12px;
	width:182px;
	border:none;
	padding:0;
	}

input#search_button {
	position:absolute;
	top:10px;
	right:0;
	width:20px;
	height:20px;
	opacity:0;
	cursor:pointer;
	}

/* 3. Logo
============================================================================ */

#logo {
	position:relative;
	float:left;
	display:inline;
	height:118px;
	width:473px;
	font-size:1.5em;
	text-transform:lowercase;
	text-align:left;
	color:#FFF;
	}

#logo a {
	position:relative;
	display:block;
	height:118px;
	width:473px;
	}

#logo span {
	position:absolute;
	top:0;
	left:0;
	height:118px;
	width:473px;
	background:transparent url(/site_images/logo.jpg) no-repeat top left;
	}

/* 3a. Anglican Church Logo
============================================================================ */

#anglican {
	float:right;
	height:127px;
	width:152px;
	text-transform:lowercase;
	text-align:left;
	line-height:1.25em;
	letter-spacing:-0.03em;
	}

#anglican a {
	position:relative;
	display:block;
	height:125px;
	width:150px;
	padding:2px;
	color:#FFF;
	}

#anglican span {
	position:absolute;
	top:0;
	left:0;
	height:125px;
	width:152px;
	background:transparent url(/site_images/logo_church.jpg) no-repeat top right;
	}

/* 4. NAV-MAIN
============================================================================ */

#branding ul {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	overflow:hidden;
	}

#branding li {
	display:inline;
	float:left;
	}

#branding li a {
	display: block;
	width:136px;
	padding:0;
	margin:0 1px 0 0;
	color:#FEFEFE;
	text-align:center;
	line-height:2em;
	font-size:1.2em;
	background-color:#0A3C61;
	}

#branding li a:hover, #branding li a:active, #branding li a:focus, #branding li a.active {
	color:#004B85;
	background-color:#F9F6EE;
	}

/* 5. SECONDARY-NAV
============================================================================ */

.default #nav_secondary {
	float:none;
	width:980px;
	margin:0 auto 5px;
	padding-left:5px;
	overflow:hidden;
	}

.default #nav_secondary li {
	float:left;
	display:inline;
	width:235px;
	height:110px;
	margin:0 5px 10px;
	}

#nav_secondary a, #nav_groups a {
	position:relative;
	display:block;
	padding:9px 21px 19px 11px;
	width:203px;
	height:82px;
	color:#201800;
	font-size:1.2em;
	text-align:left;
	}

#nav_secondary a em, #nav_groups a em {
	position:absolute;
	bottom:0;
	left:0;
	padding:9px 21px 19px 11px;
	font-size:0.8em;
	font-style:normal;
	}

.groups-join {background: transparent url(/site_images/group-join.png) 0 0 no-repeat;}
.books {background: transparent url(/site_images/group-home.png) 0 0 no-repeat;}
.groups-home {background: transparent url(/site_images/group-family.png) 0 0 no-repeat;}
.groups-family {background: transparent url(/site_images/group-join.png) 0 0 no-repeat;}
.groups-youth {background: transparent url(/site_images/group-youth.png) 0 0 no-repeat;}
.groups-other {background: transparent url(/site_images/group-other.png) 0 0 no-repeat;}
.education {background: transparent url(/site_images/growth.png) 0 0 no-repeat;}
.involvement {background: transparent url(/site_images/involvement.png) 0 0 no-repeat;}
.missions {background: transparent url(/site_images/missions.png) 0 0 no-repeat;}
.gallery {background: transparent url(/site_images/gallery.png) 0 0 no-repeat;}
.think {background: transparent url(/site_images/think.png) 0 0 no-repeat;}
.events {background: transparent url(/site_images/events.png) 0 0 no-repeat;}
.help {background: transparent url(/site_images/help.png) 0 0 no-repeat;}
.social {background: transparent url(/site_images/social.png) 0 0 no-repeat;}

#nav_secondary a:hover, #nav_groups a:hover {background-position:-235px 0;}

/* 6. FLASH BANNER - FOR HOME PAGE SEE home.css
============================================================================ */

#flashcontent {
	float:left;
	width:485px;
	height:370px;
	background: transparent url(/site_images/flash-bg-main.png) 0 0 no-repeat;
	}

#flashcontent img {margin:5px;}

.gallery #flashcontent {
	float:left;
	width:975px;
	height:550px;
	background: transparent url(/site_images/flash-bg-full.png) 0 0 no-repeat;
	}

/* 7. GOOGLE MAP THUMBS
============================================================================ */

#map_link a img {
	border:1px solid #403100;
	margin-bottom:0.5em;
	}

/* 8. SEARCH RESULTS PAGE
============================================================================ */

.search #content ol li {padding-top:0.5em;}

p.searchURL {
	border-bottom:1px dotted #403100;
	padding-bottom:1em;
	}

.search #content strong {text-decoration:underline;}

/* 9. INLINE IMAGE STYLES
============================================================================ */

img.left {
	clear:left;
	float:left;
	margin:0 8px 8px 0;
	}

img.right {
	clear:right;
	float:right;
	margin:0 0 8px 8px;
	}

img.border {
	border:1px solid #403100;
	padding:3px;
	}

/* 10. SECTION NAV
============================================================================ */

#section_nav ul {
	padding-left:0.5em;
	margin-left:0.5em;
	}

#section_nav li {
	margin-bottom:0.75em;
	margin-left:0.5em;
	list-style:circle;
	}

/* 11. PAGINATION
============================================================================ */

ul#pagination {
	position:relative;
	padding:10px 0 0;
	overflow:hidden;
	}

.search ul#pagination {
	margin:0 0 1em;
	padding:10px 0 1em;
	border-bottom:1px solid #403100;
	}

#pagination li {
	margin:0 0.5em 0 0;
	float:left;
	list-style:none;
	border:1px solid #403100;
	}

#pagination li a {
	display:block;
	padding:1px 5px;
	}

#pagination li.current a {
	background-color:#76151F;
	color:#FEFEFE;
	}

#pagination li.empty {display:none;}

/* 12. NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#newsletter_subscribe form {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px dotted #403100;
	}

#newsletter_subscribe legend{display:none;}

#newsletter_subscribe ol li {margin-bottom:0.5em;}

#newsletter_subscribe label {
	display:block;
	padding-bottom:0.1em;
	}

#newsletter_subscribe input {
	border:1px solid #403100;
	width:100%;
	}

#newsletter_subscribe input {width:201px;}

#newsletter_subscribe .submit {
	padding:0;
	border:none;
	}

#newsletter_subscribe .submit input {
	border:1px solid #403100;
	width:auto;
	background-color:#403100;
	color:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

/* 13. NEWSLETTER DISPLAY LIST
============================================================================ */

#newsletter_subscribe ul {padding-left:0.5em;}

#newsletter_subscribe ul li {
	margin-bottom:0.75em;
	padding-left:25px;
	line-height:15px;
	list-style:none;
	background:#FFF url(/site_images/article.gif) 0 50% no-repeat;
	}

/* 14. CONTACT & COMMENT FORMS
============================================================================ */

.zemContactForm fieldset, #comments fieldset {
	float: left;
	clear: left;
	margin: 0 0 1.5em 0;  
	padding: 0;
	border:1px solid #403100;
	width: 451px;
	}

#comments fieldset.submit {border:none;}

.zemContactForm legend, #comments legend {
	margin:0.5em;
	padding:0 0.5em;
	}

.zemContactForm fieldset ol, #comments fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
	}

.zemContactForm fieldset li, #comments fieldset li {  
	float: left;  
	clear: left;  
	padding-bottom: 1em;
	margin-left:0;
	width: 100%;
	list-style:none;
	}

.zemContactForm label, #comments label {  
	float: left;
	margin-right: 0.5em;
	padding-right:10px;
	width: 100px;  
	text-align:right;
	line-height:1.5em;
	}

#comments label {width:75px;}

.zemContactForm input, #Message, #comments input, #comments #message, 
.zemContactForm select {border:1px solid #403100;}

#Message {width:300px;}

.txpCommentInputMessage {width:325px;}

.zemContactForm fieldset.submit, #comments fieldset submit {   
	float: none;
	border-style: none;
	margin-bottom:0;
	width: auto;  
	background-color: transparent;
	background-image:none;
	}

.zemContactForm .zemError, ul.comments_error {
	margin:0 1em;
	padding:5px 5px 0;
	background-color:#C00;
	color:#FFF;
	overflow:hidden;
	}

.zemContactForm .zemError li, ul.comments_error li {
	padding-bottom:0.5em;
	}

.zemContactForm fieldset.submit input, #comments fieldset.submit input {
	border:1px solid #403100;
	width:auto;
	background-color:#403100;
	color:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

input.disabled {opacity:.5;}

label.zemRequired, #comments label {
	background:#FFF url(/site_images/required.gif) top right no-repeat;
	}

p.zemRequired, p.required {
	padding-left:10px;
	background:#FFF url(/site_images/required.gif) top left no-repeat;
	}

/* 14a: COMMENTS - SPECIFIC
============================================================================ */

#cpreview {
	margin-bottom:1em;
	padding:1em 1em 0.5em;
	background-color:#CCC;
	}

#cpreview, p.details {
	font-style:italic;
	}

#content p.details {
	line-height:30px;
	padding-left:35px;
	background:#E6E6E6 url(/site_images/bq.gif) 0 50% no-repeat;
	font-size:1.1em;
	}

#cpreview .announcement {
	font-style:normal;
	color:#000;
	}

.comments li {
	border:1px solid #999;
	padding:0.5em 0.5em 0;
	margin-bottom:1em;
	background:#E6E6E6 url(/site_images/bq-rt.gif) 95% 95% no-repeat;
	}

ol.comments {
	margin:0 0 0.5em;
	padding:0 0.5em 0;
	}