/* Structural divs */
.article-content {
	float: left;
	width: 100%;
	margin: 1.5em 0 0 0;
	padding: 0;
}

section {
	width: 48em;
	margin: 1.5em 2em 0 0;
	position: relative;
}

aside {
	margin: 1.5em 0 0 0
}


/* Article headline box */
.article-headline {
	float: left;
	width: 100%;
	margin: 2em 0 0 0;
	padding: 0 0 0.500em 0;
	border-bottom: solid 1px #c2bebf;
}

.article-tags {
	float: left;
	width: 100%;
	margin: 0 0 0.300em 0;
	padding: 0;
	font-size: 0.875em;
	color: #7f7f7f;
}

.article-tags a:after {
	content: '\00A0\00A0\203A\00A0\00A0';
	display: inline;
}

.article-tags a:last-child:after {
	content: '';
}
	
.article-headline h1 {
	margin: 0 0 0.200em 0;
	padding: 0;
	font-size: 1.625em;
	color: #303030;
	font-weight: bold;
}


/* Images */
.article-main-image {
	float: left;
	width: 100%;
	margin: 0 0 3.5% 0;
	padding: 0;
}

.image-caption, .image-box p, .image-box-small p {
	float: left;
	margin: 0.300em 0 0 0;
	font-size: 0.813em;
	color: #7f7f7f;
}

.image-caption:before {
	margin-right: 0.300em;
	display: inline;
	content: url(../images/universal/camera.png);
}

.article-main-image > .image-caption {
	margin-top: 0;
}


/* Article info box */
.article-info {
	float: left;
	width: 15%;
	margin: 0 4% 0 0;
	padding: 0;
}

.article-info-section {
	float: left;
	width: 100%;
	margin: 0 0 0.900em 0;
	padding: 0 0 1em 0;
	border-bottom: dotted 1px #c2bebf;
}

.article-info-section:last-child {
	border: 0;
}

.author, .timestamp {
	font-size: 0.875em;
	color: #7f7f7f;
}

.timestamp a, .timestamp a:visited  {
	color: #0298C6;
	text-decoration: none;
}
	
.timestamp a:hover {
	color: #bfa700;
}

.article-info-section ul {
	margin: 0.300em 0 0 0;
}

.article-info-section li {
	display: inline;
	margin: 0 0.100em 0 0;
}

.article-info-section li:last-child {
	margin: 0 auto;
}

.article-info-section a {
	cursor: pointer;
}


/* Google News */
.story-snippet {
	display: none;
	margin: 0 auto;
	padding: 0;
	font-size: 1em;
	color: #4c4c4c;
}


/* Article copy divs */
.article-container-div {
	float: left;
	width: 81%;
	margin: 0 0 2% 0;
	padding: 0;
}


/* Article styling */	
.article-copy {
	float: left;
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0;
}

.article-copy h2 {
	width: 100%;
	margin: 0 0 0.200em 0;
	padding: 0.400em 0 0 0;
	font-size: 1.125em;
	font-weight: bold;
	color: #303030;
}
	
.article-copy p {
	margin: 0 0 1.250em 0;
	padding: 0;
	font-size: 1em;
	color: #4c4c4c;
}

.article-copy ul {
	margin: 1.250em 0 1.250em 2em;
	list-style: square outside;
}
	
.article-copy li {
	margin: 0 auto;
	padding: 0 0 0.438em 0;
	font-size: 1em;
	line-height: 1.250em;
	color: #4c4c4c;
}

.article-copy li:last-child {
	padding: 0;
}

.article-copy a, .article-copy a:visited  {
	color: #0298C6;
	text-decoration: none;
	border-bottom: dotted 1px #7edefc;
}
	
.article-copy a:hover {
	color: #bfa700;
	border-bottom: dotted 1px #bfa700;
}

.pullquote {
	width: 86%;
	margin: 0 0 1.250em;
	padding: 0 7% 0 7%;
	font-size: 1em;
	color: #7f7f7f;
	line-height: 1.3em;
}
	

/* Supplementary content */
.factbox-half, .factbox-full, .factbox, .factbox-small {
	float: left;
	width: 96%;
	margin: 1.5% 0 1.5% 0;
	padding: 0 2% 2% 2%;
	background: #f9f9f9;
	border-top: solid 1px #c2bebf;
}
	
.factbox-half, .factbox-small {
	width: 17.437em;
	margin-right: 3.5%;
}

