/* www.Luminanze.com */

/* NOTES: */

/*
Reminders:
1. When changing styles, always check the PRINT SECTION to see how/if the same style is affected there.
2. Because there are so many different definitions for EACH heading level (for example: h1 for the home page, ordinary pages, blog page; h2 in the #header section of home page, ordinary pages, blog page, and h2 headings not in the #header, etc.), those that require similar formatting have been grouped together near the top of this file so they can all be viewed and worked on in unison.
*/



/*
Font waterfalls:

Running text:
- "Lucida Grande", a Mac system font.
- "Lucida Sans Unicode", a Windows system font.
- "Calibri", a Windows system font.
- "Trebuchet MS", a font found on Macs and Windows (see note under Headings).
- sans-serif

Headings:
- "ITC Highlander", "ITC Highlander Book", and "Highlander-Book" (the PostScript name), the font customized for use in the logo.
- "Maiandra GD", supplied with some Windows apps and similar to ITC Highlander.
- "Skia", a Mac system font (informal).
- "Candara", a Windows system font (informal, but milder than Skia).
- "Calibri", a Windows system font.
- "Trebuchet MS", a font found on Macs and Windows (italic is better than Verdana's oblique, and bold is not as exaggerated as Verdana's).
- sans-serif
*/



/*
About the footer (forces the footer to bottom of the widow on short pages):
"The Man in Blue > footerStickAlt: A more robust method of positioning a footer"
http://www.themaninblue.com/writing/perspective/2005/08/29/
You should provide a bit of space at the bottom of your content which the footer can rise into without covering anything. This can be done with a bit of padding or margin on your content.
Relevant code is denoted by the comment "footerStickAlt".
*/



/* ========== STANDARD TAG and SIMPLE CLASS DEFINITIONS */

html {
	height: 100%; /* footerStickAlt */
}

body {
	height: 100%; /* footerStickAlt */
	background-color: #ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, "Trebuchet MS", sans-serif;
	line-height: 1.3;
	font-size: 1em;   
	margin: 0;
	padding: 0;
	color: #111133;
}

th, td, p, ul, ol, li, dl, dt, dd, dir, menu, address, blockquote, caption, form {
/* THIS IS A FIX for some browsers that don't transfer default font size to table cells or other elements */
	font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, "Trebuchet MS", sans-serif;
	line-height: 1.3;
	font-size: 1em;
	color: #111133;
}

p {
	margin-top: .5em;
	margin-bottom: .5em;
}

p + ul {
	margin-top: .2em;
}

ul + p {
	margin-top: 1em;
}

ul { /* 1st-level bulleted list */
	margin: 0;
	padding: 0 0 0 1em;
	list-style: none;
}

ul > li { /* 1st-level bulleted list item */
	text-indent: -1em;
	padding: 0 0 .25em 1em;
	height: 1%; /* to mitigate IE6 float bug and hasLayout bug */
}

ul > li:before { /* The character width(s) of the li:before prefix may vary with different fonts or platforms, so define an inline-block to hold the prefix character(s) because an inline-block can have a width defined for it. Make sure the width is larger than that of the characters it'll contain. If no font size is specified for the prefix, then the li:before width is the same as the li text-indent. If the font-size is different, then the li:before width will have to be adjusted reciprocally. For example, if the li text-indent is 1em and the li:before font-size is .7em, then 1em divided by .8em equals 1.428... , and that becomes the li:before width, 1.43em. */
	content: "\25C6"; /* \0x25C6 = (Unicode) black diamond */
	text-indent: 0; /* so text indent of li isn't applied again to li:before */
	display: inline-block; /* so a width can be applied, and it will equal the text-indent of li */
	width: 1.43em;
	font-size: .7em;
	color: #00008c;
	vertical-align: .2em;
}

ul.spacing +p { /* bulleted list with additional li spacing for list of short items */
	margin-top: 0;
}

ul.spacing > li { /* bulleted list with additional li spacing for list of short items */
	padding: 0 0 .6em 1em;
/*	height: 1%;   */
}

ul ul { /* 2nd-level bulleted list */
	margin: 0;
	padding: .25em 0 0 .2em;
	list-style: none;
}

ul ul li:before { /* 2nd-level bulleted list item */
	content: "\25C7"; /* \0x25C7 = (Unicode) white diamond */
}

