/*
Theme Name: Youth Of Promise Theme by
Theme URI: http://wordpress.org/
Description: Custom Made Theme By Lyndon B. Abing
Version: 1
Author: Lyndon B. Abing
Author URI: http://lyndonabing.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* ------------------------------  Start: Common Layout ------------------------------ */
body{
	margin:0;
	padding:0;
	color: #fff;
	background-color:#000;
	/*font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;*/
	font-family: Arial;
	font-size: 11px;
	font-weight:normal;
}

div{
	margin:0;
	padding:0;
	line-height: 1.5em;
}

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

ul{
	margin:0; 
	padding:0;
}

ul li{
	list-style:disc inside;
}

a{ color:#ec008c; text-decoration:underline; outline:none;}
a:hover{color:#008dcf; text-decoration:underline;}

	/*--== Forms ==-- */
	input[type="text"],input[type="password"],select{border:solid 0px #aaa;padding:4px;}
	input[type="text"]:hover,input[type="password"]:hover,select:hover{
	background-color:#a7dcff;}
	input[type="submit"]{
	background-image:url(images/button_bg.jpg);
	width:auto;
	height:23px;
	border:solid 1px #fff;
	background-color:#FFFFFF;
	padding:2px 10px 2px 10px;
	text-transform:capitalize;
	font-size:11px;
	}
	
	input[type="submit"]:hover
	{
	background-image:none;
	background-color:#fff;
	color:#000;
	cursor:pointer;
	}
	
	form{
	margin:0;
	padding:0;
	}


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


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

.clear{
	clear: both;
}

/* ------------------------------  End: Common Layout ------------------------------ */

/* ------------------------------  Start: Custom Layout ------------------------------ */

#wrapper{
border: solid 0px #fff;
width: 100%;
}

#navigation{
background-image: url('images/navigation.jpg');
width: 785px;
height: 44px;
margin: auto;
border: solid 0px #fff;
}

		#navigation ul{
		list-style: none;
		width: 520px;
		height: 44px;
		border: solid 0px #fff;
		float: right;
		vertical-align: middle;
		}
		
		#navigation ul li{
		float: left;
		list-style: none;
		height: 16px;
		vertical-align: middle;
		border: solid 0px #fff;
		display: block;
		padding: 16px 12px 12px 12px;
		font-weight: bold;
		}
		
		#navigation ul li a{
		float: left;
		list-style: none;
		height: 16px;
		vertical-align: middle;
		border: solid 0px #fff;
		display: block;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		}		
		
		#navigation ul li:hover{
		background-image: url('images/nav_active_bg.jpg');
		color: #9600ff;
		}
		
		#navigation ul li a:hover{
		color: #9600ff;
		}		
		
		#navigation ul .nav_home {
		background-image: url('images/nav_home.png');
		width: 18px;
		height: 16px;
		display: block;
		padding: 16px 15px 12px 15px;
		text-indent: -99999px;
		}
		
		#navigation ul .nav_home a{
		background-image: url('images/nav_home.png');
		width: 18px;
		height: 16px;
		display: block;
		}
		
		#navigation ul .nav_home:hover{
		background-image: url('images/nav_home.png');
		background-position: bottom;
		width: 18px;
		height: 16px;
		display: block;
		}		
		
		#navigation ul .nav_home-active{
		background-image: url('images/nav_home.png');
		background-position: bottom;
		width: 18px;
		height: 16px;
		display: block;
		padding: 16px 15px 12px 15px;
		text-indent: -99999px;
		display: block;
		}
		
		#navigation ul .nav_home-active a{
		background-image: url('images/nav_home.png');
		width: 18px;
		height: 16px;
		display: block;
		text-indent: -99999px;
		display: block;
		}
		
		#navigation ul .nav_home-active:hover{
		background-image: url('images/nav_home.png');
		width: 18px;
		height: 16px;
		display: block;
		text-indent: -99999px;
		display: block;
		}				
		


#banner{
background-image: url('images/banner.jpg');
width: 1045px;
height: 299px;
margin: auto;
border: solid 0px #fff;
}

#news{
background-image: url('images/news.jpg');
width: 1045px;
margin: auto;
border: solid 0px #fff;
padding: 5px 0 5px 0;
text-align: center;
}

