@import url('questionsIndex.css');

/*Welcome to this cascading sheet*/

*{margin:0;padding:0;}

/*Generic*/
img{margin:0;padding:0;border:0;}
a{text-decoration:none;}
p{letter-spacing: .06em;}

body{
	font-size:62.5%;
	font-family:Helvetica, Century Gothic, Century, Arial, sans-serif;
	background: url('../images/background.jpg') repeat;
}

#width{
	position:absolute;
	width:40em;
}
#content{
	width:80em;
	height:120em;
	margin:2% auto;
}
	/*This is the header style*/
	#header{
		float:left;
		position:relative;
		margin:0 0 0 0;
		width:80em;
	}
		#header #navigation{
			margin:24em 0 0 -.2em;
			position:absolute;
			list-style:none;
			
		}
			#header #navigation li{
				float:left;
				margin:.5em;
				background:#000;
			}
			#header #navigation a{
				color:#7bb521;
				font-size:1.1em;
				font-weight:800;
				text-decoration: none;
				float:left;
				background:#000;
				padding:.6em .5em .4em .5em;
			}
			

	/*This is the footer styler*/
	.clear{
		float:clear both;
	}
	#footer{
		float:left;
		padding:0 0 1em 0;
		width:80em;
		height:5em;
		background:url("../images/footer.jpg") no-repeat;
	}
		#footer img{
			float:left;
			margin:0 0 0 1em;
		}
/*This is the style for all pages */

	#columnA .boldwhite{
		font-weight:800;
		color:#fff;
	}
	#columnA p{
		font-size:1.4em;
		line-height:1.2em;
		color:#9f9c9c;
		font-weight:400;
	}
		#columnA .smallerFont{font-size:1.2em;}
		.youtube{float:left; padding:.2em;}

		#columnB a.title{
			float:left;
			font-size:1.2em;
			color:#4ab9f9;
			line-height:1.3em;
		}
			#columnB a:hover.title{color:#5cd748;}
		#columnB a.author{
			float:left;
			font-size:1.2em;
			color:#fff;
			line-height:2em;
		}
		.tony{color:#4ab9f9; font-weight:800;}
		.doug{color:#fff; font-weight:800;}
		.mark{color:#63d748; font-weight:800;}
		.book{font-style:italic;}
/*Header Styles*/
#content.home{
	background:url('../images/HOME/headerHome.jpg') no-repeat;
}
#content.books{
	background:url('../images/BOOKS/headerBooks.jpg') no-repeat;
}
#content.questions{
	background:url('../images/QUESTIONS/headerQuestions.jpg') no-repeat;
}
#content.authors{
	background:url('../images/AUTHORS/headerAuthors.jpg') no-repeat;
}
#content.videos{
	background:url('../images/VIDEOS/headerVideos.jpg') no-repeat;
}
#content.pastVideos{
	background:url('../images/VIDEOS/headerVideos.jpg') no-repeat;
}
#content.instructions{
	background:url('../images/INSTRUCTIONS/headerInstructions.jpg') no-repeat;
}
#content.buynow{
	background:url('../images/BUYNOW/headerBuyNow.jpg') no-repeat;
}
/*This is the style for HOME*/

.home #columnA{
	float:left;
	width:50em;
	margin:30em 0 0 0;
	padding:0 0 1em 0;
}
.home #columnA #box1{
	float:left;
	width:46em;
}
	.home #columnA #box1 a{}
	.home #columnA #box1 a:hover{color:#555;}
.home #columnB{
	float:left;
	width:80em;
}		
	.home #questions{
		position:absolute;
		width:15em;
		height:14em;
		margin:-27em 0 0 47em;
	}
	.home #answers{
		position:absolute;
		width:14em;
		height:9em;
		margin:-15em 0 0 62em;
	}
	.home #ipod{
		position:absolute;
		width:17em;
		height:18em;
		margin:-5em 0 0 50em;
	}
		.link{
		display:block;
		height:100%;
		}
