/*  
Theme Name: St Peter's Theme
Theme URI: http://drogheda.armagh.anglican.org/
Description: Theme for St Peter's, Drogheda.
Version: 0.9
Author: Alastair Graham
Author URI: http://serenos.net/
*/



/* Begin Typography & Colors */


* {
	padding:0;
	margin:0;
	}
	
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #fff;
	width: 800px;
	margin: 5px auto;
	color: #323232;
	text-align: center;
	}
	
#page {
	background: url('images/bkgnd.jpg') bottom left no-repeat;
	text-align: left;
	}
	
a {
	color: #aa1114;
	text-decoration: none;
	}
	
a:hover {
	color: #deba6d;
	text-decoration: underline;
	}
	

#header {
	height: 108px;
	background: #fff url('images/hdr.jpg') 99% 50% no-repeat;
	}

#headerimg {
	width: 234px;
	height: 102px;
	background: #fff url('images/title.jpg') bottom center no-repeat;
	text-indent: -9000px;
	}
	
#headerimg a {
	display: block;
	width: 234px;
	height: 105px;
	}
	
#nav {clear: both;}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 36px;
	background: #aa1114;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
}

#nav a {
	display: block;
	padding: 0 4px;
	color: #fff;
}

#nav li {
	float: left;
	padding: 0 4px;

	}

#nav li ul {
	position: absolute;
	padding: 0 4px;
	left: -999em;
	background: #aa1114;
}


#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background: #aa1114;
}

#nav a:hover {
	color: #deba6d;
	text-decoration: underline;
	}

h2 {
	font-size: 1.75em;
	color: #aa1114;
	padding: 10px 0 5px 0;
	}
	
p {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 5px 0;
	}
	
h3 {
	font-size: 1.3em;
	color: #aa1114;
	padding: 5px 0;
	text-align: left;
	}
	
.archive {
	text-align: left;
	color: #323232;
	}
	
h4 {
	font-size: 1.3em;
	color: #aa1114;
	padding: 5px 0;
	text-align: left;
	}
	
/* may need:
.about h4 {
	font-size: 1.3em;
	color: #aa1114;
	padding: 5px 0;
	text-align: center;
	}
 */
 
#linkcontent li ul {
	margin-left: 1em;
}
	
#content ul, ol {
	padding: 5px 0 5px 20px;
	font-size: 1.2em;
	}
	
#content li {
	padding: 0 5px;
	}
	
#content ul ul {
	font-size: 1em;
	}
	
#linkcontent ul {
	padding: 5px 0;
	font-size: 1.2em;
	line-height: 1.5em;
	list-style-type: none;
	}
	
#linkcontent ul {
	padding:  0;
	margin: 0;
	}
	
#linkcontent li {
	padding: 0;
	list-style-type: none;
	}

	
#linkcontent h2 {
	font-size: 1.3em;
	color: #323232;
	}
	
#linkcontent h3 {
	font-size: 1.75em;
	color: #aa1114;
	padding: 10px 0 5px 0;
	text-align: left;
	}
	
#collect {
	float: right;
	margin: 10px 0 0 0;
	width: 248px;
	background: url('images/collbd.jpg');
	}
	
#collect h3 {
	background: url('images/collhd.jpg') top left no-repeat;
	padding: 10px 10px 0 8px;
	text-align: left;
	}
	
#collect p {
	padding: 5px 10px 10px 8px;
	}
	
.collectbtm {
	background: url('images/collft.jpg') bottom left no-repeat;
	text-align: center;
	padding-bottom: 15px;
	}
	
#collect a:hover {color: #fff;}
	
.homepost p {
	padding: 5px 260px 5px 0;
	}

.homecolumn {
	width: 600px;
	float: left;
	}
	
.about {
	width: 600px;
	float: left;
	}
	
/* Begin Sidebar */
#sidebar {
	padding: 0;
margin: 0 0 0 607px;
	width: 190px;
	}
	
	
#eventspackage {
	background: url('images/eventbd.jpg') repeat-y;
margin: 0;
padding: 0;
	}
	
#events {
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	background: url('images/eventhd.jpg') top left no-repeat;
	}
	
#events h3 {
	padding: 5px 9px 5px 6px;
	text-align: center;
	color: #aa1114;
	}
	
.sb-pagemenu ul {
	list-style-type: none
	}
	
.sb-pagemenu li {
	padding: 5px 0 0 0;
	}

#events .event_list {
	padding: 0 5px 20px 4px;
	margin: 0;
	background: url('images/eventft.jpg') bottom left no-repeat;
	}


#events .event_list li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#events .event_list li a { 
	color: #990000;
	display: block;
	border: 1px dotted #999;
	border-width: 1px 0 0 0;
	font: bold 120% Arial, Helvetica, sans-serif;
	padding: 5px;
	text-decoration: none;
}

 * html #events .event_list li a {  /* make hover effect work in IE */
	width: 170px;
}

.event_list li a:hover {
	background: #ffffcc;
}

.event_list a em { 
	color: #323232;
	display: block;
	font: normal 85% Verdana, Helvetica, sans-serif;
	line-height: 125%; 
	}



/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

hr {
	display: none;
	}

a img {
	border: none;
	}
	
blockquote {
	padding: 5px 0; 
	margin: 0 20px;
}
	
#footer {
	border-top: 1px solid #e0dfdf;
	margin: 10px 10px 10px 190px;
	clear: both;
	text-align: right;
	}
	
/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}
/* End Contact Form ][ CSS */