#main-content{
width: 100%;
margin: auto;
border-top: solid 2px #000;
background-color: #fff;
color: #000;
overflow: hidden;
padding-bottom: 20px;
}
	
		#main-content #hor_top{
		background-image: url('images/hor_violet.jpg');
		width: 100%;
		height: 64px;
		}

		#main-content #left{
		width: 50%;
		border: solid 0px #ccc;
		float: left;
		}
		
						#left #issue{
						background-image: url('images/hor_violet.jpg');
						width: 100%;
						height: 64px;
						}

						#left #tv{
						background-image: url('images/tv_bg.jpg');
						width: 100%;
						height: 81px;
						clear: both;
						}

						#left #photo{
						background-image: url('images/photo_bg.jpg');
						width: 100%;
						height: 81px;
						clear: both;
						}	
						
						#left #prayer_request{
						background-image: url('images/prayer_request_bg.jpg');
						width: 100%;
						height: 81px;
						clear: both;
						}																		
						
								#issue #latest{
								background-image:url('images/hor_plumbline_issue.jpg');
								width: 604px;
								height: 64px;
								border: solid 0px #000;
								float: right; 
								}
								
								#issue #title{
								background-image:url('images/hor_title.jpg');
								width: 604px;
								height: 64px;
								border: solid 0px #000;
								float: right; 
								}								
								
								#issue .date{
								text-align: right;
								color: #fff;
								font: 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
								padding: 10px 0 0 0;
								}
								
								#issue .month-issue{
								border: solid 0px #fff;
								width: 200px;
								margin: 13px 0 0 60px;
								padding: 0 0 0 10px;
								color: #fff;
								font: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
								}
						
						#left #left-content{
						width: 545px;
						border: solid 0px #000;
						float: right;
						}
						
						#left #left-content p{
						width: 95%;
						text-align: left;
						line-height: 23px;
						}
						
						#left #left-content p strong{
						color: #ff0197;
						}
						
						#left #left-content ul{
						width: 95%;
						}
						
						#left #left-content h1{
						font: 20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
						font-weight: bold;
						}
						
						#left #left-content h1 a{
						font-size: 15px;
						text-decoration:underline;
						}
						
						#left #left-content .border{
						border-bottom:solid 1px #9600ff;
						margin-bottom: 10px;
						}
						
						#left #left-content h2{
						background-color: #9600ff;
						padding: 5px 10px 5px 10px;
						width: 181px;
						color: #fff;
						font: 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
						margin-top: 20px;
						}
						
						#left #left-content .border{
						border-bottom:solid 1px #9600ff;
						margin-bottom: 10px;
						}
						
						#left #left-content h6{
						background-color: #e1e1e1;
						padding: 5px 10px 5px 10px;
						width: 181px;
						font: 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
						margin-top: 20px;
						color: #000;
						}						
						
						
						#left #left-content ul{
						}
						
						#left #left-content ul li{
						margin-top: 10px;
						margin-bottom: 10px;
						list-style: outside;
						}
						
						#left #left-content #request{
						}
						
											#request h3{
											font-size: 20px;
											}
											
											#request h4{
											font-size: 15px;
											color: #000;
											}
											
											#request h5{
											font-size: 20px;
											}
											
					#left #featured-article{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;					
					}
					
					#left #featured-article p{
					line-height: 20px;
					width: 98%;
					text-align: left;
					}
					
					
					
					#left #featured-article ul{
					}
					
					#left #featured-article ul li{
					}						
											
		
		#main-content #right{
		width: 50%;
		border: solid 0px #ccc;
		margin-left: 51.5%;		
		}
		
						#right #search{
						background-image: url('images/hor_violet.jpg');
						width: 100%;
						height: 64px;
						}	
						
						#right #right-content h2{
						background-image: url('images/right_top_bg.jpg');
						width: 350px;
						height: 54px;
						}
						
						#right #right-content h3{
						font-family: Arial;
						font-size: 11px;
						font-weight: bold;
						width: 350px;
						margin-bottom: 10px;
						}
						
						#right #categories ul{
						margin-left: 20px;
						}
						
						#right #categories li{
						list-style: none;
						margin-bottom: 5px;
						font-size: 11px;
						font-weight: bold;
						}
		
#main-content #footer{
background-image: url('images/footer.jpg');
background-repeat: no-repeat;
width: 1045px;
height: 232px;
background-color: #fff;
clear: both;
border: solid 0px #000;
margin: auto;
margin-top: 100px;
}					
						

/* ------------------------------  End: Custom Layout ------------------------------ */