/* 	
	Stylesheet Name: cede_standard
	Template Name: cede
	Description: Designed for Carolina Environmental Diversity Explorations. 
	Version: 0.5
	Date: November 2005
	Author: David Walbert
	Author URI: http://www.learnnc.org
*/

/* 	TYPOGRAPHY
	___________________________________________________________________ */
	
	body {
		background: #fff;
		font-size: small;
		font-family: Verdana, Tahoma, sans-serif;
		color: #000;
	}
	p, li, dt, dd {
		font-size: 90%;
		line-height: 1.6em;
	}
	li * li {
		font-size: 100%;
	}
	h2, h3, h4 {
		font-family: Arial, Helvetica, sans-serif;
	}
	h1, h2, h3 {
		font-weight: normal;
	}
	h1 {
		font-size: 150%;
		margin-bottom: 0;
		margin-top: 0;
		text-align: left;
	}
	#page_body h1 {
		margin-top: 0.5em;
	}
	h3 {
		font-size: 130%;
	}
	blockquote {
		margin-left: 2em;
		border-left: solid 1px #369;
		padding-left: 1em;
	}
	span.title {
		font-style: italic;
	}
	span[lang] {
		font-style: italic;
	}
	
	.chapter_intro {
		font-size: 120%;
	}
	p.author {
		font-weight: bold;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 0.2em;
	}
	p.next_page {
		font-weight: bold;
		text-transform: uppercase;
	}
	#page_body {
		text-align: justify;
	}
	#footer p {
		margin: 0;
		padding: 0 0.5em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 83%;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
		text-align: center;
	}
	#edition-header h2, #cede_header h2 {
		font-size: 90%;
		line-height: 1em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.2em;
	}
	.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;
	}


/* 	PAGE LAYOUT
	___________________________________________________________________ */
	
	body {
		margin: 0 auto;
		text-align: center;	
	}
	#content {
		margin: 10px auto 0px auto;
		width: 920px;
		border-style: solid;
		border-width: 0;
		text-align: left;
	}
	
	#edition-header, #cede_header {
		padding: 0.5em 0em;
	}
	#edition-header {
		border-bottom-style: double;
		border-bottom-width: 3px;
		clear: both;
	}
	#edition-header h2, #cede_header h2 {
		margin: 0;
		padding: 0 0.5em;
	}
	#page {
		clear: both;
	}
	#page_body {
		float: left;
		width: 448px; 
		border-width: 0;
		border-style: solid;
	}
	#cede-cover {
		margin-top: 1em;
		border-top: solid 1px #999;
		clear: both;
	}
	#edition-cover  {
		clear: both;
	}
	#page_object, .left {
		float: left;
		width: 452px; /* This accommodates a 450-pixel image with a 1px border all around. */
		margin-right: 20px;
	}
	.right {
		float: right;
		width: 448px;
	}
	#cede-cover .right {
		width: 452px;
	}
	#cede-cover .left {
		width: 448px;
	}
	#page_sidebar {
		/* float: left; 
		width: 450px; 
		border-top: double 3px #003; */
	}
	
	#footer {
		margin-top: 2em;
		padding: 0.5em 10px;
		border-top-style: double;
		border-top-width: 3px;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		clear: both;
	}




	.slide {
		clear: both;
		margin: 1em 0;
		padding-bottom: 0.2em;
		border-bottom: solid 1px #333;
	}
	#cover .slide {
		margin: 0 auto;
		padding: 0;
		border: none;
	}
	div.sideimage {
		float: right;
		margin: 0 0 1em 1em;
		padding-bottom: 0.1em;
		border-bottom: solid 1px #333;
	}
	p.caption {
		margin-top: 0.5em;
		font-weight: bold;
		line-height: normal;
	}
	

/*	COLORS
	__________________________________________________________________________ */

	a:link {
		color: #036;
	}
	a:visited {
		color: #666;
	}
	a:hover {
		color: #900;
	}
	a.definition:link, a.definition:visited {
		color: #600;
		border-bottom-color: #600;
	}
	a.definition:hover {
		color: #900;
		border-bottom-color: #900;
	}
	#content, #page, #sidebar, #edition-header, #footer {
		border-color: #003;
	}
	#content {
		/* background: #9cc0e4 url(images/content_bg.png) repeat-y top left; */
	}	
	#edition-header, #edition-header h2, #edition-header p.page_number, #footer {
		background-color: #9cc0e4;
		color: #003;
	}
	#cede_header {
		background-color: #003;
		color: #fff;
	}
	#footer a:link {
		color: #036;
	}
	#footer a:visited {
		color: #036;
	}
	#footer a:hover {
		color: #600;
	}




/*	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;
	}

	

/*	COVER PAGE
	__________________________________________________________________________ */

	#cover {
		text-align: center;
	}
	#cover h1 {
		font-size: 260%;
	}
	#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.3em;
		color: #333;
	}
	#cover p.next_page {
		text-align: inherit;
		letter-spacing: 0.3em;
	}
	#cover img.primary {
		margin: 0 auto;
		float: none;
	}

