/* 	
	Stylesheet Name: black
	Template Name: world
	Description: Designed for world cultures slideshows. This version has optional chapters. 
	Version: 2.0
	Date: January 2007
	Author: David Walbert
	Author URI: http://www.learnnc.org
*/

/* 	TYPOGRAPHY
	___________________________________________________________________ */
	
	body {
		font-size: 62.5%; /* For standard browser default, 1em=10px */
		font-family: Verdana, Tahoma, sans-serif;
	}
	p, li, dt, dd {
		font-size: 1.1em;
		line-height: 1.6em;
	}
	p {
		margin: 1em 0;
	}
	li * li {
		font-size: 1em;
	}
	dt {
		font-weight: bold;
		margin-top: 1em;
	}
	dd {
		margin: 0.5em 0 0.5em 2em;
	}
	h1, h2, h3, h4, ol.headernav, ol.headernav li {
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		margin: 0;
	}
	h1 {
		font-size: 1.6em;
		margin: 0;
	}
	h1.large {
		font-size: 2em;
		
	}
	#cover h1, .chapter-intro h1 {
		font-size: 1.8em;
	}
	h2 {
		font-size: 1.4em;
	}
	.full h2 {
		font-size: 1.6em;
	}
	.full h3 {
		font-size: 1.4em;
	}
	.full h2, .full h3 {
		margin-top: 2em;
	}
	ol.headernav {
		font-size: 1.4em; /* The font size needs to be on the OL, not the LI. */
	}
	ol.headernav li {
		font-size: 1em;
		margin-right: 0.1em;
	}
	#banner h2, ol.headernav li {
		font-weight: bold;
		line-height: 1.2em;
	}
	h3 {
		font-size: 1.2em;
	}
	span.title, span.worktitle {
		font-style: italic;
	}
	span[lang] {
		font-style: italic;
	}
	
	p.author {
		font-size: 1.2em;
		margin-top: 0.5em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	p.next_page {
		font-weight: bold;
		text-transform: uppercase;
	}
	p.caption {
		font-size: 1.4em;
		margin-top: 0.5em;
	}
	.chapter-intro p {
		font-size: 1.4em;
	}
	.chapter_title {
		font-weight: normal;
	}
	a.definition {
		text-decoration: none;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		cursor: help;
	}
	.worktitle {
		font-style: italic;
	}
	.part-of-speech {
		font-style: italic;
		font-weight: normal;
	}
	.note {
		font-style: italic;
	}
	h4.callout {
		font-family: Verdana, Tahoma, sans-serif;
		text-transform: none;
		letter-spacing: 0;
		font-size: 1.1em;
		margin-top: 1.3em;
	}


/* 	PAGE LAYOUT
	___________________________________________________________________ */
	
	body {
		margin: 0 auto;
		text-align: center;	
	}
	#content {
		margin: 10px auto 0px auto;
		width: 90%;
		border-style: solid;
		border-width: 0;
		text-align: left;
	}
	#banner h2 span, ol.headernav {
		display: block;
		border-style: double;
		border-width: 3px 0;
		padding: 0.3em 10px;
	}
	ol.headernav {
		padding-left: 0;
		margin-left: 0;
		text-indent: 0;
		list-style: none;
	}
	h2.maintitle, h2.left {
		float: left;
		border-right-style: solid;
		border-right-width: 3px;
	}
	h2.maintitle {
		margin-right: 10px;
	}
	h2.left {
		margin-right: 0 !important;
	}
	h2.headernav {
		float: left;
	}
	.headernav li {
		display: inline;
	}
	.headernav li.selected span {
		padding: 0.1em 0.1em 0.1em 0.1em;
	}
	#slide {
		margin-top: 1em;
		clear: both;
	}
	#slide img, #slide .videoplayer {
		float: left;
		margin-right: 1.5em;
		margin-bottom: 1.5em;
	}
	.videoplayer {
		margin-top: 0em;
	}
	#page {
		clear: both;
		margin-top: 1em;
		border-top-style: double;
		border-top-width: 3px;
		padding-top: 1em;
	}
	.full {
		border-top: none !important;
	}
	.full page-sidebar {
		border-top-style: solid;
		border-top-width: 1px;
		padding-top: 1em;
	}

	#footer {
		margin-top: 2em;
		padding: 0.5em 0 2em 0;
		border-top-style: double;
		border-top-width: 3px;
		clear: both;
	}
	#footer p {
		margin-top: 0.5em;
		margin-bottom: 0;
	}
	
	.chapter-intro {
		padding-bottom: 2em;
	}
	h4.callout {
		
	}
	h2 + h4.callout, h3 + h4.callout {
		margin-top: 1em;
	}

	

