/*
	MICROFORMATS
	
*/


/*	HCARD
	________________________________________________________________ */

	/*
		Formatting for hCard microformats for information about people and organizations.
		See http://microformats.org/wiki/hcard for more information.
	*/
	
	div.vcard, address.vcard {
		margin: 1em 0;
		font-size: 1.1em;
		line-height: 1.6em;
	}
	#sidebar div.vcard p {
		margin: 0.5em 0;
		font-size: 1.0em;
	}
	.vcard .tel {
		margin-top: 0.5em;
	}
	.vcard .tel .type {
		font-weight: bold;
	}
	

/*	COURT CASE
	_____________________________________________________________ */
	
	.court-case-header {
		margin-top: 2em;
		font-family: Georgia, "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		text-align: center;		
	}
	.court-case-header p, .court-case-header div {
		font-size: 95%;
		line-height: 1.6em;
		margin: 0.5em 0;	
	}
	.court-case-header .court-name {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-size: 100%;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	.court-case-header .case-title {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}


/*	DIARY OR JOURNAL
	_____________________________________________________________ */

	.diary .entry h2.date, .diary .entry h3.date {
		font-size: 100%;
		text-transform: none;
		letter-spacing: normal;
		font-weight: bold;
	}
	ol.diary {
		list-style: none;
		padding: 0 !important;
	}
	.diary li {
		margin: 1em 0;
	}
	.diary li p:first-child, #page-body .diary li p:first-child {
		margin: 1em 0 0 0; 
	}
	
	
/*	LETTERS
	_____________________________________________________________ */

	.letter-header {
		text-align: right;
		text-indent: 0;
		margin-bottom: 1em;
	}
	#page-body p.letter-header + p, #page-body p.letter-header + div.sideimage + p {
		margin-top: 1em;
		text-indent: 0;
	}
	.salutation,  #page-body p + p.salutation {
		margin: 1em 0 0 0;
		text-indent: 0;
	}
	#page-body p + p.attribution {
		margin-top: 1em;	
	}
	ul.attribution {
		text-align: right;
		list-style-type: none;
		list-style-image: none !important;
	}


/*	RECIPE
	_____________________________________________________________ */

	.serves {
		font-style: italic;
	}
	ul.ingredients, #page ul.ingredients {
		list-style-type: none;
		list-style-image: none;
	}
	ol.instructions {
	
	}

/*	NEWSPAPER ARTICLE
	_____________________________________________________________ */
	
	/* Use this when multiple articles or excerpts appear on a page. */
	
	h2 + .subtitle { 
		font-size: 1.4em;
		font-weight: bold;
	}
	.subtitle + p, #page-body .subtitle + p {
		margin-top: 1em;
		text-indent: 0;
	}
	.byline {
		font-style: italic;
	}
	.byline + p, #page-body .byline + p, #page-body .summary + p {
		margin-top: 1em;
		text-indent: 0;
	}
	.subtitle + .byline, #page-body .subtitle + .byline, #page-body .subtitle + .summary {
		margin-top: 0.5em;
	}
	
	
/*	WORKSHEETS
	_____________________________________________________________ */

	ol.worksheet {
		/* Spaces out the questions to make room for answers. */
		
	}
	ol.worksheet li {
		padding-bottom: 4em;
	}
	.worksheet li {
		padding-bottom: 3em;
	}
	.worksheet li.short {
		padding-bottom: 0;
	}
	.worksheet li.long {
		padding-bottom: 12em;
	}
	ul.worksheet, #page ul.worksheet {
		list-style: none;
		padding-left: 0;
	}
	span.fill-in {
		/* underline */
		padding-right: 15em;
		border-bottom: solid 1px #000;
	}


/* 	SELF-ASSESSMENTS
	____________________________________________________________________________ */
	
	dl.self-assessment {
		
	}
	
	dl.self-assessment dt {
		font-size: 1.2em;
	}
	
	dl.self-assessment dd.ddLabel {
		font-size: 1.0em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-left: 0;
		padding-left: 2em;
	}
	dl.self-assessment dd.show {
		background: transparent url(images/twisty-small.png) left  no-repeat;
	}
	dl.self-assessment dd.hide {
		background: transparent url(images/twisty-small-open.png) left  no-repeat;
	}


