/*body { font-family: Helvetica, Tahoma, Verdana, Segoe, sans-serif; }*/

html, body {
   font-family: Verdana, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
   font-weight: 300 !important;
}
body {
   background: #57699a url(images/ufos_and_nukes.png) 0 0 repeat;
}

body.wysiwyg { background-color: #FFF!important; background-image: none!important; }
header { position: relative; width:950px; margin: 0; padding-top: 10px; height: 360px; background: transparent url(images/secure-area-banner.png) 0 0 no-repeat; }
#container { height: 100%; background-color: #fbfbfb; }
#container:after {content:"\0020";display:block;height:0;clear:left;visibility:hidden;overflow:hidden;}
#container_shadow { width: 978px; margin: 0 auto; background: transparent url(images/container_shadow.png) 0 0 repeat-y; }

#topbar { position: relative; width:950px; height: 18px; margin: 0 0 18px 0; }
#sidebar { float:left; width:150px; min-height: 400px;padding-right:24px;margin-top: 10px;margin-right:25px; }
#sidebar nav ul {  margin: 0 0 3em 0; padding: 0; list-style-type: none; }
#sidebar nav li { margin: 0 0 18px; padding: 0; font-size: 18px; text-align: right; line-height: 18px; }

#content { float:left; width:710px; padding-right:40px;margin-top: 0px;margin-right:0;border-right:none;}
#content:after {content:"\0020";display:block;height:0;clear:left;visibility:hidden;overflow:hidden;}

footer { clear: both; margin: 2em 0 0; padding: 1em;}
footer:before {content:"\0020";display:block;height:0;clear:left;visibility:hidden;overflow:hidden;}


h1,h2,h3,h4,h5,h6 { line-height: 1.44em; }
h2 { color: #0b1634; color: #333348; }
h3 { color: #444; }
h4 { text-transform: uppercase; }
.Post h4 { text-align: center; }
h4.Subtitle { text-align: left; }
h4.Update { text-align: left; font-weight: bold; color: #222; }
h6 { color: #333; }
h5+h6 { margin: -1.5em 0 1em; }
h6.PostDate { font-style: italic; color: #999; }
h4 + h6 + p,
iframe + p { margin-top: 1em; }

#content p { text-align: justify; max-width: 56em; }
#content p, #content ul, #content ol { font-size: 1.2em; }
#content li { margin-bottom: 18px; }
blockquote { padding: 1.5em; font-style: normal; color: #444; border: 1px solid #999; background-color: #EEE; }
blockquote blockquote { background-color: #F8F8F8; border-color: #BBB; }

strong { color: #333; }
em, p.Note { font-style: italic; }

.lc { text-transform: none; }

a.Footnote { padding-left: .5em; font-size:x-small; font-weight: bold; line-height:0; vertical-align: super; }
a.FootnoteReturn { padding-right: 1em; font-size: 1.2em;}
#footnotes { margin-top: 36px; }
#footnotes dl { font-size: small; }
#footnotes dt { float: left; clear: left; width: 3em; text-align: right; }
#footnotes dd { margin-left: 4em; }


a { font-weight: bold; text-decoration: none; color: #3f579a;}
/*a:visited { color: #7281A9; }*/
a:hover { text-decoration: underline; color: #620e16; color: green;}
a.Back, a.More { float: right; }
#content a[href ^="http://"] {
	padding-right: 18px;
	background: transparent url(images/icon_external.png) no-repeat center right;
}
#content a[href ^="http://"]:hover { background-image: url(images/icon_external-hl.png);}

a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(images/icon_mailto.png) no-repeat center right;
}
a[href ^="mailto:"]:hover { background-image: url(images/icon_mailto-hl.png); }

a[href $=".pdf"] { 
   padding-right: 18px;
   background: transparent url(images/icon_pdf.png) no-repeat center right;
}
a[href $=".pdf"]:hover { background-image: url(images/icon_pdf-hl.png); }

a[href $=".doc"] { 
   padding-right: 18px;
   background: transparent url(images/icon_doc.png) no-repeat center right;
}
a[href $=".doc"]:hover { background-image: url(images/icon_doc-hl.png); }

a[href $=".ppt"] { 
   padding-right: 18px;
   background: transparent url(images/icon_powerpoint.png) no-repeat center right;
}
a[href $=".ppt"]:hover { background-image: url(images/icon_excel-hl.png); }

a[href $=".xls"] { 
   padding-right: 18px;
   background: transparent url(images/icon_powerpoint.png) no-repeat center right;
}
a[href $=".xls"]:hover { background-image: url(images/icon_powerpoint-hl.png); }


div.PostHead { margin: 5px 0 18px; }
div.PostHead h3 { margin-bottom: 0; }	/* title */
div.PostHead h4 { margin-bottom: 0; text-transform: none; font-style: italic; color: #333; }	/* subtitle */
h5.AltLocation, h5.BookExcerptNotice, span.BookExcerptNotice { font-size: .8em; color: #333; }
#content div.PostIntro p { color: #666; font-size:1.2em; margin-bottom:1.25em;}
div.PostFooter { margin-bottom: 54px; font-size: .9em;}
div.PostFooter:after {content:"\0020";display:block;height:0;clear:left;visibility:hidden;overflow:hidden;}
div.PostFooter h6 { color: #999; }

#post_list div.Post + div.Post { margin-top: 72px; }

#rss_feed { margin-left: 1em; }


#archive_list { margin-top: 54px; padding-left: 1em;}
#archive_list h5 { margin-bottom: 1.5em; text-align: right; text-transform: uppercase; letter-spacing: .4em; color: #444; }
#archive_list h6 { margin: 1.5em 0 0; padding-right: .5em; text-align: right; color: #777; border-bottom: 1px solid #CCC; }
#archive_list ul { margin: 1em 0 0; padding: 0 .5em 0 0; list-style-type: none; }
#archive_list li { margin: 0; padding: 0; text-align: right; }
#archive_list li ul { display: none; background-color: #F6F6F6; padding: .5em;}
#archive_list li li { margin-bottom: 1em; font-size: .8em; text-align: left;}

#interview_list h3 { margin-bottom: 0; }
#interview_list h6 { margin-bottom: 2em; color: #888; }


div.DocumentSection:after,
div.Document:after{content:"\0020";display:block;height:0;clear:left;visibility:hidden;overflow:hidden;}
#document_nav li { margin-bottom: 0; list-style-type: none; }
#document_list h3 { text-decoration: underline; }

div.PaginationLinks { margin: -2em 0 1em; text-align: right; }
div.PaginationLinks + div.Post { margin-top: 1em; }
span.current { font-weight: bold; color: green; }

div.ImageBox, div.VideoBox { margin: 1em auto; }
div.AudioBox { width: 30em; margin: 1em auto; padding: 1em; border: 1px solid #999; background-color: #F7F7F7; }
div.Caption, div.Duration { padding-top: 1em; font-style: italic; font-size: 12px; line-height: 1.5em; color: #666; }
div.Caption p+p { margin-top: -1.5em; }

div.ThumbList { margin: 1em 0 2em; }
div.ThumbList:after {content:"\0020";display:block;height:0;clear:left;visibility:hidden;overflow:hidden;}

div.Thumb { float: left; position: relative; display: block; width: 132px; min-height: 198px; margin: 0 28px 2em 0; }
div.Thumb img { display: block; }
/*div.Thumb div.Caption { display: none; }*/


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 2em 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#content img {
	max-width:100%;
}


footer, footer h6 { color: #999; }
#zijn { float: right; }


ol.UR { list-style-type: upper-alpha; }

/* search form 
-------------------------------------- */
#simple_search { position: absolute; right: 10px; top: 0px; }
#simple_search form { }
#search_q { color: #777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#search_submit { cursor: pointer; margin-left: .5em; color: #777; }
#search_results h4 { text-transform: none; margin-bottom: 18px; }
#search_results div.PaginationLinks { margin-top: 0; }
div.SearchResult { margin-top: 18px; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DROP SHADOWS
 * http://www.positioniseverything.net/articles/dropshadows2.html
 * http://www.positioniseverything.net/articles/dropshadows-gimp1.html
 */
.shadow-one { position: relative; padding-top: 20px; padding-left: 20px; margin: 0 auto;}
.corner-a { position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: url(images/shadow.png) right top no-repeat; }
.corner-b { position: absolute; left: 0; bottom: 0; width: 20px; height: 20px; background: url(images/shadow.png) left bottom no-repeat; }
.shadow-two { background: url(images/shadow.png) right bottom no-repeat; }
.shadow-three { position: relative; left: -20px; top: -20px; background: url(images/shadow.png) left top no-repeat; }
.shadow-four { position: relative; left: 10px; top: 10px; }