/* 	
	Stylesheet Name: Digital Textbook
	Template Name: Bookish
	Description: Expanded layout for complex LEARN NC publications. Provides support for single-level chapters.
	Version: 2.0
	Date: June 2009
	Author: David Walbert
	Author URI: http://www.learnnc.org
*/

	@import url(/lp/templates/book/styles/bookish/screen.css);
	@import url(forms.css);
	@import url(fixtable.css);


	body { behavior:url("/lp/library/scripts/csshover3.htc"); }


/*	NEW TYPOGRAPHY
	______________________________________________________________________________________ */
	
	
	body {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
	}
	
	/* SERIF */

	h1, h2, #page-body p, #page-body li, #page-body dt, #page-body dd, #cover p, #cover li, #cover dt, #cover dd {
		font-family: Constantia, Georgia, serif;
	}
	#page-body p, #page-body li, #page-body dt, #page-body dd, #cover p, #cover li, #cover dt, #cover dd {
		font-size: 1.4em;
		line-height: 1.71em;
	}
	
	/* SANS-SERIF */
	
	p.caption, .callout, .pullout, .sideimage, .popup, p.small, p.highlight, p.author, p.next-page, p.subtitle, p.summary, p.supertitle, .alert p, .era p {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
	}
	p.caption, #page-body .callout p, #page-body .sideimage p.caption, dd.popup p, dd.popup li, dl.popup dt, dl.popup dd, #sidebar p, #sidebar li, #sidebar dt, #sidebar dd, #page-footer p, #page-footer li, #page-footer dt, #page-footer dd {
		font-size: 1.2em !important;
		line-height: 1.5em !important;
	}
	.data th, .data td, .rubric th, .rubric td, .geo th, .geo td, .data caption, .rubric caption {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		font-size: 1.3em !important;
		line-height: 1.4em !important;
	}
	.data td p, .data td li, .data td dt, .data dt dd {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		font-size: 1.0em !important;
		line-height: 1.4em !important;
	}
	#page-body .data td p {
		margin-top: 1em;
		text-indent: 0;
	}
	.geo th p, .geo td p {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
	}
	li p, li li, li dt, li dd, dd p, dd li, dd dt, dd dd, th p, td p, td li, td dt, td dd, li th, li td, li .data th, li .data td {
		font-size: 1em !important;
	}
	#sidebar li li {
		font-size: 1em !important;
	}
	#sidebar li ul {
		margin-left: 1.5em;
	}
	#gmap dt, #gmap dd {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.2em ;
	}
	#gmap dd {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.1em;
	}
	span.pullout {
		font-size: 0.857em; /* = 1.2/1.4 */
		width: 11.67em;	/* = 14/1.2 */
		padding-left: 1.67em; /* = 2/1.2 */
		line-height: 1.5em; /* otherwise too spread-out to read */
		padding-top: 0.23em; /* evens first line with main column */
	}
	p.author {
		font-size: 1.4em;
	}
	p.summary, p.subtitle, .alert p {
		font-size: 1.3em;
	}
	#page h3 {
		font-size: 1.5em;
	}
	#page h3 a {
		border-bottom: solid 1px #ccc;
	}
	#page h3 a:hover {
		border-bottom-color: #195fb4;
	}
	#sidebar h3 {
		font-size: 1.2em;
	}
	#page h4 {
		font-size: 1.5em;
	}
	.sideimage .caption {
		margin-bottom: 1em;	
	}
	
	.chapter-intro {
		font-size: 1.0em;
	}
	
	strong.caps {
		font-size: 0.86em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	


	/* MEASURE */

	#page {
		width: 65%;
	}
	#sidebar {
		margin-left: 75%;
	}
	#page-header, #page-body, #page-footer, #cover, .slide {
		max-width: 56em;
	}
	.wide {
		width: 72em;
		max-width: 72em;
	}
	dd.popup {
		width: 30em;
	}


	#page-body blockquote {
		/* Indent and label with big blue quotation mark. */
		padding-top: 4px;
	}
	#page-sidebar blockquote {
		/* Indent and label with big blue quotation mark. */
		padding-top: 1px;
	}
	
	#page-body .no-indent p + p {
		margin-top: 1em;
		text-indent: 0;
	}


	.pdfnote {
		display: none;
	}

