/*
Theme Name: The Story Of Jesus
*/
html,body{
	display:table;
	height:100%;
	width:100%;
}
body {
	font: 14px/20px Georgia, "Times New Roman", Times, serif;
	color: #4f4224;
	margin:0;
	min-width:980px;
	background:#e7e2d6 url(images/bg-body.gif) no-repeat 50% 0;
}
a{
	color: #4f4224;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img { border-style: none; }

#wrapper {
	width: 940px;
	margin:0 auto;
	padding:0 0 141px;
}
.inner-page #wrapper{
	padding:0 0 38px;
}
#header{
	height:1%;
	padding:41px 0 0 419px;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
#nav li{
	float:left;
	margin-right:17px;
	display:inline;
	font-size:20px;
	line-height:23px;
	font-style:italic;
	padding-bottom:20px;
}
#nav li.active{
	background: url(images/arrow.gif) no-repeat 50% 100%;
}
#nav li a{
	display:block;
	color:#7d8b58;
}
#nav li a:hover,
#nav li.active a{
	color:#c6ba96;
	text-decoration:none;
	background: url(images/bg-nav.gif) no-repeat;
}
#nav li a span{
	display:block;
	padding:3px 9px 7px 8px;
}
#nav li a:hover span,
#nav li.active a span{
	background: url(images/bg-nav-r.gif) no-repeat 100% 0;
}
.promo{
	width:100%;
	margin-bottom:70px;
}
.promo:after{
	content:"";
	display:block;
	clear:both;
}
.logo-holder{
	width:354px;
	float:left;
	position:relative;
	padding:0 0 35px 31px;
	margin:-73px 0 0;
}
.logo{
	width:322px;
	height:473px;
	margin:0 0 0 40px;
	background: url(images/logo.png) no-repeat;
}
.logo a{
	height:100%;
	display: block;
	overflow: hidden;
	position:relative;
	text-indent: -9999px;
}
.logo-holder .view{
	width:161px;
	height:161px;
	position:absolute;
	bottom:0;
	left:35px;
	display:block;
	cursor:pointer;
}
.logo-holder .view span{
	display:block;
	height:161px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-view-sample.png) no-repeat;
}
.promo .text-box{
	float:left;
	padding:68px 0 0 32px;
}
.promo h2{
	width:501px;
	height:35px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 43px 14px;
	background: url(images/text-light-project.gif) no-repeat;
}
.promo .slogan{
	width:284px;
	height:183px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 17px;
	display:block;
	background: url(images/text-reach-your.png) no-repeat;
}
.promo .btn-order{
	width:271px;
	height:75px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 0 6px;
	background: url(images/btn-order-now.png) no-repeat;
}
.promo .btn-order span{
	display:block;
	height:100%;
	position:relative;
	cursor:pointer;
}
.holder{
	height:1%;
}
.holder:after{
	content:"";
	display:block;
	clear:both;
}
.holder .image{
	float:right;
}
.holder .box{
	width:377px;
	text-align:right;
}
.holder .box .list{
	margin:0;
	padding:0 0 34px;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.holder .box .list li{
	float:right;
	padding-left:24px;
}
.holder .box .list li a{
	display:block;
	height:30px;
	text-indent:9999px;
	overflow:hidden;
}
.holder .box .list li a.twitter{
	width:141px;
	background: url(images/link-twitter.gif) no-repeat;
}
.holder .box .list li a.facebook{
	width:146px;
	background: url(images/link-facebook.gif) no-repeat;
}
.holder blockquote{
	width:100%;
	text-align:right;
	margin:0 0 35px;
	overflow:hidden;
}
.holder blockquote q{
	quotes:none;
	font-size:22px;
	line-height:26px;
	color:#5c6440;
	padding-bottom:4px;
	display:block;
}
.holder blockquote q:before,
.holder blockquote q:after{
	content:"";
}
.holder blockquote cite{
	font-size:16px;
	line-height:20px;
	color:#746046;
	font-style:normal;
	display:block;
	padding:9px 0 0;
	background: url(images/line.gif) no-repeat 100% 0;
}
.holder blockquote cite span{
	color:#5c1b1a;
	font-style:italic;
}
.content{
	width:513px;
	float:right;
	margin:-455px 0 0;
	position:relative;
	background:#fff url(images/bg-content-t.gif) no-repeat;
}
.content .t{
	height:1%;
	padding:50px 53px 139px 39px;
	background:url(images/bg-content-b.gif) no-repeat 0 100%;
}
.content h2,
.content h3{
	margin:0;
	font-size:24px;
	line-height:25px;
	color:#5b1b1a;
	font-style:italic;
}
.content p{
	margin:0 0 20px;
}
#footer{
	width:100%;
	text-align:center;
	color:#5c1b1a;
	padding:14px 0 100px;
	font:11px/14px  Arial, Helvetica, sans-serif;
	background: url(images/bg-footer.gif) repeat-x;
}
#footer p{
	margin:0;
}
/**********************/
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;
}
#nav li.current_page_item{
	background: url(images/arrow.gif) no-repeat 50% 100%;
}
#nav li.current_page_item a{
	color:#c6ba96;
	text-decoration:none;
	background: url(images/bg-nav.gif) no-repeat;
}
#nav li.current_page_item a span{
	background: url(images/bg-nav-r.gif) no-repeat 100% 0;
}