/*
	Styles approprate for Lognet articles quickly exported to the web.
	by James Jennings * August 2, 2008

	<link rel="stylesheet" href="lognet.css" type="text/css" charset="utf-8">
	
	Style Notes:
	<b> is reserved for Loglan example text.
	<i> is reserved for English and other language examples.
	Otherwise, the goal is to use <strong>, <em>, <cite> or other markup.
	Places a special class might be useful:
		Some (conceptual) headers appear bold, italic, and inline.
		[Bracketed notes] often have italic added.
	I have not yet gone through and fixed forbidden <b>s and <i>s.
	
	A lot of the time, I'll add styles just to match the format of the original
	Lognet article. I'm not religious about it, and will override this for the 
	sake of consistency.
*/

/* a "header" line, giving the origin of the current article */
body {margin: 1em;} /* so we know the correct margin for #source */
#source {
	color: white;
	background: navy;
	margin: -1em -1em 0 -1em; /* bleed to the edge */
	padding: 0.5em 0;
	/*width: 100%;  does nothing? */
}

/*  Always use h1 for the title.
	Us <span class="trans"> for a translation line. */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, sans-serif;
	text-align: center; 
}
h1 {
	margin-top: 1.2em;
	font-size: xx-large;
}
h1 .trans {
	display: block; /*force a new line*/
	margin-top: 0;
	font-size: x-small;
}
h2 { font-size: large; }
/* h3 
	Some articles have 3rd level headers as Times+bold+italic+colon text 
	inline with the next paragraph. Can I do that? Perhaps like:

h3.inline { font: bold italic Times, serif; display: run-in; }
*/

p {
	text-align: justify; 
	text-indent: 2em;  
	font: Times, serif; 
}
h1 + p, h2 + p {	/* CCS2: Don't indent when following headers. */
	text-indent: 0;  
}
p.hangingindent { /* Is this real? Or was JCB just squeezing in long examples? */
	margin-left: 2em;
	text-indent: -1em;
}
p.byline { font-size: small; text-align: center; }
p.purda { /* formatting for a word definition */
	margin: 0; /* single space */
	margin-left: 2em;
	text-indent: -2em;
}
/*
	I've forced the lack of indent whereever it appears. However...
	The structure of some of these things is that a bit of Loglan and its translation
	appears in the middle of a paragraph. It needs narrower margins, 
	single space, and margins above and below. Does this call for a DIV inside a P?
	(If that's forbidden, a SPAN with display: block?)
*/
p.noindent { text-indent: 0; }

/* Occasionally we want single spaced paragraphs.
	Mostly, we just use class "single".
	Sometimes we use "firstsingle" to force a space between otherwise single spaced groups.
*/
p.firstsingle { 
	margin-bottom: 0;
}
p.single { 
	margin-top: 0; 
	margin-bottom: 0;
}

span.u { text-decoration: underline; } /* more meaningful class name, like 'em2' */

.note { font-style: italic; }
.note em { text-decoration: underline; } /* emphasis in an italic range */

/* signatures in their own paragraphs */
p.sig {
	text-align: right;
}

/* signatures at the end of paragraphs */
span.sig {
	float: right;
}