/*
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
*/

/*
img,
object,
embed {max-width: 100%;}
*/

/* html {overflow-y: scroll;} */

ul {list-style: none;
  margin: 0;
	padding: 0;
	border: 0;}

/*
blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
*/

/*
del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
*/

/* input, select {vertical-align: middle;} */

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

/*
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 
*/

/*
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}
*/

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale ../images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}


/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

#menutop:before, #menutop:After { content: "\0020"; display: block; height: 0; overflow: hidden; }  
#menutop:after { clear: both; }  
#menutop { zoom: 1; }  


body {font: 13px Helmet, Freesans, sans-serif;}
body, select, input, textarea {color: #333;}

/*
a {color: #03f;}
a:hover {color: #69f;}

::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
*/


body {
	font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif;
	background-color:#c91107;
}
.secondary h1 {
	font-size: 5.5em;
	font-weight: normal;
	text-align: center;
	margin-bottom: 0.5em;
	color: #8b8b8b;
}
.secondary h2 {
	color: #484848;
	font-size: 1.875em;
	font-weight: normal;
	margin-bottom: 0.5em;
}
.secondary p {
	color: #484848;
	font-size: 1.2em;
	line-height: 2em;
	margin-bottom: 2em;
}

#background-image {
	width: 100%;
	padding-top: 196px;
	background-image: url(../images/background-overlay-image.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#page-wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#bookshelf-window {
	width: 940px;
	height: 473px;
	padding: 10px;
	background: url(../images/bookshelf-window.png) no-repeat;
	overflow-y: hidden;
	position: relative;
	margin-bottom: 50px;
}
#inner-window {
	width: 940px;
	height: 475px;
	overflow: hidden;
	
}
#bookshelf {
	width: 2000px;
	height: 474px;
	background: url(../images/bookshelf-bg.jpg) no-repeat;
	position: relative;
}

a.shelf-left {
	background: url(../images/left-arrow.png) no-repeat;
	height: 195px;
	width: 33px;
	position: absolute;
	left: -45px;
	top: 145px;
	display:block;
	text-indent: -9999px;
}

a.shelf-right {
	background: url(../images/right-arrow.png) no-repeat;
	height: 195px;
	width: 33px;
	position: absolute;
	right: -45px;
	top: 145px;
	display:block;
	text-indent: -9999px;
}

.secondary a.shelf-left {
	background: url(../images/secondaryleftnav.png) no-repeat;
	height: 89px;
	width: 83px;
	position: absolute;
	left: 0px;
	top: 70px;
	display:block;
	text-indent: -9999px;
}

.secondary a.shelf-right {
	background: url(../images/secondaryrightnav.png) no-repeat;
	height: 89px;
	width: 81px;
	position: absolute;
	right: 0px;
	top: 70px;
	display:block;
	text-indent: -9999px;
}

#old-testament-label {
	width: 227px;
	height: 39px;
	position: absolute;
	left: 355px;
	top: -14px;
	background: url(../images/old-testament-label.png) no-repeat;
	display: block;
}

#new-testament-label {
	width: 227px;
	height: 39px;
	position: absolute;
	left: 355px;
	top: 241px;
	background: url(../images/new-testament-label.png) no-repeat;
	display: block;
}

.old-testament {
	position: absolute;
	top: 10px;
}
	.old-testament li {
		float: left;
	}
.new-testament {
	position: absolute;
	top: 245px;
}	
	.new-testament li {
		float: left;
	}
img.label {
	position: absolute;
}
	img.top {
		top: 208px;
	}
		#label-1 {
			left: 158px;
		}
		#label-2 {
			left: 676px;
		}
		#label-3 {
			left: 1100px;
		}
		#label-4 {
			left: 1600px;
		}
	img.bottom {
		bottom: 3px;
	}
		#label-5 {
			left: 80px
		}
		#label-6 {
			left: 196px;
		}
		#label-7 {
			left: 490px;
		}
		#label-8 {
			left: 857px;
		}
		#label-9 {
			left: 1210px;
		}
		
		#footer-image {
	height: 515px;
	width: 100%;
	background: url(../images/homepage-footer.png) no-repeat center top;
		}