.factbox-full h2, .factbox-half h2, .factbox h2, .factbox-small h2 {
	margin: 0 0 1.500em 0;
	padding: 0.600em 0 0 0;
	font-size: 1em;
	color: #160773;
}
	
.factbox-full h3, .factbox-half h3, .factbox h3, .factbox-small h3 {
	margin: 0 0 0.200em 0;
	padding: 0;
	font-size: 0.875em;
	font-weight: bold;
	color: #666666;
}
	
.factbox-full ul, .factbox-half ul, .factbox ul, .factbox-small ul {
	margin: 0 0 1.200em 0;
	list-style: square outside;
}
	
.factbox-full ul:last-child, .factbox-half ul:last-child, .factbox ul:last-child, .factbox-small ul:last-child, .factbox-full p:last-child, .factbox-half p:last-child, .factbox p:last-child, .factbox-small p:last-child {
	margin: 0 auto;
}
	
.factbox-full li, .factbox-half li, .factbox li, .factbox-small li {
	margin: 0 0 0 1.500em;
	padding: 0 0 0.625em 0;
	font-size: 0.875em;
	color: #666666;
}
	
.factbox-full li:last-child, .factbox-half li:last-child, .factbox li:last-child, .factbox-small li:last-child {
	padding: 0;
}
	
.factbox-full p, .factbox-half p, .factbox p, .factbox-small p {
	margin: 0 0 1.200em 0;
	padding: 0;
	font-size: 0.875em;
	line-height: 1.250em;
	color: #666666;
}
	
.source {
	font-size: 0.813em;
	color: #bfa700;
}

.image-box {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 2.6% 0;
	padding: 0;
}

.image-box img, .image-box-small img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
	
.image-box-small {
	float: left;
	width: 17.687em;
	margin: 0 1.250em 1.250em 0;
	padding: 0;
}

div.article-copy > div.image-box {
	margin-top: 0;
}


/* Tables */
.table-div, .table-div-small {
	float: left;
	width: 100%;
	margin: 0 0 4% 0;
	padding: 0;
}

.table-div-small {
	width: 49%;
	margin-right: 2%;
}

div.table-div-small:nth-child(odd) {
	margin-right: 0;
}

.table-div h2, .table-div-small h2 {
	margin: 0.400em 0 0.400em 0;
	font-size: 1em;
	color: #297d3e;
}

table {
	width: 100%;
	margin: 0 0 0.300em 0;
	padding: 0;
	border-collapse: collapse;
}

th, thead td {
	margin: 0 auto;
	padding: 0.500em ;
	font-size: 0.813em;
	font-weight: bold;
	color: #4c4c4c;
	text-align: left;
	border-top: dotted 1px #d1d3d4;
	border-bottom: dotted 1px #d1d3d4;
	background: #f4f4f4;
}
	
td {
	margin: 0 auto;
	padding: 0.400em;
	font-size: 0.875em;
	font-weight: normal;
	color: #4c4c4c;
	border-bottom: dotted 1px #d1d3d4;
}
	
tr:hover {
	background: #f4f4f4;
}


/* More content */
.sector-headlines {
	float: left;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


/* Toggle window */
.lightbox {
	display: none;
	position: fixed;
	z-index: 999;
	width: 62.500em;
	top: 10%;
	left: 0;
	right: 0;
	margin: auto;
	background: #ffffff;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(0,0,0,0.3);
	display: none;
	text-align: center;
}

.lightbox:target, .lightbox:target + .overlay {
	display: block;
}

.box {
	width: 100%;
	min-width: 37.5em;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}

.box-title {
	margin: 0 auto;
	padding: 0.625em;
	font-size: 1em;
	color: #ffffff;
	background: #4c4c4c;
}

.box-content, .box-footer {
	float: left;
	width: 100%;
	/* position: relative; */
}

a.box-close, a.box-close:visited {
	display: block;
	float: right;
	margin: 0 0.500em 0 0;
	font-size: 2em;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	cursor: pointer;
}

.expand-image {
	float: left;
	width: 2.500em;
	height: 2.500em;
	position: absolute;
	left: 89.5%;
	padding: 0.750em;
	vertical-align: middle;
	background: url(../images/universal/expand.png) no-repeat center;
}

a.box-close:hover, a.expand-image, a.expand-image:hover {
	border: none;
}