/*	TABLES
	_____________________________________________________________ */
	
	/* CELL STYLES */
	
	td.spacer, .rubric td.spacer, .data td.spacer {
		/* for complex or staggered table structures we may need a row of empty cells at the bottom */
		font-size: 1px;
		height: 1px;
		padding: 0;
		border: none;
	}
	td.ruled, tr.ruled td {
		background-color: #def;
	}	
	
	/* COLUMNS */

	table.columns {
		width: 100%;
		border: none;
		border-collapse: collapse;
	}
	table.columns td + td {
		padding-left: 2em; /* gutter */
	}
	
	
	/* DATA */
	
	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 thead.center th, table.data tr.center th, table.data th.center {
		text-align: center;
	}
	table.data td.number, table.data th.number {
		text-align: right;
	}
	table.data tr.total td, table.data tr.total th, table.data td.total, table.data th.total {
		border-bottom: none;
		font-weight: bold;
	}
	table.data th[colspan] {
		text-align: center;
	}
	table.data th[rowspan] {
		vertical-align: bottom;
	}
	table.data th.vertical {
		border-right: solid 1px #666;
		border-top: solid 1px #666;
		vertical-align: middle;
	}
	table.data th.vertical img {
		border: none !important;
		width: 0.8em;
		height: auto;
	}
	table.data th.empty {
		border-bottom: none;
	}
	table.data th[scope=rowgroup], table.data th[scope=rowgroup] ~ td {
		padding-top: 2em;
	}
	.data img, #page-body .data img {
		border: solid 1px #666;
		max-width: 10em !important;
		height: auto !important;
	}
	
	
	
	/* RUBRIC */
	
	table.rubric {
		border-left: solid 1px #000;
		border-top: solid 1px #000;
		margin: 2em 0;
		border-collapse: collapse;
	}
	table.rubric th, table.rubric td {
		font-size: 1.1em;
		padding: 0.5em;
		border-right: solid 1px #000;
		border-bottom: solid 1px #000;
	}
	table.rubric th[scope=col], table.rubric th[colspan] {
		background-color: #9cf;
	}
	table.rubric th[scope=row] {
		text-align: left;
	}
	table.rubric tfoot td {
		background-color: #ccc;
	}
	table.rubric caption {
		text-align: left;
		font-size: 100%;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	table.rubric tbody td {
		height: 4em;
		overflow: visible;
	}
	table.rubric ul {
		margin-left: 0;
		padding-left: 1em;
	}
	table.rubric dt {
		margin-top: 0;
	}	
	table.rubric dd {
		margin-left: 1em;
		margin-top: 0;
	}
	
	
	/* FILL-IN */
	
	table.fill-in th, table.fill-in td {
		padding: 0.5em;
	}
	table.fill-in th, table.fill-in td {
		text-align: center;
		border-right: solid 1px #666;
		border-bottom: solid 1px #666;
	}
	table.fill-in tbody th {
		text-align: left;
	}
	table.fill-in {
		padding: 1em;
		border: solid 1px #666;
	}
	
	
	/* GEO */

	.geo td p, .geo td li, .geo td dd, .geo td dt {
		font-size: 1em;
	}
	.geo td p:first-child {
		margin-top: 0;
	}
	#page-body .geo td p + p {
		text-indent: 1em;
	}
	table.geo  {
		border-collapse: collapse;
		margin: 2em 0;
		border-bottom: solid 1px #000;
	}
	table.geo td, table.geo th {
		padding: 0.5em 0.5em;
		border: solid 1px #000;
		font-size: 1.1em;
		line-height: 1.5em;
	}
	table.geo td {
		border-bottom-width: 0px;
	}
	table.geo td.continue-column {
		border-top-color: transparent;
	}
	table.geo td.continue-column span {
		display: none;
	}

	
	/* SURVEY */
	
	table.survey td {
		text-align: center;
	}
	

	/* ORGANIZER */
	
	table.organizer {
		width: 100%;
		border-collapse: collapse;
	}
	table.organizer td {
		padding: 0;
		border: solid 1px #000;
		vertical-align: top;
		height: 20em;
	}
	#page .organizer td h3 {
		margin: 0 !Important;
		padding: 0.5em 1em 0 1em;
		color: #000;
	}
	.organizer h3 + p.note {
		font-size: 1.0em;
		margin-top: 0;
		padding: 0.33em 1.1em 0.55em 1.1em;
	}
	.organizer h3, .organizer p.note {
		background-color: #9cf;
	}
	
	
	/* ALAMANCK */
	
	table.almanack {
		border-collapse: collapse;
		margin: 2em 0;
	}
	.almanack th, table.almanack td {
		border: solid 1px #000;
		padding: 0.3em;
		font-size: 1.1em;
	}
	.almanack th[scope=row] {
		text-align: right;
	}
	.almanack .rightcell {
		text-align: right;
		border-left: none;
	}
	.almanack .leftcell {
		border-right: none;
	}
	.almanack img, img.symbol {
		border: none !important;
		width: 1.5em !important;
		height: 1.5em !important;
		vertical-align: middle;
	}
	.almanack strong {
		font-weight: normal;
		text-transform: uppercase;
		font-size: 0.9em;
		letter-spacing: 0.2em;
	}
	.almanack td.weather {
		text-align: center;
	}
	
	
	
	#page-body blockquote p:first-child {
		margin-top: 0em;
	}
	

	.columns {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}
	.columns .leftcol {
		width: 45%;
		float: left;
	}
	.columns .rightcol {
		width: 45%;
		margin-left: 10%;
		float: right;
	}


