/* Experimental */
/* * { padding:0; margin:0; }
/* # h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, form, fieldset, address { margin:1em 5%; } */
/* # li, dd { margin-left:5%; } */
/* # fieldset { padding: .5em; } */
/* Ellipsis for text that overflows container: http://www.electrictoolbox.com/ellipsis-html-css/ */
/* end Experimental */

body {
	margin : 0; /* 1%; */
	/* font-family: 'Liberation sans', Verdana, Helvetica, Arial, sans-serif; */ /* let people choose their own for most of the content */
	background: #eaecee; /* eed is a decent yellowed paper; older: f4f4ed eaecee e2e3e4 fafaf8 fffefd */
	color: #000;
	text-rendering: optimizeLegibility;
}
a:link  { color:#039; text-decoration: none; } /*  border-bottom: #e6e6e6 dotted 1px; */
a:visited  { color:#804; text-decoration: none; } /*  border-bottom: #e6e6e6 dotted 1px; */
a:active { text-decoration: underline; } /*  border-bottom: #777 solid 1px; */
a:hover  { text-decoration: underline; } /*  border-bottom: #777 solid 1px; */
a[rel="nofollow"] {
	text-decoration: line-through ! important;
	border-bottom: dotted thin gray ! important;
	color: #888 ! important;
}
acronym { font-variant : small-caps; border-bottom : 1px dashed;}
dt { padding: 4px; }
dd { padding: 4px; }
form { padding: 0; margin: 0; }
table { font-size: 100%; } /* IE5 bug fix */
h1 {
	color: #f8f8f8;
	background: #beced8; /* 787 */
	font-size: 110%;
	text-align: center;
	line-height: 70%;
	margin: 0 0 20px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
h2 {
	color: #f8f8f8;
	background-color: #beced8;   /* 7788aa 6699bb bbaa99; */
	font-size: 100%;
	/* font-variant: small-caps; */
	line-height : 75%;
	text-align: center;
	font-weight : bold;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
h3 {
	font-weight : bold;
	font-size: 90%;
	color: #789;
	background-color: transparent;
	margin: 0 0 2px 5px;
}
h4 {
	font-weight : bold;
	font-size: smaller;
	color: #777;
	background-color: transparent;
	margin: 0 0 2px 15px; /* margin: 0px 0px 2px 20px */
}
blockquote {margin-left: 0; border-left: 1px #ddd solid; padding-left: 5px; font-size: 90%; }
.superscript { font-size:xx-small; vertical-align:super; } 
.subscript { font-size:xx-small; vertical-align:sub; }


/* -------------------------- Content --------------------- */
.content {	line-height : 120%; }
.content ul { margin-left: 15px; }
.content li {
	padding: 2px;
	margin-left: -25px;
}
p + p { text-indent: 1em; } /* indent paragraphs, after 1st */
p.initial:first-letter { /* is this even used in the content? */
	float: left;
	font-family: "Old English", Georgia, serif;
	font-size: 300%;
	line-height: 0.85em;
	margin-right: 0.05em;
	/* margin-bottom: -0.25em; */
}

.maincontent {
	width: 66%; /* 60.9% */
	margin: 0 0 0 1%;
	/* padding: 1%; */ /* padding confuses IE and shifts faint underlines (below) - box model hack fix someday? */
	float: left;
	background: #fbfbfb; /*  f7f4ed is a good yellowed paper if it covers the whole page; #fafaf8; */
	color: #000;
	border: 5px #f8f8f8 solid;
	border-right: 10px #f8f8f8 solid;
	/* border-top: 1px #fff solid; */
	/* border-right: 2px #e8e8eb solid; */
	/* border-bottom: 2px #e8e8eb solid; */
	/* border-left: 1px #fff solid; */
}
.maincontent a:link  { color:#039; text-decoration: none;  border-bottom: #ddd solid 1px; } /* makes faint underlines */
.maincontent a:visited  { color:#804; text-decoration: none;  border-bottom: #ddd solid 1px; } /* makes faint underlines */
.maincontent a:active, .maincontent a:hover { text-decoration: none; border-bottom: #999 solid 1px;  } /* border-bottom: #999 solid 1px; makes underlines */
.group {
	color: #222;
	background-color: transparent;
	font-size : smaller;
	margin: 0 2px 10px 40px;
}
.groupList {
	color: #222;
	background-color: transparent;
	font-size : smaller;
	margin: 0 2px 10px 25px;
	list-style-type: circle;
}

.propaganda { color: #bbb; background-color: transparent; }
.filler { color: #999; background-color: transparent; }

.fact {}
.interpretation {}
.premise {}

/* ---------------------- Marginalia ---------------------- */

#marginalia {
	/* width:expression(document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize)? "25em": "auto" ); */
	width: 29%; /* 36% */
	float: right;
	background-color: #eeeee1; /* f7f4ed, eeeee1, and eed are decent yellowed paper, eeeee7 a tad less faded */
	/* border-style: solid; */
	/* border-width: 1px; */
	/* border-color: #bbb #fff #fff #bbb; */
}
#marginalia a:link  { text-decoration: none;  border-bottom: #d4d4d4 solid 1px; } /* makes faint underlines */
#marginalia a:visited  { text-decoration: none;  border-bottom: #d4d4d4 solid 1px; } /* makes faint underlines */
#marginalia a:active, #marginalia a:hover { text-decoration: none; border-bottom: #777 solid 1px; } /* makes underlines */
#marginalia li { padding: 2px;}
#marginalia dl { padding: 1px; }
#marginalia dt { padding: 0px 0px 0px 10px; }
#marginalia dd { padding: 0px 0px 0px 0px; }
.marginaliaHeader {
	color: #f8f8f8;
	background-color: #bcb;   /* nice faded green 9a9, or 7788aa 6699bb bbaa99; */
	font-size: small;
	line-height : 92%;
	text-align: center;
	font-weight : bold;
	margin: 0;
	border-bottom: 10px #eeeee1 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.marginaliaHeader2 {
	color: #f8f8f8;
	background-color: #bcb;   /* nice faded green 9a9, or acb, 78a 69b ba9; */
	font-size: small;
	line-height : 92%;
	text-align: center;
	font-weight : bold;
	margin: 0;
	border-top: 10px #eeeee1 solid;
	border-bottom: 10px #eeeee1 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* ---------------------- Misc Looks ---------------------- */

.lister {font-size: smaller; font-weight: bold; color: #777; }
.listee {font-weight: normal; color: #000; }
.app-cat {
	color: #530;
	background-color: #eee;
	font-size: larger;
}
.app-title {
	font-weight: bold;
}
.citation {
	color: #555;
	font-size: smaller;
	text-align : right;
}
.cite-title {
	font-style : italic;
}
.author { font-size: smaller; font-style: italic; }
.booBlock {  } /* border-left: 1px dotted #567; expands below block in IE */
a:link.peekaboo, a:visited.peekaboo, a:hover.peekaboo, a:active.peekaboo  {
	color: #57a;
	text-decoration: none;
	background-color: transparent;
	margin: 2px;
}
#marginalia a:link.peekaboo, a:visited.peekaboo, a:hover.peekaboo, a:active.peekaboo  {
	color: #57a;
	text-decoration: none;
	background-color: transparent;
	margin: 2px;
}

.goodlink { font-variant: small-caps; text-shadow: #ddd 2px 2px 2px; }
.badlink { text-decoration: line-through; }
.fadinglink { font-size: smaller; font-stretch: condensed; }
.agendap:before { color: #999; font-size: 0.7em; content: "\\"; }
.agendap:after { color: #999; font-size: 0.7em; content: "\\"; }
.agendan:before { color: #bbb; font-size: 0.7em; content: "|"; }
.agendan:after { color: #bbb;  font-size: 0.7em; content: "|"; }
.agendac:before { color: #888; font-size: 0.7em; content: "/"; }
.agendac:after { color: #888; font-size: 0.7em; content: "/"; }


.footer {
	clear: left;
	padding: 5px;
	text-align: center;
	color: #888;
	background: transparent;
	font-size: smaller;
}

#scrollbox {height: 40px; overflow:auto; }


/* ------------------- Header ----------------- */
.headernav {
	color: #000;
}
.logo {
	color: #eeeee4; /* same as body bg */
	background-color: #89b;	/* (cobalt blue? 24188f )108 2a247a 328 318 514 700a48 802 620 aa7 dd2 769 547 */
	line-height : 59%; /* 61% for Carleton */
	/* border-top: 1px solid #317; */ /* aa9 */
	border-bottom : 10px #eaecee solid;  /* for IE? */
	padding-left: 15px;
	/* font-weight : bold; */
	font-family : sans-serif; /* Carleton, Times, "Times New Roman", "URW Palladio L", "URW Chancery L", Gentium, Helvetica, Geneva */
	font-size : 2em;
}
.logolink { text-decoration : none; }
.logotext { 
	color: #f8f8f8; /* same as body bg? */
	text-decoration : none;
	font-variant: small-caps;
}
.logoSymbol1 {  }
.logoSymbol2 {  }
.logoSubtitleSymbol { } /* text-decoration: line-through; */
.logoSubtitlePhrase1 { font-variant: normal; font-size: 80%; }
.logoSubtitlePhrase2 { font-variant: normal; font-size: 80%; } /* text-decoration: line-through; */
a.skipToContent, a:visited.skipToContent  {
	color: #89b; /* same as logo bg - was 2a247a */
	text-decoration: none;
	background-color: transparent;
}
.logo-subtitle {font-variant: small-caps; color: #ccc; padding-left: 25px;} /* color same as bg? */

.searchcontainer { font-size: small; float: right; margin: 7px;}
#searchquery { font-size: smaller; background-color: #dde4e8; color: #000; }
#searchengines {
	font-size: smaller;
	background-color: #c8ccd4;
	color: #000;
	border: 0; /* 1px solid; */
	/* border-color: #75b #111 #111 #75b; */
}
#searchbutton {
	font-size: smaller;
	background-color: #375; /* royal purple 537 */
	color: #eee;
	border: 1px solid;
	border-color: #75b #111 #111 #75b;
}
.searchbutton { background-color: #600; color: #eee; border: 1px solid #c57; }
.inputbox {
	color: #000;
	background-color : #f8f4f4;
}

.pagetitle {
	font-size: 120% ;
	font-family: Georgia, "Bookman Old Style", "GeoSlab703 Md BT", "Times New Roman", Times, "New York", serif ;
	text-align : center;
}
.floatit { float : left; }
.bottomnav { background-color: #d8e0e5; }
.linklite { text-decoration : none; }
.linkint { text-decoration : overline; }

/* ---------------------- Navigation tabBar ------------------------ */
#tabBar { /* IE fix: remove HTML spaces between </li> and <li> elements so tabs display properly */
	border-bottom: 1px solid #9ab;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	font-size: smaller;
}

html #tabBar/* */ {
	padding: 4px 0 2px 0
}

html>body #tabBar {
	padding: 3px 0 1px 0
}

head+body #tabBar {
	padding: 4px 0 2px 0
}

#tabBar li {
	border-top: 1px solid #bbc;
	border-right: 1px solid #667;
	border-left: 1px solid #bbc;
	display: inline;
	height: 1em;
	margin: 0 0 0 3px;
	padding: 0;
	z-index: 1000
}

html #tabBar li/* */ {
	height: auto
}

html>body #tabBar li {
	height: auto;
	margin: 0 -5px 0 -3px;
	padding: 3px 5px 2px 5px
}

html>body ul[id]#tabBar li {
	margin: 0 0 0 3px;
	padding: 3px 0 2px 0
}

#tabBar a, #tabBar a:link, #tabBar a:visited {
	background: #d4d8db;
	border-top: 1px solid #eee4e8;
	border-right: 1px solid #aab;
	border-left: 1px solid #eee4e8;
	/* color: #468; */
	height: 1em;
	padding: 2px 4px 2px 4px;
	/* text-decoration: none */
}

html #tabBar a/* */, html #tabBar a:link/* */, html #tabBar a:visited/* */ {
	height: auto
}

#tabBar a:hover {
	/* background: #b8c8d0; */
	/* border-top: 1px solid #555; */
	/* border-right: 1px solid #bcd; */
	/* border-left: 1px solid #555; */
	/* color: #012; */
}

#tabBar a:active {
	/* background: #9ab; */
	/* border-left: 1px solid #333; */
	/* border-right: 1px solid #9ab; */
	/* border-top: 1px solid #333; */
	/* color: #eee; */
}

html>body #tabBar li.selectedTab {
	margin: 0 -5px 0 -3px;
	padding: 3px 5px 2px 5px
}

html>body ul[id]#tabBar li.selectedTab {
	margin: 0 0 0 3px;
	padding: 3px 0 2px 0
}

#tabBar .selectedTab a, #tabBar .selectedTab a:link, #tabBar .selectedTab a:visited, #tabBar .selectedTab a:hover {
	background: #eaecee; /* same as body bg */
	border-top: 1px solid #fff;
	border-right: 1px solid #bcd;
	border-left: 1px solid #fff;
	/* color: #2a247a; */
	margin: -2px 0 0 0;
	padding: 3px 4px 3px 4px;
	position: relative;
	top: 2px
}

html #tabBar .selectedTab a/* */, html #tabBar .selectedTab a:link/* */, html #tabBar .selectedTab a:visited/* */, html #tabBar .selectedTab a:hover/* */ {
	margin: -1px 0 0 0;
	top: 1px
}

html>body #tabBar .selectedTab a, html>body #tabBar .selectedTab a:link, html>body #tabBar .selectedTab a:visited, html>body #tabBar .selectedTab a:hover {
	padding: 2px 4px 2px 4px;
	top: 0
}

head:first-child+body #tabBar .selectedTab a, head:first-child+body #tabBar .selectedTab a:link, head:first-child+body #tabBar .selectedTab a:visited, head:first-child+body #tabBar .selectedTab a:hover {
	margin: -1px 0 0 0;
	padding: 2px 4px 4px 4px;
	top: 0
}

head:first-child+body ul[id]#tabBar .selectedTab a, head:first-child+body ul[id]#tabBar .selectedTab a:link, head:first-child+body ul[id]#tabBar .selectedTab a:visited, head:first-child+body ul[id]#tabBar .selectedTab a:hover {
	padding: 3px 4px 3px 4px;
	top: 1px
}

.fixTabsIE {
	visibility: hidden
}
/* thanks to http://labs.silverorange.com/archives/2004/may/updatedsimple for these nifty tabs (above) */

/* ------- SubMenu -------- */
.subMenu {
	background: transparent;
	font-size: smaller;
	padding: 3px 3px 18px 3px;
}
.subMenu a:link  { color:#039; text-decoration: none;  border-bottom: #ccc solid 1px; } /* makes faint underlines */
.subMenu a:visited  { color:#804; text-decoration: none;  border-bottom: #ccc solid 1px; } /* makes faint underlines */
.subMenu a:active, .subMenu a:hover { text-decoration: none; border-bottom: #777 solid 1px; } /* makes underlines */

/* -------------------------- /Header --------------------- */