ol > li { /* so that ordered lists don't take on bullet images */
	background: none;
	padding: 0;
}

ul.shortbullets > li { /* Keeps line spacing closer for bullets of short phrases. Use <ul class="shortbullets">, no need to apply style to <li> */
	padding-bottom: 0;
}

html>body ul li { /* this rule along with "ul li, height:1%" above is a fix for IE/Win 6 (don't know yet about IE/Win 7) to keep background image bullets from disappearing or flickering  */
	height: auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "ITC Highlander", "ITC Highlander Book", "Highlander-Book", "Maiandra GD", "Candara", Calibri, "Trebuchet MS", sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 2.2em;
	margin-top: 20px;
	color: #000080;
}

body#homepg h1, h1#blog-title {
	font-size: 2.5em;
}

h2 {
	margin-top: 1em;
	margin-bottom: 0;
	font-size: 1.6em;
	color: #b38900;
}

#header h2 {
	margin-top: -1em;
	margin-bottom: 1em;
	font-size: 1.4em;
	color: #000080;
}

body#homepg #header h2, h2#description /* #description is for blog pages */ {
	margin-top: -1.2em;
}

h2 + h3 {
	margin-top: -.2em;
}

h3 {
	font-size: 1.4em;
	font-style: italic;
	color: #4c4c99;
	margin-bottom: 0;
}

h3 + ul {
	margin-top: .4em;
}

h4 {
	font-size: 1.2em;
	color: #b38900;
}

h5 {
	font-size: 1.1em;
	color: #000080;
}

h6 {
	font-size: 1em;
	color: #111133;
	font-style: italic;
}

b, strong {
	color: #000044;
}

i, em {
	font-style: italic;
}

big {
	font-size: 1.2em;
}

small {
	font-size: .9em;
}

hr {
	width: auto;
	border-top: none;
	border-bottom: 1px #8888bb dotted;
	border-left: none;
	border-right: none;
	margin: 1em 0;
	padding: 0;
	color: #ffffff; /* NOT the color of the hr dotted border, it makes the color of the hr match the background color, effectively hiding the hr, but letting the dotted border show */
}

caption {
	font-style: italic;
	padding: .3em;
}

pre, tt {
	font-family: "Courier New", Courier, monospace;
}

.resdate {
	font-style: italic;
	color: #000080;
	float: left;
	width: 5em;
	margin-top: .7em;
}

.resdetails {
	margin-left: 5.5em;
}

.resdetails h4 {
	margin-top: .5em;
	margin-bottom: 0;
	clear: right;
}

.resdetails h5 {
	margin-top: .7em;
	font-style:italic;
}

.resdetails h5 + ul {
	margin-top: -1.2em;
}

.bullet_item {
	color: #00008c;
}

.resdetails ul {
	margin-top: 0;
}

.reslink {
	float: right;
	position: relative;
	top: -1px;
	margin-left: 1em;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	font-style: normal;
}

.reslink:before {content: " ";} /* (.reslink note 1 of 2) The :before content preserves the height (i.e., font size) of the floated element ... */
.reslink a {font-size: .7em;} /* (.reslink note 2 of 2) ... allowing the floated anchor to be a smaller font size and still aligned to the baseline of the text beside which it floats. Normally, a float would align to the top of an element. */

.redonblack {
	color:#FF0000;
	background-color:#000000;
	font-weight: bold;
	padding: 1px 3px;
}
.blueonblack {
	color:#0000FF;
	background-color:#000000;
	font-weight: bold;
	padding: 1px 3px;
}
.lightblueonblack {
	color:#3366FF;
	background-color:#000000;
	font-weight: bold;
	padding: 1px 3px;
}
.prezoimage {
	border: 1px solid #00008c;
	margin: 5px 10px;
}

a.callout {
	border: dotted 1px #a7a7dd;
	color: #111133;
	padding: 0 1px;
	cursor: help;
}

a.callout:hover{
	border: dotted 1px #8888bb;
	padding: 0 1px;
	background-color: #eaeaf2; 
}

a:link {
	color: #0000b3;
}

a:visited {
	color: #806200;
}

a:hover, a:hover img, #navbar p.logo a:hover {
	background-color: #ffee88;
}

a:active {
	color: #990000;
}



/* ========== PAGE AREAS DEFINED: The following are ID selectors - page area definitions that only appear once per page and double as link destinations/bookmarks for accessibility. */