/*This is the style for BOOKS*/
.books #columnA{
	float:left;
	width:15em;
	margin:30em 0 0 0;
	min-height:40em;
}
.books #columnB{
	float:left;
	margin:-55em 0 0 15em;
	width:65em;
	min-height:40em;
	padding:0 0 1em 0;	
}
	.newChristians{background: url('../images/BOOKS/newChristiansTop.jpg') no-repeat;}
	.soulGraffiti{background: url('../images/BOOKS/soulGraffitiTop.jpg') no-repeat;}
 	.worthBelieving{background: url('../images/BOOKS/worthBelievingTop.jpg') no-repeat;}
	
	.books #columnB #box1{
		float:left;
		width:57.7em;
		margin:1em 0 0 4.3em;
		min-height:60em;
		background:url('../images/BOOKS/infoBackground.jpg');
		padding:1.5em;
	}
		.books #columnB #box1 h1{
			float:left;
			color:#fff;
			font-size:1.8em;
			font-weight:400;
		}
		.books #columnB #box1 h2{
			color:#4ab9f9;
			font-size:1.5em;
			margin:1em 0 0 0;
			line-height:1em;
			font-weight:800;
		}
		.books #columnB #box1 h3{
			font-size:1.15em;
			font-weight:800;
			color:#fff;
		}
		.books #columnB #box1 p{
			float:none;
			color:#fff;
			font-size:1.2em;
			line-height:1.4em;
		}
		.books #columnB #box1 .right{
			float:right;
		}
		.books #columnB #box1 img{float:left; padding:0 0 .7em 0;}
		.books #columnB #box1 .viewVideo{float:left; margin: 0 0 0 2em;}
		.books #columB #box1 #box2{
			display:block;
			float:left;
			width:56em;
		}
			.books #columnB #box1 #box2 #box2a{
				float:left;
				width:28em;
				min-height:20em;
			}
				.books #columnB #box1 #box2 #box2a p{
					font-size:1.2em;
				}
				.books #columnB #box1 #box2 a{
					color:#fff;
				}
					.books #columnB #box1 #box2 a:visited{}
					.books #columnB #box1 #box2 a:hover{color:#4ab9f9;}
					.books #columnB #box1 #box2 a:active{}
			.books #columnB #box1 #box2 #box2b{
				float:right;
				width:28em;
				min-height:20em;
			}
				.books #columnB #box1 #box2 #box2b p{
					font-size:1.2em;
				}
				/*This is for Author Videos */
					.books #columnB #box3{
						display:none;
						float:left;
						padding:0 0 1em 0;
					}
						.books #columnB #box3 #box3a{
							float:left;
							margin:.7em 1em 1em 1em;
						}
						.books #columnB #box3 #box3a h1{
							font-size:3em;
							float:left;
							color:#fff;
							font-weight:400;
							padding:0 0 0 .5em;
						}
	.books #columnB .bottom{
		float:left;
		margin:-1em 0 0 4.3em;
	}
/*This is the style for INSTRUCTIONS*/
.instructions #columnA{
	float:left;
	width:51em;
	margin:30em 0 0 0;
	min-height:50em;
	padding:0 0 2em 0;
}
	.instructions #columnA #box1 {
		width:50em;
		padding:.5em;
		min-height:40em;
	}
		.instructions #columnA #box1 h1{
			font-size:1.5em;
			line-height:1.4em;
			font-weight:400;
			color:#fff;
		}
		.instructions #columnA #box1 p{
			font-size:1.2em;
			font-weight:400;
			color:#fff;
		}
		.instructions #columnA #box1 a{
			text-decoration:none;
			color:#fff;
			font-weight:800;
		}
			.instructions #columnA #box1 a:hover{color:#4ab9f9;}
			.instructions #columnA #box1 a:active{color:#fff;}
			.instructions #columnA #box1 a:visited{color:#6b9d1d;}
.instructions #columnB{
	position:absolute;
	margin:30em 0 0 53em;
	width:27em;
	min-height:50em;
	padding:0 0 1em 0;
}
	.instructions #columnB h1{
		float:left;
		color:#fff;
		font-size:1.5em;
		font-weight:800;
		line-height:1.6em;
		width:11em;
	}
	.instructions #columnB .right{
		float:right;
		margin:0 1em 0 0;
	}
	.instructions #columnB #box1{
		float:left;
		width:25em;
		padding:1em;
		min-height:40em;
		background:url('../images/INSTRUCTIONS/greyBackground.jpg') repeat;
	}
		.instructions #columnB #box1a{
			float:left;
			width:23em;
			padding:1em;
		}
		/*This is for the FORM*/
		input{
			margin:.5em 0 0 0;
		}
		.form h3{
			margin:1em 0 0 0;
			font-size:1.3em;
			color:#fff;
			font-weight:400;
		}
		.form p{
			float:left;
			color:#fff;
		}
		
