/*
Theme Name: St Peter's
Theme URI: http://www.echidnaweb.com
Description: St Peter's Church custom template, using Elliot Jay Stocks' Starkers template as a basis
Version: 2 (WP2.6.2)
Author: D Shepherd
Author URI: http://www.echidnaweb.com
Tags: church stpeters
*/
	
	/*@import "style/css/reset.css"; */
	/*@import "style/css/typography.css"; */
	/* @import "style/css/layout.css"; */


/*Echidna Design* - ST PETER'S TEMPLATE */

/* COLOURS */

/*
PAPER WHITE: #F2F2F2
TEXT GREY: #555
LINK BLUE: #5491A3
PALE BLUE: #87AEAF
PALE GREY: #666
PALE PURPLE: #9280A1
PALE YELLOW: #F7F4DA
PAPER YELLOW: #F7F6EC
DUSTY PINK: #A2749A
*/


/*RESET*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {padding: 0;	margin: 0; border: none;}

div {position:relative}

a img, a img:hover {border: none;}

a {text-decoration: none;}

ul, ul li {list-style: none;}

ol {list-style-position: inside; list-style-type: decimal;}

body {font-size: 75%; line-height: 1.75em;}

html>body {font-size: 12px; line-height: 21px;} /* Base font size */

caption, th {text-align:left;}

strong {font-weight: bold;}

em {font-style: italic;}



/*BASIC ELEMENTS*/

h1 {font: normal 1.5em Georgia, Times, 'Times New Roman', serif; color: #444;	line-height: 1.166667em; margin: 1.166667em 0;} /* 18px */

h2 {font: bold 1.4em Georgia, Times, 'Times New Roman', serif; color: #555; line-height: 1.4em; margin: 1.4em 0;} /* 16px */

h3 {font: bold 1.166667em Georgia, Times, 'Times New Roman', serif; color: #666; line-height: 1.5em; margin: 1.5em 0;} /* 14px */

h4 {font: bold 1.166667em Georgia, Times, 'Times New Roman', serif; color: #666; line-height: 1.5em; margin: 1.5em 0;} /* 14px */

h5 {font: bold 1em Georgia, Times, 'Times New Roman', serif; color: #444; line-height: 1em; margin: 1.5em 0;} /* 12px */

p {font: normal 1.166667em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; color: #333; line-height: 1.5em; margin: 1.5em 0;} /* 14px */


abbr {letter-spacing:0.1em;}

/* create extra margin above headers within body text */
p + h2, p + h3 {
	margin-top: 2em;
}


/*GENERIC CLASSES*/

.floatleft {float: left;}

.floatright {float: right;}

.datetext {font-variant: small-caps;}

.fainttext {color: #777; font-size: 1em;}

.caps {font-variant: small-caps;}

.inline-list {
	margin: 0 0 1em 0;
}

.inline-list li {
	float: left;
	padding: 0 1em 0 0;
}

.smallfeet {
	margin-bottom: 0px;
}


/*BASIC LAYOUT & ALIGNMENT*/

body {
	margin: 0 auto;
	background: #3c1e42 url('images/bg/bg_purpleblue.png') repeat-x;
}

#content-wrapper {
	margin: 0px auto;
	width: 960px;
}

#main-content {
	float: left;
	background-color: #f2f2f2;
}


/*HEADER*/

#topstripe {
	height: 29px;
	color: #fff;
}

#user-greeting {
	padding: 5px 10px 0 0;
	font: normal 1em Helvetica, Arial, sans-serif;
}

#user-greeting a {
	font-variant: small-caps;
	text-decoration: none;
	color: #fff;
}

#user-greeting a:hover {
	text-decoration: underline;	
}

#textsize {
	width: auto;
	padding: 3px 15px 0 0;
	font: normal 1.166667em Georgia, Times, 'Times New Roman', serif;
	letter-spacing: 0.05em;
}

#textsize span {
	font-size: 1.333333em;
}

#banner {
	height: 161px;
}


