/* Style sheet for Understanding Astronomy web pages */

body {
	padding: 10px;				/* a little extra space around the edges */
	font-family: Helvetica, Arial, sans-serif;
	font-size: medium;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p { 							/* standard paragraph */
	text-align: justify;
	text-indent: 2em;
	padding: 0;
	margin: 0 0 1ex 0;
}

p.first {
	text-indent: 0;				/* paragraph with no first-line indentation */
}

dfn {
	font-weight: bold;			/* newly defined terms are in bold */
}

div.eqn {						/* displayed equations are centered */
	text-align: center;
	margin: .5ex 0 1.5ex 0;
}

/* ---------- styles for headings: ---------- */

h1 {							/* h1 is for page titles (i.e., chapters in "book") */
	text-align: center;
	color: #4000A0;				/* dark purple */
	margin: .5ex 0 1ex 0;
}

h2 {							/* h2 is for super-titles, in smaller type, giving book name */
	text-align: center;
	font-size: medium;
	color: #4000A0;				/* dark purple */
	margin: 0;
}

h3 {							/* h3 is for main sections within each page */
	color: #4000A0;				/* dark purple */
	font-size: x-large;
	margin: 2ex 0 1ex 0;
	clear: both;
	page-break-after: avoid;
}

h4 {							/* h4 is for subsections */
	color: #4000A0;				/* dark purple */
	font-size: large;
	margin: 2ex 0 1ex 0;
	clear: both;
	page-break-inside: avoid;
}

/* ---------- styles for lists: ---------- */

ul {
	margin: 0;
	padding-left: 2em;
}

ol {
	margin: 0;
	padding-left: 2em;
}

li {
	margin: 0 0 1ex 0;
	text-align: justify;
}

/* ---------- styles for figures: ---------- */

div.figure {
	/* width:120px;*/
	padding: 5px;				/* space inside frame */
	border: 1px solid gray;		/* the frame itself */
	background-color: #F4F4F4;	/* very light gray inside frame */
	clear: both;				/* move to below any earlier floating objects */
	page-break-inside: avoid;	/* has no effect in most browsers but at least try */
}

div.right {
	float: right;
	margin: 3px 0 10px 15px;
}

div.center {
	text-align: center;
	margin: 10px auto 10px auto;
}

/*div.figure img {border: 1px solid black;}*/

div.figure p { 
	font-size: smaller;
	text-indent: 0;
	margin: 0.5ex 0 0 0;
}

div.figure h1 {
	font-size: medium; 
	margin: 0 0 0.5ex 0;
}

/* ---------- styles for tables: ---------- */

div.table {
	padding: 5px;				/* space inside frame */
	border: 1px solid gray;		/* the frame itself */
	background-color: #F4F4F4;	/* very light gray inside frame */
	float: right;
	clear: both;				/* move to below any earlier floating objects */
	page-break-inside: avoid;	/* has no effect in most browsers but at least try */
	margin: 10px 0 10px 0;
}

table {
	clear: both;
	border-collapse: collapse;
	background: white;
	margin: 0 0 0 0;
}

th {
	border: 1px solid gray;
	padding: 3px 6px 3px 6px;
}

td {
	border: 1px solid gray;
	padding: 3px 6px 3px 6px;
}


/* ---------- styles for questions: ---------- */

div.question {
	margin: 10px 2em 10px 2em;
	padding: 5px;				/* space inside frame */
	border: 1px solid gray;		/* the frame itself */
	background-color: #F4F4F4;	/* very light gray inside frame */
	clear: both;				/* move to below any earlier floating objects */
	page-break-inside: avoid;	/* has no effect in most browsers but at least try */
}

div.question img {
	float: right;
	margin: 0 0 8px 10px
}

div.question p {
	text-indent: 0;
}

div.question form {
	margin: 0 0 1ex 0;
}

span.rightHidden {			/* takes up space but doesn't show */
	margin-left: 2em;
	visibility: hidden;
}

span.rightVisible {
	margin-left: 2em;
	visibility: visible;
	color: #00CC00;			/* green */
}

span.rightCollapsed {		/* doesn't even take up space */
	display: none;
}

span.wrongHidden {
	margin-left: 2em;
	visibility: hidden;
}

span.wrongVisible {
	margin-left: 2em;
	visibility: visible;
	color: red;
}

span.wrongCollapsed {
	display: none;
}

span.answer {
	display: none;
}

/* ---------- styles for page bottom ---------- */

div.footer {
	position: relative;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 5px 0 5px 0;
	margin: 20px 0 10px 0;
	clear: both;
}

div.previous {
	position: absolute;
	left: 0;
	bottom: 5px;
}

div.contents {
	text-align: center;
}

div.next {
	position: absolute;
	right: 0;
	bottom: 5px;
}

p.copyright {
	text-align: center;
	text-indent: 0;
	font-size: smaller;
}