@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Holy Ground Family Fellowship(HGFF)
Theme URI: http://hgffdavao.org
Description: A theme by <a href="http://www.lyndonabing.com">Lyndon B. Abing</a>.
Version: 1
Author: Lyndon B. Abing
Author URI: http://lyndonabing.com
*/

/* ------------------------------  Start: Common Layout ------------------------------ */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(images/bg_tile.jpg);
	background-repeat:repeat;
	background-color:#e0e0db;
	color: #fff;
	//font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:normal;
	
}

div{
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
	line-height:1.5em;
	text-align:justify;
}

ul{
	margin:0; 
	padding:0;
}

ul li{
	list-style:none inside;
}

a{ color:#F60; text-decoration:underline; outline:none;}
a:hover{color:#FC0;}


input[type="text"],select{border:solid 1px #b5ad8d;padding:2px;}

h1,h2,h3,h4{
	padding:0px;
	margin:0;
}


#spacer{
	clear:both;
	height:10px;
	margin:0;
	padding:0;
}

#clear{
clear: both;
}


/* ------------------------------  Start: Layout ------------------------------ */
#wrapper{
background-image: url(images/header_bg.jpg);
background-repeat: repeat-x;
height: 489px;
}

#container{
width: 886px;
height: 500px;
border: solid 0px #fff;
margin: auto;
}

/* ------------------------------  Start: Header ------------------------------ */
#container #header{
background-image: url(images/container_top_bg.png);
width: 866px;
height: 249px;
padding: 0 0 0 20px;
}

			#header #logo{
			background-image: url(images/hgff_logo.png);
			width: 613px;
			height: 200px;
			border: solid 0px #fff;
			}
			
			#header #navigation{
			background-image: url(images/nav_bg.png);
			width: 845px;
			height: 57px;
			margin: auto;
			border: solid 0px #fff;
			margin-top: -30px;
			padding: 15px 0 0 0;
			}
			
			#header #navigation #wp{
			border: solid 0px #fff;
			}
			
			#header #navigation #wp li{
			padding:0 0 0 0;
			text-indent: -99999px;
			}
			
			#header #navigation #wp li a{
			color:#fff;
			/*text-indent: -99999px;*/
			}
			
			#header #navigation #wp ul{
			}
			
			#header #navigation #wp ul li{
			text-indent: 0px;
			border: solid 1px #fff;
			text-indent: 0px;
			}
			
			
					#navigation ul{
					border: solid 0px #fff;
					overflow: hidden;
					}
					
					#navigation ul li{
					float: left;
					list-style: none;
					height: 45px;
					/*text-indent: -99999px;*/
					}
					
					#navigation ul li a{
					height: 45px;
					display: block;
					border: solid 0px #fff;
					}
					
					#navigation ul li a:hover{
					background-position: bottom;
					}
					
						#navigation ul .nav_home a{
						background-image: url(images/nav_home.png);
						width: 122px;
						height: 45px;
						}
						
							#navigation ul .nav_home-active a{
							background-image: url(images/nav_home.png);
							width: 122px;
							height: 45px;
							background-position: bottom;
							}						

						#navigation ul .nav_whoweare a{
						background-image: url(images/nav_whoweare.png);
						width: 146px;
						height: 45px;
						}
						
							#navigation ul .nav_whoweare-active a{
							background-image: url(images/nav_whoweare.png);
							width: 146px;
							height: 45px;
							background-position: bottom;
							}							
						
						#navigation ul .nav_ministries a{
						background-image: url(images/nav_ministries.png);
						width: 120px;
						height: 45px;
						}	
						
							#navigation ul .nav_ministries-active a{
							background-image: url(images/nav_ministries.png);
							width: 120px;
							height: 45px;
							background-position: bottom;
							}
													
						
						#navigation ul .nav_projects a{
						background-image: url(images/nav_projects.png);
						width: 102px;
						height: 45px;
						}	
						
							#navigation ul .nav_projects-active a{
							background-image: url(images/nav_projects.png);
							width: 102px;
							height: 45px;
							background-position: bottom;
							}						
						
						#navigation ul .nav_connect a{
						background-image: url(images/nav_connect.png);
						width: 102px;
						height: 45px;
						}
						
							#navigation ul .nav_connect-active a{
							background-image: url(images/nav_connect.png);
							width: 102px;
							height: 45px;
							background-position: bottom;
							}							
						
						#navigation ul .nav_gallery a{
						background-image: url(images/nav_gallery.png);
						width: 102px;
						height: 45px;
						}
					
							#navigation ul .nav_gallery-active a{
							background-image: url(images/nav_gallery.png);
							width: 102px;
							height: 45px;
							background-position: bottom;
							}						
						
						#navigation ul .nav_contact a{
						background-image: url(images/nav_contact.png);
						width: 102px;
						height: 45px;
						}	
						
							#navigation ul .nav_contact-active a{
							background-image: url(images/nav_contact.png);
							width: 102px;
							height: 45px;
							background-position: bottom;
							}																																										
					