/*MAIN NAV*/

#nav-main {
	float: left;
	width: 100%;
	height: 50px;
	background-color: #f2f2f2;
}

#nav-main li {
	float: left;
	font: normal 0.8em 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

#breadcrumbs {
	float: left;
	width: 937px;
	padding: 0 0 10px 18px;
	font: normal 1em 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #777; 
}

#breadcrumbs a {
	color: #5491A3;
}

#breadcrumbs a:visited {
	color: #7e65a6;
}

/*Mike Rundle's Phark image replacement technique*/
#home-current {width: 69px; height: 39px;	background: url("images/nav/bold-nolight/home.png");	text-indent: -9999px;}
#home {width: 69px; height: 39px;	background: url("images/nav/norm-nolight/home.png");	text-indent: -9999px;}
#home:hover {width: 69px; height: 39px;	background: url("images/nav/norm-light/home.png");	text-indent: -9999px;}
#about-current {width: 88px; height: 39px;	background: url("images/nav/bold-nolight/about.png"); text-indent: -9999px;}
#about {width: 88px; height: 39px;	background: url("images/nav/norm-nolight/about.png"); text-indent: -9999px;}
#about:hover {width: 88px; height: 39px;	background: url("images/nav/norm-light/about.png"); text-indent: -9999px;}
#worship-current {width: 161px; height: 39px; background: url("images/nav/bold-nolight/worship.png"); text-indent: -9999px;}
#worship {width: 161px; height: 39px; background: url("images/nav/norm-nolight/worship.png"); text-indent: -9999px;}
#worship:hover {width: 161px; height: 39px; background: url("images/nav/norm-light/worship.png"); text-indent: -9999px;}
#music-current {width: 66px; height: 39px;	background: url("images/nav/bold-nolight/music.png"); text-indent: -9999px;}
#music {width: 66px; height: 39px;	background: url("images/nav/norm-nolight/music.png"); text-indent: -9999px;}
#music:hover {width: 66px; height: 39px;	background: url("images/nav/norm-light/music.png"); text-indent: -9999px;}
#children-current {width: 200px; height: 39px; background: url("images/nav/bold-nolight/children.png"); text-indent: -9999px;}
#children {width: 200px; height: 39px; background: url("images/nav/norm-nolight/children.png"); text-indent: -9999px;}
#children:hover {width: 200px; height: 39px; background: url("images/nav/norm-light/children.png"); text-indent: -9999px;}
#getting-current {width: 138px; height: 39px; background: url("images/nav/bold-nolight/getting.png"); text-indent: -9999px;}
#getting {width: 138px; height: 39px; background: url("images/nav/norm-nolight/getting.png"); text-indent: -9999px;}
#getting:hover {width: 138px; height: 39px; background: url("images/nav/norm-light/getting.png"); text-indent: -9999px;}
#building-current	{width: 138px; height: 39px; background: url("images/nav/bold-nolight/building.png"); text-indent: -9999px;}
#building	{width: 138px; height: 39px; background: url("images/nav/norm-nolight/building.png"); text-indent: -9999px;}
#building:hover	{width: 138px; height: 39px; background: url("images/nav/norm-light/building.png"); text-indent: -9999px;}
#contact-current {width: 100px; height: 39px; background: url("images/nav/bold-nolight/contact.png"); text-indent: -9999px;}
#contact {width: 100px; height: 39px; background: url("images/nav/norm-nolight/contact.png"); text-indent: -9999px;}
#contact:hover {width: 100px; height: 39px; background: url("images/nav/norm-light/contact.png"); text-indent: -9999px;}

#nav-main a {display: block; height: 39px;}



/*MAIN CONTENT*/

#body-column {
	float: left;
	width: 659px;
	padding: 0 20px 30px 30px;
	border-right: 1px solid #d7d7d7;
}

#body-column table.tableListings {
	position: right;
}

#body-column ul li a, #body-column p a {color: #5491a3; border-bottom:1px dotted #5491a3;}

#body-column a:hover {color: #555;}