/*	POETRY
	_____________________________________________________________ */

	.poem {
		margin: 2em 3em;
	}
	.columns .poem {
		margin: 0;
	}
	.poem p, #page-body .poem p {
		margin-top: 1em;
	}
	.stanza {
		margin-top: 1em;
	}
	.stanza p, #page-body .poem .stanza p {
		text-indent: -2em;
		margin: 0 0 0 2em;	
	}
	


/*	AGENDAS
	_____________________________________________________________ */

	dl.agenda {
		margin-left: 6em;
	}
	dl.agenda dt {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		position: relative;
		font-weight: bold;
	}	
	dl.agenda dt .time {
		position: absolute;
		left: -6em;
		width: 4em;
		text-align: right;
		font-weight: normal;
	}
	dl.agenda dd {
		margin-left: 0;
	}
	dl.agenda dd.presenter {
		font-style: italic;
	}


/*	MATHEMATICAL
	_____________________________________________________________ */

	.fraction sup { 
		font-size: 87%;
		vertical-align: 0.4em; 
	}
	.fraction sub { 
		font-size: 87%;
		vertical-align: -0.1em; 
	}	
	
	.math {
		/* use for equations, formulas, and other mathematical objects, not for simple arithmetic problems */
		font-style: italic;
		white-space: nowrap;
	}


/*	LISTS
	_____________________________________________________________ */


	/* INLINE */
	
	ul.inline {
		/* Inline list */
		display: inline;
		list-style-type: none;
	}
	ul.inline li {
		display: inline;
	}
	
	/* BIBLIOGRAPHIES & REFERENCES */
	
	ul.references {
		/* List of bibliographical references at the end of an article */
		list-style: none;
		padding-left: 2em;
		margin-left: 0;
		margin-bottom: 0;
	}
	ul.references li {
		text-indent: -2em;
		margin-bottom: 1em;
	}
	#page ul.bibliography, #page ul.index {
		list-style-type: none;
		list-style-image: none;
		padding-left: 2em;
		text-indent: -2em;
	}
	ul.bibliography li {
		margin-bottom: 1em;
	}

	/* DOT LEADERS */
	
	ul.dotleader, #page ul.dotleader { 
		list-style: none; 
		padding-left: 0;
	}
    .dotleader li {
		background: transparent url(../images/dotleader.gif) repeat-x scroll bottom right;
        margin-bottom: 0.5em;
        height: 1.5em;
    }
    .dotleader li span.left { 
        float: left; 
        background: #fff;
        padding-right: 0.3em;
		display: block;
      }
    .dotleader li span.right { 
        float: right; 
        background: #fff; 
        padding-left: 0.3em;
		display: block;
      }

	/* TIMELINES */

	dl.timeline dt {
		position: relative;
	}
	.timeline dt span.date {
		position: absolute;
		text-align: right;
		left: -16em;
		width: 15em;	
	}
	.timeline dd {
		margin-left: 0; 
	}

	/* CHECKLIST */

	ul.checklist, #page ul.checklist {
		list-style-image: url(../images/checkbox-li.png); 
	}
	li.checklist, h3.checklist, h4.checklist {
		padding-left: 2em;
		background: transparent url(../images/checkbox.png) no-repeat top left;
	}
	  
	/* HANGING */
	  
	ul.hanging, #page ul.hanging {
		margin: 0 0 0 2em;
		padding-left: 0;
		text-indent: -2em;
		list-style-type: none;
		list-style-image: none;
	}
	.hanging li {
		margin: 1em 0; 
	}
	  
	/* MULTI-COLUMNS */
	  
	ul.columns {
		float: left;
		width: 100%;
		
	}
	ul.columns ul, ol.columns ol {
		float: left;
		padding-left: 0 !important;
	}
	ul.columns ul + ul, ol.columns ol + ol {
		padding-left: 5em !important;
	}
	ol.columns ol {
		list-style-type: inherit;
	}
	
	/* QUESTIONS & ANSWERS */
	
	ol.question-answer li {
		font-weight: bold;
	}
	ol.question-answer li dd {
		font-weight: normal;
	}
	
	  

/*	LINKS
	_____________________________________________________________ */

	a.hide, a.hide:hover {
		cursor: text;
		color: #000;
		border: none !important;  
	}
	a.revision {
		border: none;
		text-decoration: line-through;
	}

/*	TABLES
	_____________________________________________________________ */