hr {
	width: 50%
}
#aspnetForm {
	overflow: visible	/* Keeps box-shadow from generating horizontal scrollbar in Opera */
}
#articleTitle {
	font-size: 1.8em;
	margin-bottom: 0.5em;
	word-spacing: 0.3em
}
#deck {
	font: bold 1.45em 'Century Gothic', Arial, sans-serif;
	margin-bottom: 1em;
	word-spacing:0.3em
}
.by {
	border-bottom: 2px solid #000;
	font-weight: bold;
	width: 325px
}
.by span {
	display: block;
	font-weight: normal;
	font-style: italic
}
.photoLeft, .photoLeftName, .pullquoteLeft {
	float: left;
	margin: 0 1em 1em 0
}
.photoRight, .photoRightName, .pullquoteRight {
	float: right;
	margin: 0 0 1em 1em
}
.photoLeft img, .photoLeftName img, .photoRight img, .photoRightName img {
	border: 1px solid #000;
	box-shadow: 5px 5px;
	-moz-box-shadow: 5px 5px;
	-webkit-box-shadow: 5px 5px 0 #000
}
.photoLeft p, .photoRight p {
	background-color: #eef;
	border-bottom: 1px solid #000;
	margin: 5px 0 0 0;
	padding: 8px;
	text-align: justify
}
.photoLeftName, .photoRightName {
	margin-bottom: 0.5em
}
.photoLeftName p, .photoRightName p {
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 8px;
	text-align: center
}
.pullquoteLeft, .pullquoteRight {
	background: #c9e0dd url(/images/Quotes.png) no-repeat 5% 5%;
	padding: 10px;
	width: 230px
}
.pullquoteLeft q, .pullquoteRight q {
	display: block;
	font: normal 1.5em Calibri, Arial, sans-serif;
	margin-top: 0;
	text-indent: 1.5em
}
.pullquoteLeft .source, .pullquoteRight .source {
	font: bold 1.05em Calibri, Arial, sans-serif;
	margin: 1em auto 0.5em auto;
	text-align: right
}
.pullquoteLeft .source p:first-child:before, .pullquoteRight .source p:first-child:before {
	content: "—";
	padding-right: 0.5em
}
.pullquoteLeft .source p, .pullquoteRight .source p {
	margin-bottom: 0
}
.sideArticle {
	background-color: #c9e0dd;
	float: left;
	font-family: Calibri, Arial, sans-serif;
	margin: 0 1em 1em 0;
	padding: 1.5em
}
.sideArticle h3 {
	font-size: 1.4em;
	margin-top: 0;
	word-spacing: 0.3em
}
.sideArticle p {
	margin-bottom: 0;
	padding: 0.3em 0
}