/*
Theme Name: ChristianFinantest
Description: A custom WordPress theme specifically designed for the Christian Financial Network website.
Version: 1.0
Author: Derek Traver
*/


body{
	background: #2b3854 url(images/body_bg.jpg) repeat;
	font: 12px Arial, Helvetica, sans-serif;
	color: #555555;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

p, h2, h3, h4{
	margin: 0;
}

p{
	padding: 8px 0;
}

h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #2a0800;
	text-transform: uppercase;
	margin: 0 0 8px 0;
	padding: 8px 0 2px 0;
	border-bottom: 1px solid #e05f01;
}

	h1 a{
		color: #2a0800;
		text-decoration: none;
	}	
	h1 a:hover{
		color: #2a0800;
		font-style:italic;
	}
	
	.entry h1{
		border-bottom: 0;
	}

h2{
	font-size: 18px;
	font-weight: bold;
	color: #e05f01;
	padding: 8px 0;
}

h3{
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0;
}

h4{
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0;
}

#container_top{
	width: 819px;
	height: 10px;
	background: transparent url(images/container_top_bg.jpg) bottom left no-repeat;
	margin: 0px auto;
	margin-top: 5px;
}

#container_bottom{
	width: 819px;
	height: 10px;
	background: transparent url(images/container_bottom_bg.jpg) top left no-repeat;
	margin: 0px auto;
	margin-bottom: 5px;
}

