@charset "utf-8";
/*
Theme Name: Ecclesiax
Theme URI: http://www.ecclesiax.com/
Description: To be used with the Ecclesiax Website in Wordpress
Version: 1.x
Author: Arjun Mehta
Author URI: http://www.panaelfa.com
Tags: blue, ecclesiax, jesus, jesus christ, people, community

	Ecclesiax 1.0

	This theme was designed and built by Arjun Mehta for Ecclesiax.

*/

/* CSS Document */

img, div {
	behavior: url(iepngfix.htc);
}
html {
	overflow-y: scroll;
}
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	text-align:left;
	color: #384c6a;
	min-width:891px;
}
body.full {
	background: url(images/mainContentFullBackground.png) repeat-y #e9ecf4;
	background-position:center center;
}
body.sideBar {
	background: url(images/mainContentSidebarBackground.png) repeat-y #e9ecf4;
	background-position:center center;
}
a:link {
	color:#799ebe;
	font-weight:bold;
	border: 0px;
}
a:visited {
	color: #799ebe;
	border: 0px;
}
a:hover {
	color: #799ebe;
	text-decoration:underline;
	border: 0px;
}
a:active {
	color: #799ebe;
	border: 0px;
}
a img {
	border:0px;
}
h1 {
	font-size: 30px;
	letter-spacing: -0.055em;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 22px;
	letter-spacing: -0.055em;
	margin: 0;
}
h3 {
	font-size: 16px;
	letter-spacing: -0.05em;
	margin: 0;
	padding: 0;
}
p {
	margin:12px 0 0 0;
	padding:0;
	letter-spacing:-0.015em;
	line-height:1.2em;
}
p.msoNormal {
	margin:12px 0 0 0;
	padding:0;
	letter-spacing:-0.015em;
	line-height:1.2em;
}
ul {
	padding: 0 0 0 16px;
	margin:0;
}
li {
	padding: 0;
	margin:0;
}
form {
	margin:0;
	padding:0;
}
#topBanner {
	background: url(images/topBannerBackground.png) repeat-x center;
	height: 162px;
	width:100%;
	min-width:892px;
}
#topBannerImageContainer {
	position:absolute;
	top:0px;
	height: 162px;
	width:100%;
	min-width:892px;
}
#topBannerImage {
	position:relative;
	height:162px;
	margin-left:auto;
	margin-right:auto;
	background: url(images/topBannerImage.jpg) no-repeat center;
}
#loginRegister{
position:relative;
width:786px;
margin-left:auto;
margin-right:auto;
padding: 23px;
text-align:right;
color:#FFFFFF;
font-size:12px;
}
#loginRegister a{
text-decoration:underline;
color:#FFFFFF;
}
.homeImage{
position:absolute;
left:0px;
top:0px;
}
#theMenuContainer {
	position:absolute;
	top: 162px;
	background:url(images/sectionMenuBackground.png) center repeat-x;
	height:79px;
	width:100%;
	min-width:835px;
	text-align:center;
	border-top: #50647a solid 1px;
	border-bottom: #50647a solid 1px;
}
#theMenu {
	margin-left:auto;
	margin-right:auto;
	width:835px;
	min-width:835px;
	padding: 0;
	text-align:left;
}
#theMenu img.On {
	border-bottom: #799cbc solid 1px;
}
#theMenu img.Off {
	border-bottom: #404954 solid 1px;
}
#leftBorder {
	border-left: #52667d solid 1px;
}
#rightBorder {
	border-right: #52667d solid 1px;
}
#bothBorder {
	border-right: #52667d solid 1px;
	border-left: #52667d solid 1px;
}
#containerHolder {
	position:absolute;
	top: 243px;
	width:100%;
	min-width:835px;
	text-align:center;
}
#container {
	margin-left:auto;
	margin-right:auto;
	width:835px;
	min-width:835px;
	background:url(images/contentMainBackground.png) center repeat-y;
}
#content {
	margin-left:auto;
	margin-right:auto;
	position: relative;
	padding: 0;
	text-align:left;
}
#mainContent.sideBar {
	float:left;
	padding:36px 36px 41px 36px;
	margin:0px;
	width:486px;
	background: url(images/footerFull.png) no-repeat bottom left;
}
#mainContent.full {
	float:left;
	padding:36px 36px 41px 36px;
	margin:0px;
	width:763px;
	background: url(images/footerFull.png) no-repeat bottom left;
}
h1.mainContentTitle {
	margin: 0 0 15px 0;
}
#posting {
	border-top: dotted 3px #799fbf;
	padding: 15px 0 15px 0;
}
#posting.withSpace {
	border-top: dotted 3px #799fbf;
	padding: 15px 0 35px 0;
}
#posting h2 a {
	text-decoration:none;
	color:#384c6a;
}
#sideBarContainer {
	float:right;
	margin:44px 36px 36px 36px;
	padding:0px;
	width:204px;
	text-align:center;
}
h2.sideBar {
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	border-bottom: dotted 3px #799fbf;
}
#sideBarObject {
	padding: 0 0 35px 0;
}
#containerFooter {
	margin-left:auto;
	margin-right:auto;
	width:892px;
	background:url(images/contentFooterBar.png) center top no-repeat;
	min-width:892px;
}
#containerFooterText {
	text-align:right;
	width:auto;
	padding: 60px 45px 29px 0;
	color:#FFFFFF;
}
#comments {
	margin: 13px 0 6px 20px;
}
#comments a {
	text-decoration:none;
	color:#384c6a;
}
#comments img {
	position:relative;
	margin: 0 15px 0 0;
	top: 5px;
}
#comment {
	width:100%;
}
.faceHolder {
	width:157px;
	background:url(images/verticalLine.png) no-repeat;
	background-position: 156px 135px;
}
.pictureHolderA {
	width:221px;
	background:url(images/verticalLine.png) no-repeat;
	background-position: 220px 0px;
}
.pictureHolder {
	width:221px;
	background:url(images/verticalLine.png) no-repeat;
	background-position: 220px 0px;
}
.contentBlock {
	background:url(images/contentCellBackground.png) repeat-y;
	background-position: right top;
	border-bottom:solid 1px #454850;
	padding: 20px;
}
.contentBlockZ {
	background:url(images/contentCellBackground.png) repeat-y;
	background-position: right top;
	padding: 20px;
}
.pictureBlock {
	background:url(images/contentCellBackground.png) repeat-y;
	background-position: right top;
	border-bottom:solid 1px #454850;
}
.pictureBlockZ {
	background:url(images/contentCellBackground.png) repeat-y;
	background-position: right top;
}
.galleryBlock {
}
.contentBlockWithBorder {
	background:url(images/contentCellBackground.png) repeat-y;
	background-position: right top;
	border-bottom:solid 1px #454850;
	padding: 20px;
}
img.smallInfoThumbA {
	border-bottom:solid 1px #454850;
}
img.smallInfoThumb {
	border-top:solid 1px #454850;
	border-bottom:solid 1px #454850;
	position:relative;
	top:-1px;
}
#commentLink {
	background:url(images/commentsThumb.png) no-repeat;
	background-position: 6px 14px;
	padding: 12px 0 2px 36px;
	margin:0;
	letter-spacing:-0.02em;
}
.spacerDivider {
	background:url(images/spacer.png) repeat-x;
	border-top:solid 1px #454850;
	border-bottom:solid 1px #454850;
	height:22px;
}

/*	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: 0;
	margin: 0 0 2px 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

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