#body-column h2 a {border-bottom: 1px dotted #777;}

#body-column ul, #body-column ol {
	font: normal 1.166667em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; 
	color: #333; 
	line-height: 1.5em; 
	margin: 1.5em 0;
}

#body-column ul li {
	list-style: disc;
	list-style-position: inside;
	margin: 1em 0;
}

#body-column h1, #body-column h2, #body-column h3, #body-column h4, #body-column h5 {
	clear: both;
}

#body-column img {
	border: 5px solid #fff;
}

#body-column div.aligncenter { 
	display: block; 
	margin: 1em auto;
}

#body-column img.alignleft {
	float: left;
 	margin: 0 1em 1em 0;
 }
 
#body-column img.alignright {
	float: right;
 	margin: 0 0 1em 1em;
 }
 
blockquote p {
	margin: 1.5em 0 !important;
	line-height: 1.5em !important;
	text-align: left;
	font: italic 1.166667em Georgia, serif;
	color: #666;
}

.pullquote {
	background-color: #e9e9e9;
	border: 5px solid #fff;
	float: right;
	width: 200px;
	padding: 1em;
	margin: 0.5em 0 0.5em 1em;
	font: italic 1.5em Georgia, serif;
	text-align: center;
	color: #777;
}

.wp-caption {
	background: #fff none repeat scroll 0 0;
	margin: 0;
	padding: 0;
	text-align: center;
	border: none;
}

.wp-caption.alignleft {
	margin: 0 1em 1em 0;
}

.wp-caption.alignright {
	margin: 0 0 1em 1em;
}

.wp-caption.aligncenter {
	margin: 0 1em 1em 1em;
}

.wp-caption.alignnone {
	margin: 0 1em 1em 1em;
}

.wp-caption-text {
	font-size: 1em;
	color: #666;
	font-style: italic;
	margin: 0;
	padding: 0 0.5em 0.5em 0.5em;
}


/* Blog Pages */

.adjacent-links li {
	list-style: none !important;
	display: inline;
}

.linkcat {
	list-style: none !important;
}

.footnote {
	clear: both;
	padding: 0 0 2em 0;
}

h2.post-header {
	padding: 0;
	margin: 0;
}

h2 a {
	color: #555;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
}

h3 a, h4 a, h5 a {	
	color: #5491A3;
	border-bottom: 1px dotted #777;
}
#nav-column li select {
	margin: 0 0 2em 0;
}


/* Site Map page */

div.ddsg-wrapper ul li {
	list-style-type: none!important;
	font-weight: bold;
 	margin-top: 2em;
}

div.ddsg-wrapper ul li ul {
 	margin-top: 2em;
}

div.ddsg-wrapper ul li ul li {
	font-weight: normal;
	text-indent: 1em;
	font-size: 0.8em;
}


/* Links Page */

.linklist p {
	font-size: 14px;
}


/* TABLES */

table p {
	padding: 0;
	margin: 0;
}

.tableDescr p {
	font-size: 1em;	
}

/* set width of blog-style list table in Forthcoming Services page */
#body-column table.tableListings {
	width: 640px!important;
}


/*SIDEBAR*/

#nav-column {
	padding: 0 30px 20px 25px;
	float: left;
	width: 185px;
	height: 100%;
}

#nav-column h2 {
	color: #87aeaf;
	font-style: italic;
	font-weight: normal;
	margin: 15px 0 20px 0em;
}

#nav-column ul li {
	font: normal 1.166667em Georgia, serif;
	padding: 0.5em 0 0.5em 0.5em; 
}

#nav-column ul li a {
	color: #666;
}

#nav-column ul li:hover {
	text-decoration: underline;
}

.current_page_item {
	background-color: #F7F4DA;
	border: 1px solid #CFCFCF;
}

.sidebar-logos {
	margin: 50px 0 0 0;
	text-align: center;
}

.sidebar-logos img {
	margin: 0.5em;
}

/* Sidebar Widgets */

