body {
	margin: 0 0 50px 0;
	background-color: #FFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	color: #083163;
}

a {
	color: #811;
	text-decoration: none;
	font-weight: bold;
}

li.nohighlight a {
	color: #083163;
}

a:hover,
a:active {
	text-decoration: underline;
}

a img {
	border: none;
}

.caption {
	font-size: 9px;
	color: #888;
}

.postscript {
	font-size: 9px;
	color: #888;
}

.nowrap {
	white-space:nowrap;
}

.nowrapbold b {
	white-space:nowrap;
}

.page {
	width: 800px;
	margin: 0 auto 0 auto;
}

.logoHeader {
	float:left;
	width: 230px;
	padding: 10px 0 10px 0;

	text-align: center;
	border-right: 1px solid #CCC;
}

.logoHeader .pageDate {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 14px;
	margin: 2px 0 0 0;
}

.leftColumn {
	float:left;
	width: 210px;
	padding: 0 10px 0 10px;
}

.leftColumn img.icon {
	margin: 4px 8px 4px 0;
	float: left;
	width: 16px;
	height: 16px;
}

.centerColumn {
	float:left;
	width: 550px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;

	padding: 2px 2px 0 0;
	overflow: hidden;

	text-align: justify;
}

.centerColumn p {
    /* Hack for IE italic bug that causes certain text blocks (those
       with the right amount of italics) to push the width of the gray
       center column into the 2-pixel padding, screwing up the pinstripe.
       http://www.positioniseverything.net/explorer/italicbug-ie.html */
	/* PENDING: hack messes up flow around annotations in IE6 */
/*    width:100%;
    overflow:visible;*/
}

.centerColumn h1,
.centerColumn h2,
.centerColumn h3,
.centerColumn h4 {
	padding: 2em 0 0.5em 0;
}

.centerColumn h3 {
	font-size: 14px;
}

.centerColumn h4 {
	font-size: 11px;
}

.blogEntryNavigation {
	margin: 2px 0 0 0;
	font-size: 11px;
	padding: 10px 40px 10px 40px;
	background-color: #EEE;
}

.centerColumnContent,
.archiveNavigation,
.archiveNoNavigation {
	font-size: 11px;
	line-height: 1.5em;

	padding: 35px 40px 35px 40px;
	background-color: #EEE;
	color: #000;
}

.leftColumnContent {
	margin: 37px 4px 0 4px;
}

.leftColumnContent h1 {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

.leftColumnContent h1 i {
	white-space: nowrap;
}

.leftColumnContent p {
	margin: 0 0 2em 0;
}

.leftColumn li {
	margin: 0 0 0.25em 0;
}

.leftColumn li.nohighlight {
/*	list-style: none;*/
}

.leftColumn ul, .leftColumn ol {
	margin: 0.25em 0 0 0;
	padding: 0 0 0 1.7em;
}

.columnTitle {
	margin: 40px 2px 20px 2px;
        color: #000044;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

.navSection {
        margin: 0 0 50px 0;
}

.navSection .attribution {
	text-align: right;
}

.navSpacedItem {
	margin: 1em 0 0 0;
}

.smallPostList {
	margin: 0 2px 0 2px;
}

.smallPost1,
.smallPost2 {
	padding: 14px 8px 14px 10px;
}

.smallPost1 {
	background-color: #FFEFC5; /* pale yellow */
}

.smallPostList .postInfo {
	white-space: nowrap;
	font-weight: bold;
        color: #000044;
}

.smallPostList .more {
	margin: 5px 0 0 0;
	text-align: center;
}

.subitem {
	padding-left: 6px;
}

.navTitle {
	font-weight: bold;
	color: #000044;
}

.navListTable {
	padding: 0px;
}

.navListTable td {
	padding: 0px 0px 2px 0px;
}

.navListTable td.bulletCell {
        width: 0.8em;
	text-align: left;
}

.navListTable .author {
	font-weight: bold;
}


.archiveNavigation,
.archiveNoNavigation {
	margin: 0 0 2px 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer .archiveNavigation {
	margin: 2px 0 0 0;
}

.archiveNavigation .archivePrevious {
	width: 25%;
	float: left;
}

.archiveNavigation .archiveNext {
	width: 25%;
	text-align: right;
	float: left;
}

.archiveTitle {
	text-align: center;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

	width: 50%;
	float: left;
}

.archiveNoNavigation .archiveTitle {
	float: none;
	width: 100%;
}

#search form {
	margin: 0 0 32px 0;
}

#searchResults .logoHeader {
	border: none;
}

#searchResults .searchBox {
	padding: 30px 0 0 24px;
	float: left;
}

.blogEntry {
	margin: 0 0 90px 0;
}

#indiv .blogEntry {
	margin: 0 0 0 0;
}

.blogDateHeader {
	font-size: 10px;
	font-weight: bold;
}