#nonFooter { /* footerStickAlt */
	position: relative;
	min-height: 82%; /* use this to change height of footer area on 'short' pages */
	padding: 0;
	margin: 0 0 5em 0; /* this bottom margin = negative #footer top margin */
	min-width: 50em;
	max-width: 80em;
}

* html #nonFooter { /* footerStickAlt */
	height: 100%;
}

#footer {
	position: relative; /* footerStickAlt */
	margin: -5em 0 0 17em; /* footerStickAlt, this negative top margin = #nonFooter bottom margin */
	padding: 4em 0 1em 0;
	background-image: url(../images/bg-arc-footer.gif);
	background-repeat: no-repeat;
	background-position: 0 2em;
	clear: both;
	height: auto;
	min-width: 33em; /* #nonFooter min-width minus left margin */
	max-width: 63em; /* #nonFooter max-width minus left margin */
}

#footer * {
	color: #444444;
	font-size: xx-small;
}

#footer * span.footerdiamond,
#footer * span.bluetext {color: #0000b3;}

#header {
	margin: 0;
	padding: .1em 1em 24px 17em; /* px used to clear height of background arc */
	background-image: url(../images/bg-arc.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#textblock {
	margin: -2em 30px 0 17em;
	padding: 0;
}

#textblock > .sidebar + p,
#textblock > p:first-child {
/* adds a little space above a paragraph when it's the first element (with or without a sidebar) in the #textblock */
	margin-top: 2em;
}

#accesskeys { /* page layout area for access keys */
	position: absolute;
	top: .5em;
	left: 0;
	text-align: right;
	margin: 0 1em 0 17em;
	padding: 0;
	border: 0;
	white-space: nowrap;
	min-width: 33em; /* #nonFooter min-width minus left margin */
	max-width: 63em; /* #nonFooter max-width minus left margin */
}



/* ========== NAVBAR SECTION */

/* ==================== navigation links */

#navbar {
	position: absolute;
	top: 0;
	left: 30px;
	margin: 0;
	padding: 0 0 1em 0;
	width: 13em;
	height: auto;
}

#navbar .logo { /* the navbar logo for all pages except the home page */
	margin: 0;
	padding: 20px 0 12px 0;
	border-top: none;
	border-right: solid 1px #8888bb;
	border-bottom: none;
	border-left: solid 1px #8888bb;
	background-color: #ffffdd;
	background-image: url(../images/navbar-bg-lg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align: center;
}

#navbar .accesskeymarker { /* use with the span element to highlight navbar access keys */
	text-decoration: underline;
}

/* ==================== level-1 navigation links */

#navbar ul > li:before,
#navbar ul ul li:before { /* to counter default ul li with diamond bullets in page content area */
	content: none;
	width: 0;
	vertical-align: 0;
}

#navbar ul.sitenav { /* level-1 navigation list */
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #8888bb;
	border-left: none;
	font-size: 1em;
}

#navbar ul.sitenav li { /* level-1 navigation items */
	text-indent: 0; /* to counter default ul li with diamond bullets */
	margin: 0;
	padding: .5em .25em .5em .75em;
	border-top: solid 1px #8888bb;
	border-right: solid 1px #8888bb;
	border-bottom: none;
	border-left: solid 4px #8888bb;
	background-color: #ffffdd;
	background-image: url(../images/navbar-bg-sm.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

#navbar ul.sitenav li#at { /* level-1 navigation item, at current category */
	background-image: none;
	background-color: transparent;
	border-right: none;
	border-left: solid 4px #00008c;
	background-image: none;
	font-weight: bold;
	color: #000080;
}

#navbar ul.sitenav li#in { /* level-1 navigation item, inside current category */
	background-color: transparent;
	border-right: none;
	border-left: solid 4px #00008c;
	background-image: none;
	font-weight: normal;
	color: #000080;
}

/* ==================== level-2 navigation links */

#navbar ul.sitenav ul { /* level-2 navigation list */
	margin: 0;
	padding: 0 0 0 1.8em;
	border: none;
	background-image: none;
	list-style: none;
}

#navbar ul.sitenav ul li { /* level-2 inactive navigation item under inactive category */
	text-indent: -1em;
	margin-left: -1em;
	padding: 0 0 0 1em;
	border: none;
	background-color: transparent;
	background: none;
}

