.feedburnerFlareBlock { background: #C8DCD7; color: white; padding: 0.5em; text-align: center;}

#article p.feedburnerFlareBlock a { font-weight: bold; }

#feedback {
	background: #F9FDC7;
}
#article a:hover { color: #7666AC;}

.article_info { border: solid 1px #C8DCD7; padding: 1em; margin-bottom: 4em;}
.article_info { border-left: solid 9px #C8DCD7}
.article_info a { color: #7666AC; }
.article_info h1, .article_info h2 { font-size: 120%; }
.article_summary { margin-left: 4em; }

#article p { 
	margin-top: 1em;
	line-height: 1.8;
	color: #333;
	font-family: Helvetica, Arial;
}

#article li { 
	color: #333;
	padding-bottom: 0.5em;
	line-height: 1.5em;
}

#article li strong {
	color: #000;
}
#article h1, #articles h1 {
	font-size: 18pt;
	padding-bottom: 0.5em;
	margin-top: 1em;
}

#article h2 {
	margin-top: 2em;
	font-size: 16pt;
}

#article h1, h2 { 
	margin-bottom: 1em;
	color: #7666AC;
	clear: both;	
}

#article p code { font-weight: bold; background: #FFF7E2; padding: 0px 2px;}

#article p a {
	color: #000;
	border-bottom: dotted 1px #7666AC;
}


.callout {
	float: right;
	text-align: center;
	background: #FFFBD1;
	width: 30%;
	padding: 1em;
	line-height: 1.5;
	margin: 1em -15% 1em 1em;
	border: solid 3px #7666AC;
	color: #000;
	font-family: Arial;
}

.callout img { float: left;}

#content { 
	width: 85%;
}

#article p.workshop_link { color: #7666AC; font-style: italic; float: right;}
#article p.workshop_link a { color: #7666AC; font-style: italic;}

/*
purple: #7666AC
light grey: #888888
dark grey: #666666
green: #C8DCD7
light purple: #B6B5DA
*/

.footnote { font-size: 80%; border-top: solid 1px #888; padding-top: 1em;}