/* 	
	Stylesheet Name: Book
	Template Name: Bookish
	Description: Expanded layout for complex LEARN NC publications. Provides support for single-level chapters.
	Version: 1.6
	Date: November 2007
	Author: David Walbert
	Author URI: http://www.learnnc.org
	
	Liquid layout, but text columns has max-width of 45em (main) and 30em (sidebar) for readability. 
	Images scale to column width.
	
	KNOWN ISSUES
	
	Tested in Firefox2 , Safari 1 & 2, IE 7, and IE 6.
	
	Safari: If the window width becomes small enough that the main text column gets its width from the % rather than its max-width,
	images stay at 45em wide but their height changes proportionally to the container. Text scaling does not cause a problem. 
	The window needs to be larger than about 900px to avoid this problem. 
	
	IE 6: Max-width does not apply. This is only a problem if the window becomes too small and main-column images overlap the sidebar.
	However, this would be a problem in most simple layouts as well.
*/

	@import url(../../../book/styles/bookish/screen.css);
	@import url(/lp/library/styles/banner.css);
	@import url(/lp/library/styles/microformats.css);

	
	#sidebar {
		margin-top: 4em;
	}
	
	#page-body p + p {
		margin-top: 1em;
		text-indent: 0;
	}
	#page-header h1 {
	}
	
	h1 span {
		/* the page number */
		background: transparent url(images/question.gif) no-repeat right;
		height: 25px;
		margin-top: 0.1em;
	}
	h1 span.chapter-number {
		background-image: none;
		margin-top: 0;
		height: auto;
	}
	.callout h2 {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-size: 1.2em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
	}
	#page-body h1 {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-size: 2.1em;
		margin-bottom: 1em;
	}
	.chapter-title {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-size: 1.2em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
	}

	h2.contents {
		margin-bottom: 1em;
	}
	#sidebar ol.chapters {
		list-style-type: decimal;
		padding-left: 2em;
		text-indent: -2em;
	}
	#sidebar ol.pages {
		list-style-type: bullet;
		list-style-image: url(../../../book/styles/bookish/images/bullet.gif);
	}
	#sidebar ol.chapters li {
		font-size: 1.0em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	#sidebar ol.chapters li li {
		font-size: 1.0em;
		text-transform: none;
		letter-spacing: 0;
	}
	#sidebar ol.pages li, #sidebar ul.contents li, #sidebar ol.chapters li li {
		margin-top: 0.3em;
		margin-bottom: 0.3em;	
	}
	#sidebar ol.contents li span {
		position: relative;
		text-align: left;
		left: 0;
		width: auto;	
	}
	#sidebar .contents li.selected span {
		margin-left: 0;
	}
	#sidebar ol.chapters ol.pages {
		margin-top: 0.5em;
	}
	
	.chapter-contents ol {
		list-style-type: bullet !important;
		list-style-image: url(../../../book/styles/bookish/images/bullet.gif) !important;
	}
	.chapter-contents ol li span {
		display: none !important;
	}