/*  File: layout.css        */
/*  By:   Jeremy Tredway    */
/*  Ver:  2008-02-08        */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,legend,fieldset,input,textarea,button,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}
:focus {
	outline: 0;
}


/* common elements */

body {
	background: #221f21 url("../img/floral_dark.gif") repeat 0 0;
	color: #444;
	font: normal 11px/1.0 "Lucida Grande", Arial, Verdana, sans-serif;
	margin: 5px 0 50px 0;
	text-align: center;
}

a:link, a:visited {
	color: #0d70b2;
	text-decoration: none;
}
a:hover {
	color: #0d70b2;
	text-decoration: underline;
}

p {
	line-height: 1.3;
	margin: 1em 0;
}

h1 {
	color: #444;
	font: normal 44px/1.0 Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
}
h2 {
	font: normal 26px/1.0 Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	margin: 0 0 .5em 0;
}
h3 {
	font: normal 14px/1.0 Georgia, "Times New Roman", Times, serif;
	margin: 0 0 1em 0;
}
h4 {
	font: bold 12px/1.0 Georgia, "Times New Roman", Times, serif;
	margin: 0 0 1em 0;
}
h5 {
	font-weight: bold;
	margin: 0 0 1em 0;
}


/* layout elements */

#wrapper {
	background: #edeee7 url("../img/wrapper_bg.jpg") repeat 0 0;
}
#wrapper_inner {
	background: transparent url("../img/wrapper_inner_bg.png") repeat-x 0 -30px;
	padding: 20px 0 40px 0;
}
#main {
	margin: 0 auto;
	text-align: center;
	width: 962px;
}

#mast {
	background: transparent url("../img/title_ie6.png") no-repeat bottom center;
	height: 100px;
	text-indent: -999em;
	width: 962px;
}

#content {
	position: relative;
	top: -25px;
}


/* navigation elements */

#nav {
	background-color: #d6d5bf;
	border: 1px solid #c8c4b4;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	width: 950px;
}

#nav a:link, #nav a:visited {
	color: #7e4625;
}
#nav a:hover {
	color: #7e4625;
}


/* timeline elements */

.timeline h2 {
	text-indent: -999em;
	height: 26px;
}

.master_timeline,
.timeline {
	margin: 0 auto;
	padding: 24px 0 50px 0;
}
.master_timeline {
	padding-top: 50px;
}
.faded {
	opacity: 0.75;
}

.master_timeline li,
.timeline li {
	background-color: #fff;
	border: 1px solid #444;
	display: block;
	float: left;
	height: 12px;
	margin-right: 5px;
	position: relative;
	text-transform: uppercase;
}
.master_timeline .active,
.timeline .active {
	background-color: #99917d;
}

.master_timeline li:hover,
.timeline li:hover {
	background-color: #d2cbbd;
	cursor: pointer;
}
.master_timeline li:hover a,
.timeline li:hover a {
	color: #0d70b2;
	text-decoration: underline;
}

.era {
	background: transparent url("../img/marker_dark.gif") no-repeat top center;
	padding-top: 9px;
	position: absolute;
	top: 13px; left: 0;
	text-align: center;
	width: 50px;
}

.offset {
	background: transparent url("../img/marker_offset_dark.gif") no-repeat top center;
	padding-top: 39px;
}
.offset a {
	display: block;
	position: relative;
	top: 0; left: 50%;
	margin-left: -60px;
	width: 120px;
}
.wide a {
	display: block;
	position: relative;
	top: 0; left: 50%;
	margin-left: -45px;
	width: 90px;
}

.date {
	background: transparent url("../img/marker_dark.gif") no-repeat bottom center;
	color: #444;
	display: block;
	font: italic 11px/1.0 Georgia, "Times New Roman", Times, serif;
	padding-bottom: 9px;
	position: absolute;
	top: -34px; left: -19px;
	width: 30px;
}

.end {
	left: auto;
	right: -18px;
}

#timeline_main { width: 640px; }
#main_early .era, #main_early { width: 90px; }
#main_imperial .era, #main_imperial { width: 50px; }
#main_medieval .era, #main_medieval { width: 320px; }
#main_modern .era, #main_modern { width: 150px; }