/*This is the style for AUTHORS*/
.authors #columnA{
	float:left;
	width:52em;
	margin:30em 0 0 0;
	min-height:90em;
}
	.authors #columnA #box1{
		float:left;
		width:50em;
	}
		.authors #columnA #box1 .author{
			float:left;
			width:20em;
			height:24.5em;
		}
		.authors #columnA #box1 .text{
			float:left;
			width:29em;
			height:24.5em;
		}
			.authors #columnA #box1 .text h1{
				font-size:1.4em;
				color:#fff;
			}
			.authors #columnA #box1 .text p{
				font-size:1.2em;
				color:#fff;
				font-weight:400;
				line-height:1.4em;
			}
				.authors #columnA #box1 .text p a{
					color:#4ab9f9;
				}
					.authors #columnA #box1 .text p a:visited{}
					.authors #columnA #box1 .text p a:hover{color:#444;}
					.authors #columnA #box1 .text p a:active{}
			.authors #columnA #box1 .text a.blog{
				float:right;
				font-size:1.3em;
				color:#4ab9f9;
				margin:1em 0 0 0;
			}
				.authors #columnA #box1 .text a:visited.blog{}
				.authors #columnA #box1 .text a:hover.blog{color:#444;}
				.authors #columnA #box1 .text a:active.blog{}
.authors #columnB{
	float:left;
	margin:-90em 0 0 52em;
	width:27em;
	min-height:90em;
	padding:0 0 1em 0;

	
}
	.authors #columnB #box1{
		float:left;
		width:27em;
		padding:.5em;
		min-height:81.5em;
		background:url('../images/AUTHORS/greyBackground.jpg') repeat;
	}
		.authors #columnB #box1 #text{
			float:left;
			width:24em;
			padding:1em;
		}
			.authors #columnB #box1 #text h1{
				float:right;
				font-size:1.5em;
				color:#fff;
			}
			.authors #columnB #box1 #text h2{
				float:left;
				font-size:1.4em;
				color:#252525;
			}
			.authors #columnB #box1 #text ul{
				float:left;
				margin:2em 0 0 0;
			}
			.authors #columnB #box1 #text a{
				float:left;
				font-size:1.2em;
				color:#fff;
				line-height:1.2em;
			}
				.authors #columnB #box1 #text a:visited{}
				.authors #columnB #box1 #text a:hover{color:#444;}
				.authors #columnB #box1 #text a:active{}
			.authors #columnB #box1 #text li{
				list-style: none;
			}
/*This is the style for QUESTIONS*/
.questions #columnA{
	float:left;
	width:80em;
	margin:30em 0 0 0;
	min-height:20em;
}
	.questions #columnA #topBox{
		float:left;
		width:80em;
		height:15em;
		background:url('../images/QUESTIONS/topBox.jpg') no-repeat;
	}
		.questions #columnA #topBox h1{
			float:left;
			font-size:1.5em;
			color:#fff;
			margin:.8em 0 0 .5em;
		}
		.questions #columnA #topBox h2{
			float:left;
			font-size:1.5em;
			font-weight:400;
			color:#fff;
			margin:.8em 0 0 .5em;
		}
		.questions #columnA #topBox a.question{
			position:absolute;
			width:28em;
			font-size:1.8em;
			color:#fff;
			margin:2.8em 0 0 -12em;
			line-height:1.2em;
		}
			.questions #columnA #topBox a:visited.question{}
			.questions #columnA #topBox a:hover.question{color:#333;}
			.questions #columnA #topBox a:active.question{}
		.questions #columnA #topBox .ipod2{
			position:absolute;
			margin:3.5em 0 0 73em;
		}
		.questions #columnA #topBox a.post{
			font-weight:800;
			position:absolute;
			margin:4.8em 0 0 58.5em;
			width:7em;
			font-size:1.1em;
			line-height:1.3em;
			color:#63d748;
		}
			.questions #columnA #topBox a:visited.post{}
			.questions #columnA #topBox a:hover.post{color:#fff;}
			.questions #columnA #topBox a:active.post{}
	.questions #columnA #blackBar{
		float:left;
		width:80em;
		height:5em;
		background:url('../images/QUESTIONS/blackBar.jpg') no-repeat;
		
	}
		.questions #columnA #blackBar h1{
			float:left;
			font-size:1.5em;
			color:#63d748;
			margin:1em 0 0 .5em;
			font-weight:400;
		}
	.questions #columnA h4{
		float:left;
		font-size:2em;
		color:#fff;
		margin:1em 0 0 0em;
		font-weight:400;
	}
	.questions #columnA #list{
		float:left;
		width:80em;
		min-height:20em;
	}
		.questions #columnA #list h1{
			float:left;
			font-size:1.4em;
			color:#4ab9f9;
			padding: 0 .3em 0 0;
		}
		
		.questions #columnA #list p{}
		.questions #columnA #list li{
			list-style: none;
			padding:1.2em .5em 1em .5em;
		}
			.questions #columnA #list li.alternate{
				background:#151515;
			}
		
