/* Designed with w3C mobileOK Default Delivery Context (DDC)
and WAP CSS (WCSS) limitations in mind. */

body {
 margin-top:0;
 margin-right:0;
 margin-bottom:0;
 margin-left:0;
}
body {
 font-size:medium;
 font-size:100%;
 font-family:monospace;
 font-family:sans-serif, monospace;
 font-family:Helvetica, Arial, Verdana, sans-serif, monospace;
 font-weight:normal;
}
body {line-height:1.45;}
h1, h2, h3, h4, h5, h6 {
 font-family:monospace;
 font-family:sans-serif, monospace;
 font-family:Helvetica, Arial, Verdana, sans-serif, monospace;
 text-align:left;
 margin-top:0;
 margin-right:0;
 margin-bottom:0;
 margin-left:0; 
}
body {
 color:black;
 background-color:white;
}
body {
 color:WindowText;
 background-color:Window;
}

h1, h2 {
 color:black;
 background-color:white;
}

h3, h4, h5, h6 {
 color:gray;
 background-color:white;
}

h1, h2 {font-weight:normal;}
h3, h4, h5, h6 {font-weight:bold;}
h1 {
 font-size:larger;
 font-size:1.2em;
}
h2 {
 font-size:larger;
 font-size:1.1em;
}
h3 {
 font-size:1em;
}
h4 {
 font-size:smaller;
 font-size:.9em;
}
h5 {
 font-size:smaller;
 font-size:.8em;
}
h6 {
 font-size:smaller;
 font-size:.7em;
}
h1, h2, h3, h4, h5, h6 {line-height:1.45;}
h1, h2, h3, h4, h5, h6, p, address {
 padding-top:0;
 padding-right:.25em;
 padding-bottom:0;
 padding-left:.25em;
}

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

div.vevent {
 border: thin solid;
 margin: .5em;
}
div.vevent, div.vevent * {
 color:black;
 background-color: #ffd; 
}
div.vevent, div.vevent * {
 color:InfoText;
 background-color:InfoBackground; 
}

div.vevent h2 {width: 99%; border: none;}

dl {
 border: thin solid;
 margin: .5em;
 padding: 0 .5em;
}
dl {
 color:black;
 background-color: #eef;
}
dl {
 color:HighlightText;
 background-color:Highlight;
}

dt {
 font-weight: bolder;
}

dd em {
 font-weight: bold;
}

/* html5 block-level elements */

/* Some can only contains other block elements: */

blockquote, section, article, header {
 display: block;
}

figure, .figure {display:block; margin:1em 40px;}
figcaption {display:block;}
figcaption.error-document-message { display:inline; }

/* Some can only contain inline-level content: */

address {
 display: block;
}

/* Some can contain either block-level elements
   or inline-level content (but not both): */

nav, aside, .aside, footer {
 display: block;
}
 
/* html5 inline elements */

m, time, meter, progress {
 display: inline;
}

/* Background color could be ignored by some devices that support foreground color. 
Make sure that cascading of colors keeps the text reasonably legible.*/

#site-header h1,
#site-header + h1,
.site-header h1 
{
 color:maroon;
 background-color:#ddd;
}
 
#site-header h1,
#site-header + h1,
.site-header h1 
{
 color:CaptionText;
 background-color:ActiveCaption;
 border-color:ActiveBorder;
}

/*
#site-header h1,
#site-header + h1,
.site-header h1 
{
 font:-moz-caption;
}
*/

article header h1,
article + h1,
.article .header h1 
{
 color:maroon;
 background-color:white;
}

article header h1,
article + h1,
.article .header h1 
{
 color:ButtonText;
 background-color:ButtonFace;
 border-color:ButtonShadow;
}

/*
article header h1,
article + h1,
.article .header h1 
{
 font:menu;
}
*/

#site-header h1,
#site-header + h1,
.site-header h1,  
article header h1,
article + h1,
.article .header h1, 
aside,
.aside, 
#page-footer,
.page-footer 
{
 border-top:thin solid;
}

article header h1,
article + h1,
.article .header h1,
#page-footer,
.page-footer 
{
 border-bottom:thin solid;
}

h2
{
 border-top: thin solid;
}

.highlight {
 color:black;
 background-color: #eef;
}

.highlight {
 color:HighlightText;
 background-color:Highlight;
}

.highlight {
 width: -moz-fit-content;
 width: fit-content;
}

aside,
aside h2,
aside + h2,
.aside,
.aside h2,
nav,
.nav p
{
 color:black;
 background-color: #f5f5dc;
}

aside,
aside h2,
aside + h2,
.aside,
.aside h2,
nav,
h2 + ol,
nav + p,
.nav p
{
 color:InfoText;
 background-color:InfoBackground; 
}

nav ol,
h2 + ol,
nav p,
nav + p,
.nav ol,
.nav p
{
 margin-top:0;
 margin-bottom:0;
}

#page-footer,
.page-footer 
{
 padding-bottom:.125em;
 display: block;
}

#page-footer,
#page-footer + p,
p + address,
.page-footer 
{
 color:black;
 background-color:#ddd;
}

#page-footer,
#page-footer + p,
p + address,
.page-footer 
{
 color:ButtonText;
 background-color:ButtonFace;
}

/*

#page-footer,
#page-footer + p,
p + address,
.page-footer
{
 font: status-bar;
}

*/

#page-footer p,
#page-footer + p,
.page-footer p
{
 margin: 0; padding-top: 0; padding-bottom: 0;
}

/* WAP CSS (WCSS) Access Key Extension */

