/*	
	======================================================================

	public/formatting.css

	======================================================================
*/


/* ----------------------------------------------------
   document
   ---------------------------------------------------- */

	body, td, th, p, li {
	
		font-family: Helvetica, Arial, sans-serif;
		font-size: 11pt;
		line-height: 125%;
	}
	
/* ----------------------------------------------------
   lists
   ---------------------------------------------------- */

	li {
	
		margin-bottom: 6pt;
	}
	
	li.singleSpacedBullet {
	
		margin-bottom: 0;
	}
	
/* ----------------------------------------------------
   titles & headers
   ---------------------------------------------------- */

	.pageTitle {

		color: #436214;
		font-size: 18pt;
		line-height: 20pt;
		font-weight: bold;
	}

	.header {

		color: #436214;
		font-size: 14pt;
		line-height: 16pt;
		font-weight: bold;
	}

	.subheader {

		color: #436214;
		font-size: 12pt;
		line-height: 14pt;
		font-weight: italic;
	}

/* ----------------------------------------------------
   links
   ---------------------------------------------------- */

	.whiteLink:link, .whiteLink:visited {
	
		color: #FFF;
		text-decoration: none;
		font-weight: normal;
	}
	
	.whiteLink:hover {
	
		color: #FFF;
		text-decoration: underline;
		font-weight: normal;
	}
	
	.whiteLink:active {
	
		color: #080;
		text-decoration: underline;
		font-weight: normal;
	}
	

/* ----------------------------------------------------
   genres
   ---------------------------------------------------- */

	.genreCategory {
	
		font-size: 11pt;
		font-weight: bold;
		line-height: 125%;
	}
	
	.genre {
	
		margin-left: 10px;
		font-size: 9pt;
		font-weight: normal;
		line-height: 12pt;
	}
	
	.genreLink:link, .genreLink:visited {
	
		color: #FFF;
		text-decoration: none;
		font-weight: normal;
	}
	
	.genreLink:hover {
	
		color: #FFF;
		text-decoration: underline;
		font-weight: normal;
	}
	
	.genreLink:active {
	
		color: #080;
		text-decoration: underline;
		font-weight: normal;
	}
	
	.genreLinkSelected:link, .genreLinkSelected:visited {
	
		font-weight: bold;
		color: #436214;
	}
	
	.genreLinkSelected:hover {
	
		font-weight: bold;
		color: #436214;
	}
	
	.genreLinkSelected:active {
	
		color: #080;
		font-weight: bold;
	}

	.advertisementStoryBreak {

		margin-bottom: 15px;	
	}
	
/* ----------------------------------------------------
   modifiers
   ---------------------------------------------------- */

	.superDuperTopSecret {
	
		display: none;
	}
	
	.blackBody {
	
		font-size: 10pt;
		line-height: 125%;
	}
	
	.small {

		font-size: 9pt;
		line-height: 10pt;
	}

	.verySmall {

		font-size: 8pt;
	}

	.tiny {

		font-size: 6pt;
	}

	.italicFooter {
	
		color: #436214;
		font-size: 9pt;
		font-style: italic;
		text-align: center;
		padding: 10px;
	}

	.tinyItalicNote {
	
		font-size: 8pt;
		line-height: 9pt;
		font-style: italic;
		font-weight: normal;
	}
	
	.blankLineAbove {
	
		margin-top: 12px;
	}

	.smallSpaceBelow {
	
		margin-bottom: 6px;
	}

	.noBorder {
	
		border: 0;
	}
	
/* ----------------------------------------------------
   colors
   ---------------------------------------------------- */

	.darkGreen {

		color: #3D5A26;	
	}
	
	.mediumGreen {

		color: #4D6A36;	
	}
	
/* ----------------------------------------------------
   forms
   ---------------------------------------------------- */
	
 	input, select {
 	
 		font-size: 9pt;
 	}
 	
 	.subscribeField {
 	
 		font-size: 8pt;
 	}
 	
/* ----------------------------------------------------
   links
   ---------------------------------------------------- */

	a { outline-width: 0; }   /* remove Firefox image link border */
	
	a:link, a:visited {
		
		font-weight: bold;
		color: #273;
		text-decoration: underline;
	}
	
	a:hover {
	
		font-weight: bold;
		color: #5A6;
		text-decoration: underline;
	}
	
	a:active {
	
		font-weight: bold;
		color: #5A6;
		text-decoration: none;
	}
	