/*This is the style for VIDEOS*/
.videos #columnA{
	float:left;
	width:80em;
	margin:30em 0 0 0;
}
	.videos #columnA #topBox{
		float:left;
		width:80em;
		height:15em;
		background:url('../images/VIDEOS/topBox.jpg') no-repeat;
	}
		.videos #columnA #topBox a.next{
			margin:.5em 0 0 20em;
			padding:0 0em 0 1em;
			position:absolute;
			z-index: 11;
			font-size: 1.3em;
			color: #ffffff;
		}
		.videos #columnA #topBox h1{
			float:left;
			font-size:1.5em;
			color:#fff;
			margin:.8em 0 0 .5em;
		}
		.videos #columnA #topBox h2{
			float:left;
			font-size:1.5em;
			font-weight:400;
			color:#fff;
			margin:.8em 0 0 .5em;
		}
		.videos #columnA #topBox a.question{
			position:absolute;
			width:28em;
			font-size:1.8em;
			color:#fff;
			margin:2.8em 0 0 -12em;
			line-height:1.2em;
		}
			.videos #columnA #topBox a:visited.question{}
			.videos #columnA #topBox a:hover.question{color:#333;}
			.videos #columnA #topBox a:active.question{}
		.videos #columnA #topBox .ipod2{
			position:absolute;
			margin:3.5em 0 0 73em;
		}
		
		.videos #columnA #topBox a.post{
			position:absolute;
			font-weight:800;
			margin:4.8em 0 0 58.5em;
			width:7em;
			font-size:1.1em;
			line-height:1.3em;
			color:#63d748;
		}
			.videos #columnA #topBox a:visited.post{}
			.videos #columnA #topBox a:hover.post{color:#fff;}
			.videos #columnA #topBox a:active.post{}
	.videos #columnA #blackBar{
		float:left;
		width:80em;
		height:5em;
		background:url('../images/VIDEOS/greyBar.jpg') no-repeat;
	}
		.videos #columnA #blackBar h1{
			float:left;
			font-size:1.5em;
			color:#63d748;
			margin:1em 0 0 .5em;
			font-weight:400;
		}
	.videos #columnA #nowVideos{
		float:left;
		width:80em;
		min-height:25em;
	}
		.videos #columnA #nowVideos .youtube{
			float:left;
			margin:.6em;
		}
	.videos #columnA #pastVideos{
		float:left;
		width:80em;
		margin:1em 0 0 2.5em;
	}
		.videos #columnA #pastVideos li{
			list-style:none;
			padding:1em 0 2em 0;
			background:#fff;
			width:75em;
		}
		.videos #columnA #pastVideos h1{
			float:left;
			font-size:1.4em;
			color:#4ab9f9;
			margin:0 0 0 .5em;
		}
		.videos #columnA #pastVideos h2{
			float:left;
			font-size:1.4em;
			color:#9d9d9d;
			margin:0 0 0 .5em;
		}
		.videos #columnA #pastVideos .youtube{
			float:left;
			margin:1em 0 0 0;
		}
		
