/*
Theme Name: St. Faith's Youth Community
Description: Custom SFYC Theme
Author: James Kirsop/Martin Gibson
Version: 3.0 
*/
body{
	background: #ffffff;
	font-family: helvetica, verdana;
	margin: 0;
	padding: 0px;
}

/* Reuseable class for allowing content to be constrained within the 900px width */
div.constrainer{
	margin: 0 auto;
	position: relative;
	width: 900px;
}
img{border: 0;}

/* Header Sections */
#backtostfaiths{font-size: 14px; display: block; float: left; margin: 8px 0 0 0;}
#backtostfaiths a{text-decoration: none; color: inherit;}

#header_bottom{
        height: 222px;
        background: #9ACC4A url(images/header_bg_stripes_green.jpg) repeat-x;
}

#header_middle{
        background: #999999 url(images/header_greygradient.jpg) repeat-x;
        height: 62px;
}
#header_middle img{
	float: left;	
	margin: 13px 0 0 0;
}

#header_top{
	width: 100%;
	background: #000000 url(images/header_blackgradient.png) repeat-x;	
	color: #474747;
	height: 33px;
	padding: 0px 0 0 0;
}
#headerbanner{
	background: #ffffff url(images/banners/rotate.php) no-repeat;
	height: 222px;
	width: 900px;
}

#searchfloatright{float: right;width: 158px;}

#searchform{
        background: url(images/search_bg.png) no-repeat left top;
        margin: 5.5px 0 0 0;
        width: 170px;
        padding: 0px;
        height: 50px;
        position: absolute;
}

#searchform input.searchvalue{
	background: #454545;
        border:none; color: #888888;
        margin: 2.5px 0 0 8px;
        width: 125px;
}
#searchform input.submit{
        background: url(images/search_arrow_green.png) no-repeat;
        width: 20px; height: 20px;
}
#searchform .searchbt{
        padding: 0px; /*margin: 1px 0px 0px 140px;*/ top: 2px; background: none;
        margin: 3px 0px 0 8px;
        float: left;
}

/* Navigation */
#nav{
	border-right: 2px solid #ffffff;
	float: right;
	font-size: 14px;
	height: 62px;
}
#nav ul{
	list-style: none;
	margin: 0; padding: 0;
	text-transform: lowercase;
}
#nav li a{
	color: #2C2C2C;
	display: block;
	font-weight: bold;
	padding: 22px 0 0px 0;
	text-align: center;
	text-decoration: none;
	width: 89px;
}
#nav li{
	border-left: 2px solid #ffffff;
	float: left;
	height: 62px;
}

/* Page Content */
#comments a{color: #474b5a;}
#commentsHeader{margin: 0 0 10px 0;}
#commentsHeader img{vertical-align: middle;}
span.commentsHeading{color:#9acc4a; font-size: 20px; font-weight: bold; margin: 0 0 0 10px;}
div.post{margin: 10px 0 0 0; width: 600px;}
span.postComments a{color: #474B5A;}
div.postDate{
	background: #ffffff url(images/post_dateicon_green.png) no-repeat;	
	height: 71px;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 71px;
}
span.postDay{color: #ffffff; font-size: 38px; font-weight: bold;}
div.postEntry{clear: both; margin: 10px 0 0 0;}
div.postEntry a{color: #474B5A;}
div.postInfo{
	color: #5B5B5B;
	font-size: 14px;
	margin: 0 0 10px 0;
}
span.postInfoLinks a{color: #666666;}
span.postMonth{color: #666666; display: block; font-size: 16px; padding: 3px 0 8px 0;}
a.postTitle{color: #9ACC4A; font-size: 32px; font-weight: bold; text-decoration: none;}
#posts{
	float: left;
	margin: 0;
	max-width: 600px;
}
/* Sidebar */
#sidebar{
	float: left;
	width: 270px;
}

#sidebar ul.bigblocks{list-style: none;}
#sidebar ul.bigblocks a{color: inherit; display: block; text-decoration: none}
#sidebar ul.bigblocks li{
	background: url(images/sidebar_blockbg.png) no-repeat;
	height: 68px;
	padding: 0 0 8px 0;
	width: 263px;
}
#sidebar ul.bigblocks img{border: 0px; float: right; margin: 15px 10px 0 0;}
#sidebar span.bigblocks{display: block; float: left; font-size: 20px;  margin: 22px 0 0 10px; width: 200px;}

/* Footer */
#footer{
	background: #bbbbbb url(images/header_greygradient.jpg) repeat-x;
	clear: both;
	height: 50px;
	margin: 0 0 5px 0;
	padding: 12px 0 0 0px;
}

#footer img{float: left;}

#copyright{
	color: #919191;
	text-align: right;
	float: right;
	font-size: 13px;
}