/*-------------------------------------------

Project: Home for Good Ministries
Style: style.css
Author: Kevin Mooney Jr
Company: KINETIKMEDIA | www.kinetikmedia.com
Version: 1.0

---------------------------------------------*/

/* HTML */
html,
body {
	background: url("../images/tile-background.jpg") repeat;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p {
	margin-bottom: 12px;	
}

h1 {
	background: url("../images/logo.png") no-repeat 0 0;
	display: block;
	width: 246px;
	height: 51px;
	text-indent: -9999px;
	position: relative;
	top: 20px;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin-bottom: 12px;
}

#maininfo h3,
#subinfo h3 {
	font-size: 161.6%;
	color: #570026;
	margin-bottom: 24px;
}

#maininfo p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 146.5%;
	line-height: 1.7em;
	color: #706a5f;
}

#maininfo span.verse {
	color: #570026;
}

#content h3 {
	font-size: 116%;
	color: #570026;
}

#highlight h3 {
	font-size: 116%;
	color: #DDA519;
}

#content ul {
	padding-left: 14px;	
}

#content li {
	list-style-type: disc;
	margin-bottom: 6px;
}

#content a {
	color: #706a5f;
}

#content a:hover {
	color: #DDA519;
}

img {
	border: none;	
}

#points img {
	margin: 6px 0 12px;
}

#scripture span.emphasize {
	color: #DDA519;
	font-size: 32px;
}

#scripture span.verse {
	color: #570026;
	float: right;
	font-style: normal;
	font-size: 22px;
	background: #e5e4df;
	padding: 6px 12px;
	margin-top: 12px;
}

#footer p.copyright {
	float: right;
	font-size: 93%;
	color: #706a5f;
}

/* NAVIGATION */
#nav {
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 108%;
	text-transform: uppercase;
	position: relative;
	top: 38px;
}

#nav li {
	display: inline;
	margin-left: 20px;
}

#nav li a {
	text-decoration: none;
	color: #000;
}

#nav li a:hover {
	color: #DDA519;
}

#nav li a.current {
	color: #DDA519;
	border-bottom: 2px solid #c6c3bb;
}

#footernav {
	float: left;
}

#footernav li {
	display: inline;
	margin-right: 12px;
}

#footernav li a {
	color: #706a5f;
	text-decoration: none;
}

#footernav li a:hover {
	color: #49061d;
	text-decoration: underline;
}

/* LAYOUT */
#headerwrap {
	background: #fff;
	border-bottom: 2px solid #c6c3bb;
	border-top: 2px solid #c6c3bb;
	margin-top: 24px;
}

#header {
	height: 94px;
}

#mainwrap {
	margin: 24px 0;
	height: 284px;
}

#subwrap {
	margin: 24px 0;
	height: 22px;
}

div#mainnav.grid_8.omega {
	width: 640px;
}

#mainimage {
	display: block;
	width: 517px;
	float: left;
	margin-right: 24px;
	position: relative;
	left: -4px;
}

#contentwrap {
	background: #fff url("../images/tile-content.jpg") repeat-x 0 0;
	padding: 24px 0;
	border-bottom: 2px solid #c6c3bb;
	border-top: 2px solid #c6c3bb;
}

#highlight {
	background: #49061d;
	padding: 24px;
	width: 192px;
	color: #fff;
}

#sidebar {
	background: #c6c3bb;
	padding: 24px 24px 12px 24px;
	width: 192px;
	color: #fff;
}

#points {
	margin-top: 24px;
}

#scripture {
	color: #706a5f;
	margin-top: 48px;
	border-bottom: 2px solid #c6c3bb;
	border-top: 2px solid #c6c3bb;
	font-size: 32px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 24px 0;
}

#footer {
	padding: 24px 0 60px;
}

/* FORMS */
#formwrap {
	border-top: 2px solid #c6c3bb;
	padding: 12px 0;
}

#formwrap div {
	margin: 12px 0;
}

#formwrap input {
	height: 18px;
	margin-top: 2px;
	padding: 2px 4px;
	border: 2px solid #c6c3bb;
}

#formwrap input.formtext {
	width: 360px;
}

#formwrap input.formphone {
	width: 40px;
}

#formwrap textarea.formmessage {
	width: 364px;
	height: 167px;
	border: 2px solid #c6c3bb;
	padding: 4px;
	margin-top: 2px;
}

#formwrap input.button {
	width: 120px;
	padding: 4px;
	height: 26px;
	background: #5b0825;
	border: none;
	color: #fff;
}

#formwrap input.button:hover {
	cursor: pointer;
	background: #DDA519;
	color: #fff;
}