/*	EXPANDED TOC
	______________________________________________________________________________________ */
	
	#toc ol {
		list-style: none;
		padding-left: 0;
	}
	#toc ol ol {
		margin-left: 0;
	}
	#toc li span {
		position: absolute;
		text-align: right;
		display: block;	
	}
	#toc .chapters li span {
		left: -1.87em;
		width: 12.8em;
	}
	#toc .chapters li li span, #toc .pages li span {
		left: -2.7em;
		width: 13.5em;	
		margin-top: -0.2em;
	}
	#toc .chapters li {
		font: normal bold 1.5em Corbel, "Trebuchet MS", Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin: 1em 0;
	}
	#toc .chapters li li {
		font: normal normal 0.93em Constantia, Georgia, serif;
		text-transform: none;
		letter-spacing: 0;
		margin: 0;
	}
	#toc li ol {
		margin-top: 1em;
	}
	
	
	#toc dl {
		position: relative;
		margin: 0;
		margin-left: -0.5em;
		padding-left: 0.5em;
	}
	#toc dt {
		font-size: 1.0em;
		font-weight: normal;	
		padding: 0.07em 0 0.14em 0;
		margin: 0;
	}
	#toc dd {
		display: none;
		position: absolute;
		left: 100%;
		top: 0;
		margin: 0;
		padding: 0.5em;
		width: 25em;
		font-size: 0.86em !important;
		line-height: 1.5em;
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
	}
	#toc .pages dl:hover, #toc .pages dl:hover dd {
		background-color: #def;	
	}
	#toc dl:hover dd {
		display: block;	
	}
	#toc dd ul {
		margin: 0.5em 0 0 0;
	}
	#toc dd li {
		font-size: 1.0em !important;
		line-height: 1.5em;
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		margin: 0 0 0.5em 0;
	}
	#toc .pages li span {
		padding-top: 0.5em;
	}
	#toc .pages {
		margin-bottom: 2em;	
	}
	
	
	/*	BANNER
	______________________________________________________________________________________ */
	
	#lnc-banner {
		border-bottom: double 3px #0a2061;
	}
	
	#edition-banner {
		border-top: none;
		border-bottom: none;
		color: #def;
		margin: 0;
		width: 100%;		
		float:none !important;
		padding: 0;
		background-color: #195fb4;
	}
	#edition-banner a:link, #edition-banner a:visited {
		color: #def;
		border-bottom-style: none;
	}
	#edition-banner a:hover {
		color: #9cf;
		border-bottom-style: none;
		text-decoration: underline;
	}
	#edition-banner #chapter-contents a:hover {
		color: #0a2061 !important;
	}
	
	.banner-contents {
		position: relative;
		list-style: none;
		margin: 0;
		padding: .5em 0 .5em 0;
		width: 100%;
		background-color: #def;
	}
	.banner-contents-edition {
		background-color: #195fb4;
	}
	.banner-contents-chapter {
		background-color: #9cc0e4;
	}
	.banner-contents li {
		display: inline; 	
		font-size: 1.8em;
		line-height: 1em;
		padding: 0.125em 1em 0.125em 1em;
	}
	li#series-contents, #series-contents ol, #series-contents li {
		background-color: #0a2061;
		border-right: solid 1px #def;
		padding-left: 1.2em;
		padding-right: 1.2em;		
		color: #def;
	}
	li#edition-contents, #edition-contents ol, #edition-contents li, #series-contents li.selected {
		background-color: #195fb4;
		border-right: solid 1px #def;
		color: #def;
	}
	.banner-contents-edition #edition-contents {
		border-right: none;
	}
	li#chapter-contents, #chapter-contents ol, #chapter-contents li, #edition-contents li.selected {
		background-color: #9cc0e4;
		color: #0a2061;
	}
	#chapter-contents li {
		border-right: solid 1px #195fb4 !important;
		text-indent: 0;
	}
	#chapter-contents li.selected {
		background-color: #fff;
		color: #666;
	}
	.banner-contents li:first-child {
		padding-left: 14px;
	}
	.banner-contents li a {
		border-bottom: none;
		color: #195fb4;
	}
	#chapter-contents a, #edition-contents li.selected a {
		color: #195fb4 !important;
	}
	.banner-contents li:hover, .banner-contents li.selected, .banner-contents li.selected {
		background-color: #9cc0e4;
		color: #0a2061;
	}
	
	.banner-contents ol {
		display: none;
		position: absolute;
		left: 0;
		top: 1.5em;
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0 0 3px 0;
		border-bottom: double 3px #0a2061;
	}