#navbar ul.sitenav ul li:before {
	content: "\25C6"; /* \0x25C6 = (Unicode) black diamond */
	text-indent: 0; /* so text indent of li isn't applied again to li:before */
	display: inline-block; /* so a width can be applied, and it will equal the text-indent of li */
	width: 1.43em;
	font-size: .7em;
	color: #00008c;
	vertical-align: .2em;
}

#navbar ul.sitenav li#at ul li { /* level-2 inactive navigation item under active category */
	background-color: transparent;
	font-weight: normal;
	color: #000080;
}

#navbar ul.sitenav li#in ul li#at { /* level-2 active navigation item under active category */
	border-left: none;
	font-weight: bold;
	color: #000080;
	background: none;
}

#navbar ul.sitenav li#in ul li#at:before {
	width: 1.11em;
	font-size: .9em;
	vertical-align: .1em;
	text-indent: -.1em; /* just to align the center this larger bullet with smaller bullets in the list above and below it */
}

/* ==================== level-3 navigation links */

#navbar ul.sitenav ul ul li { /* level-3 inactive navigation item under inactive category */
	margin-left: -1.7em;
	padding: 0 0 0 1em;
	border: none;
	background-color: transparent;
	background: none;
}

#navbar ul.sitenav ul ul li:before {
	content: "\25C7"; /* \0x25C7 = (Unicode) white diamond */
}

#navbar ul.sitenav li#in ul ul li#at { /* level-3 active navigation item under active category */
	border-left: none;
	font-weight: bold;
	color: #000080;
	background: none;
}

/* ==================== navbar anchor definitions */

#navbar ul.sitenav a {
	color: #111133;
	text-decoration: none;
}

#navbar ul.sitenav a:hover {
	text-decoration: underline;
}

/* ==================== paragraphs and unordered lists below the navbar */

#navbar .notes {
	border: solid 1px #8888bb;
	border-left: none;
	margin: 1.5em 0 0 0;
	padding: 0 1em 0 .5em;
	font-size: .95em;
}

#navbar .notes ul {
	margin: 0;
	padding: .5em 0 .5em .5em;
	list-style: none;
	border: none;
	color: #111133;
}

#navbar .notes ul li {
	text-indent: -1em;
	margin: 0;
	background-color: transparent;
	background: none;
	padding: 0 0 0 1em;
	border: none;
}

#navbar .notes ul li:before {
	content: "\25C6";
	text-indent: 0;
	display: inline-block;
	width: 1.43em;
	font-size: .7em;
	color: #00008c;
	vertical-align: .2em;
}

#navbar .notes ul ul {
	margin: 0;
	padding: 0 0 0 2px;
	border: none;
	color: #111133;
}

#navbar .notes ul ul li {
	margin: 0;
	background: url(../images/bullet_hollow.gif) no-repeat 0 .5em;
	padding: 0 0 0 12px;
	border: none;
}

#navbar .notes ul ul li:before {
	content: "\25C7";
}



/* ========== OPTIONAL CLASSES (+ the IMG tag) */

.nowrap {
	white-space: nowrap;
}