/*
#key1 {-wap-accesskey:1;}
#key2 {-wap-accesskey:2;}
#key3 {-wap-accesskey:3;}
#key4 {-wap-accesskey:4;}
#key5 {-wap-accesskey:5;}
#key6 {-wap-accesskey:6;}
#key7 {-wap-accesskey:7;}
#key8 {-wap-accesskey:8;}
#key9 {-wap-accesskey:9;}
#key0 {-wap-accesskey:0;}
*/

/* The following's selectors are *not* required to work by CSS Mobile Profiles 1.0 or 2.0,
nor by WAP CSS (WCSS). */

a[rel=external],
a[href ^="http://"],
a[href ^="gopher://"] {
 padding-right:13px;
 background-image:url('/images/external.gif');
 background-position:center right;
 background-repeat:no-repeat;
}

a[href ^="https://"] {
 padding-right:16px;
 background-image: url('/images/famfamfam_mini_icons/icon_padlock.gif');
 background-position:center right; 
 background-repeat:no-repeat;
}

a[href ^="mailto:"] {
 padding-right:18px;
 background-image:url('/images/famfamfam_mini_icons/icon_email.gif');
 background-position:center right;
 background-repeat:no-repeat;
}

a[href ^="news://"] {
 padding-right:18px;
 background-image:url('/images/tango-icon-theme/16x16/apps/internet-news-reader.gif');
 background-position:center right;
 background-repeat:no-repeat;
}
/*
a[href ^="ftp://"] {
 padding-right:18px;
 background-image:url('/images/file-icon');
 background-position:center right;
 background-repeat:no-repeat;
}
*/
a[href ^="irc://"] {
 padding-right:18px;
 background-image:url('/images/tango-icon-theme/16x16/apps/internet-group-chat.gif');
 background-position:center right;
 background-repeat:no-repeat;
}

/*
a[rel~=external]:after {
 padding: 0 0 0 .25em;
 content: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAFVBMVEVmmcwzmcyZzP8AZswAZv////////9E6giVAAAAB3RSTlP///////8AGksDRgAAADhJREFUGFcly0ESAEAEA0Ei6/9P3sEcVB8kmrwFyni0bOeyyDpy9JTLEaOhQq7Ongf5FeMhHS/4AVnsAZubxDVmAAAAAElFTkSuQmCC");
*/

li[id^="footnote"]:target {
 background-color: #ffffe0 !important;
 background-image: url('/images/yellow-fade.gif');
 color: black !important;
}

a[href ^="#footnote"] {
 background-color: yellow;
 color: black;
 text-decoration: none;
}

/*
a[href="#footnote-1-referrer"] {
 background-color: lime;
}
*/

html
{
 background-color: Gray;
}
html
{
 background-color: AppWorkspace;
}

/* *********************** */

#site-header h1 {-moz-appearance:tab;}
#site-header h1 {-ms-appearance:tab;}
#site-header h1 {-o-appearance:tab;}
#site-header h1 {-webkit-appearance:tab;}
#site-header h1 {appearance:tab;}
article header h1 {-moz-appearance:toolbox;}
article header h1 {-ms-appearance:toolbox;}
article header h1 {-o-appearance:toolbox;}
article header h1 {-webkit-appearance:toolbox;}
article header h1 {appearance:toolbox;}
#page-footer {-moz-appearance:toolbox;}
#page-footer {-ms-appearance:toolbox;}
#page-footer {-o-appearance:toolbox;}
#page-footer {-webkit-appearance:toolbox;}
#page-footer {appearance:toolbox;}
#page-footer address {-moz-appearance:toolbox;}
#page-footer address {-ms-appearance:toolbox;}
#page-footer address {-o-appearance:toolbox;}
#page-footer address {-webkit-appearance:toolbox;}
#page-footer address {appearance:toolbox;}

a.action {-o-appearance: button;}
a.action {-moz-appearance: button;}
a.action {-webkit-appearance: button;}
a.action {appearance: button;}
a.action {display: inline-block;}
a.action {border-width: 2px;}
a.action {border-style: outset;}
a.action {border-top-color: ButtonHighlight;}
a.action {border-right-color: ButtonShadow;}
a.action {border-bottom-color: ButtonShadow;}
a.action {border-left-color: ButtonHighlight;}
a.action  {font-family: -moz-use-system-font;}
a.action {font: button;}
a.action {padding: 0 6px;}
a.action {text-transform: none;}
a.action {text-decoration: none;}
a.action {text-align: center;}
a.action {background-image: none;}
a.action:link {background-color: ButtonFace; color: ButtonText;}
a.action:link:hover {background-color: -moz-buttonhoverface; color: -moz-buttonhovertext;}
a.action:visited {background-color: ButtonFace; color: ButtonText;}
a.action:visited:hover {background-color: -moz-buttonhoverface; color: -moz-buttonhovertext;}
a.action:visited:focus {background-color: ButtonFace; color: ButtonText; outline: thin dotted; outline-offset: -6px;}
a.action:focus {background-color: ButtonFace; color: ButtonText; outline: thin dotted;}
a.action:focus:hover {background-color: -moz-buttonhoverface; color: -moz-buttonhovertext; outline: thin dotted; outline-offset: -6px;}
a.action:active {background-color: orange; color: blue;}
a.action:active {border-style: inset;}
a.action:active {border-top-color: ButtonShadow;}
a.action:active {border-right-color: ButtonHighlight;}
a.action:active {border-bottom-color: ButtonHighlight;}
a.action:active {border-left-color: ButtonShadow;}