/*
	.banner-contents li:hover ol, .banner-contents li ol:hover {
		display: block;
	}
	.banner-contents > li:hover {
		padding-bottom: 1em;
	}
*/
	.banner-contents li li {
		font-size: 0.72em;
		padding: 0.154em 1em;
	}
	.banner-contents li li:first-child {
		padding-left: 14px;
	}
	
	#chapter-contents li {
		margin-right: -0.385em !important;
	}
	
	.banner-contents li strong {
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	

/*	COVER
	______________________________________________________________________________________ */
	
	#cover .callout {
		left: -18em;
	}
	#cover .callout h3 {
		font-size: 1.1em;
		padding-left: 1.82em;
	}
	#cover .callout p {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.2em;
		line-height: 1.5em;
	}

	.era {
		width: 12.9em;
		margin: 0.2em 0 0.5em 2em;
		padding: 0;
		background: #fff url(images/corner_topleft.gif) no-repeat top left;
		text-align: left;
	}
	.era h3, #page .era h3 {
		font-size: 1.5em;
		line-height: 1.1em; /* 1.25 x 1.2 = 1.5 base em or 15 px by default */
		text-transform: none;
		letter-spacing: 0;
		margin: 0 -13px 0 13px;
		padding: 13px 13px 0.2em 0;
		background: transparent url(images/corner_topright.gif) no-repeat top right;
	}
	.era .datespan, .era img {
		margin-right: 13px;
	}
	.era p.datespan {
		font-size: 1.4em !important;
		padding-left: 0 !important;
		line-height: 1.07em; /* 1.07 x 1.4 = 1.5 base em */
		margin-top: 0;
		margin-bottom: 1.14em;
	}
	.era img {
		width: 11em !important;
		height: 11em !important;
		border: solid 0.1em #999;
	}
	.era div {
		margin: 0 13px 0 13px;
		padding: 0 13px 13px 0;
		width: 11.6em;
		background: #fff url(images/corner_bottomright.gif) no-repeat bottom right;		
	}
	.era .bottom-corner {
		margin: 0 0 -13px -13px;
		padding: 1em 0 13px 13px;
		width: 100%;
		background: transparent url(images/corner_bottomleft.gif) no-repeat bottom left;					
	}
	.era a.thumbnail {
		border: none;
	}

	#cover {
		position: relative;
	}
	.supertitle {
		font-size: 1.3em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #333;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	.supertitle + h1 {
		margin-top: 0.3em;
	}
	#cover h1 {
		margin-bottom: 1em;
	}


	#nearnav {
		border-bottom: solid 1px #9cc0e4;	
	}
	#page-sidebar {
		margin-bottom: 2em;
		border-bottom: solid 1px #9cc0e4;
		padding-bottom: 1em;
	}
	div.credits {
		margin-top: 1.5em;
		border-top: solid 1px #9cc0e4;
		padding-top: 1em;
	}
	div.credits h2 {
		margin-top: 0;
	}
	
	
	#sidebar h3.chapter {
		background: transparent url(images/arrow-up.gif) no-repeat top left;
	}
	#sidebar li.print {
		list-style: none;
		margin-left: -20px;
		padding-left: 20px;
		background: transparent url(images/print.gif) no-repeat left;
	}	
	ul.tools, #sidebar ul.tools {
		list-style: none;
		padding-left: 0;
	}
	#sidebar ul.tools li {
		margin-left: 0 !important;
		padding-left: 0 !important;
		margin-top: 0.5em;
	}
	#sidebar ul.tools li a.icon {
		margin-left: 0;
	}
	


	table.gallery {
		border-collapse: collapse;
		position: relative;
		left: -15em;
		width: 65em;
		margin-top: 2em;
	}
	.gallery td {
		font: 1.3em Corbel, "Trebuchet MS", Verdana, sans-serif;
		border-bottom: solid 1px #999;
		vertical-align: middle;
		padding: 1em 0;
		line-height: 1.4em;
	}
	
	.gallery td p, .gallery td li, .gallery td dt, .gallery td dd {
		font: 1em Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		line-height: inherit;
	}
	.gallery td p + p {
		text-indent: 0 !important;
		margin-top: 1em !important;
	}
	.gallery td:first-child {
		text-align: right;
		width: 250px;
	}
	.gallery td + td {
		padding-left: 2em;
	}
	.gallery td img {
		width: 100% !important;
		height: auto !important;
	}
	.gallery caption {
		font-size: 1.3em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #333;
		margin-bottom: 0;
		margin-top: 1.5em;
		font-weight: bold;
		text-align: left;
	}
	.gallery td h5 {
		font-weight: bold;
	}
	
	.fullscreen {
		position: relative;
		left: -16em;
		max-width: none;
	}
	.data img, #page-body .data img {
		border: solid 1px #666;
		max-width: 10em !important;
		height: auto !important;
	}
	
	
	
	dl.search-results {
		margin: 2em 0 2em 90px;
		position: relative;
		min-height: 80px;
		border-bottom: solid 1px #9cc0e4;
		padding-bottom: 8px;
	}
	dl.search-results dt {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		font-size: 1.3em !important;
		margin-top: 1em;
		margin-bottom: 0;
		font-weight: bold;
		line-height: normal;
	}
	dl.search-results dd {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		font-size: 1.2em !important;
		margin-top: 0.5em;
		margin-bottom: 0;
		margin-left: 0;
		line-height: 1.4em;
	}
	dl.search-results dd.thumbnail {
		position: absolute;
		width: 80px;
		height: 80px;
		overflow: hidden;
		left: -90px;
		top: 0.5em;
		margin-top: 0;
		margin-left: 0;
		text-align: center;
		border: solid 1px #666;
	}
	dd.thumbnail img, #page-body dd.thumbnail img {
		max-width: none !important;
		margin: auto;
	}