/* Secondary Page */
.header-bookshelf-window {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
	.header-bookshelf {
		height: 238px;
		width: 3317px;
		background: url(../images/bookshelf-long.jpg) repeat-x;
		position: relative;
	}
		.header-bookshelf .long-shelf {
			position: absolute;
			top: 1px;
		}
			.header-bookshelf .long-shelf li {
				float: left;
			}
.main-content-full-width {
	width: 100%;
	background: url(../images/bg-main-content.jpg) #ffffff top repeat-x;
}
	.main-content-wrap {
		width: 97.9166667%;
		max-width: 960px;
		margin: 0 auto;
		padding: 40px 1.0416667%;
		position: relative;
	}
	
	a#home-button {
		position: absolute;
		top: -240px;
		left: 10px;
		display: block;
		width: 144px;
		height: 55px;
		background: url(../images/hafan-home-button.png) no-repeat;
		text-indent: -999px;
	}
		#page-slider {
			margin: 60px;
		}
		.page-info {
			text-align: center;
		}
#blocks-full-width {
	width: 100%;
	background: url(../images/bg-shadow.png) top center no-repeat;
}
	#blocks-wrap {
		width: 960px;
		margin: 0 auto;
	}
		#bible-search-wrap {
			width: 549px;
			height: 48px;
			background: url(../images/bg-bible-search.png) no-repeat;
			position: relative;
			margin: 0 auto;
			margin-bottom: 120px;
		}
		#bible-search-wrap label {
			font-family: 'Nunito', arial, sans-serif;
			font-size: 24px;
			position: absolute;
			left: 45px;
			top: 10px;
			color: #ffffff;
		}
		#bible-search-wrap input[type="text"] {
			position: absolute;
			width: 244px;
			height: 31px;
			background: url(../images/bg-bible-search-input.png) no-repeat;
			top: 9px;
			left: 218px;
			border: none;
		}
		#bible-search-wrap input[type="submit"] {
			position: absolute;
			border: none;
			width: 80px;
			height: 35px;
			background: url(../images/bg-bible-search-submit.png) no-repeat;
			color: #9b0c06;
			top: 7px;
			left: 465px;
			font-family: 'Nunito', arial, sans-serif;
			font-weight: bold;
			font-size: 18px;
		}
		.round-block {
			width: 289px;
			height: 170px;
			background: url(../images/bg-block.png) no-repeat;
			float: left;
			margin-right: 45px;
			margin-top: -85px;
			position: relative;
		}
		
		.round-block-flex {
			float: left;
			margin-right: 45px;
			margin-top: -85px;
			position: relative;
			width: 289px;
			height: auto;
		}
			.round-block-top {
				width: 289px;
				height: 17px;
				background: url(../images/bg-block-top.png) no-repeat;
			}
			.round-block-middle {
				width: 289px;
				min-height: 124px;
				background: url(../images/bg-block-middle.png) repeat-y;
				text-align: center;
				padding-bottom: 1em;
			}
			.round-block-bottom {
				width: 289px;
				height: 18px;
				background: url(../images/bg-block-bottom.png) no-repeat;
			}
		.round-block-last {
			margin-right: 0;
		}
		.slider-block {
			padding: 9px;
			width: 271px;
			height: 152px;
		}
			.round-block-inside {
				width: 263px;
				height: 145px;
				padding: 5px;
				background: url(../images/bg-block-inside.png) no-repeat;
				position: absolute;
				top: 8px;
				left: 8px;
				text-align: center;
			}
				.round-block-inside h3,
				.round-block-middle h3 {
					font-family: 'Nunito', arial, sans-serif;
					font-weight: normal;
					font-size: 26px;
					color: #f29400;
				}
				.round-block-inside p,
				.round-block-middle p {
					color: #ffffff;
					font-size: 14px;
					font-family: 'Nunito', arial, sans-serif;
					font-weight: 300;
				}
					.round-block-inside p b,
					.round-block-middle p b {
						font-size: 14px;
						color: #f29400;
					}
		#beibl-slider {
			width: 270px;
			height: 152px;
			border-radius: 10px;
			overflow: hidden;
		}
			#beibl-slider > div img {
				border-radius: 10px;
				width: 270px;
				height: 152px;
			}
		#homepage-content {
			text-align: center;
			padding-top: 100px;
		}
			#homepage-content > img {
				
			}
			#homepage-content h1 {
				font-family: 'Nunito', arial, sans-serif;
				font-size: 34px;
				color: #ffffff;
				margin-bottom: 10px;
			}
			#homepage-content p {
				font-family: 'Nunito', arial, sans-serif;
				font-size: 14px;
				color: #ffffff;
			}