.hiliter {
	background-color: #fffccc;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

.imgleft { /* floats an image to the left */
	float: left;
	margin-top: .3em;
	margin-bottom: .3em;
	margin-left: 0;
	margin-right: 1em;
}

.imgright { /* floats an image to the right */
	float: right;
	margin-top: .3em;
	margin-bottom: .3em;
	margin-left: 1em;
	margin-right: 0;
}

.imgcenter, .textcenter { /* centers image or text */
	text-align: center;
}

.textright {
	text-align: right;
}

.floatleft {
	float: left;
	margin-right: 1em;
}

.floatright {
	float: right;
	margin-left: 1em;
}

.tableindent {
	margin-left: 10%;
}

.tablecenter {
	margin-left: auto;
	margin-right: auto;
}

table .bordertop {
	border-top: solid 1px #8888bb;
}

table .borderbottom {
	border-bottom: solid 1px #8888bb;
}

table .borderleft {
	border-left: solid 1px #8888bb;
}

table .borderright {
	border-right: solid 1px #8888bb;
}

.quoteauthor {
	text-align: right;
	margin-top: -.6em;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearboth {
	clear: both;
}

.boxed {
	margin: 2em 0;
	padding: 0 .75em 0 1em;
	border: solid 1px #8888bb;
	border-left: solid 3px #8888bb;
	background-color: #ffffff;
	background-image: url(../images/boxed-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.pullquote { /* use class="textcenter pullquote" to center the pull quote */
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
	color: #000044;
	padding: 1em;
}

.minwidth { /* Use with sidebar to keep it from becoming more narrow than logos, for example, class="sidebar minwidth" */
	min-width: 185px;
	width: auto;
}

.sidebar {
	float: right;
	margin: .2em 0 .4em 1.2em;
	padding: .2em 1em 1em 1em;
	width: 25%;
	height: auto;
	font-size: .9em;
	border: solid 1px #8888bb;
	border-left: solid 3px #8888bb;
	background-color: #f2f2f2;
	background-image: url(../images/sidebar-bg-xl.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.sidebar + .sidebar {margin-top: .8em;}

.sidebar h3 {
	margin-top: .4em;
	margin-bottom: 0;
	line-height: 1.1em;
}

.sidebar p:first-child {margin-top: 1em;}

.sidebar p {
	line-height: 1.1em;
}

.sidebar p +h3 {
	margin-top: .8em;
}
	
.sidebar ul {
	padding: 0 0 0 .5em;
	line-height: 1em;
}

.sidebar ul li {
	padding: 0 0 0 12px;
}

.sidebar ul ul {
	padding: 0 0 0 1px;
	line-height: 1em;
}

.sidebar hr {
	color: #f2f2f2; /* NOT the color of the hr dotted border, it makes the color of the hr match the background color, effectively hiding the hr, but letting the dotted border show */
}

.footnotes {
	font-size: .9em;
}



/* ========== PORTFOLIO LAYOUT */

/* XHTML code for each project is EXACTLY the same, differentiated only by the wrapper <div class="pictureleft"> or <div class="pictureright"> to achieve the different layouts. */

/* After the last .pictureright or .pictureleft class, there should always be an element IN THE TEXTBLOCK DIV added to clear floats, even if just an empty paragraph such as <p class="clearboth"></p> or <hr class="clearboth" /> */

/* ==================== items with picture on the left or right */

/* You can use regular paragraph and bullet styles, etc., within the .text area. There's no need for special definitions for running text except for .topic, .description, and .picture defined below. */

#portfolio div.text div.item {
	margin: .5em 0;
}

#portfolio div.text p.topic {
	float: left;
	margin: 0;
	padding: 0;
	width: 6em;
	text-align: right;
}

#portfolio .description {
	margin-left: 7em;
	padding: 0;
}

* html .description { /* "* html" targets IE browsers */
	height: 1%; /* to mitigate IE6 float bug and hasLayout bug */
}

#portfolio .picture img {
	border: 1px solid #cccccc;
}

#portfolio div.picture p {
	margin-bottom: 1.7em; /* adds a little extra space between multiple image paragraphs, for example: one floating picture uses <p class="picture">, but multiple floating pictures use <div class="picture"><p>... <p>... */
}

/* ==================== items with picture on the left */

#portfolio .pictureleft .title {
	margin: 0 0 0 215px;
	padding: 0 0 0 7em;
}

#portfolio .pictureleft .picture {
	width: 202px; /* 200px image width + 1px border */
	font-size: smaller;
	float: left;
	text-align: center;
	margin: .5em 0;
	padding: 0;
	padding-bottom: 2em;
}

#portfolio .pictureleft div.text {
	margin: 0 0 0 215px;
	padding: 0 0 .5em 0;
}

/* ==================== items with picture on the right */

#portfolio .pictureright .title {
	margin: 0;
	padding: 0 0 0 7em;
}

#portfolio .pictureright .picture {
	width: 202px; /* 200px image width + 1px border */
	font-size: smaller;
	float: right;
	text-align: center;
	margin: .5em 0;
	padding: 0;
}

#portfolio .pictureright div.text {
	margin: 0 215px 0 0;
	padding: 0 0 .5em 0;
}



/* ========== BLOG STYLES */

/* The default blog template uses #content to define the blog area, but the custom template places some of #content items (contributors, links, previous posts, archives) in another area, the navbar div.notes area. */

/* HEADINGS h1#blog-title and h2#description used in the blog need to match their counterparts on non-blog pages, so they have been called out and defined with their counterparts above. */

