/* This style sheet developed by Jonathan O'Donnell (mailto:jonathan@rmit.edu.au).
*/



/*
To print action items in the scribble margin on the right hand side,  print from Internet Explorer.
 */


body 
	{
	margin-right: 5%; 
	margin-left: 5%; 
	margin-top: 5%; 
	margin-bottom: 5%; 
	font-size: 10pt; 
	background-color: #FFFFFF; 
	background-image: none; 
	color: black; 
	}


A:link  {color: blue ; }
A:visited {color: purple ; }
A:active {color: aqua ; }


.action
	{
	font-size: smaller; 
	margin-left: 5%; 
	margin-bottom: 0%; 
	font-weight: bold;
	}

.who
	{
	text-align: right; 
	margin-right: -5%; 
	margin-top: 0%; 
	font-size: smaller; 
	font-weight: bold;
	}


H1
	{
	margin-right: -5%;
	}


/*
Trying to replicate the RMIT template:

This works in Explorer and is kind-of OK in Navigator.  How do I get a black box or background across the page in Navigator?
*/


/*
This will make H1 look like the RMIT template.  Doesn't work well in Netscape.
	text-align: right;
	color: CCFFFF; 
	background-color: black;
	background-image: url(http://www.rmit.edu.au/images/rmitBG-bl.gif);
For H1: these heights corrospond to the RMIT logo.  The fixed hieghts above are a cludge for Navigator  :-(
	line-height: 47px; 
	font-size: 43px; 
*/




H2   
	{
	border-top-width: medium; 
	text-align: right;
	}

/* Another thing that is in the RMIT template that I don't like
H3   
	{
	margin-left: -3%;
	}
*/

.pull
	{
	border: 2px gray outset; 
	BACKGROUND: #eedd77; 
	padding: 1%;
	float: left; 
	width: 15em; 
	overflow: visible;
	}

	cite.pull
		{
		font-size: smaller; 
		text-align: right; 
		font-style: normal; 
		}



.quote
	{
	margin-left: 5em; 
	margin-right: 5em ;
	BACKGROUND: #eedd77; 
	}

	cite.quote
		{
		font-size: smaller; 
		text-align: right; 
		font-style: normal; 
		margin-right: 5em;
		}
/* 
Most pages have a quote and citation at the top.
*/  
/*
But these elements are depreciated and one of them doesn't validate.
*/


blink 
	{
	COLOR: #FF0000;
	}

.navigation
	{
	border-top-width: thin; 
	font-size: 0.8em;
	}
/* This is for the navigation bar at the bottom of the page.
*/
 

.example
	{
	margin-left: 15%; 
	margin-right: 15% ;
	}

ul, ol, li
	{
	margin-top: 1em;
	margin-bottom: 1em;
	}

/* This should (?) allows me to make my definition lists 'compact', but still readable.
DT
	{
	margin-top: 5%; 
	margin-bottom: 0%;
	}


DD
	{
	margin-top: 0%; 
	margin-bottom: 5%;
	}
*/ 

/*
This is a way to put 1.1, 1.2 ... number on lists, but none of the browsers support it yet.
See http://www.w3.org/TR/REC-CSS2/generate.html#counters for details

H3:before {
    content: "Chapter " counter(chapter) ". ";
    counter-increment: chapter;  /* Add 1 to chapter */
    counter-reset: section;      /* Set section to 0 */
}
H4:before {
    content: counter(chapter) "." counter(section) " ";
    counter-increment: section;
}
*/


/*
And here is another example of putting 1.1, 1.2 ... numbering on lists, which I am not using.

<HTML>
   <HEAD>
     <TITLE>Creating a list with markers</TITLE>
     <STYLE type="text/css">
          LI:before { 
              display: marker;
              content: counter(mycounter, lower-roman) ".";
              counter-increment: mycounter;
          }   
     </STYLE>
  </HEAD>
  <BODY>
    <OL>
      <LI> This is the first item.
      <LI> This is the second item.
      <LI> This is the third item.
    </OL>
  </BODY>
</HTML>

See http://www.w3.org/TR/REC-CSS2/generate.html#q11 for details
*/


@media print 
	{
  	H1, H2, H3, H4, H5, H6
		{
		page-break-after: avoid; 
		page-break-inside: avoid
		}
	BLOCKQUOTE, PRE
		{
		page-break-inside: avoid
		}
	UL, OL, DL    
		{
		page-break-before: avoid
		}
	}
/* The @media print command is in the specs, but it isn't supported yet.
*/ 