/* FILE: base.css - Basic styles for UUBG documents. [UUFSD REV+6]
	DIR: ~/dev/uubg/site/styles/
*/
/*	Default style - clean & tight 
	padding and margin styles depend on number of args (1~4): 
		ALL; or VERT HORZ; or TOP HORZ BOT; or TOP RIGHT BOTTOM LEFT; 
*/
body {	min-width: 300px; /* room for multi-column elements */
	font-family:sans-serif, Verdana, Arial, Helvetica; font-size:10pt;
	margin: 5px; padding: 0; }

p { margin: 5px 0px; padding: 0px; } 
pre { margin: 0px 0px; padding: 0px; }
table {margin-bottom: 5px; }
ul { margin: 0px; }
ol { margin: 0px; }

/* Inline shorthand */
.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.l {text-decoration:line-through;}

/* COLUMNS using divs - append <br clear="all" /> after */
div.left-half{ width:48%; float:left; }
div.right-half{ width:50%; float:right; }

/* SECTIONS: top, lead, content, tail, bot ============== */
div#top {  } /* filename & navigation bar */
	 
div#lead /* parent of: title, abstract(scope, summary) & toc  */
	{ background-color:#DED;
		border: #088; 
		border-style: solid;
		border-width: 2px;
		padding: 5px 5px 5px 5px; }
div#title { font-size:20px; font-weight:bold; font-variant:small-caps; }

div#content {  }

div#tail  /* parent of: refs, Info and revs */
	{ background-color:#DDD; /* light grey */
		border: #666; /* dark grey */
		border-style: solid;
		border-width: 1px;
		padding: 5px 5px 5px 5px; }
div#refs { }
div#info { }
div#revs { }
div#bot { text-align:center; } /* bottom navigation bar */
/* end Main divisions ============== */

/* TABLE of CONTENTS:jam top level left w/out numbers */
div#lead > div.left-half > ol { list-style-type:none; padding-left:0px; }

div#content { }	

/* Structural sub-headings (instead of h1 ~ h6) */
div.hdg {font-weight:bold; margin-top: 1em; }
div.section > div.hdg 
		{font-size:15pt; font-variant:small-caps;}
div.section > div.sub > div.hdg 
		{font-size:14pt; margin-left:8%;}
div.section > div.sub > div.sub > div.hdg 
		{font-size:13pt; margin-left:16%;}
div.section > div.sub > div.sub > div.sub > div.hdg 
		{font-size:12pt; margin-left:24%;}
div.section > div.sub > div.sub > div.sub > div.sub > div.hdg 
		{font-size:11pt; margin-left:32%;}
div.section > div.sub > div.sub > div.sub > div.sub > div.sub > div.hdg 
		{font-size:10pt; margin-left:40%;}

/* Indented headers */
h1 {font-size:20pt; font-weight:bold; font-variant:small-caps;} 
h2 {font-size:16pt; font-weight:bold; margin-left:8%;}
h3 {font-size:13pt; font-weight:bold; margin-left:16%;}
h4 {font-size:13pt; font-weight:bold; margin-left:24%;}
h5 {font-size:13pt; font-weight:bold; margin-left:32%;}
h6 {font-size:13pt; font-weight:bold; margin-left:40%;}

h1.hs {font-size:16pt} /* structural headers inside head and tail */

/* Basic tables with 2 pixel gray border and grid */ 
table { width:95%; margin-left:auto; margin-right:auto; 
	border:1px solid gray;
	border-spacing:0px; 
	padding:0px; }

table td { 
	border:1px solid gray;
	border-spacing:0px;
	padding: 0 0.5em 0 0.5em; }

tr.hr  /* header row */
	{font-weight:bold; }
	
td.hc  /* header column */
	{width:15%; font-weight:bold; text-align:right;} 

/* Cut & Paste for table row.  Edit "HEADER" and "DATA"
    <tr>
        <td class="hc"> HEADER </td>
        <td> DATA </td>
    </tr>
*/