/* ----------------------------------------------------
   story title links
   ---------------------------------------------------- */

 	a.rightNavStoryTitle:link,
 	a.rightNavStoryTitle:visited {
 	
 		color: #FFF;
 		text-decoration: none;
 		font-weight: normal;
 	}
 	
 	a.rightNavStoryTitle:hover {
 	
 		color: #FFF;
 		text-decoration: underline;
 		font-weight: normal;
 	}
 	
 	a.rightNavStoryTitle:active {
 	
 		color: #C4DF9B;
 		text-decoration: underline;
 		font-weight: normal;
 	}
 	
/* ----------------------------------------------------
   story
   ---------------------------------------------------- */

	.storyArtwork {
	
		text-align: center;
	}
	
	.artworkCredit {
	
		font-style: italic;
		font-size: 8pt;
		color: #888;

		text-align: right;
		
		margin-bottom: 10px;
	}
	
	h1 {
	
		font-family: Garamond, Times, serif;
		font-weight: normal;
		margin: 0;
		font-size: 24pt;
		line-height: 24pt;
	}
	
	.storyTitle {  /* unused ? */
	
		font-family: Garamond, Times, serif;
		font-size: 24pt;
		line-height: 24pt;
	}
	
	.storyAuthorAndLinks {
		
		color: #888;
		font-style: italic;
		margin-bottom: 15px;
	}
	
	.storyAuthor {
	
		float: left;
		font-size: 9pt;
	}
	
	.storyLinkDiv {
	
		float: right;
		text-align: right;
	}
	
	.smallGrayLink {
	
		font-size: 8pt;
		color: #888;
		font-style: italic;
	}

	.tenPointText {
	
		font-size: 10pt;
	}

	a.smallGrayLink:link,
	a.smallGrayLink:visited {

		color: #888;
		text-decoration: underline;	
	}

	a.smallGrayLink:hover {

		color: #000;
		text-decoration: underline;	
	}

	a.smallGrayLink:active {

		color: #000;
		text-decoration: none;	
	}
	
	.storyText {
	
		font-family: Garamond, Times, serif;
		margin-bottom: 15px;
	}
	
	.storyText_last {
	
		margin-bottom: 0px;
	}
	
	.storyText_initialCap:first-letter {
	
		font-size: 48pt;
		float: left;
		padding-right: 3px;
		padding-top: 5px;
		line-height: 83%;
	}


/* ----------------------------------------------------
   story lists
   ---------------------------------------------------- */

	.storyListTitle {
	
		font-size: 14pt;
		line-height: 20pt;
	}
	
	.storyListAuthor {
	
		font-size: 11pt;
		color: #888;
	}
	
	.storyListDate {
	
		font-size: 9pt;
		color: #888;
		font-style: italic;
		margin-bottom: 20px;
	}
	
	.storyListSummary {
	
		font-size: 9pt;
		font-style: italic;
	}
	

/* ----------------------------------------------------
   footer
   ---------------------------------------------------- */

	#loginNote {

		text-align: center;
		font-size: 8pt;
		color: #888;
		font-style: italic;
	}
	
	
/* ----------------------------------------------------
   right nav column
   ---------------------------------------------------- */

 	.rightNavStoryTitle {
 	
 		color: #FFF;
 		font-size: 9pt;
 		line-height: 10pt;
 	}
 	
 	.rightNavStoryAuthor {
 	
 		color: #C4DF9B;
 		font-size: 8pt;
 		line-height: 9pt;
 		font-style: italic;

 		padding-left: 10px;
 		padding-bottom: 10px;
 	}
 	
 	.rightNavStoryAuthor_last {
 	
 		padding-bottom: 0px;
 	}


	.categoryName {
	
		color: #436214;
		font-style: italic;
		font-size: 9pt;
	}
	
	.genreIntro {
	
		color: #436214;
		font-style: italic;
		font-size: 10pt;
	}
	
	.alphabetLetter {
	
		position: relative;
		left: -35px;
		float: left;
		width: 126px;
		text-align: center;
	}
	
	.alphabetStoryListing {
	
		position: relative;
		left: -20px;
		float: right;
		width: 340px;
	}