/* ------------------------------  Start: body ------------------------------ */
#container #body{
background-color: #000000;
width: 866px;
height: auto;
border: solid 0px #fff;
padding: 10px 10px 10px 10px;
overflow: hidden;
}

			#body #banner{
			margin-bottom: 0px;
			}
			
					#banner #announcement{
					background-image: url(images/banner_left_bg.jpg);
					width: 292px;
					height: 309px;
					float: left;
					}
					
					#banner #announcement #album_slideshow{
					font-size: 9px;
					border: solid 0px;
					padding: 15px 0 0 0;
					} 
					
					#banner #announcement #album_slideshow .image{
					text-align: left;
					border: solid 0px #fff;
					width: 272px;
					height: 252px;
					margin: auto;
					}
					
					#banner #announcement #album_slideshow .ngg-widget entry-content{
					border:none;
					}
					
					#banner #announcement #album_slideshow .ngg-widget img {
					border: solid 1px #000;
					padding: 2px;
					margin: 10px 2px 10px 0;
					}
					
					#banner #announcement #album_slideshow .album_title{
					color: #000;
					font-size: 11px;
					text-align: center;
					margin-top: -10px;
					font-weight: bold;
					}
					
					#banner #announcement #album_slideshow .album_title a{
					color: #000;
					text-decoration: none;
					}
					
					#banner #announcement #album_slideshow .album_title a:hover{
					text-decoration: underline;
					}
					
					#banner #announcement #sunday_service .heading{
					background-image: url(images/sundayservice.png);
					width: 149px;
					height: 29px;
					display: block;
					text-indent: -99999px;
					}
					
					#banner #announcement #sunday_service p{
					margin-bottom: 10px;
					text-align: left;
					line-height:12px;
					}
					
					#banner #slideshow{
					width: 560px;
					height: 309px;
					margin-left: 300px;
					}
					
			#body #main-content{
			background-image: url(images/content_bg.jpg);
			background-repeat: no-repeat;
			height: auto;
			padding: 10px;
			overflow:hidden;
			}
			
					#main-content #content{
					padding: 20px 0 0 0;
					}
					
									#content #left{
									width: 475px;
									border: solid 0px #fff;
									float: left;
									}


									
									#content #left h2{
									color: #ffd200;
									border-bottom: solid 0px #564700;
									}
									
									#content #left #details{
									line-height: 20px;
									}
									
									#content #left #details #msg_list h2{
									font-size: 13px;
									border-bottom: solid 1px #383838;
									margin-bottom: 10px;
									}
									
									#content #left #details .msg_body{
									margin-left: 30px;
									}  
									
									
									.msg_body .ministry_pics{
									border: solid 0px #fff;
									overflow: hidden;
									}		
									
									.msg_body .ministry_pics ul li{
									float: left;
									}
									
																		
									#content #left #details ul{
									}
									
									#content #left #details ul li{
                                                                        line-height:auto;