#timeline_early { width: 890px; }
#early_birth .era, #early_birth { width: 160px; }
#early_persecute .era, #early_persecute { width: 400px; }
#early_peace .era, #early_peace { width: 100px; }
#early_persecute_2nd .era, #early_persecute_2nd { width: 30px; }
#early_peace_2nd .era, #early_peace_2nd { width: 120px; }
#early_persecute_great .era, #early_persecute_great { width: 30px; }

#timeline_imperial { width: 370px; }
#imperial_constantine .era, #imperial_constantine { width: 40px; }
#imperial_christianization .era, #imperial_christianization { width: 140px; }
#imperial_barbaric .era, #imperial_barbaric { width: 140px; }

#timeline_medieval { width: 640px; }
#medieval_barbarism .era, #medieval_barbarism { width: 48px; }
#medieval_frankish .era, #medieval_frankish { width: 162px; }
#medieval_raiders .era, #medieval_raiders { width: 140px; }
#medieval_scholastics .era, #medieval_scholastics { width: 140px; }
#medieval_horizon .era, #medieval_horizon { width: 110px; }

#timeline_modern { width: 640px; }
#timeline_modern li, #timeline_modern .era { width: 120px; }


/* detail page elements */

#timeline_page,
#timeline_details {
	font-size: 13px;
	margin: 4em auto 0 auto;
	text-align: left;
	width: 682px;
}
#timeline_page {
	margin-top: 3em;
}
#timeline_loading {
	text-align: center;
}

#era_details {
	background-color: #fff;
	border: 1px solid #777774;
	padding: 10px 15px;
	width: 650px;
}

#era_details dt {
	float: left;
	clear: left;
	font: italic 13px/17px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 8px 0;
	width: 60px;
}
#era_details dd {
	float: left;
	font: normal 14px/17px Georgia, "Times New Roman", Times, serif;
	line-height: 17px;
	margin: 0 0 8px 0;
	width: 590px;
}
#era_details dd h3 {
	line-height: 17px;
	margin: 0;
}

.era_page h1 {
	background: transparent url("../img/divider.png") no-repeat top center;
	margin-top: 10px;
	padding-top: 20px;
}

.item_details {
	font: normal 11px "Lucida Grande", Arial, Verdana, sans-serif;
	padding: 0 40px 8px 0;
}
.item_details h4,
.item_details h5,
.item_details p {
	margin: 8px 0;
}
.copy_notice {
	color: #777;
	font-size: 9px;
	font-style: italic;
}

.no_tabs {
	padding: 0 40px 8px 16px !important;
}
.no_tabs h4 {
	font: bold 11px "Lucida Grande", Arial, Verdana, sans-serif;
	margin: 8px 0 4px 0 !important;
}
.no_tabs .list_links {
	margin: 4px 0 8px 16px;
}
.no_tabs .list_links li {
	color: #777;
	line-height: 1.3;
	list-style-type: disc;
}

.toggle {
	background: transparent url("../img/sprites.png") no-repeat 0 -37px;
	cursor: pointer;
	padding-left: 16px;
}
.toggle:hover {
	background-position: 0 -277px;
	color: #0d70b2;
	text-decoration: underline;
}
.toggle_off {
	background-position: 0 3px;
}
.toggle_off:hover {
	background-position: 0 -237px;
}
.toggle_empty {
	padding-left: 16px;
}

.list_books {
	margin: 8px 0 8px 16px;
}
.list_books h5 {
	clear: both;
}
.list_books h5 a:link,
.list_books h5 a:visited,
.list_books h5 a:hover {
	color: #059;
}
.list_books .thumb {
	border: 1px solid #ccc;
}
.thumb {
	float: left;
	margin: 0 8px 0 0;
}

.list_links {
	margin: 8px 0 8px 16px;
}

.bible_ref {
	color: #0d70b2;
	cursor: pointer;
}
.bible_ref:hover {
	text-decoration: underline;
}


/* resources page elements */