/* IE7 title alignment fix - TEST THIS ON BLOG PAGES*/
h2.widgettitle {
	text-align: left;
}

#nav-column li {
	list-style: none;
}

#searchform {
	margin: 2em 0;
}

#searchsubmit {
	margin: 0.5em 0;
}

.tableTime {
	text-transform: lowercase;
	letter-spacing: -0.02em;
}


/*COMMON INFO SECTION*/

/* News (Blog Excerpts) */

#info-section {
	float: left;
	width: 100%;
	border-top: 1px solid #d7d7d7;
	background-color: #f7f6ec;
}

#info-section ul li a {color: #A2749A;}

#info-section p a:hover {text-decoration: underline;}

#info-section ul li a:visited {color: #666;}

#info-section h2 a + a:hover {text-decoration: none;} /* stops RSS feed icon from underlining */


#news-wrapper {
	clear: left;
	float: left;
	width: 280px;
	padding: 10px 15px 20px 30px;
}

#news-wrapper h2.news {
	margin: 1em 0 0em 0;
}

#news-wrapper h2.news a {
	color: #9280A1;
}

#news-wrapper h2.news a img#rss-icon {
	margin: 0 0 -2px 5px;
}

#news-wrapper p {
	margin-top: 0;
	font-size: 1em;
}

#news-wrapper h3, #news-wrapper p {
	font-family: Helvetica, Arial, sans-serif;
}

#news-wrapper span.fainttext em {
	margin: 0;
	padding: 0;
}

#news-wrapper .floatleft {
	margin: 5px 8px 0 0;
}

/* Events */


#events-wrapper {
	float: left;
	width: 280px;
	padding: 10px 15px 20px 15px;
}

.events a {
	color: #b99668;
}

/* Services */

#services-wrapper {
	float: left;
	width: 280px;
	padding: 10px 30px 20px 15px;
}

.services a {
	color: #87aeaf;
}


#biglinks {
	z-index: 0;
	width: 200px;
	height: 300px;
	margin: 30px 0;
	position: relative;
	overflow: hidden;
}

#biglinks li {
	float: left;
	list-style: none;
	padding: 0!important;
}

#biglinks li, #biglinks li a {
	display: block;
	height: 100px;
}

#biglinks li a {	 
	background: url('images/elements/biglinks.png') no-repeat;
	text-indent: -9999px;
}

#biglinks li#link-mag a 				{background-position: 0px 0px; width: 200px;}
#biglinks li#link-mag a:hover 		{background-position: 0 -100px; width: 200px;}
#biglinks li#link-diary a 				{background-position: -200px 0px; width: 200px;}
#biglinks li#link-diary a:hover		{background-position: -200px -100px; width: 200px;}
#biglinks li#link-services a 			{background-position: -400px 0px; width: 200px;}
#biglinks li#link-services a:hover	{background-position: -400px -100px; width: 200px;}


/* BADGES */

ul#badges {
	clear: left;
	float: left;
	padding: 20px 0 30px 150px;
	width: 700px;
}

ul#badges li {
	float: left;
	padding: 0 30px;
}

ul#badges li a:hover {
	border: none;
	text-decoration: none;
}

/*FOOTER*/

#footer-wrapper {
	float: left;
	width: 100%;
	height: 357px;
	background: #3c5864 url('images/bg/bg_footer.jpg') no-repeat; color: #fff;
}

#footer-wrapper ul {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 0.9em;
	line-height: 2em;
}

#footer-wrapper ul li a {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #fff;
}

#footer-wrapper h2 {
	color: #fff;
}

#footleft {
	float: left;
	width: 300px;
	padding: 40px 0 0 40px;
}

#footright {
	float: right;
	text-align: right;
	width: 300px;
	padding: 40px 40px 0 0;
}


/* Admin Login Form */

#loginform {
	font: 1em bold Helvetica, Arial, sans-serif;	
}

#loginform div {
	padding: 0 0 1em 0;
}

#loginform label {
	
}

a img {
text-decoration: none;
}