/*	COLORS
	__________________________________________________________________________ */

	body {
		background-color: #111;
		color: #eee;
	}
	
	a:link {
		color: #6cf;
	}
	a:visited {
		color: #999;
	}
	a:hover {
		color: #c66;
	}
	a.definition:link, a.definition:visited {
		color: #c66;
		border-bottom-color: #c66;
	}
	a.definition:hover {
		color: #c66;
		border-bottom-color: #c66;
	}
	
	h1, h2, h3, h4 {
		color: #c66;
	}
	h4.callout {
		color: #cc6;
		/*border-left-color: #cc6;*/
	}
	
	#content {
		background-color: #111;
	}
	#banner h2, ol.headernav {
		background-color: #cc6;
		color: #111;	
	}
	#banner h2 a:link, #banner h2 a:visited {
		background-color: #cc6;
		color: #111;	
		text-decoration: none;
	}
	#banner h2 a:hover {
		color: #933;
	}
	.headernav a:link, .headernav a:visited {
		color: #933;	
		text-decoration: none;
	}
	.headernav .selected a:link, .headernav .selected a:visited {
		color: #111;
	}
	.headernav .selected a:hover {
		color: #933;
	}
	.maintitle, .editiontitle {
		border-right-color: #111;
	}
	#content, #page, #sidebar, #footer, .full page-sidebar {
		border-color: #cc6;
	}




/*	PAGE SIDEBAR
	__________________________________________________________________________ */

	#page_sidebar h3 {
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 0.5em;
		margin-top: 0;
	}
	#page_sidebar ul {
		list-style: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
		margin-top: 0;
	}
	ul.linkslist li a {
		font-weight: bold;
	}
	#page_sidebar p.caption {
		font-size: 100%;
	}
	#page_sidebar dl.glossary {
		margin-top: 0;
	}
	#page_sidebar dl.glossary dd {
		margin-left: 0;
		padding-left: 1em;
	}
	
/*	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;
	}

	

/*	PAGE NUMBERS
	__________________________________________________________________________ */

	.pagelist, .chapter-intro .pagelist, #cover .pagelist {
		font-size: 1em;
		line-height: 1em;
		font-family: Arial, Helvetica, sans-serif;
	}
	.pagelist a, .pagelist span {
		display: block;
		float: left;
		margin-right: 0.5em;
		margin-bottom: 0.5em;
		padding: 0.3em 0.3em;
		border-style: solid;
		border-width: 1px;
		text-decoration: none;
	}
	.pagelist a:link, .pagelist a:visited {
		background-color: #6cf;
		color: #000;
		border-color: #eee;	
	}
	.pagelist a:hover, .pagelist span {
		background-color: #111;
		color: #6cf;
		border-color: #eee;
	}
	h4.navhead {
		float: left;
		font-size: 1.2em;
		line-height: 1.2em;
		padding: 0.2em 0.3em 0.2em 0;
	}
	
	.pagelist a.forward, .pagelist a.back {
		color: #6cf;
		height: 0px !important; /* for most browsers */
		height /**/:1.3em; /* for IE5.5's bad box model */
		overflow: hidden;
		padding-top: 1.3em;
		width: 1em;
	}
	.pagelist a.forward:link, .pagelist a.forward:visited {
		background: #6cf url(images/forward.png) no-repeat center;
	}
	.pagelist a.forward:hover {
		background: #111 url(images/forward-on.png) no-repeat center;
	}
	.pagelist a.back:link, .pagelist a.back:visited {
		background: #6cf url(images/back.png) no-repeat center;
	}
	.pagelist a.back:hover {
		background: #111 url(images/back-on.png) no-repeat center;
	}


/*	COVER PAGE
	__________________________________________________________________________ */

	#cover h1 {
		font-size: 1.8em;
	}
	#cover p.subtitle {
		width: 60%;
		margin: 1em auto;
		font-size: 1.4em;
		text-transform: none;
		font-weight: normal;
		color: #333;
	}
	#cover p {
		font-size: 1.4em;
	}
	#cover p.next_page {
		text-align: inherit;
		letter-spacing: 0.3em;
	}
	#cover img.primary {
		margin: 0 auto;
		float: none;
	}