/*This is for the BUYNOW page*/
.buynow #columnA{
	float:left;
	width:80em;
	margin:30em 0 0 0;
	min-height:30em;
}
	.buynow #columnA h1{
		float:left;
		font-size:1.5em;
		font-weight:800;
		padding:.7em .5em .5em .5em;
		width:80em;
		height:1.3em;
		color:#fff;
		background:url('../images/BUYNOW/topLine.jpg')no-repeat;
	}
	.buynow #columnA h2{
		font-size:1.6em;
		float:left;
		line-height:1.3em;
		padding:.7em .2em 1em .2em;
		font-weight:400;
		color:#fff;
		margin:.3em 0 0 0;

	}	
		.buynow img{
			float:left;
		}
		.buynow #columnA ul{
			float:left;
			margin:1em 0 0 0;
		}
		.buynow #columnA li{
			list-style:none;
			font-size:1.4em;
		}
			.buynow #columnA li a{
				color:#fff;
			}
			.buynow #columnA li a:hover{
				color:#4ab9f9;
			}
/*Past Videos*/
.pastVideos #columnA{
	float:left;
	width:80em;
	margin:30em 0 0 0;
}
	.pastVideos #columnA img.more{
		float:left;
	}
	.pastVideos #columnA img.previous{
		float:left;
	}
	.pastVideos #columnA #topBox{
		float:left;
		width:80em;
		height:15em;
		background:url('../images/VIDEOS/topBox.jpg') no-repeat;
	}
	.pastVideos #columnA #topBox a.previous{
		margin:.6em 0 0 1em;
		position:absolute;
		z-index: 11;
	}
	.pastVideos #columnA #topBox a.next{
		margin:.6em 0 0 12em;
		position:absolute;
		z-index: 11;
	}
		.pastVideos #columnA #topBox h1{
			float:left;
			font-size:1.5em;
			color:#fff;
			margin:.8em 0 0 .5em;
		}
		.pastVideos #columnA #topBox h2{
			float:left;
			font-size:1.5em;
			font-weight:400;
			color:#fff;
			margin:.8em 0 0 .5em;
		}
		.pastVideos #columnA #topBox a.question{
			position:absolute;
			width:28em;
			font-size:1.8em;
			color:#fff;
			margin:2.8em 0 0 3em;
			line-height:1.2em;
		}
			.pastVideos #columnA #topBox a:visited.question{}
			.pastVideos #columnA #topBox a:hover.question{color:#333;}
			.pastVideos #columnA #topBox a:active.question{}
		.pastVideos #columnA #topBox .ipod2{
			position:absolute;
			margin:2.8em 0 0 -4.4em;
		}
		
		.pastVideos #columnA #topBox a.post{
			position:absolute;
			font-weight:800;
			margin:4.8em 0 0 58.5em;
			width:7em;
			font-size:1.1em;
			line-height:1.3em;
			color:#63d748;
		}
			.pastVideos #columnA #topBox a:visited.post{}
			.pastVideos #columnA #topBox a:hover.post{color:#fff;}
			.pastVideos #columnA #topBox a:active.post{}
	.pastVideos #columnA #blackBar{
		float:left;
		width:80em;
		height:5em;
		background:url('../images/VIDEOS/greyBar.jpg') no-repeat;
	}
		.pastVideos #columnA #blackBar h1{
			float:left;
			font-size:1.5em;
			color:#63d748;
			margin:1em 0 0 .5em;
			font-weight:400;
		}
	.pastVideos #columnA #pastVideos{
		float:left;
		width:80em;
		margin:1em 0 0 1em;
	}
		.pastVideos #columnA #pastVideos li{
			list-style:none;
			padding:1em 0 2em 0;
			background:#fff;
			width:75em;
		}
		.pastVideos #columnA #pastVideos h1{
			float:left;
			font-size:1.4em;
			color:#4ab9f9;
			margin:0 0 0 .5em;
		}
		.pastVideos #columnA #pastVideos h2{
			float:left;
			font-size:1.4em;
			color:#9d9d9d;
			margin:0 0 0 .5em;
		}
		.pastVideos #columnA #pastVideos .youtube{
			float:left;
			margin:.6em;
		}
			.pastVideos #columnA #pastVideos a img.youtube{
				float:left;
				margin:0;
				padding:0;
			}
		
		.pastVideos #columnA a{
			margin:0 1em 0 ;
			float:right;
			font-size:1.3em;
			color:#fff;
		}
			.pastVideos #columnA a:hover{
				color:#555;
			}