.footer-full-width {
	width: 100%;
	background: #000000;
	height: 230px;
	padding-top: 20px;
}
	footer {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		text-align: center;
		position: relative;

	}
	.footer-social {
		position: absolute;
		right: 0px;
		top: -10px;
	}
		.footer-social li {
			float: left;
		}
			.footer-social li a {
				display: block;
				width: 33px;
				height: 30px;
				background: url(../images/icon-sprite.jpg) no-repeat;
				text-indent: -9999px;
			}
				.footer-social li a:hover {
					cursor: pointer;
				}
				.footer-social li a.footer-facebook {
					background-position: -100px 0;
				}
					.footer-social li a.footer-facebook:hover {
						background-position: -100px -30px;
					}
				.footer-social li a.footer-twitter {
				
				}
					.footer-social li a.footer-twitter:hover {
						background-position: 0 -30px;
					}
				.footer-social li a.footer-rss {
					background-position: -133px 0px;
				}
					.footer-social li a.footer-rss:hover {
						background-position: -133px -30px;
					}
	footer h3 a {
		text-indent: -9999px;
		display: block;
		width: 155px;
		height: 36px;
		background: url(../images/footer-logo.jpg) no-repeat;
		margin: 10px auto;		
	}
	.secondary footer p {
		color: #ffffff;
		font-size: 0.75em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
		.secondary footer p small {
			font-size: 1em;
		}
		.secondary footer p a {
			color: #f29400;
			text-decoration: none;
		}
			.secondary footer p a:hover {
				text-decoration: underline;
			}
			
			a.next-chapter {
				width: 33px;
				height: 61px;
				display: block;
				position: absolute;
				top: 60px;
				right: 1.0416667%;
				background: url(../images/chapter-right.png) no-repeat;
				text-indent: -9999px;
			}
			
			a.previous-chapter {
				width: 33px;
				height: 61px;
				display: block;
				position: absolute;
				top: 60px;
				left: 1.0416667%;
				background: url(../images/chapter-left.png) no-repeat;
				text-indent: -9999px;
			}
			
			a.next-chapter-base {
				width: 33px;
				height: 61px;
				display: block;
				position: absolute;
				bottom: 135px;
				right: 1.0416667%;
				background: url(../images/chapter-right.png) no-repeat;
				text-indent: -9999px;
			}
			
			a.previous-chapter-base {
				width: 33px;
				height: 61px;
				display: block;
				position: absolute;
				bottom: 135px;
				left: 1.0416667%;
				background: url(../images/chapter-left.png) no-repeat;
				text-indent: -9999px;
			}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

@media only screen and (max-width: 480px) {
	.secondary p {
	font-size: 1.2em;
}

.header-bookshelf-window {
	overflow: auto;
}

#inner-window {
	overflow: auto;	
}

.secondary h1 {
font-size: 3em;
}

a.previous-chapter {
	display: none;
}

a.next-chapter {
	display: none;
}

.secondary a.shelf-left {
	display: none;
}

.secondary a.shelf-right {
	display: none;
}
	
	
}

@media only screen and (max-width: 768px) {
	
	a.shelf-right {
		display: none;
	}
	
	.header-bookshelf-window {
	overflow: auto;
}

#inner-window {
	overflow: auto;	
}

a.previous-chapter {
	display: none;
}

a.next-chapter {
	display: none;
}


.secondary a.shelf-right {
	display: none;
}

.secondary a.shelf-left {
	display: none;
}
	
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}