/* 	PAGE TOOLS
	___________________________________________________________________ */
	
	#page-tools {
		margin-top: 1.1em;
	}
	#page-tools h2 {
		display: inline;
		font-size: 1.1em;
		margin: 0;
	}
	#page-tools ul {
		display: inline;
		margin: 0;
		padding: 0;
	}
	#page-tools li {
		display: inline;
		padding-left: 1em;
	}
	#page-tools .icon img {
		vertical-align: middle;
	}
	.icon, .icon img {
		border: none;
	}
	#page-tools li.email {
		padding-left: 22px;
		background: transparent url(/lp/library/images/email.gif) no-repeat center left;
	}
	


/*	MEDIA INDEX 
	__________________________________________________________________________ */
	
	table.media-index {
		margin-bottom: 1em;
	}
	table.media-index * td, table.media-index * th {
		margin: 0;
		padding: 0.5em 2em 0.5em 0;
		border-bottom: solid 1px #999;
	}
	table.media-index * img {
		border: solid 1px #333;
	}
	table.media-index * td.pagelink, table.media-index * th.pagelink {
		text-align: center;
		padding-right: 1em;
	}
	table.media-index * td.pagelink * a {
		font-weight: bold;
		font-size: 150%;
	}
	ul.index {
		list-style-type: none;
		padding-left: 2em;
		text-indent: -2em;
		width: 30em;
	}
	.index h3 {
		margin-top: 1em;
	}
	.letternav span {
		margin-right: 0.3em;
		font-size: 1.2em;
	} 



/*	SPECIAL TYPOGRAPHY & DECORATION
	__________________________________________________________________________ */

	.continue {
		font-size: 0.8em;
		text-transform: uppercase;
	}
	p.next {
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.2em;
		text-align: right;
	}
	p.next a.forward {
		padding-right: 14px;
		background: transparent url(images/forward-on.png) no-repeat right;
	}
	
	#slide img {
		border: groove 2px #ccc;
	}
	
	dl.glossary dt {
		font-weight: bold;
	}

	dd.popup, dl.popup {
		margin: 0;
		padding: 0.5em 0.5em;
		width: 18em;
		background-color: #cc6;
		border: solid 1px #003;
		text-align: left;
		line-height: 1.3em;
		color: black;
	}
	dd.popup {
		width: 24em;
	}
	dl.popup {
		width: 18em;
	}
	dd.popup p {
		font-size: 1.0em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
	}
	dd.popup li {
		font-size: 1.0em;
		line-height: 1.3em;
	}
	dd.popul ul {
		margin: 0 0 0.5em 0;
	}
	dl.popup dt, dl.popup dd {
		font-size: 1.0em;
		line-height: 1.3em;
		display: inline;	
		margin: 0;
	}
	dd.popup p + p {
		margin-top: 1em;
	}
	dd.popup a:link, dd.popup a:visited, dd.popup a:hover {
		cursor: pointer;
		text-decoration: underline;
		border: none;
		color: #036;
	}
	dd.popup p.return {
		/* Extra margin so the padding in the A element doesn't overrun all our spacing between paragraphs */
		margin-top: 1.5em;
		margin-bottom: 1em;
	}
	dd.popup p.return a {
		font-size: 0.9em;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		padding: 0.2em;
		text-decoration: none;
		background-color: #e4e4a7;
		color: #036;
		border: solid 1px #cdcd9f;
	}
	dd.popup p.return a:hover {
		background-color: #cdcd9f;
		border: solid 1px #9b9b7a;	
	}
	
	#powered {
		float: left;
		border: none;
		margin-right: 5px;
	}
	#license-logo {
		margin-bottom: 1em;
	}
	
	#gmap {
		width: 750px;
		height: 500px; 
		border: groove 2px #ccc;
		margin: 3em 0;
		color: #333;
	}
	#gmap dl {
		margin: 0;
	}
	#gmap dt {
		font-size: 1.2em;
		margin: 0;
	}
	
	
/*	CONTENTS
	__________________________________________________________________________ */

	ol.contents, ul.contents {
		padding-left: 0;
		margin-left: 2.5em;
		font-weight: normal;
	}
	.contents li {
	}
	
	ul.contents {
		margin-left: 0;
	}
	ol.chapters {
		font-weight: bold;	
		list-style: none;
		margin-left: 0;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		font-size: 1.2em;
	}
	.contents li, ol.chapters li * li {
		margin-top: 0;
		margin-bottom: 0;
	}
	ol.chapters li {
		margin-top: 0.3em;
		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 {
		padding-top: 0.5em;
		text-transform: none;
		letter-spacing: 0;
		padding-left: 1em;
	}
	ol.chapters ol.pages {
		font-size: 0.87em;
	}