/*	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%;
	}


/* 	NAVIGATION MENU
	___________________________________________________________________ */
		
	/*
	#page {
		margin-top: -20px;
	}
	/*
	#edition-header h2 {
		float: left;
		border-bottom: double 3px #003;
	} */
	#edition-header a {
		color: #003;
		text-decoration: none;
	}
	ul#nav {
		width: auto;
		float: right;
		margin: 0.5em 0;
		padding: 0 0.5em 0.5em 1em;
		background-color: #9cc0e4;
		border-bottom: double 3px #003;
		list-style: none;
	}
	ul#nav li {
		font-weight: bold;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 83%;
		float: left;
		position: relative;
	}
	ul#nav li ol {
		position: absolute;
		display: none;
		top: 100%;
		/*
			This aligns the ol with the right edge of the parent li, but it doesn't work in IE 
			(the %s are inherited wrong)
		*/
		margin-left: -150%;
		width: 250%;
		
		list-style: none;
		padding: 0;
		background-color: #fff;
		border: solid 1px #003;
		background-color: #c0dbf6;
		text-align: left;
	}
	ul#nav li > ol {
		top: auto;
		left: auto;
	}
	ul#nav li:hover ol, ul#nav li.over ol {
		display: block;
	}
	ul#nav li ol li {
		float: none;
		font-weight: normal;
		text-transform: none;
		line-height: normal;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		display: block;
		margin: 0;
	}
	ul#nav li ol li a, ul#nav li ol li.selected span {
		text-decoration: none;
		color: #003;
		display: block;
		margin: 0;
		padding: 0.2em 4px 0.2em 4px;
		padding: 0.2em 0.4em 0.2em 0.4em;
		border-style: solid;
		border-color: #c0dbf6;
		border-width: 0px 3px;
		border-width: 0px 0.3em;
		/* padding-left: 2.5em;
		text-indent: -2em; */
	}
	ul#nav li ol li a:hover, ul#nav li ol li.selected span {
		background-color: #9cc0e4;
		border-color: #003;
	}	
	
	li#previous {
		padding-left: 8px;
		background: transparent url(images/nav_left.png) no-repeat left;
	}
	li#previous a {
		margin-right: 0.5em;
		padding-right: 0.5em;
		border-right: solid 2px #003;
	}
	li#next {
		padding-right: 8px;
		background: transparent url(images/nav_right.png) no-repeat right;
	}
	li#next a {
		margin-left: 0.5em;
		padding-left: 0.5em;
		border-left: solid 2px #003;
	}
	li.expand {
		padding-right: 10px;
		background: transparent url(images/nav_down.png) no-repeat right;
	}
/*
	a#previous, a#next, a#first, a#last {
		height: 18px;
		display: block;
		float: left;
		font-size: 0px;
		background-color: #9cc0e4;
		background-repeat: no-repeat;
		background-position: bottom center;
		margin: 0 3px;
	}
	a#first {
		width: 18px;
		background-image: url(images/link_first.png);
	}
	a#last {
		width: 18px;
		background-image: url(images/link_last.png);
	}
	a#previous {
		width: 10px;
		background-image: url(images/link_previous.png);
		width: 18px;
		background-image: url(images/link_first.png);
	}
	a#next {
		width: 10px;
		background-image: url(images/link_next.png);
		width: 18px;
		background-image: url(images/link_last.png);
	}

*/

/*	SPECIAL TYPOGRAPHY & DECORATION
	__________________________________________________________________________ */

	#cede_header {
		background-image: url(images/nc_icon.png);
		background-repeat: no-repeat;
		background-position: center 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;
	}
	
	#page_object img, #edition_cover img {
		border: solid 1px #333;
		margin-top: 1em;
	}
	
	ol.contents {
		padding-left: 0;
		margin-left: 3em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
	}
	ol.chapters {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, Arial, sans serif;
		font-weight: bold;	
		margin-left: 2em;
	}
	ol.contents li, ol.chapters li * li {
		margin-top: 0;
		margin-bottom: 0;
	}
	ol.chapters li {
		margin-top: 1em;
		margin-bottom: 0.5em;
	}
	
	dl.glossary dt {
		font-weight: bold;
	}

	dd.popup, dl.popup {
		margin: 0;
		padding: 0.5em 0.5em;
		width: 18em;
		background-color: #c0dbf6;
		background-color: #ffc;
		border: solid 1px #003;
		text-align: left;
		line-height: 1.3em;
	}
	dl.popup dt, dl.popup dd {
		line-height: 1.3em;
		display: inline;	
		margin: 0;
	}
	dl.popup dt {
		font-weight: bold;
	}
	dl.popup dt .part-of-speech {
		font-weight: normal;
		font-style: italic;
	}
	
	#license-logo {
		margin-bottom: 1em;
	}
	
/* 	PAGE TOOLS
	___________________________________________________________________ */
	
	#page-tools {
		margin: 0.5em 0 1em 0;
		text-align: right;
	}
	#page-tools h2 {
		display: inline;
		font-size: 90%;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
	}
	#page-tools ul {
		display: inline;
		margin: 0;
		padding: 0;
	}
	#page-tools li {
		display: inline;
		padding-left: 1em;
		font-size: 90%;
		line-height: 2em;
	}
	#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;
	}