#era_details .resources {
	padding: 15px;
}
#era_details .resources dt {
	float: none;
	clear: both;
	font: normal 20px/1.5 Georgia, "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	width: auto;
}
#era_details .resources dd {
	float: none;
	clear: both;
	line-height: 1.5;
	margin: 0 0 15px 0;
	width: auto;
}
.resources ul {
	margin: 0 15px;
}
.resources ul.list_books {
	margin: 15px;
}
.resources .list_books li {
	margin: 0 0 15px 0;
}
.resources .list_books .thumb {
	border: none;
	margin: 0;
	width: 90px;
}
.resources .list_books .thumb img {
	border: 1px solid #ccc;
}
.resources .list_books .more {
	padding-left: .5em;
}


/* breadcrumb elements */

#bread_crumb {
	background: #9e9c98;
	border-bottom: #777 solid 1px;
	height: 20px;
	position: relative;
}
#bread_crumb_container {
	background: #222;
	border-bottom: #111 solid 1px;
	border-top: #333 solid 1px;
	font-size: 11px;
	height: 20px;
}
#bread_crumb ul {
	height: 20px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	width: 630px;
}
#bread_crumb li {
	display: block;
	float: left;
	text-align: center;
}
#bread_crumb strong,
#bread_crumb a {
	color: #333;
	display: block;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
}
#bread_crumb a {
	background: transparent url("../img/sprites.png") no-repeat 100% -313px;
}
#bread_crumb a:link,
#bread_crumb a:visited,
#bread_crumb a:active {
	color: #523d20;
}
#bread_crumb a:hover {
	color: #fff;
	text-decoration: none;
}


/* top navigation elements */

#top_nav {
	height: 64px;
	position: relative;
}
#top_nav_container {
	background: #222;
	border-bottom: #111 solid 1px;
	border-top: #333 solid 1px;
	font-size: 12px;
	height: 62px;
}
#top_nav ul {
	height: 62px;
	margin: 0 auto;
	padding: 0 0 0 15px;
	text-align: left;
	width: 700px;
}
#top_nav li {
	display: block;
	float: left;
	padding: 0 30px 0 25px;
	text-align: center;
}
#top_nav a {
	display: block;
	float: left;
	height: 36px;
	line-height: 18px;
	padding: 14px 25px 12px 0;
}
#top_nav a:link,
#top_nav a:visited,
#top_nav a:active {
	color: #555;
}
#top_nav a:hover {
	color: #7c7771;
	text-decoration: none;
}

#top_nav a strong {
	color: #98928b;
	display: block;
	font-family: "Times New Roman",Times,serif;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#top_nav a:hover strong {
	color: #d2ccc6;
}

#top_nav .active {
	background: transparent url("../img/topnav-bg-sprite.gif") no-repeat 0 0;
}
#top_nav .active a {
	background: transparent url("../img/topnav-bg-sprite.gif") no-repeat 100% 0;
}
#top_nav .active a:link,
#top_nav .active a:visited,
#top_nav .active a:active {
	color: #7c7771;
}
#top_nav .active a strong {
	color: #d2ccc6;
}

#top_nav #nav_sites {
	padding-right: 0;
}


/* scrollwork elements */

.scrollwork_top {
	background: transparent url("../img/scrollwork_top.png") no-repeat 0 0;
	width: 962px;
}
.scrollwork_bot {
	background: transparent url("../img/scrollwork_bot.png") no-repeat 0 100%;
	width: 962px;
}
.scrollwork_bg {
	/*background: transparent url("../img/scrollwork_bg.png") repeat-y 0 0;*/
	padding: 0 0 55px 0;
	width: 962px;
}


/* advert elements */

.ad_block {
	height: 60px;
	padding: 24px 0 0 0;
}
.ad_unit {
	float: left;
}
.ad_unit_right {
	float: right;
}


/* footer elements */

