@charset "ISO-8859-1";
/*
 * stylesheet.css -- CSS style sheet for john.thywissen.org
 *
 * Copyright (c) 2007 John A. Thywissen. All rights reserved.
 *
 *             - - -  PROPRIETARY  - - -
 * This work, and the information within, are 
 * proprietary property of John A. Thywissen.  Use
 * or duplication requires prior written permission.
 */


/* * * * * * * *
 * @import statements, in order from least important to most important 
 * * * * * * * */

/* none */


/* * * * * * * *
 * Rule sets
 * * * * * * * */

/*
 * Type selector based rule sets, to establish
 * the default style for each element type
 */

/* Body element wraps all presentation, use for inherited defaults */

body { font-family: serif; background: white; color: black; text-align: left; margin: 0; padding: 8px }

/* Heading elements */

h1 { font-family: sans-serif; font-size: 2em; line-height: 1.0em; margin: .67em 0 .33em; font-weight: bolder; page-break-after: avoid; page-break-inside: avoid; }
h2 { font-family: sans-serif; font-size: 1.5em; line-height: 1.0em; margin: .75em 0 .37em; font-weight: bolder; page-break-after: avoid; page-break-inside: avoid; }
h3 { font-family: sans-serif; font-size: 1.17em; line-height: 1.05em; margin: .83em 0 .41em; font-weight: bolder; page-break-after: avoid; page-break-inside: avoid; }
h4 { font-family: sans-serif; font-size: 1.0em; line-height: 1.05em; margin: 1.12em 0 .56em; font-weight: bolder; page-break-after: avoid; page-break-inside: avoid; }
h5 { font-family: sans-serif; font-size: .83em; line-height: 1.05em; margin: 1.5em 0 .75em; font-weight: bolder; page-break-after: avoid; page-break-inside: avoid; }
h6 { font-family: sans-serif; font-size: .75em; line-height: 1.05em; margin: 1.67em 0 .83em; font-weight: bolder; page-break-after: avoid; page-break-inside: avoid; }

/* List elements */

ul { list-style: disc outside; margin: .85em 0; margin-left: .8em; padding: 0 0 0 1.7em; page-break-before: avoid; }
ol { list-style: decimal outside; margin: .85em 0; margin-left: .8em; padding: 0 0 0 1.7em; page-break-before: avoid; }
li { margin: .2em 0; padding: 0 }
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
dl { margin: .85em 0; padding: 0; page-break-before: avoid; }
dt { margin: 0; padding: 0 }
dd { margin: 0; margin-left: 2.5em; padding: 0 }

/* Block elements */

p { margin: .85em 0; padding: 0; line-height: 1.23em }
div { margin: 0; padding: 0; line-height: 1.23em }

pre { margin: .85em 0; padding: 0; line-height: 1em; font-family: monospace; white-space: pre; page-break-inside: avoid; }
blockquote { margin: .85em 2.5em; padding: 0; line-height: 1.1em; page-break-inside: avoid; }
address { margin: .85em 0; padding: 0; line-height: 1.1em; font-style: italic }

hr { border: 1px inset }

/* Table elements */