h1#blog-title a {
	text-decoration: none;
	color: #000080;
}

#content h2 {
	margin: 1.75em 0 .8em;
	font-size: 1.35em;
	border-bottom: solid 1px #8888bb;
	width: 18em;
}

#content h3 {
	margin: .5em 0 .2em;
	margin-bottom: .3em;
	font-size: 1.5em;
	font-style: normal;
}

#content h4 {
	margin: 1.5em 0 .75em;
	font-size: 1.3em;
}

.comment-link {
	margin-left: .75em;
}

p.post-footer {
	font-size: 90%;
	color: #4c4c99;
	font-style: normal;
	margin: .5em 0 2em;
}

.post h3 {
	margin-top: .25em;
}

/* The blog uses #sidebar, which is not the same as .sidebar defined for this stylesheet. Both are used in definitions here. */

#sidebar h2 {
	margin: .75em 0 0;
	font-size: 1.2em;
}

#sidebar h2.sidebar-title + ul {
	margin-top: -.5em;
}

.sidebar h2.sidebar-title {
	margin: .75em 0 0;
	font-size: 1.3em;
}

.comment-timestamp, span.comment-poster {
	font-size: 90%;
	color: #4c4c99;
	font-style: normal;
}

.comment-link {
	margin-left:.6em;
}

.deleted-comment {
	font-style: italic;
	color: gray;
	text-decoration: line-through;
}

.widget_categories {
position: absolute;
left: 0;
padding-left: 25px;
top: 700px;
list-style-type: none!important;
display:none;
} 

.widget_categories .widgettitle {
color: #B38900;
font-size: 1.2em;
}


/* ========== STYLE CHANGES FOR PRINT */

/* collapses left and right margins, omits the #navbar (but not the #navbar .notes section), changes font to 11-point Palatino, changes 1px borders to 1 point, classes supplied to allow URLs to be printed out after links */

@page { orphans: 2; widows: 2; }

@media print {

.noprint { /* add this class to an element to prevent printing, but still appear online */
	display: none;
}

* html #nonFooter, html, body { /* reverses footerStickAlt */
	height: auto;
}

#nonFooter { /* reverses footerStickAlt */
	margin: 0;
	min-width: 10em;
}

body {
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
	font-size: 11pt;
	margin: 1em;
	padding: 1em;
}

strong, em, b, i {
}

th, td, p, ul, ol, li, dl, dt, dd, dir, menu, address, blockquote, caption, form {
/* THIS IS A FIX for some browsers that don't transfer default font size to table cells or other elements */
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
	font-size: 11pt;
}

h1, h2, h3, h4, h5, h6,
body#homepg h1, body#homepg h2, body#homepg h3,
body#homepg h4, body#homepg h5, body#homepg h6 {
}

h1, h1.homepg, body#homepg h1, h1#blog-title {
	font-size: 2em;
	margin: 1em 0;
}

h2, #header h2, h2#description {
	font-size: 1.6em;
	margin: .5em 0;
	background: none;
}

h3 {
	font-size: 1.3em;
}

a.printurl:after {
	content: " (" attr(href) ") ";
	font-size: 90%;
}

a.printemail:after {
	content: " (" attr(title) ") ";
	font-size: 90%;
}

#footer {
	margin: 0;
	background: none;
	padding: 3em 0 .1em 0;
	min-width: 10em;
}

#footer * {
	font-size: 9pt;
}

#header {
	padding: 0;
	background: none;
}

#textblock {
	margin: 0;
}

#accesskeys { /* page layout area for access keys */
	display: none;
	min-width: 10em;
}

#navbar {
	position: relative; /* so the .notes class displays at the end of page content */
	left: 0; /* to cancel out "left: xx" */
}

#navbar .logo {
	display: none;
}

#navbar > ul {
	display: none;
}

.boxed {
	border: solid 1pt #8888bb;
	border-left: solid 3pt #8888bb;
	background-image: none;
}

.sidebar {
	border: solid 1pt #8888bb;
	border-left: solid 3pt #8888bb;
	background-image: none;
}

.sidebar ul {
	padding-left: 0;
	margin-left: 1em;
}

.sidebar ul li {
	padding-left: 0;
}

.sidebar ul ul {
	padding-left: 0;
}
}