color:#ebebeb;
									}
									
									#content #left #details h1{
									color: #fff200;
									}
									
									#content #left #details h3{
									margin-bottom: 10px;
									font-weight: bold;
									}
									
									#content #left #details h4{
									}
									
													#details p{
													margin-bottom: 20px;
													text-align: left;
													}
													
													#details .welcome{
													background-image: url(images/welcome.png);
													width: 478px;
													height: 31px;
													display: block;
													text-indent: -99999px;
													}
													
													#details .salvation{
													background-image: url(images/salvation.png);
													width: 268px;
													height: 25px;
													display: block;
													text-indent: -99999px;
													}
													
													#details .articles{
													background-image: url(images/recent_articles.png);
													width: 105px;
													height: 21px;
													display: block;
													text-indent: -99999px;
													}
													
									#content #left #details #single_post{
									border: solid 0px #fff;
									width: 600px;
									}
									
									
									#content #left #details #single_post img{
									border: solid 1px #252525;
									margin-top: 10px;
									margin: 0 10px 10px 0;
									padding: 3px;
									background-color: #000;
									}
									
									#content #left #details #single_post img .none{
									border: solid 1px #252525;
									margin-top: 10px;
									margin: 0 0 10px 0;
									padding: 3px;
									background-color: #000;
									}
									
									

									
									#content #left #details #single_post #attachment_255{
									border: solid 1px #252525;
									text-align:  center;
									background-color: #000;
									padding-top: 4px;
									margin: 0 10px 10px 0;
									float: left;
									}
									#content #left #details #single_post #attachment_255 img{
									}
									#content #left #details #single_post #attachment_255 .wp-caption-text{
									color: #636363;
									text-align:  center;
									padding: 0;
									margin: 0;
									}	
									
									#content #left #details #single_post #comment_template{
									border: solid 0px #fff;
									width: 600px;
									}	
									
									#content #left #details .h1{
									color:#fff;padding:0 0 0 10px;
									margin:-10px 0 0 0;
									font-size:14px;
									font-weight:normal; 
									font-family:Georgia,'Times New Roman',Times,serif;
									font-variant:normal;
									}		
											
																		#comment_template #commentForm{
																		}
																		
																		#comment_template fieldset{
																		border: solid 1px #252525;
																		padding: 20px;
																		}
																		
																		#comment_template fieldset h3{
																		border: solid 1px #252525;
																		background-color: #000;
																		margin-top: -34px;
																		padding: 2px 5px 2px 5px;
																		text-align: center;
																		}
																		
																		.commentlist{
																		}
																		
																		.commentlist li{
																		border-bottom:solid 1px #111111;
																		list-style: none inside;
																		margin: 0  0 20px -40px;
																		}
																		
																		#respond{
																		margin-top: 50px;
																		border: solid 0px #fff;
																		}
																		
																		#respond h3{
																		}
																		
																		input{
																		border: solid 1px #fff;
																		padding: 3px;
																		}
																		
																		textarea{
																		width: 450px;
																		border: solid 1px #fff;
																		padding: 5px;
																		}
																				
													
									#content #article{
									width: 478px;
									height: auto;
									}
									
										#content #article #a_top{
										background-image: url('images/article_top.jpg');
										width: 478px;
										height:87px;
										}
										
										#content #article #a_top .title {
										padding: 0 0 0 0;
										border: solid 0px #000;
										padding: 30px 0 0 40px;
										color:#754c24;
										font-size: 15px;
										font-weight: bold;
										font-family:Georgia,'Times New Roman',Times,serif;
										}
										
										#content #article #a_top .title a{
										color:#754c24;
										text-decoration: none;
										}
																			
										#content #article #a_top .date{
										padding: 0 0 0 0;
										border: solid 0px #000;
										padding: 0 0 0 40px;
										color:#754c24;
										font-size: 11px;
										font-family:Georgia,'Times New Roman',Times,serif;
										}										
										
										#content #article #a_content{
										background-image: url('images/article_bg.jpg');
										width: 478px;
										height:auto;
										overflow: hidden;
										}
										
										#content #article #a_content #text{
										width: 85%;
										border: solid 0px #000;
										margin: auto;
										color:#8c6239;
										font-family:Georgia,'Times New Roman',Times,serif;
										font-size: 11px;
										line-height: normal;
										} 
										
										#content #article #a_content #text p{
										color: #8c6239;
										padding: 5px 0 5px 0;
										}
										
										
											#content #article #a_content #text ul{
											}
										
											#content #article #a_content #text ul li{
											color:#8c6239;
											padding: 0 0 10px 0;
											}
											
											#content #article #a_content #text img{
											width: 150px;
											height: auto;
											padding: 2px;
											border: solid 1px #8c6239;
											float: left;
											margin: 0 10px 10px 0;
											}
										
										#content #article #a_bottom{
										background-image: url('images/article_bottom.jpg');
										width: 478px;
										height:53px;
										}		
										
									#content #article1{
									width: 779px;
									height: auto;
									border: solid 0px #000;
									margin: auto;
									margin-left: 30px;
									}
									
										#content #article1 #a_top{
										background-image: url('images/a_top.png');
										width: 779px;
										height:93px;
										}
										
										#content #article1 #a_top .title {
										padding: 0 0 0 0;
										border: solid 0px #000;
										padding: 30px 0 0 40px;
										color:#754c24;
										font-size: 20px;
										font-weight: bold;
										font-family:Georgia,'Times New Roman',Times,serif;
										}
										
										#content #article1 #a_top .title a{
										color:#754c24;
										text-decoration: none;
										}
																			
										#content #article1 #a_top .date{
										padding: 0 0 0 0;
										border: solid 0px #000;
										padding: 0 0 0 40px;
										color:#754c24;
										font-size: 11px;
										font-family:Georgia,'Times New Roman',Times,serif;
										}										
										
										#content #article1 #a_content{
										background-image: url('images/a_bg.png');
										width: 779px;
										height:auto;
										background-repeat: repeat;
										overflow: hidden;
										}
										
										#content #article1 #a_content #a_left{
										width: 550px;
										border: solid 0px #000;
										float: left;
										}
										
										
										#content #article1 #a_content #a_right{
										width: 250px;
										border: solid 0px #000;
										margin-left: 510px;
										}
										
										#content #article1 #a_content #a_right ul{
										}
										
										#content #article1 #a_content #a_right ul li{
										}
										#content #article1 #a_content #a_right .r_title{
										padding: 0 0 0 0;
										border: solid 0px #000;
										color:#754c24;
										font-size: 15px;
										font-weight: bold;
										font-family:Georgia,'Times New Roman',Times,serif;									
										}
										
										#content #article1 #a_content #a_right .r_title a{
										color:#754c24;
										}
										
										#content #article1 #a_content #a_right .r_date{
										border: solid 0px #000;
										padding: 0 0 0 0px;
										margin: -5px 0 0 14px;
										color:#754c24;
										font-size: 10px;
										font-family:Georgia,'Times New Roman',Times,serif;
										}	
										
										#content #article1 #a_content #text{
										width: 90%;
										border: solid 0px #000;
										margin: auto;
										color:#8c6239;
										font-family:Georgia,'Times New Roman',Times,serif;
										font-size: 11px;
										line-height: normal;
										} 
										
											#content #article1 #a_content #text ul{
											margin: 0;
											padding: 0;
											}
										
											#content #article1 #a_content #text ul li{
											color:#8c6239;
											padding: 0 0 10px 0;
											
											}
											
											#content #article1 #a_content #text img{
											width:auto;
											height: auto;
											padding: 2px;
											border: solid 1px #8c6239;
											float: left;
											margin: 0 10px 10px 0;
											background-color: #fff;
											}
										
										#content #article1 #a_bottom{
										background-image: url('images/a_bottom.png');
										width: 779px;
										height:60px;
										}																														
													
									
									/*
									#content #left #recent_article{
									margin-top: 10px;
									border: solid 0px #fff;
									width: 450px;
									line-height: 16px;
									margin-top: 10px;
									}		
									
									#content #left #recent_article ul{
									}
									
									#content #left #recent_article ul li{
									list-style: none;
									margin-bottom: 20px;
									}	
									
									#content #left #recent_article ul li p{
									color: #959595;
									}
									
									#content #left #recent_article ul li .continue a{
									text-decoration: none;
									color: #959595;
									}
									
									#content #left #recent_article ul li .continue a:hover{
									text-decoration: none;
									color: #fff;
									}
									
									#content #left #recent_article ul li h2{
									margin-bottom: 5px;
									}
									
									#content #left #recent_article ul li p{
									margin-bottom: 10px;
									}
	
									
									#content #left #recent_article .title a{
									color: #fff;
									text-decoration: none;
									}
									
									#content #left #recent_article .date{
									font-size:11px;
									color: #959595;
									}
									
									#content #left #recent_article img{
									width: 300px;
									height: auto;
									padding: 3px;
									border: solid 1px #252525;
									margin-top: 10px;
									}
									
									#content #left #recent_article h1{
									}

									#content #left #recent_article h2{
									}
									
									#content #left #recent_article h3{
									font-size: 16px;
									}
									
									#content #left #recent_article h4{
									}

									#content #left #recent_article h5{
									}	
																																										*/	
									
									#content #left .separator{
									background-image: url(images/left-separator.png);
									width: 449px;
									height: 1px;
									display: block;
									}
									
									#content #left #whatwebelieve{
									line-height: normal;
									color: #838383;
									font-size: 11px;
									}
									
									#content #left #whatwebelieve li{
									list-style: decimal outside;
									margin-left: 20px;
									margin-top: 10px;
									}				
									
									#content #right{
									width: 320px;
									border: solid 0px #fff;
									margin-left: 500px;
									}
									
											#right #upcoming{
												background-image: url(images/upcoming.png);
												width: 320px;
												height: 199px;
											}
											
											#right #upcoming #content{
											padding: 30px 20px 0 20px;
											}
											
											#right #sidebar{
											font-size:10px;
											}
											
											#right #sidebar .separator{
											background-image: url(images/sidebar_separator.png);
											width: 265pxx;
											height: 2px;
											display: block;
											margin: 5px 0 0 20px;
											}
											
													#sidebar h1{
													text-align: center;
													text-indent: -9999px;
													margin: auto;
													}
													
													#sidebar .sundayService{
													background-image: url(images/sunday_service.png);
													width: 111px;
													height: 21px;
													display: block;
													}
													
													#sidebar .announcement{
													background: url(images/heading_announcement.png);
													width: 114px;
													height: 20px;
													display: block;
													}
													
													#sidebar .events{
													background: url(images/heading_events.png);
													width: 154px;
													height: 21px;
													display: block;
													}
													
													#sidebar .articles{
													background: url(images/heading_articles.png);
													width: 113px;
													height: 21px;
													display: block;
													}	
													
													#sidebar #top{
													background-image: url(images/sidebar_brown_top.png);
													width:323px;
													height:auto;
													background-repeat: no-repeat;
													/*padding: 20px 20px 0 20px;*/
													
													background-color: #3d2401; 
													}
													
													#sidebar #bottom{
													background-image: url(images/sidebar_brown_bottom.png);
													width:320px;
													height: 36px;
													background-repeat: no-repeat;
													margin-top: -10px;
													}
													
													
													
													#sidebar ul{
													}
													
													#sidebar ul li{
													list-style: none;
													margin:10px 0 10px 0; 
													}	
													
													#sidebar #yop_block{
													background-image: url('images/yop_block.png');
													margin-top: 20px;
													width: 322px;
													height: 208px;
													display: block;
													}	
													
													#sidebar #yop_block #detail{
													width: 190px;
													margin-left: 120px;
													padding-top: 35px;
													font-size: 9px;
													border: solid 0px #fff;
													line-height: 16px;
													color: #ffd2d7;
													}
													
													#sidebar #yop_block #detail a{
													color: #ffd2d7;
													}

/* ------------------------------  Start: Footer ------------------------------ */
#container #footer{
background-image: url(images/container_bottom_bg.jpg);
background-repeat: no-repeat;
width: 886px;
height: 59px;
border: solid 0px #fff;
clear: both;
text-align: center;
}

			#footer{
			padding:120px 0 0 0;
			text-align: center;
			font-size: 9px;
			color: #b57333;
			}
			
			#footer a{
			color: #b57333;
			text-decoration: none;
			}
			
			#footer a:hover{
			color:#ffb369;
			text-decoration: underline;
			}
			
			
			#footer #nav ul{
			overflow: hidden;
			text-align: center;
			border: solid 1px #fff;
			}
			
			#footer #nav ul li{
			list-style: none;
			float: left;
			margin-right: 10px;
			text-align: center;
		

/* ------------------------------  Start: Single Page ------------------------------ */