table { font-family: sans-serif; font-size: 0.85em; line-height: 1em; border: solid thin #ccc; border-collapse: collapse; }
caption { }
tr { }
td { text-align: left ; padding: 3px; border: solid thin #ccc; }
th { font-weight: bolder; text-align: center ; padding: 3px; border: solid thin #ccc; }
col { }
colgroup { }
thead { text-align: center }
tfoot { text-align: center }
tbody { text-align: left }

/* Forms elements */

form { margin: .85em 0 }
fieldset { margin: .85em 0 }
input { }
select { }
textarea { }
label { }
button { }
legend { }
option { }
optgroup { }

/* Inline structural elements */

br { }
span { }

/* Inline phrasal elements */

em { font-style: italic }
strong { font-weight: bolder }
dfn { }
code { font-family: monospace }
samp { font-family: monospace }
kbd { font-family: monospace }
var { font-style: italic }
cite { font-style: italic }
abbr { font-variant: small-caps; letter-spacing: 0.1em }
acronym { font-variant: small-caps; letter-spacing: 0.1em }
q { }
q:before { content: open-quote; }
q:after { content: close-quote; }
[lang|=nl] > *, [lang|=en] > *, [lang|=it] > *, [lang|=pt] > *, [lang|=es] > *, [lang|=tr] > * { quotes: "\201C" "\201D" "\2018" "\2019" "\201C" "\201D" "\2018" "\2019" "\201C" "\201D" "\2018" "\2019" }
[lang|=cs] > *, [lang|=de] > *, [lang|=sk] > * { quotes: "\201E" "\201C" "\201A" "\2018" "\201E" "\201C" "\201A" "\2018" "\201E" "\201C" "\201A" "\2018" }
[lang|=da] > *, [lang|=fi] > *, [lang|=no] > *, [lang|=sv] > * { quotes: "\201D" "\201D" "\2019" "\2019" "\201D" "\201D" "\2019" "\2019" "\201D" "\201D" "\2019" "\2019" }
[lang|=hu] > *, [lang|=pl] > * { quotes: "\201E" "\201D" }
[lang|=el] > *, [lang|=ru] > * { quotes: "\00AB" "\00BB" "\2039" "\203A" "\00AB" "\00BB" "\2039" "\203A" "\00AB" "\00BB" "\2039" "\203A" }
[lang|=sl] > * { quotes: "\00BB" "\00AB" "\203A" "\2039" "\00BB" "\00AB" "\203A" "\2039" "\00BB" "\00AB" "\203A" "\2039" }
[lang|=fr] > * { quotes: "\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A" "\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A" "\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A" }

/* Presentational elements */

sub { font-size: .83em; vertical-align: sub }
sup { font-size: .83em; vertical-align: super }
/* USE OF THIS ELEMENT DISCOURAGED IN HTML.  Use phrasal elements, or class styles. */ tt { font-family: monospace }
/* USE OF THIS ELEMENT DISCOURAGED IN HTML.  Use phrasal elements, or class styles. */ i { font-style: italic }
/* USE OF THIS ELEMENT DISCOURAGED IN HTML.  Use phrasal elements, or class styles. */ b { font-weight: bolder }
/* USE OF THIS ELEMENT DISCOURAGED IN HTML.  Use phrasal elements, or class styles. */ big { font-size: 1.17em }
/* USE OF THIS ELEMENT DISCOURAGED IN HTML.  Use phrasal elements, or class styles. */ small { font-size: .83em }

/* Hypertext elements */

a { }
a[href] { text-decoration: underline }
a:link { color: blue }
a:visited { color: red }
a:active { color: lime }
a:link img { border: 2px solid blue; margin: 0; padding: 0 }
a:visited img { border: 2px solid red; margin: 0; padding: 0 }
a:active img { border: 2px solid lime; margin: 0; padding: 0 }

/* Object elements */

img { margin: 0; border-style: none; padding: 0 }
object { margin: 0; border-style: none; padding: 0 }

/* Edit elements */

del { color: #888; text-decoration: line-through }
ins { color: #049; background-color: #EE0; text-decoration: none }

@media print {
  #content a:link:after, #content a:visited:after, #content a:active:after { content: " <" attr(href) "> "; font-size: 90%; }
}
@page { margin: 10%; }

/*
 * Class selector based rule sets, for the standard classes defined in
 * IEEE Std 2001-2002, "IEEE Recommended Practice for the Internet--
 * Web Site Engineering, Web Site Management, and Web Site Life Cycle".
 */

/* Apply this class to an element enclosing: the organizational security characteristic of the page content ("security banner"). */
.securitydesignation { font-variant: small-caps; font-family: sans-serif; line-height: 1.05em; color:red; font-weight: bolder; text-align: center }

/* Apply this class to an element enclosing: the most recent date when a change considered being of value to the target-user communities has occurred. (Format as YYYY-MM-DD) */
.pagedate { }

/* Apply this class to an element enclosing: the content was current as of this date. (Format as YYYY-MM-DD) */
.contentdate { }

/* Apply this class to an element enclosing: date when a review is scheduled. (Format as YYYY-MM-DD) */
.nextupdate { }

/* Apply this class to an element enclosing: the earliest date that the information on the page may be deleted.  (Format as YYYY-MM-DD or "archival") */
.expirationdate { }

/* Apply this class to an element enclosing: date when a page has been archived and is no longer considered active.  (Format as YYYY-MM-DD) */
.dateretired { }

/* Apply this class to any element enclosing telephone numbers. (Format like +1 972 605 6000) */
.phone { }

/* Apply this class to an element enclosing: country or place of origin of page, when needed.  (Use ISO 3166 two letter country code.) */
.origin { }

/* Apply this class to an element enclosing: size information of large liked objects.  (Format like 3.4 MB, use 1000 bytes for a kB, not 1024) */
.objectsize { }

/* Apply this class to (non-head) links out of the Web site */
.offsite { }

/* Apply the following three class, as applicable, to elements enclosing physical location information */
.latitude { margin: .85em 0; padding: 0; line-height: 1.1em; font-style: italic }
.longitude { margin: .85em 0; padding: 0; line-height: 1.1em; font-style: italic }
.crossstreet { margin: .85em 0; padding: 0; line-height: 1.1em; font-style: italic }

/*
 * Add application-specific classes here.
 */

/* Page headers, footers, etc. */

#topnavbar { font-size: 0.91em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: lighter; font-variant: small-caps; background-color: #e8e8e8; width: 100%; clear: both; display: table; }
#topnavbar div { display: table-cell; }
#pageheader { color: #191919; font-size: 0.83em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border-bottom: 1px solid black; }
.pagetitle { }
.pageurl { float: right; }
#content {  }
#pagefooter { color: #191919; font-size: 0.83em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; clear: both; border-top: 1px solid black; }
#pagefooter .copyright { float: left; }
#pagefooter .pagedate { float: right; }

/* J^T site specific content types */

.introduction { font-size: 0.92em; margin-right: 2em; margin-left: 3.05em; border-top: thin solid black; border-bottom: thin solid black; }
.selfcite { font-size: 0.83em; text-indent: -2em; margin: 0.85em 2.4em 0.85em 5.33em; }
.citeauthorname { font-variant: small-caps; }
.jtcontent  /* J^T content part of an interest area page */ {  }
.references { background-color: #e6e6e6; width: 47%; float: right; margin: 7px; padding: 7px; }

/* J^T site spefic styles for elements of content */

#content h1 { padding-left: 0.4em; border-left-color: #bfd8fa !important; border-left-style: solid; border-left-width: 1em; }