/* Provide light background for reading long articles. */

div.article-container {
	padding: 30px 35px 0 35px;
}

div.content div.article {
	margin: 0 -35px;
	padding: 35px;
	background: #cccc99;
	color: #333;
	font-size: 80%;
  line-height: 1.5em;
}

div.content div.article h2, h3 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 100%;
	color: #000;
}

div.content div.article h3 {
	padding: 5px 0 0 0;
}

div.content div.article p {
	margin: 0 0 20px 0;
	padding: 0;
}

div.content div.article p.article {
	color: #996600;
}

a.article { color: #996600; font-weight: bold; text-decoration: underline; }
a.article:link { color: #996600; }
a.article:visited { color: #996600; }
a.article:hover { color: #996600; text-decoration: none; }
a.article:active { color: #996600; }

.article .annotation-lightbox {
  border: 1px solid black;
  background: #FAF0E6;
  padding: 1em;
  position: absolute;
  top:0;
  left:0;
}

.article .annotation-link {
  text-decoration: none;
  border-bottom: 1px dashed;
}

.article .content-image {
  float: right;
  padding-left: 1em;
  padding-bottom: 1em;
  line-height: 1.4em;
  font-size: 80%;
}

img.case-study-header
{
		float: left;
		margin-right: 1em;
}