/* 	
	Stylesheet Name: Sepia
	Template Name: Monkey
	Description: Basic page layout for LEARN NC publications. Provides support for single-level chapters.
	Version: 0.7
	Date: August 2006
	Author: David Walbert
	Author URI: http://www.learnnc.org
*/

/* 	TYPOGRAPHY
	____________________________________________________________________________ */
	
	body {
		background: #fff;
		font-size: 62.5%;
		font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
	}
	#sidebar {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
	}
	#page p, li, dt, dd {
		font-size: 1.3em;
		line-height: 1.6em;
	}
	li li {
		font-size: 1em;
	}
	h1, h2, h3 {
		font-weight: normal;
		margin-bottom: 0;
	}
	h1 {
		font-size: 2.4em;
		margin-top: 0;
	}
	h2 {
		font-size: 2em;
	}
	h3 {
		font-size: 1.5em;
	}
	h4 {
		font-size: 1.3em;
	}
	dd {
		margin: 0.5em 0 0.5em 2em;
	}
	dt {
		font-weight: bold;
		margin-top: 1em;
	}
	span[lang] {
		font-style: italic;
	}
	
	.chapter-intro {
		font-size: 1.5em;
	}
	#page p.author, #page p.subtitle, #page p.next-page, #page p.caption, #page p.credit {
		font-family: Arial, sans serif;
		font-size: 1.1em;
	}
	p.credit {
		margin-top: 0;
		text-transform: uppercase;
		text-align: right;
		font-size: 1.1em;
	}
	p.author, p.subtitle, p.next-page {
		font-weight: bold;
		text-transform: uppercase;
	}
	#footer p {
		margin: 0.5em;
		padding: 0 0.5em;
		font-family: Arial, sans serif;
		font-size: 1.1em;
		line-height: 1em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
		text-align: center;
	}
	#edition-header h2 {
		line-height: 1em;
	}
	#edition-header h2 {
		font-family: "Courier New", Courier, mono;
		font-weight: normal;
		font-size: 2.4em;
	}
	span.page-number {
		font-weight: bold; 
	}
	#sidebar {
		/* font-family: Arial, sans-serif; */
		font-size: 1.1;
	}
	
	ul.bibliography, ul.index {
		list-style-type: none;
		padding-left: 2em;
		text-indent: -2em;
	}
	ul.bibliography li {
		margin-bottom: 1em;
	}
	
	ul.ingredients {
		list-style-type: none;
	}
	

/* BLOCKQUOTES AND PULLOUTS
____________________________________ */

#page-body blockquote {
	margin-left: 1em;
	margin-right: 2em;
	padding-left: 30px;
	padding-top: 8px;
	color: #444;
	background: transparent url(images/quotemark.gif) no-repeat top left;
}
#page-body blockquote {
	margin-top: 1em;
}
#page-body blockquote p {
	margin-top: 0;
}
#page-body blockquote.epigram {
	margin-left: 0;
	padding: 0;
	border-left: 0;
	background-image: none;
}
p.attribution {
	text-align: right;
}
#page-body blockquote.example {
	margin: 0 2em;
	padding-top: 0;
	border-left: solid 1px #E3B600;
	padding-left: 0.5em;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em;
	color: #444;
	background-image: none;
}
#page-body blockquote.example p {
	margin-top: 1em;
}

.pullout {
	float: right; 
	width: 14em; 
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em;
	color: #444;
	font-weight: bold;
	padding-left: 0.5em;
	border-left: solid 1px #E3B600;
	margin: 0.5em 0 0.5em 1em;
}
q.pullquote:before, q.pullquote:after { 
	/* Since IE doesn't put the quotes around <q>, tell Safari/Moz not to do it, either */
	content: '' 
} 
.pullout del, .pullout-large del {
	/* Hide this from visual browsers */
	font-size: 0px;
	color: #fff;
	position: absolute;
}


/* 	PAGE LAYOUT
	____________________________________________________________________________ */
	
	body {
		margin: 0;
	}
	div#banner {
		display: none;
	}	
	#content {
		position: relative;
		width: 100%;
	}
	#edition-header {
		width: 100%;
	}
	#edition-header h2 {
		margin: 0;
		padding: 0.5em 10px;
		
	}
	#page {
		/* position: absolute; */
		top: 0;
		left: 0px;
		width: 600px;
		margin-left: 0px;
		padding: 1em 10px 1.5em 10px;
	}
	#page-body {
	
	}
	#page-sidebar {
		float: right;
		width: 180px;
		margin: 0px -10px 1em 1em;
		padding: 1em 10px 1em 1em;
		border-style: solid;
		border-color: #432a02;
		border-width: 1px 0px 1px 1px; 
		background-color: #fff;
	}
	#page-footer {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		border-top: solid 1px #432a02;
		padding-top: 0.5em;
	}
	#sidebar {
		position: absolute;
		top: 0;
		left: 620px;
		width: auto;
		padding: 1em 10px 1.5em 10px;
	}
	#sidebar h2:first-child {
		margin-top: 0.5em;
	}
	#footer {
		width: 780px;
		margin: 0 auto;
		padding: 0px 10px;
		border-style: solid;
		border-width: 1px;
	}
	#print-footer {
		display: none;
	}


