a:link {
background-color:transparent;
font-weight:normal;
text-decoration:none;
}
a:visited {
background-color:transparent;
font-weight:normal;
text-decoration:none;
}
a:hover {
background-color:#eec;
font-weight:normal;
text-decoration:underline;
}
a:active {
background-color:#eec;
font-weight:bold;
text-decoration:none;
}

a:link img {
border:thin solid;
text-decoration:none;
}
a:visited img {
border:thin solid;
text-decoration:none;
}
a:hover img {
border:thin groove;
text-decoration:underline
}
a:active img {
border:medium groove;
text-decoration:none;
}

/* Credit to Mark Nottingham at mnot.net for the idea. */
h1[id]:hover:after, h2[id]:hover:after, h3[id]:hover:after, 
h4[id]:hover:after, h5[id]:hover:after, h6[id]:hover:after {
content: " #" attr(id) " "; 
font-size: 70%;
color: #666;
text-decoration: none;
}

h1 { text-align:center; }
h2 { text-align:center; }

img { border-width:thin; }

dd, dt, li, ul, dl, ol, p {
font-family: Arial, Veranda, Georgia, "Times New Roman", Times, serif;
}


.b, .bold { font-weight: bold; }
.c, .center { text-align: center; }
.i, .italic { font-style: italic; }
.u, .underline { text-decoration: underline; }
.strike, .strike-through { text-decoration: line-through; }

.date {
text-align:center;
margin-right:.5em;
}

.divider {
/* This color looks good with DarkOnLight and LightOnDark. */
background-color:#99c;
clear:both;
font-size:.1em; /* IE uses this */
height:3px;     /* Mozilla uses this */
margin-bottom:1em;
}

.footnote { font-size:.75em; }

.high-bandwidth {
visibility:hidden;
}

.hotkey {
text-decoration:underline;
}

.indent1 {
margin-left:1em;
margin-right:2em;
}

.indent2 {
margin-left:2em;
margin-right:4em;
}

.journal-divider {
clear:both;
font-size:.1em; /* IE uses this */
height:3px;     /* Mozilla uses this */
}
.journal-entry {
border-top:solid .2em;
border-left:solid .2em;
clear:both;
margin:1em 0em 1.5em 0em;
}
.journal-header {
border-left:solid .3em;
border-top:solid .3em;
clear:both;
width:80%;
margin:0em 0em -1em 0em;
}

.last-updated {
color: #444;
padding-top:1em; 
font-size:.75em; 
font-style:italic;
}

.menu {
}
.menu-text {
background-color:#ddd;
border-color:#bbb;
border-style:solid;
border-width:.25em;
font-size:.7em;
opacity:.7;  /* CSS3 */
}

.menu-separator {
padding:.5em; /* inherit; */
}

.new-item { color:#0b0; }
.less-new-item { color:#004444; }

.page-content {
margin:0px auto 0px 0px;   /* Horizontally center using CSS2. */
text-align:left; /* Horizontally center in IE. */
}

.page-layout {
text-align:center; /* Correct for IE horizontal centering bug. */
}

.rss_button {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 11px verdana,sans-serif;
color:#FFF;
background:#06F;
text-decoration:none;
margin:0px 0px 0px 0px;
}
.rss_button:hover {
background-color:#0AF;
}

.xml_button {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 11px verdana,sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0px 0px 0px 0px;
}
.xml_button:hover {
background-color:#FA0;
}

.subscript {
font-size:60%;
font-weight:normal;
vertical-align:sub;
}
.subscript a:hover {
font-weight:bold;
padding:.2em;
padding-bottom:0;
}

.superscript {
font-size:60%;
font-weight:normal;
vertical-align:super;
}
.superscript a:hover {
font-weight:bold;
padding:.2em;
padding-top:0;
}

.transparent5 {
opacity:.5;  /* CSS3 */
}

.vacations td {
padding-right:1em;
text-align:center;
}