@charset "utf-8";
/* Specific CSS for the Reflection pages. */

/* A special P that has no top margin. */
p.no_top_margin {
	margin-top: 0 !important;	
}

/* Not italic for contents list */
div.mc_leftnav {
	font-style: normal !important;	
}

/* The article fits within this div; this lets us specify specific
   styling for headings, etc. relevant only to refl articles. Also,
   we move the div 3px up to visually align the title with the contents etc. */
div.reflection {
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
	margin-top: -3px;
}

/* We want some space at the bottom of the article: white space for looks */
div.mc_mainsection {
	margin-bottom: 1.5em;	
}

/* The main heading: used for the auto-generated part of the page (Title/Byline) */
div.reflection h1 {
	color: #F60;			/* default orange */
	font-weight: bold;
	font-style: normal;
	margin: 0px;
	font-size: 100%;
	line-height: normal;
}

/* The grey italic second line for the heading (WITHIN the heading) */
/* e.g. we have <h1>Title of article<br /><span>John Lloyd, 1999</span></h1> */
div.reflection h1 span {
	font-weight: normal;
	font-style: italic;
	color: #777;		/* regular grey */
}

/* headings within the article: top-level */
div.reflection h2 {
	color: #f60;
	font-weight: normal;
	font-style: italic;
	margin-top: 0pt;
	margin-bottom: 0px;
	font-size: 100%;
	line-height: normal;
}

div.reflection h2.question {
	color: #f60;
	font-weight: bold;
	font-style: normal;
}

div.reflection h3 {
	font-weight: normal;
	color: #777;
	font-style: italic;
	margin-top: 1.5em;
	margin-bottom: -1.4em;
	font-size: 100%;
}

.normal {
	font-style: normal;	
}

/* Paragraph text */
div.reflection p {
	position: relative;
	font-size: 100%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

div.reflection p span.answer {
	font-weight: bold;
	color: #f60;
}

/* How to make indented paragraphs. Should really apply to ALL BUT THE
   FIRST paragraph. */
div.reflection p.indent {
	margin-top: -1.3em;
	text-indent: 0.75em;
}

/* For the contents list */
div.contents {
	margin-bottom: 1em;
}

/*  List styling  */
div.reflection ul {
	line-height: 1.5em;
	font-style: italic;
	padding-left: 1.5em;
	margin-left: 0px;
	list-style-type: none;
}

/* Caption styling */
div.imagecap {
	font-size: 10pt;
	font-style: italic;
	line-height: normal;
	margin-left: 10pt;
	margin-right: 15pt;
	margin-top: -0.3em;
	margin-bottom: 2.5em;
}

/* Images in the right col */
div.mc_rightcaption img {
	margin-top: 0pt;
	margin-bottom: 0.5em;
	margin-left: 10pt;
	border: 0px;
}