/*	IMAGES
	____________________________________________________________________________ */


	img {
		border: none;
	}
	.slide {
		clear: both;
		margin: 1em 0;
	}
	#cover .slide {
		padding: 0;
		border: none;
	}
	div.sideimage {
		float: right;
		margin: 0 0 1em 1em;
		padding-bottom: 0.1em;
		border-bottom: solid 1px #333;
	}
	p.caption {
		font-size: 1.1em;
		margin-top: 0.5em;
		margin-bottom: 0;
	}
	

/*	COLORS
	____________________________________________________________________________ */

	body {
		color: #342815;
		background: #fff url(images/body-bg.png) repeat-y top left;
	}
	a:link {
		color: #8e2502;
	}
	a:visited {
		color: #666;
	}
	a:hover {
		color: #a00;
	}
	a.definition:link {
		border-bottom-color: #036;
	}
	a.definition:visited {
		border-bottom-color: #666;
	}
	a.definition:hover {
		border-bottom-color: #a00;
	}

	#content, #footer {
		border-color: #432a02;
	}
	#content {
		background: transparent url(images/content-bg.png) repeat-y top left;
	}	
	#edition-header {
		background-color: #432a02;
		color: #fff;
	}
	#footer a:link {
		color: #fff;
	}
	#footer a:visited {
		color: #999;
	}
	#sidebar a:visited {
		color: #444;
	}


/*	SPECIAL TYPOGRAPHY
	___________________________________________________________________________ */

	#edition-header h2 a:link, #edition-header h2 a:visited {
		color: #fff;
		text-decoration: none;
	}
	#edition-header h2 a:hover {
		text-decoration: underline;
		color: #fff;
	}
	h4.page-number {
		margin-top: 0;
		border-bottom: solid 1px #342815;
		
	}
	h4.page-number span.chapter-title {
		float: left;
		width: 75%;
		margin-right: 1%;
	}
	h4.page-number span.page-number {
		float: right;
		width: 20%;
		text-align: right;
	}
	p.next-page {
		text-align: right;
	}
	.forward {
		padding-right: 8px;
		background: transparent url(images/forward.png) no-repeat center right;
	}
	.back {
		padding-left: 8px;
		background: transparent url(images/back.png) no-repeat center left;
	}
	.print {
		padding-left: 18px;
		background: transparent url(images/print.png) no-repeat center left;
	}
	.note {
		font-style: italic;
	}
	.note em {
		font-style: normal;
	}
	.part-of-speech {
		font-weight: normal;
		font-style: italic;
	}
	a.definition {
		text-decoration: none;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		cursor: help;
	}
	
	#page-sidebar img {
		border: solid 1px #432a02;
		margin: 0;
	}
	.slide img, .sideimage img {
		margin: 0;
		border: solid 1px #432a02;
	}
	
	#sidebar h3 {
		margin-bottom: 0.5em;
	}
	#sidebar p {
		font-size: 1.3em;
	}
	ol.contents, ul.contents {
		padding-left: 0;
		margin-left: 2.5em;
		font-weight: normal;
	}
	ul.contents {
		margin-left: 0;
	}
	ol.chapters {
		font-weight: bold;	
		margin-left: 2.5em;
	}
	.contents li, ol.chapters li * li {
		margin-top: 0;
		margin-bottom: 0;
	}
	ol.chapters li {
		margin-top: 0.5em;
		margin-bottom: 0em;
	}
	.chapters li.selected span, .contents li.selected span {
		padding-right: 14px;
		background: transparent url(images/youarehere.png) no-repeat right;
	}
	ul.contents {
		list-style: none;
		margin-bottom: 0;
	}
	ol.pages {
		margin-top: 0;
	}
	
	dl.glossary dt {
		font-weight: bold;
	}

	dd.popup {
		margin: 0;
		padding: 0.5em 0.5em;
		width: 18em;
		background-color: #c0dbf6;
		background-color: #ff9;
		border: solid 1px #003;
		text-align: left;
		line-height: 1.3em;
	}
	
	.yes {
		color: #060;
	}
	.no {
		color: #900;
	}
	strong.yes, strong.no {
		text-transform: uppercase;
	}

	ul.tools {
		list-style: none;
		padding-left: 0;
		margin-left: 2.5em;
		margin-left: 0;
	}
	
	a.document {
		padding-left: 16px;
		background: transparent url(images/document.png) no-repeat center left;
	}
	
	p.letternav {
		font-size: 1.1em;
		margin-top: 1.5em;
	}
	span.no-letter {
		font-weight: bold;
		color: #432a02;
		padding: 0.2em 0.4em 0.3em 0.4em;
		background-color: #ccc;
		border: solid 1px white;
		/* margin-right: 0.3em; */
	}
	p.letternav a {
		padding: 0.2em 0.4em 0.3em 0.4em;
		background-color: #432a02;
		border: solid 1px white;
		/* margin-right: 0.3em; */
		text-decoration: none;
		font-weight: bold;
		color: white;
	}
	p.letternav a:link {
		color: white;
		text-decoration: none;
	}
	p.letternav a:visited {
		color: white;
		text-decoration: none;
	}
	p.letternav a:hover {
		color: white;
		text-decoration: none;
	}
	a#letter-selected {
		background-color: #d4be9b;
		border: solid 1px #432a02;
		color: black;
	}
	span.letter a:hover {
		background-color: #d4be9b;
		border: solid 1px #432a02;
		color: black;
	}
		