.blogDateHeader img.icon {
	margin: 0 0 4px 4px;
	border: none;
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

.blogEntry ul, .blogEntry ol {
	margin: 1.75em 0 1.75em 0;
	padding: 0 0 0 1.7em;
}

.blogEntry li {
	margin: 0 0 1.0em 0;
}

.blogEntry ul.tight li {
	margin: 0 0 0.5em 0;
}

.blogEntry img {
	margin: 0 auto 1em 0;
	border: 1px solid #CCC;
}

.blogEntryTitle,
.blogCommentsTitle,
.blogPostCommentsTitle {
	font-size: 16px;
	font-weight: bold;
	color: #004;
	line-height: 1.3em;
}

.blogEntryTitle a {
	color: #004;
}

.blogEntryTitle i {
	white-space: nowrap;
}

.blogBody blockquote {
	margin: 2em 3em 2em 3em;
	padding: 1em 2em 1em 2em;
	background-color: #FAFAFA;
/*	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;*/
}

.blogBody .annotation {
	padding: 1.3em;
	width: 220px;
	margin: 0 0 1em 1em;
	float: right;
	color: #555500;
	background-color: #FFEFC5;

        /* Position the annotation to the right of the main text (it's
           relative to the upper left of the paragraph). Set 'left' a
           bit higher than the width of the articleColumn to guarantee
           that it won't block text. */
/*	position: absolute;
	left:100%;*/

	border: 1px solid #DDA;
}


.blogExtended {
	margin: 2em 0 2em 0;
}

.blogPosted {
	font-size: 10px;
	border-top: 1px solid #AAA;
	margin: 2em 0 0 0;
	padding: 0.4em 0 0 0;
}

.blogCommentsTitle {
	margin: 4em 0 2em 0;
}

.blogPostCommentsTitle {
	margin: 0 0 0.4em 0;
}

.blogComment,
.blogCommentForm {
	margin: 4em 0 0 0;
	font-size: 11px;
}

.blogCommentHeader,
.blogCommentFormHeader {
	padding: 0 0 0.4em 0;
	border-bottom: 1px solid #AAA;
	font-weight: bold;
	font-size: 10px;
}

.blogCommentFormHeader {
	margin: 0 0 1em 0;
}

.blogCommentHeaderLabel {
	text-align: right;
}

.blogCommentHeaderDate {
	float:right;
}

.blogCommentBody {
	 /* long strings that don't wrap go outside the border of the
	    body without this. */
	overflow: hidden;
}

.blogPostCommentForm {
	font-size: 11px;
}

.blogEntryPrevious {
	float: left;
}

.blogEntryNext {
	float: right;
}


/** Special Errata entries within the blog **/

.errataEntry {
	margin: 1em 0 1em 0;
}

.errataEntry .postscript {
	margin: 2em 0 2em 0;
	font-size: 9px;
	color: #888;
	line-height: 1.4em;
}

.errataEntry .postscript .title {
	font-weight: bold;
}

.errataEntry .correction {
/*	width: 230px;*/
 	margin: 0 auto 2em auto;

/*	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	text-align: justify;*/
}

.errataEntry .correction blockquote {
/*	margin: 2em 3em 2em 3em;
	border: none;*/
}

.errataEntry .correctionTitle {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000044;
}

.errataEntry .articleColumnContainer {
/*	width: 100%;
	margin: 0px 0px 30px 0px;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #333344;
*/
}

.errataEntry .articleColumn {
/*	width: 80%;
	margin: 10px auto 30px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
*/
}

.errataEntry .articleFooter {
	text-align: center;

	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.errataEntry .articlePrevNext a {
	text-decoration: none;
}

.errataEntry .articlePrevNext {
	margin: 3em 0 0 0;
}

.errataEntry .articleAnnotation {
	padding: 1.3em;
	width: 220px;
	margin: 0 0 1em 1em;
	float: right;
	color: #555500;
	background-color: #FFEFC5;

        /* Position the annotation to the right of the main text (it's
           relative to the upper left of the paragraph). Set 'left' a
           bit higher than the width of the articleColumn to guarantee
           that it won't block text. */
/*	position: absolute;
	left:100%;*/

	border: 1px solid #DDA;
}

.errataEntry .articleSectionHeading {
	font-size: 14px;
	font-weight: bold;
	margin: 2em 0 0.3em 0;
}

.errataEntry .articleParagraph {
	margin:0em 0em 1em 0em;
	position:relative;
}

.errataEntry .articleTitleBlock {
	margin: 0 0 3em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.errataEntry .articleTitle {
	font-size: 20px;
}

.errataEntry .articleSubtitle {
	font-size: 10px;
	color:#666666;
}

.errataEntry .articleAuthor {
	font-size: 11px;
}

.errataEntry .nextPageDescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


.capsuleListTable th,
.capsuleListTable td {
	vertical-align: top;
	text-align: left;
}

.capsuleListTable th {
	padding: 0 6px 24px 0;
}

.capsuleListTable td {
	padding: 0 3px 12px 0;
}

.capsuleListTable td.director,
.capsuleListTable td.date {
	font-size: 10px;
}

.teaser {
	margin: 0 0 2em 0;
}

.teaser .teaserDate {
	font-size: 10px;
}

div.audioBox {
	padding: 1em;
	margin: 3em 0 2em 0;

	text-align: center;
	border: 1px solid #CCC;
	background-color: #FFF;
}