/* Structural divs */
.article-content {
	float: left;
	width: 59.500em;
	margin: 2em 0 0 0;
	padding: 0;
}

.article-info {
	float: left;
	width: 7.250em;
	margin: 2em 2em 0 0;
	padding: 0;
}

section {
	width: 38.750em;
	margin: 2em 2em 0 0;
}


/* Article headline box */
.article-headline {
	float: left;
	width: 100%;
	margin: 2em 0 0 0;
	padding: 0 0 1em 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: #232323;
}


/* Article info box */
.article-info-section {
	float: left;
	width: 100%;
	margin: 0 0 1em 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;
	}


/* Images */
.article-main-image {
	float: left;
	width: 100%;
	margin: 0 0 1.500em 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;
}


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


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

.article-copy h2 {
	float: left;
	width: 100%;
	margin: 0 0 0.250em 0;
	padding: 0.400em 0 0 0;
	font-size: 1.125em;
	font-weight: bold;
	color: #4c4c4c;
}
	
.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;
	margin: 0 0 2.6% 0;
	padding: 0;
	width: 100%;
}

.image-box img, .image-box-small img {
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
	height: auto;
}
	
.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;
}	
	

/* Subscribe prompt */
.subscribe-prompt {	
	float: left;
	width: 96%;
	margin: 0 auto;
	padding: 1.250em;
	background: #f4f4f4;
	}
	
.subscribe-prompt h2 {
	margin: 0 0 0.500em 0;
	padding: 0;
	font-size: 1.125em;
	color: #297d3e;
	}
	
.subscribe-prompt h3 {
	margin: 0 0 0.500em 0;
	padding: 0;
	font-size: 0.813em;
	font-weight: bold;
	color: #297d3e;
	text-transform: uppercase;
	}
	
.subscribe-options {
	float: left;
	width: 100%;
	margin: 1.500em 0 0 0;
	padding: 0;
	}
	
.subscribe-prompt p a, .subscribe-prompt p a:visited {
	text-decoration: none;
	border-bottom: dotted 1px;
	}	


/* More content */
.sector-headlines {
	float: left;
	width: 100%;
	margin: 0 0 2em 0;
	padding: 0;
}
	
.sector-headlines-module {
	float: left;
	width: 11.688em;
	margin: 0 1.500em 0 0;
	padding: 0;
}

.sector-headlines img {
	margin: 0 0 0.200em 0;
}
	
.sector-headlines-module:last-child {
	margin: 0 auto;
}
	
.sector-headlines h3 {
	font-size: 1em;
}


/* 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;
}


/* Toggle window */
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: rgba(0,0,0,0.3);
	display: none;
}

#modal {
	position: fixed;
	top: 10%;
	left: 22%;
	width: 62.500em;
	margin: 0 auto;
	padding: 0.625em 0 0 0;
	z-index: 10;
	background: #ffffff;
	/* box-shadow: #000000 0 0 2em; */
	display: none;
}

#modal h2 {
	margin: -0.625em 0 0 0;
	padding: 0.438em 0.625em 0.625em 0.625em;
	font-size: 1em;
	color: #ffffff;
	background: #4c4c4c;
}

#modal:target, #modal:target + #overlay {
	display: block;
	opacity: 2;
}

a.cancel, a:visited.cancel {
	display: block;
	position: absolute;
	top: 0;
	right: 0.250em;
	color: #ffffff;
	font-size: 2em;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

a.expand {
	float: left;
	margin: 0.300em 0 0 0;
	font-size: 0.813em;

}