#container{
	background: url(images/container_bg_y.jpg) repeat-y;
	margin: 0px auto;
	width: 799px;
	padding: 0px 10px;
	text-align: left;
}

	#menu{
		padding: 7px 0 0 0;
		margin: 0;
		margin-bottom: 8px;
		width: 100%;
		height: 30px;
		text-transform: uppercase;
		font-weight: bold;
		background: url(images/menu_bg_x.jpg) repeat-x;
		text-align: center;
		border-top: 15px solid #FFFFFF;
	}
		
		#menu li{
			list-style: none;
			display: inline;
			height: 30px;
		}
			
		#menu li a{
			padding: 6px 25px 7px 25px;
			text-decoration: none;
			color: #FFFFFF;
			height: 30px;
			border-right: 1px solid #c15200;
		}
		
		#menu li a:hover{
			color: #fff280;
		}
		
			#menu li a.first{
				border-left: 1px solid #c15200;
			}
			
	#leftColumn{
		width: 214px;
		padding-left: 15px;
		float: left;
	}
	
		#quoteForm{
			background: #e5e5e5;
			color: #333333;
			margin-top: 15px;
			#margin-top: 0;
			padding: 8px;
		}
		
			#quoteForm th{
				text-align: center;
				color: #555555;
				padding: 2px 0;
				font-size: 12px;
			}
		
			#quoteForm td{
				padding: 1px 0;
				font-size: 12px;
			}
			
				#quoteForm td.button{
					padding-top: 6px;
					text-align: right;
				}
		
			#quoteForm input.full{
				width: 190px;
			}
			
			#quoteForm input.zip{
				width: 75px;
			}
			
			#quoteForm input.phone{
				width: 125px;
			}
			
	#rightSide{
		width: 570px;
		float: right;
		background: url(images/rightSide_bg_y.jpg);
	}
	
		#rightColumn{
			width: 200px;
			float: right;
			text-align: right;
			min-height: 510px;
			height: 510px;
		}
		
			#rightColumn ul{
				margin-top: 0;
				margin-right: 5px;
				list-style-type: none;
			}
		
			#rightColumn h2{
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
				color: #aea871;
				padding-bottom: 0;
				margin-bottom: 5px;
				border-bottom: 1px solid #aea871;
			}
			
			#rightColumn li{
				margin: 8px 0 8px 0;
			}
			
			#rightColumn li.categories{
				margin-top: 0;
			}
			
				#rightColumn a{ color: #828282; text-decoration: none; }
				#rightColumn a:hover{ text-decoration: underline; }
	
	#content{
		width: 539px;
		float: right;
		padding: 0 15px 0 15px;
	}
	
		#content.blog{
			width: 335px;
			padding: 0 15px 0 15px;
		}
		
			#content.blog h1{
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 20px;
				font-weight: bold;
				color: #2a0800;
				text-transform: uppercase;
				margin: 0 0 8px 0;
				padding: 8px 0 2px 0;
				background: url(images/h1_bg.jpg) bottom left no-repeat;
				border: 0;
			}
			
				#content.blog h1 a{
					color: #2a0800;
					text-decoration: none;
				}	
				#content.blog h1 a:hover{
					color: #2a0800;
					text-decoration: none;
				}
		
		#content p{
		text-align: justify;					
		}
		
		#content h2 a{color: #e05f01; text-decoration: none;}
		#content h2 a:hover{color: #e05f01; text-decoration: underline;}
		
		#content a{color: #2a0800; font-weight: bold;}
		#content a:hover{color: #e05f01;}
	
		#content .fancyHr{
			width: 532px;
			height: 22px;
			background: url(images/fancy_hr.jpg) no-repeat;
			margin: 5px auto;
		}
		
		#content p.callNow{
			color: #2a0800;
			font-size: 16px;
			font-weight: bold;
			text-align: center;
		}
		
		#content p.callNow span{
			color: #488de1;
		}
		
		#content img{
			border: 1px solid #e05f01;
		}
		
		#content .page_title{
			width: 539px;
			height: 89px;
			border: 1px solid #003980;
			background: url(images/page_title_bg.jpg) no-repeat;
			color: #FFFFFF;
			font-family: "Times New Roman", Times, serif;
			font-style: italic;
			font-weight: bold;
			font-size: 32px;
			letter-spacing: 2px;
		}
		
			#content .page_title p{
				margin: 10px 0 0 10px;
				padding: 0;
				text-align: left;
			}
			
		#content .meta-top{
			font-size: 11px;
			font-style: italic;
			margin-top: -5px;
		}
		
		#content p.meta-more{
			text-align: right;
		}
		
		#content .page-nav{
			margin-top: 10px;
		}
		
		#content .nav-previous{
			float: left;
			text-align: left;
		}		
		#content .nav-next{
			float: right;
			text-align:right;
		}
		
	#boxes {
		margin: 0px auto;
		width: 769px;
		padding: 15px;
		#padding: 0px 15px 15px 15px;
		display: block;
	}
	
		#boxes  a{
			color: #e05f01;
			text-decoration: underline;
			font-weight: bold;
			position: absolute;
			bottom: 15px; 
			right: 15px;
		}
		
			#boxes  a:hover { color: #e05f01; text-decoration: none; }
		
		#boxes h2 {
			font-size: 18px;
			font-weight: bold;
			text-transform: uppercase;
			font-family: Georgia, "Times New Roman", Times, serif;
			text-align: center;
			width: 229px;
			height: 29px;
			background:url(images/box_h2_bg.jpg) no-repeat;
			color: #e05f01;
			margin: 8px;
			padding: 0;
		}
		
		#boxes p{
			padding: 8px;
			padding-top: 0;
		}
		
		#boxleft {
			display: block;
			margin: 0 7px 0 0;
			float: left;
			width: 245px;
			height: 200px;
			position: relative;
			border: 1px solid #999999;
		}
		
		#boxmiddle {
			display: block;
			margin: 0 7px;
			float: left;
			width: 245px;
			height: 200px;
			position: relative;
			border: 1px solid #999999;
		}
		
		#boxright {
			display: block;
			margin: 0 0 0 7px;
			float: left;
			width: 245px;
			height: 200px;
			position: relative;
			border: 1px solid #999999;
		}
	
	.clearfix{
		clear: both;
	}
	
	#footer{
		width: 769px;
		height: 36px;
		background: #f28c41;
		margin: 0px auto;
		border-top: 15px solid #FFFFFF;
		border-bottom: 15px solid #FFFFFF;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
	}
	
		#footer p{
			padding: 0;
			padding-top: 5px;
		}
		
/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
	}
	
	/*	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 */

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

a img {
	border: none;
}

.navigation {
	display: block;
	padding: 6px;
	text-align: center;
	margin: 0 0 10px 0;
	border: 0px solid #e9e9e9;
}

	#content .navigation a{
		color: #e05f01;
	}

        #content .navigation a:hover{
		color: #e05f01;
                text-decoration:underline;

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* End Various Tags & Classes*/