/* article728.css, based on article01.css
|
| Design:
|    - h1 is main title, h1.t2 is secondary title, h2 is top section
|    - div.by is author
|    - Use blockquote for quotes with embedded citation
|    - Use p.quote for quotes with separate citation (in quoteby).
|    - al  : Align left
|    - ar  : Align right 
|    - ac  : Align center
|    - fci : Formula - centered, sans-serif and italic
|    - list   : No gap below
|    - nogapa : No gap above (use for ul/ol with  p class="list")
|    - le  : Left   box w. flags.
|    - ri  : Right  box w. navigation
|    - ce  : Center box (unused)
|    - bok : right adjusted breakout box (e.g. used for book reviews)
|    - bob : breakout box - ordinary
|    - boc : breakout box - centered
|    - ing : ingress
|    - abs : abstract
|    - qu  : Interview - questions.
|    - an  : Interview - answers.
|    - qa  : Feedback - h2 + container
|    - qa1 : Feedback - question
|    - qa2 : Feedback - answer
|    - c   : copyright, first published in ...
|    - cec : credit to source
|    - fn  : footnote, endnote
|    - fb  : feedback note
|    - p.bibitem : bibliography
| Depreciated:
|    - i : ingress [p.ing]
|    - h3.toc, p.toc is for table of contents  [h2, li]
|    - h3.a is author [div.by]
|    - h2.div is author [div.by]
|    - t : right adjusted breakout box (e.g. used for reviews) [p.bok]
|    - q : ordinary breakout box [p.bob]
*/
body	{ background-color: #FFF7E3; color: black; font-family: Book Antiqua, Times, serif; }
#main	{ width: 728px; }
.fci	{ text-align: center; font-family: Verdana, Arial, Geneva, sans-serif;  font-style: italic }
.nogapa	{ margin-top: 0px; padding-top: 0px; }
.tiny	{ font-size: 0.8em; }

/* frontstuff, headings */
h1	{ font-weight: bold; font-family: Verdana, Arial, Geneva, sans-serif; margin: 0em; font-size: 1.9em; }
h1.t2	{ font-weight: bold; font-family: Verdana, Arial, Geneva, sans-serif; margin: 0em; font-size: 1.4em; }
div.by	{ font-weight: bold; font-family: Verdana, Arial, Geneva, sans-serif; margin-top: 0em; font-style: italic; font-size: 1.1em; color: #777; }
h2	{ font-weight: bold; font-family: Verdana, Arial, Geneva, sans-serif; margin-top: 1.3em; margin-bottom: 0.5em; }
h3	{ font-weight: bold; font-family: Verdana, Arial, Geneva, sans-serif; margin-top: 1.75em; }
p.list	{ margin-top: 20px; margin-bottom: 0px; }
p.ing	{ font-weight: bold; font-family: Verdana, Arial, Geneva, sans-serif; color: #933; }
p.abs { border:  0px; border-top:  1px;   border-bottom: 1px; border-style: solid; border-color: #933;
        margin:  0px; margin-top:  1.5em; margin-bottom: 1.5em;
	padding: 0px; padding-top: 0.8em; padding-bottom: 0.8em; 
	font-size: 0.9em; font-weight: bold; font-family: Verdana, Arial, Geneva, sans-serif; color: #933; }
p.key { margin-top: 5px; margin-bottom: 5px; padding-left: 2em; text-indent: -2em; color: #933; }
p.bok	{ width: 90mm; float: right; margin: 8px; margin-top: 0px; padding: 10px;
	  border: 2px; border-style: solid; background-color: #EEE; border-color: #933; }

p.bok65	{ width: 60mm; float: right; margin: 8px; margin-top: 0px; padding: 10px;
	  border: 2px; border-style: solid; background-color: #EEE; border-color: #933; }

/* body */
.clear	{ clear: both; }
div.al	{ float: left; margin-right: 1.0em; }
div.ar	{ float: right; margin-left: 1.0em; margin-bottom: 0.2em; }
div.ac	{ margin: 0.5em; text-align: center; }
p.bob	{ border: 0px;
	  border-top:  3px; border-bottom:  3px; border-style: solid; border-color: #933;
          margin-top: 10px; margin-bottom: 10px; margin-left: 50px; margin-right: 55px;
	  padding: 5px;
	  font-weight: bold; font-family: Verdana, Arial, Geneva, sans-serif; color: #933; }
p.boc	{ border: 0px;
	  border-top:  3px; border-bottom:  3px; border-style: solid; border-color: #933;
          margin-top: 10px; margin-bottom: 10px; margin-left: 50px; margin-right: 55px;
	  padding: 5px;
	  font-size: 0.8em; font-weight: bold; font-family: Verdana, Arial, Geneva, sans-serif; color: #933;
	  text-align: center; }
p.cec	{ font-size: 0.6em; font-family: Verdana, Arial, Geneva, sans-serif; margin: 0em; text-align: center; }
p.qu	{ padding-left: 0.5em; text-indent: -0.5em; font-style:  italic; }
p.an	{ padding-left: 0.5em; }
p.b	{ font-weight: bold; }
h2.qa	{ margin-top: 0.1em; margin-bottom: 0.5em; }
div.qa	{ background-color: #ddf; line-height: 1.4em; border-top: solid #85e thick; font-family: Verdana, Arial, Geneva, sans-serif; }
div.qa1	{ padding-left: 0.5em; }
div.qa2	{ padding-left: 1.5em; padding-bottom: 0.1em; padding-right: 0.5em; color: #800; background-color: #eef; }
p.fb	{ font-family: Verdana, Arial, Geneva, sans-serif; color: #800; font-size: 0.8em; text-align: center; }
p.ac	{ text-align: center; }
div.ac	{ margin: 0.5em; text-align: center; }
div.le	{ width: 100px; text-align: left;  float: left;  margin: 0px; padding: 0px; }
div.ri	{ width: 200px; text-align: right; float: right; clear: none; margin: 0px; padding: 0px; }
div.ce	{ text-align: center; margin: 0px; padding: 0px; }

/* lists, counters */
dt.fn	{ float: left; font-size: 0.8em; }
dd.fn	{ font-size: 0.8em; }
dt.em	{ font-style:  italic; }
li	{ margin-top: 4px; padding-top: 4px; }
ul.compact { list-style: square }
li.compact { margin-top: 0px; padding-top: 0px; font-size: 0.8em; }

dl.compact, dt.compact, dd.compact { margin: 0; padding: 0;}
dl.compact { display: inline; }
dl.compact dt {clear: left; float: left; width: 40px;}
dl.compact dd { float: left; width:680px; }


/* quotes */
blockquote { margin-top: 1em; margin-bottom: 1em; margin-left: 2em; margin-right: 2em; font-size: 0.95em; }
blockquote.small { font-size: 0.9em; }
p.quote	   { margin-top: 1em; margin-bottom: 0px; margin-left: 2em; margin-right: 2em; }
p.quoteby  { margin-top: 0px; margin-bottom: 1em; margin-left: 2em; margin-right: 3em; text-align: right; }

/* progexample */
p.progexample { margin-top: 1em; margin-bottom: 1em; margin-left: 2em; margin-right: 2em;
		font-family: monospace; }

/* images */
img	{ margin-left: 0px; margin-top: 1em; border-width: 0px}
img.ce	{ margin-left: auto; margin-right: auto; display: block; }
img.ceb	{ margin-left: auto; margin-right: auto; display: block; border-width: 1px; border-color: black; border-style: solid; }
img.fl	{ float: left; margin-right: 1.5em; margin-top: 0px; border-width: 1px; border-color: black; border-style: solid; }
img.fr	{ float: right; margin-left: 1.5em; margin-top: 0px; border-width: 1px; border-color: black; border-style: solid; }
img.cc	{ float: left; margin-right:  7px; margin-top: 1px; border-width: 0px; }

div.tcenter {
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 0 0 0;
}
div.tleft {
	float:left;
	clear:left;
	margin:0.5em 0.7em 0.5em 0; 
	border-width:0.5em 1.4em 0.8em 0;
}
div.tlefta {
	float:left;
	clear:left;
	margin-left:20px; margin-right:0.9em;
	border-width:0.5em 1.4em 0.8em 0;
}
div.tright {
	clear:right;
	float:right;
	margin:0.5em 0 0.5em 0.7em; 
	border-width:0.5em 0 0.8em 1.4em;
}
div.thumbinner {
	border:1px solid #ccc;
	padding:3px !important;
	margin:0;
	background-color:#f9f9f9;
	color:black;
	font-size:25px; /* trick - smaller fontsize makes larger frame in Firefox. */
	overflow:visible;
}
html .thumbimage {
	border:1px solid #ccc;
	margin: 0;
	padding:0;
}
html .thumbimagel {
	border:1px solid #ccc;
	margin: 0 1px 0 0;
	padding:0;
}
html .thumbimager {
	border:1px solid #ccc;
	margin: 0 0 0 1px;
	padding:0;
}
html .thumbcaption {
	border:none;
	text-align:left;
	line-height:1.4em;
	padding:3px !important;
	font-size:9px;
}




/* tables */
caption	{ caption-side: bottom; font-family: Verdana, Arial, Geneva, sans-serif; font-style: italic; }
th	{ font-family: Verdana, Arial, Geneva, sans-serif; }
th.le	{ text-align: left; }
td.ri	{ text-align: right; }
td.ce	{ text-align: center; }
td.top	{ vertical-align: top; }

caption.arial	{ font-family: Arial, sans-serif; font-style: italic; }
caption.narrow	{ font-family: Arial Narrow, sans-serif; font-style: italic; }
th.narrow	{ font-family: Arial Narrow, sans-serif; vertical-align: top; }
th.narrle	{ font-family: Arial Narrow, sans-serif; text-align: left; vertical-align: top; }
td.narrow	{ font-family: Arial Narrow, sans-serif; vertical-align: top; }

/* endstuff */
p.c	   { font-size: 0.6em; font-family: Verdana, Arial, Geneva, sans-serif; margin: 0em; }
p.fn	   { font-size: 0.8em }
p.bibitem  { margin-top: 3px; margin-bottom: 3px; padding-left: 2em; text-indent: -2em; }
p.thanks   { font-size: 0.8em; }

@media print {
  #main	{ width: 100%; }
}

/* EOF */