#footer {
	background: #222;
	border-bottom: #111 solid 1px;
	border-top: #333 solid 1px;
	color: #555;
	line-height: 1.5;
}
#footer a,
#footer a:link,
#footer a:visited,
#footer a:active {
	color: #555;
}
#footer a:hover {
	color: #7c7771;
}
#footer_inner {
	margin: 0 auto;
	padding: 6px 0 10px 55px;
	width: 740px;
}
#footer dl {
	float: left;
	height: 100px;
	overflow: hidden;
	padding: 0 25px 0 0;
	text-align: left;
	width: 130px;
}
#footer dt {
	color: #98928b;
	font-family: "Times New Roman",Times,serif;
	font-size: 15px;
	height: 22px;
	line-height: 22px;
	letter-spacing: 1px;
	padding: 0 0 3px 0;
	text-transform: uppercase;
}
#footer dl.footer_timelines {
	width: 150px;
}
#footer dl.footer_about {
	width: 110px;
}
#footer dl.footer_copyright {
	width: 180px;
}
#footer dl.footer_featured {
	width: 190px;
}
#footer dl.footer_featured dd,
#footer dl.footer_featured dd li {
	height: 75px;
	overflow: hidden;
	width: 190px;
}
#footer dl.footer_featured dd h6 {
	display: block;
	float: right;
	width: 135px;
}
#footer dl.footer_featured dd .thumb {
	display: block;
	float: left;
	margin: 3px 0 0 0;
	width: 55px;
}
#footer dl.footer_featured dd .thumb img {
	border: 2px solid #444;
}
#footer dl.footer_featured dd .thumb:hover img {
	border: 2px solid #7c7771;
}


/* book review elements */

.book_review_details .thumb {
	padding: 0 1em 0 0;
}
.book_review_details li {
	padding: 0 0 .5em .5em;
}
.book_review_details li b {
	display: block;
	float: left;
	padding: 0 1em 0 0;
	width: 9em;
}


/* documents page elements */

.docs_page h2 {
	line-height: 1.2;
	margin: .5em 0;
}
.docs_page h3 {
	font: normal 18px/1.0 Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	margin: 0 0 .5em 0;
}

.docs_page p {
	padding-left: 50px;
	position: relative;
}
.docs_page p .drop_cap {
	color: #ddd;
	display: block;
	font: normal 30px/30px "Georgia", "Times New Roman", "Times", serif;
	position: absolute;
	left: 0;
	width: 50px;
}

.docs_page .bible_ref {
	font-size: .9em;
}
.docs_page .bible_ref:before {
	color: #444;
	content: "(";
}
.docs_page .bible_ref:after {
	color: #444;
	content: ")";
}
.docs_page .bible_ref:hover {
	text-decoration: none;
}

.docs_page blockquote,
.docs_page q {
	font-style: italic;
	quotes: '"' '"' "'" "'";
}
.docs_page .top {
	color: #608faf;
	display: block;
	font-size: 10px;
	text-align: right;
}
.docs_page .top:visited {
	color: #608faf;
}

.docs_nav {
	color: #999;
	height: 16px;
	margin: 1em 0 2em 0;
	width: 650px;
}
.docs_nav:last-child {
	margin: 2em 0 1em 0;
}
.docs_nav .index,
.docs_nav .next,
.docs_nav .prev {
	display: block;
	float: left;
	width: 217px;
}
.docs_nav .next {
	text-align: right;
	width: 216px;
}
.docs_nav .next a {
	background: transparent url("../img/sprites.png") no-repeat 90px 3px;
	padding-right: 16px;
}
.docs_nav .prev a {
	background: transparent url("../img/sprites.png") no-repeat 0 -77px;
	padding-left: 16px;
}
.docs_nav .index {
	position: relative;
	text-align: center;
}
.docs_nav .index .menu {
	background: url("../img/menu_bg.png") repeat;
	display: none;
	padding: 6px;
	position: absolute;
	left: 10%;
	right: 10%;
	top: 17px;
	text-align: left;
	z-index: 1;
}
.docs_nav .index .menu ul {
	background: #fff;
	border: 1px solid #777;
	padding: 1em 1em .4em 1em;
}
.docs_nav .index .menu ul li {
	padding: 0 0 .6em 0;
}

.docs_page .colophon {
	background: #f8f8f8;
	font-size: 10px;
	padding: .6em;
}


/* share this elements */

.share_this {
	padding-top: 3em;
}
.share_this a {
	background: transparent url("../img/sprites.png") no-repeat 0 -360px;
	padding: 0 0 0 18px;
}


/* clearing the elements */

#footer_inner:after,
.list_books li:after,
dl:after,
ul:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}


/* IE clearing hacks */

#footer_inner,
*.list_books li,
* html dl,
* html ul {
	height: 1%;
}