/*	PAGE SIDEBAR
	____________________________________________________________________________ */

	#page-sidebar {
		font-size: 1.1em;
	}
	#page-sidebar h3 {
		font-weight: bold;
		font-size: 1.5em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		margin-bottom: 0.5em;
		margin-top: 0;
	}
	#page-sidebar ul {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
		text-indent: 0;
		margin-top: 0;
	}
	#page-sidebar ul li {
		margin-bottom: 0.5em;
	}
	#page-sidebar ul.linkslist li a {
		font-weight: bold;
	}
	#page-sidebar p.caption {
		font-size: 1.3em;
	}
	#page-sidebar dl.glossary {
		margin-top: 0;
	}
	#page-sidebar dl.glossary dd {
		margin-left: 0;
		padding-left: 0;
	}
	
	#sidebar ul.linkslist {
		list-style: none;
		padding-left: 1em;
		text-indent: -1em;
	}
	#sidebar ul.linkslist li {
	}
	
/*	FOOTNOTES
	____________________________________________________________________________ */

	a.noteref {
		font-weight: bold;
		text-decoration: none;
		font-size: 83%;
		vertical-align: super;
	}

	dl.noteslist {
		clear: both;
		width: auto;
		margin: 0;
		padding: 0;
	}
	dl.noteslist dt {
		width: 1.5em;
		text-align:left;
		margin: 0 0 -1.2em 0;
		font-weight: bold;
	}
	dl.noteslist dd {
		clear: right;
		margin: 0;
		padding-left: 1.5em;
	}

	

/*	COVER PAGE
	____________________________________________________________________________ */

	#cover h1 {
		font-size: 210%;
	}
	#cover p.subtitle {
		width: 60%;
		margin: 1em auto;
		font-size: 150%;
		text-transform: none;
		font-weight: normal;
		color: #333;
	}
	#cover p.author {
		font-size: 120%;
		letter-spacing: 0.1em;
		color: #333;
	}
	#cover p.next-page {
		text-align: inherit;
		letter-spacing: 0.3em;
	}
	#cover img.primary {
		margin: 0 0 2em 0;
		float: none;
	}

/*	TABLES
	____________________________________________________________________________ */

	table.data {
		margin-top: 1em;
	}
	table.data th, table.data td {
		border-bottom: solid 1px #666;
		padding: 0.5em 1em;
	}
	table.data th {
		text-align: left;
	}
	table.data td.number {
		text-align: right;
	}

/*	SPECIAL STYLES
	____________________________________________________________________________ */

	.worktitle {
		font-style: italic;
	}

/* 	SELF-ASSESSMENTS
	____________________________________________________________________________ */
	
	div.question {

	}
	p.q-counter {
		font-weight: bold;
	}
	p.q-counter span, dl.assessment dt a {
		padding: 0.2em 0.3em;
		border-style: solid;
		border-width: 1px;
	}
	.q-answered, .q-unanswered {
		background-color: #fff;
		border-color: #333;
	}
	.q-this, dl.assessment dt a {
		background-color: #9cf;
		border-color: #0a2061;
		color: #0a2061;
	}
	dl.assessment dt a {
		text-decoration: none;
	}
	dl.assessment dt a:hover {
		background-color: #a00;
		border-color: #999;
		color: #fff;
	}
	dl.assessment {
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both;
	}
	
	.assessment dt {
		width: 5em;
		float: left;
		text-align: right;
		margin: 0;
		padding: .5em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	/* commented backslash hack for mac-ie5 \*/
	dt { clear: both; }
	/* end hack */
	
	.assessment dd {
		float: left;
		margin: 0;
		padding: .5em;
	}