/* Tavern IMACAT's
 * common.css: The common style sheet.
 */

/*  Copyright (c) 1999-2018 imacat.
 * 
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/* Author: imacat <imacat@mail.imacat.idv.tw>
 * First written: 1999-07-25
 */

/* General settings */
body {
    margin: 0;
    padding: 0.5em 1em;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.noindent {
    text-indent: 0;
}
p {
    text-align: justify
}
hr {
    clear: both;
}
form {
    margin: 0;
}
.note {
    font-size: 0.833em;
    font-style: italic;
}
q:lang(zh-tw) {
    quotes: "「" "」" "『" "』";
}
q:lang(zh-cn) {
    quotes: "※" "§" "＆" "＊";
}
q:lang(en) {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
q:lang(ja) {
    quotes: "\300C" "\300D" "\300E" "\300F";
}
cite:lang(zh-tw) {
    quotes: "《" "》";
}
cite:lang(zh-cn) {
    quotes: "▲" "◎";
}
cite:lang(en) {
    quotes: "\00AB" "\00BB";
}
cite.apa {
    quotes: "" "";
}
cite:before {
    content: open-quote;
}
cite:after {
    content: close-quote;
}
.intro {
    margin: 1em 15%;
}
div.errmsg {
    margin: 1em 0.5in;
}
/* The CAPTCHA */
.trwebsite, .trlastname {
    display: none;
}

/* The title */
.title {
    margin: 2em 1em 1em 1em;
}
.title h2 {
    background-color: transparent;
    color: white;
    font-size: 2.7em;
    line-height: 0;
    margin-top: 0.5em;
}
.title h1 {
    background-color: transparent;
    color: #FFFF80;
    font-size: 5.4em;
    line-height: 0.9em;
    margin: -0.4em 0 0 0.7em;
}

/* The navigation bar */
.navibar, .pagebar, .langs {
    text-align: center;
    font-size: 0.833em;
}
.navibar .text {
    width: 4em;
}
.nav hr {
    margin: 0.1em 0;
    padding: 0;
    height: 0;
}
.navibar span em {
    font-weight: normal;
    font-style: italic;
}

/* The footer */
.footer {
    clear: both;
    font-size: 0.833em;
    text-align: center;
}
.footer p {
    margin: 0;
    text-indent: 0;
    text-align: center;
}
.footer div {
    margin: 0.3em 0;
}
.footer img {
    border-style: none;
    height: 31px;
    width: 88px;
}
.footer .modperl img {
    height: 30px;
    width: 110px;
}
.footer .linkcode {
    border: thick ridge silver;
    background-color: white;
    color: black;
    display: table;
    font-size: 1em;
    margin: 0 auto;
    padding: 0.3em 1em;
    text-align: left;
    width: 10em;
}
.spamtrap {
    display: none;
}

/* The default list */
.deflist {
    margin: 1em 3em;
}
.deflist th {
    white-space: nowrap;
}
.deflist th, .deflist td {
    padding: 0.2em 0.5em;
    vertical-align: top;
}
.deflist td a:link {
    background-color: black;
    color: yellow;
}
.deflist td a:visited {
    background-color: black;
    color: #C0C0FF;
}
.deflist td a:active {
    background-color: black;
    color: #E0E0C0;
}
.deflist td a:hover {
    background-color: gray;
    color: white;
}
.deflist thead {
    background-color: silver;
    color: black;
}
.deflist tbody th {
    font-weight: normal;
}
.deflist .listno, .deflist .listdel {
    text-align: center;
}
.deflist .listno {
    text-align: center;
}
.deflist .oddrow {
    background-color: white;
    color: black;
}
.deflist .evenrow {
    background-color: #C0C0FF;
    color: black;
}
.deflist .amount {
    text-align: right;
}
.deflist .amount .neg {
    color: red;
    background-color: transparent;
}
.deflist .crdtsubj {
    text-indent: 2em;
}
.deflist .subjlv2 {
    text-indent: 1em;
}
.deflist .subjlastlv {
    text-indent: 2em;
}

/* the default form */
.defform {
    margin: 0 10%;
    width: 100%;
}
/* Refer to http://www.w3.org/Style/threepart-f.css */
/* The child selectors are a hack to hide these rules from WinIE6 */
.body>form.defform {
    width: auto;
}
.defform table {
    margin: 0 auto;
    width: 100%;
}
.defform th, .defform td {
    text-align: left;
    vertical-align: top;
}
.defform .thfile {
    width: 9em;
}
.defform .th {
    width: 8.5em;
}
.defform .oldnew {
    width: 3.5em;
}
.defform td .text, .defform td textarea {
    width: 100%;
}
.defform td .prompt {
    font-style: italic;
    margin: 0;
}
.defform td ol, .defform td li ul {
    margin: 0 0 0 2em;
    padding: 0;
}
.defform td ul, .defform td li {
    margin: 0;
    padding: 0;
}
.defform td ul li {
    list-style: none;
}
.defform td .oneline li {
    display: block;
    float: left;
    margin-right: 0.5em;
}
.defform td h4, .defform td .picinfo, .defform td .piccap {
    margin: 0;
    padding: 0;
}
.defform .amount {
    text-align: right;
}

/* The main styles */
body {
    background: black url("../images/bg_cloth.gif");
    color: white;
}
a:link {
    background-color: transparent;
    color: #FFFF80;
}
a:visited {
    background-color: transparent;
    color: #C0C0FF;
}
a:active {
    background-color: transparent;
    color: #E0E0C0;
}
a:hover {
    background-color: gray;
    color: inherit;
}
.navibar span, .navibar label, .pagebar span, .langs span {
    background-color: black;
    color: inherit;
}

/* The Tavern lobby */
.home .titlearea {
    height: 480px;
}
.home .logo {
    position: absolute;
    top: 1em;
    right: 0.5in;
    height: 480px;
    width: 240px;
}
.home .logo img {
    height: 480px;
    width: 240px;
}
.home .titletext {
    position: absolute;
    top: 1em;
    left: 0.5in;
    height: 480px;
}
.home .title {
    height: 320px;
}
.home .title0 {
    padding: 40px 0;
}
.home .title p {
    font-size: 1.728em;
    margin: 0 0 1.5em 0;
    font-style: normal;
    text-indent: 0;
}
.home .titlenotes {
    height: 160px;
    font-style: italic;
}
.home .titlenotes .langs {
    text-align: left;
}
.home .titlenotes p {
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: left;
    text-indent: 0;
}
.home .nav {
    float: left;
    padding: 0;
    margin: 0 0 1em 0;
    text-align: center;
    width: 40%;
}
.home .nav .accessguide {
    float: none;
    text-align: left;
    width: 100%;
}
.home .nav .nav1 {
    display: table;
    margin: 0 auto;
    width: 12em;
}
.home .nav p {
    text-indent: 0;
}
.home .nav ul {
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
}
.home .nav ul li {
    text-align: left;
    list-style: disc outside url("../images/button.png");
    margin: 0.5em 0 0.5em 0;
    padding: 0;
}
.home .nav form .text {
    width: 7em;
}
.home .bulletin {
    background-color: white;
    color: black;
    border: thick ridge silver;
    float: right;
    margin: 0 0 1em 0;
    width: 57%;
}
.home .bulletin .bulletin1 {
    padding: 0.5em 1em;
}
.home .bulletin h2 {
    text-align: center;
    margin: 0;
}
.home .bulletin a {
    background-color: transparent;
    color: blue;
    text-decoration: none;
}
.home .bulletin a:visited {
    background-color: transparent;
    color: navy;
    text-decoration: none;
}
.home .bulletin a:hover {
    background-color: yellow;
    color: inherit;
    text-decoration: underline;
}

/* The Travellers' Guestbook */
.guestbook .intro address {
    font-style: italic;
    text-align: right;
}
.guestbook .defform {
    margin: 1em 15%;
    width: 100%;
}
/* Refer to http://www.w3.org/Style/threepart-f.css */
/* The child selectors are a hack to hide these rules from WinIE6 */
.guestbook .body>form.defform {
    width: auto;
}
.guestbook .defform p {
    text-indent: 0;
    margin: 0;
}
.guestbook .defform table {
    margin: 0 auto;
    width: 100%;
}
.guestbook .defform th {
    text-align: left;
    vertical-align: top;
    width: 7.5em;
}
.guestbook .defform td {
    vertical-align: top;
}
.guestbook .defform .text, .guestbook .defform textarea {
    font-size: 1em;
    width: 100%;
}
.guestbook .entries {
    padding: 0 2em;
}
.guestbook .entry {
    margin: 1em;
}
.guestbook .entry div {
    margin: 1em 0;
}
.guestbook .entry address {
    text-align: right;
}
.guestbook .entry address cite {
    font-size: 1.44em;
    font-style: normal;
}
.guestbook .entry address samp {
    font-style: normal;
    vertical-align: text-bottom;
}

/* The Soundless Backalley */
.garbage {
    background: black url("../images/bg_bricks.gif");
    color: white;
}
.garbage a:hover {
    background-color: gray;
    color: inherit;
}
.garbage .navibar span, .garbage .navibar label, .garbage .pagebar span, .garbage .langs span {
    background-color: black;
    color: white;
}
.garbage .defform {
    margin: 1em 15%;
    width: 100%;
}
/* Refer to http://www.w3.org/Style/threepart-f.css */
/* The child selectors are a hack to hide these rules from WinIE6 */
.garbage .body>form.defform {
    width: auto;
}
.garbage .defform div {
    text-align: center;
}
.garbage .defform textarea {
    width: 100%;
}
.garbage .entries {
    padding: 0 2em;
}
.garbage .entry {
    margin: 1em;
}
.garbage .entry div {
    margin: 1em 0;
}
.garbage .entry address {
    font-style: italic;
    text-align: right;
}

/* The related links */
.links {
    background: #FFD5FF url("../images/bg_pink_triangle.gif") fixed;
    color: #400040;
}
.links a:link {
    background-color: transparent;
    color: #FF00FF;
}
.links a:visited {
    background-color: transparent;
    color: #C000C0;
}
.links a:active {
    background-color: transparent;
    color: #800080;
}
.links a:hover {
    background-color: white;
    color: inherit;
}
.links .navibar span, .links .navibar label, .links .pagebar span, .links .langs span {
    background-color: #FFD5FF;
    color: #400040;
}
.links .linkslist {
    clear: both;
    margin: 1em 0.5in;
}
.links .linkslist li {
    margin: 1em 0;
}
.links .linkslist li img {
    border: 0;
    vertical-align: top;
}
.links .linkslist li cite {
    font-size: 1.2em;
    font-style: normal;
}

/* The registration form */
.links .regform {
    margin: 1em 10%;
    width: 100%;
}
/* Refer to http://www.w3.org/Style/threepart-f.css */
/* The child selectors are a hack to hide these rules from WinIE6 */
.links .body>form.regform {
    width: auto;
}
.links .regform table {
    margin: 0 auto;
    width: 100%;
}
.links .regform th {
    text-align: left;
    vertical-align: top;
    width: 8em;
}
.links .regform .text, .links .regform textarea {
    width: 100%;
}

/* My diary */
.me {
    background: white url("../images/bg_bedsheet.gif");
    color: #400020;
}
.me a:link {
    background-color: transparent;
    color: #FF0080;
}
.me a:visited {
    background-color: transparent;
    color: #C00060;
}
.me a:active {
    background-color: transparent;
    color: #800040;
}
.me a:hover {
    background-color: #FFE000;
    color: inherit;
}
.me h1 {
    font-size: 2.7em;
}
.me em {
    background-color: transparent;
    color: #FF0080;
    font-weight: bolder;
    font-style: normal;
}
.me .navibar span, .me .navibar label, .me .pagebar span, .me .langs span {
    background-color: white;
    color: #400020;
}
.me .toc {
    list-style: disc outside url("../images/button.png");
    margin: 1em 3em;
    padding: 0 0 0 2em;
}
.me .toc li {
    margin: 3em 0 0 0;
    padding: 0;
}
.me .toc li h3 {
    font-size: 1.44em;
    margin: 0;
}
.me .portrait {
    text-align: center;
    float: right;
    margin-right: 0.5in;
}
.me .portrait img {
    border: thick ridge #FFB000;
}
.me dfn {
    font-style: normal;
    font-weight: bolder;
}
.me hr {
    clear: none;
}
.me .entries {
    padding: 0 2em;
}
.me .entry {
    padding: 1em;
    margin: 1em 0;
    border-width: thin thick thick thin;
    border-style: solid;
    border-color: #400020;
    background-color: white;
    color: inherit;
}
.me .entry .freetext {
    margin: 1em 0 0 0;
}
.me .entry blockquote {
    border-width: thin thick thick thin;
    border-style: solid;
    border-color: #400020;
    margin: 1em;
    padding: 1em;
}
.me .entry .illus {
    margin: 1em 3em;
}
.me .entry .illus img {
    vertical-align: top;
}
.me .entry .illus p {
    margin: 0;
    font-style: italic;
    text-indent: 0;
}
.me table caption {
    font-size: 1.2em;
}
.me table th, .me table td {
    padding: 0.2em 0.5em;
}
.me table th {
    background-color: silver;
    color: inherit;
}
.me table tbody th {
    text-align: left;
    white-space: nowrap;
}
.me table td {
    background-color: #FFE0E0;
    color: inherit;
}
@media screen, print {
    .me .entries hr {
        display: none;
    }
}

/* My Chinese writings */
.literalzh {
    background: white url("../images/bg_marble.gif") fixed;
    color: black;
}
.literalzh a:link {
    background-color: transparent;
    color: blue;
}
.literalzh a:visited {
    background-color: transparent;
    color: gray;
}
.literalzh a:active {
    background-color: transparent;
    color: #80C080;
}
.literalzh a:hover {
    background-color: white;
    color: inherit;
}
.literalzh .navibar span, .literalzh .navibar label, .literalzh .pagebar span, .literalzh .langs span {
    background-color: #E0E0E0;
    color: black;
}
.literalzh p.langs {
    margin: 0;
    text-indent: 0;
}
.literalzh .toc {
    float: left;
    margin: 0 0 1em 0;
    width: 49%;
}
.literalzh .toc h2 {
    font-size: 1em;
    margin: 0.5em 0 0 0;
}
.literalzh .toc p {
    margin: 0;
}
.literalzh .intro {
    float: right;
    margin: 0 0 1em 0;
    width: 49%;
}
.literalzh .intro p {
    margin: 0 0 0.5em 0;
}
.literalzh h1 {
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
}
.literalzh .entries {
    padding: 0 2em;
}
.literalzh .entry {
    margin: 1em;
}
.literalzh .entry h2 {
    margin: 0;
}
.literalzh .entry pre {
    font-size: 1em;
    margin: 0.5em 0;
}
.literalzh .entry p {
    margin: 1em 0;
}

/* My English writings */
.literalen {
    background: #EFE8CF url("../images/bg_linen.gif") fixed;
    color: #302810;
}
.literalen a:link {
    background-color: transparent;
    color: #605020;
}
.literalen a:visited {
    background-color: transparent;
    color: #907830;
}
.literalen a:active {
    background-color: transparent;
    color: #C0A040;
}
.literalen a:hover, .literalen a:hover {
    background-color: white;
    color: inherit;
}
.literalen h1, .literalen h2, .literalen h3, .literalen h4, .literalen h5, .literalen h6 {
    font-family: "Monotype Corsiva";
}
.literalen .navibar span, .literalen .navibar label, .literalen .pagebar span, .literalen .langs span {
    background-color: #EFE8CF;
    color: #302810;
}
.literalen p.langs {
    margin: 0;
    text-indent: 0;
}
.literalen h1 {
    text-align: center;
}
.literalen .body p {
    margin: 0 0 0.5em 0;
}
.literalen .body .foreword {
    font-style: italic;
    margin: 1em 0.5in;
    padding: 0.5em 2em;
    border: thick double black;
    background-color: #EFE8CF;
    color: #302810;
}
.literalen .body .foreword h2 {
    margin: 0 0 0.5em 0;
}

/* The LesTalk mailing list */
.les {
    background: white url("../images/bg_coconut.png");
    color: #202000;
}
.les a:link {
    background-color: transparent;
    color: #A0A000;
}
.les a:visited {
    background-color: transparent;
    color: #404000;
}
.les a:active {
    background-color: transparent;
    color: #606000;
}
.les a:hover {
    background-color: yellow;
    color: inherit;
}
.les .navibar span, .les .navibar label, .les .pagebar span, .les .langs span {
    background-color: #FFFFE0;
    color: inherit;
}
.les .body {
    margin: 1em 0.5in;
}
.les h1 {
    margin-left: 2em;
}

/* My technical notes */
.tech {
    background: #E0E0FF none;
    color: #202000;
}
.tech a:link {
    background-color: transparent;
    color: blue;
}
.tech a:visited, .tech a:active {
    background-color: transparent;
    color: navy;
}
.tech a:hover {
    background-color: yellow;
    color: inherit;
}
.tech .navibar span, .tech .navibar label, .tech .pagebar span, .tech .langs span {
    background-color: #F0F0FF;
    color: inherit;
}
.tech .body {
    margin: 1em 0.5in;
}
.tech h1 {
    text-align: center;
    clear: none;
}
.tech h2, .tech .body em {
    text-transform: uppercase;
}
.tech .sep {
    height: 0;
    margin: 0;
    visibility: hidden;
    clear: both;
}
.tech abbr, .tech acronym {
    font-size: 1em;
}
.tech .quickref {
    background-color: white;
    color: inherit;
    border: thick double black;
    padding: 1em;
}
.tech .helperslist li {
    margin-bottom: 1em;
}
.tech .guiitem {
    background-color: white;
    color: inherit;
    border: thin solid silver;
    font-family: sans-serif;
    line-height: 1.5em;
    padding: 0.1em 0.5em;
}
.tech .guiitem kbd {
    font-family: sans-serif;
    text-decoration: underline;
}
.tech .illustration {
    text-align: center;
    margin: 0.5em;
    line-height: 1.5em;
}

/* The accounting */
.acctrepquery p {
    margin: 0;
    padding: 0;
    text-indent: 0;
}
.acctrepquery ul {
    margin: 0;
    padding: 0 0 0 0;
}
.acctrepquery ul li {
    list-style: none;
}

/* Miscellaneous pages */
.misc .body {
    background-color: white;
    color: black;
    margin: 1em 0.5in;
    padding: 1em;
    border: thick ridge silver;
}
.misc .body a:link {
    background-color: transparent;
    color: blue;
}
.misc .body a:visited, .misc .body a:active {
    background-color: transparent;
    color: navy;
}
.misc .body a:hover {
    background-color: yellow;
    color: inherit;
}
.misc h1 {
    font-size: 2.4em;
    text-align: center;
}

/* The full text search */
.searchresult em {
    background-color: gray;
    color: yellow;
}
.searchresult h3 {
    margin: 0;
}
.searchresult li {
    margin-bottom: 1em;
}

/* Magicat */
.magicat .savedform {
    background-color: #C0C0FF;
    color: black;
    border: thick double white;
    padding: 0.5em 1em;
}
.magicat .savedform span {
    background-color: white;
    color: inherit;
}

/* The accessibility guides */
.skiptobody {
    position: absolute;
    line-height: 0;
    left: 0;
    top: 0;
    z-index: -9;
    display: none;
}
.accessguide {
    float: left;
    font-size: 0.5em;
    color: #FFFFFF;
}

/* The preview mark */
.previewmark {
    position: fixed;
    top: 1em;
    left: 1em;
    border: thick solid red;
    color: red;
    background-color: transparent;
    margin: 0;
    padding: 0.5em;
}
.previewmark h2 {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 0;
}
.previewmark p {
    margin: 0;
    padding: 0;
    text-indent: 0;
}
.previewmark a, .previewmark a:visited, .previewmark a:hover {
    color: red;
    background-color: transparent;
}
@media print {
    .previewmark {
        display: none;
    }
}

/* The breadcrumb trail */
.breadcrumb {
    font-size: 1.44em;
}

/* The split table of contents */
.splittoc {
    width: 90%;
    margin: 1em 5%;
}
.tocl {
    float: left;
    width: 49%;
}
.tocl div {
    float: right;
}
.tocl ul {
    margin: 0;
    padding: 0 0 0 3em;
}
.tocr {
    float: right;
    width: 49%;
}
.tocr div {
    float: left;
}
.tocr ul {
    margin: 0;
    padding: 0 0 0 3em;
}
.splittoc ul li {
    text-align: left;
    list-style: disc outside url("../images/button.png");
    margin: 0.5em 0;
    padding: 0;
}

/* Not currently used */
/* Women's sex */
.sex {
    background: black url("../images/bg_sex.jpg") fixed;
    color: white;
}
.sex a:link {
    background-color: transparent;
    color: red;
}
.sex a:visited {
    background-color: transparent;
    color: #C00000;
}
.sex a:active {
    background-color: transparent;
    color: white;
}
.sex a:hover {
    background-color: white;
    color: inherit;
}
.sex .navibar span, .sex .navibar label, .sex .pagebar span, .sex .langs span {
    background-color: #FFD060;
    color: white;
}
.sex h1 {
    text-align: center;
}
.sex .intro {
    float: left;
    width: 45%;
}
.sex .topics {
    float: right;
    width: 45%;
}
.sex .topics h2 {
    text-align: center;
}

/* The Hypertext Playground */
.playgrnd {
    background: white url("../images/bg_marble.gif") fixed;
    color: black;
}
.playgrnd a:link {
    background-color: transparent;
    color: blue;
}
.playgrnd a:visited {
    background-color: transparent;
    color: gray;
}
.playgrnd a:active {
    background-color: transparent;
    color: #80C080;
}
.playgrnd a:hover {
    background-color: white;
    color: inherit;
}
.playgrnd .navibar span, .playgrnd .navibar label, .playgrnd .pagebar span, .playgrnd .langs span {
    background-color: #E0E0E0;
    color: black;
}
.playgrnd h1 {
    background-color: transparent;
    color: blue;
    text-align: center;
}
.playgrnd .defform td {
    vertical-align: top;
}
.playgrnd .defform textarea {
    height: 30em;
    margin: 1em 10%;
    padding: 0;
    width: 70%;
}
.playgrnd .result p {
    border-color: black;
    border-style: solid;
    border-width: thin thick thick thin;
    background-color: white;
    color: black;
    margin: 0.5em;
    text-indent: 0;
}

/* The Linux notes */
.linux {
    background: white url("../images/bg_linux.gif") scroll;
}
.linux .body {
    margin: 1em 4em;
    clear: both;
}
.linux li {
    margin-top: 1em;
}
.linux h2 {
    margin-top: 1em;
}
.linux blockquote {
    margin: 0.5em;
}
.linux dl dt {
    font-size: 1em;
    font-family: serif;
    font-weight: bolder;
}
.linux h1 {
    font-size: 2.7em;
    margin: 1em 1em 3em 1em;
    text-align: center;
}

/* The curriculum vitae */
.cv {
    background: #E0E0FF none;
    color: black;
}
.cv a:link {
    background-color: transparent;
    color: blue;
}
.cv a:visited, .cv a:active {
    background-color: transparent;
    color: navy;
}
.cv a:hover {
    background-color: yellow;
    color: inherit;
}
.cv .navibar span, .cv .navibar label, .cv .pagebar span, .cv .langs span {
    background-color: transparent;
    color: inherit;
}
.cv .photo {
    float: right;
}
.cv h2 {
    background-color: white;
    color: black;
    font-weight: normal;
    padding: 0.1em 1em;
    border: 1px none;
    width: auto;
    font-size: 1.44em;
    text-transform: uppercase;
}
.cv ul {
    margin: 0;
    padding: 0 0 0 3.44em;
}
.cv ul li {
    margin: 0;
    padding: 0;
}
.cv li p {
    text-indent: 0;
    margin: 0;
}
.cv dl {
    margin-left: 1.44em;
}
.cv dt {
    font-size: 1.2em;
}
.cv dd {
    margin: 0.5em 0 1em 1.2em;
    padding: 0;
}
.cv dd ul {
    padding-left: 2em;
}
@media print {
    .cv .nav, .cv hr, .cv .footer, .cv .accessguide {
        display: none;
    }
    .cv  {
        background-color: white;
        color: black;
    }
    .cv h2 {
        background-color: #E0E0FF;
        color: black;
        border-color: black;
        border-style: solid;
        border-width: thin medium medium thin;
        page-break-inside: avoid;
    }
    .cv a:link, .cv a:visited, .cv a:active, .cv a:hover {
        background-color: transparent;
        color: black;
        text-decoration: none;
    }
    .cv .photo {
        background-color: white;
        border-color: black;
        border-style: solid;
        border-width: thin medium medium thin;
        padding: 0.1em;
    }
    .cv abbr, .cv acronym {
        border: none;
        text-decoration: none;
    }
}

/* The Christmas card */
.xmas2000 {
    background-image: url("../images/bg_redbricks.gif");
    color: white;
}
.xmas2000 h1 {
    display: none;
}
.xmas2000 a {
    color: white;
}
.xmas2000 a:hover {
    background-color: silver;
    color: yellow;
}
.xmas2000 .dear {
    font-size: 2.0736em;
    margin: 0.5em;
}
.xmas2000 .greetings p {
    font-size: 6em;
    font-weight: bolder;
    text-align: center;
    text-indent: 0;
}
.xmas2000 .greetings p:lang(en) {
    font-size: 4em;
}
.xmas2000 address {
    font-size: 1.44em;
    font-style: normal;
    font-weight: bolder;
    margin: 1em 0.5em;
    text-align: right;
}
.xmas2000 cite {
    font-size: 1.44em;
    font-style: normal;
}

/* The New Year card */
.ny2001 {
    background-image: url("../images/bg_newyear.gif");
    color: white;
}
.ny2001 h1 {
    display: none;
}
.ny2001 a {
    color: white;
}
.ny2001 a:hover {
    background-color: silver;
    color: yellow;
}
.ny2001 .dear {
    font-size: 2.0736em;
    margin: 0.5em;
}
.ny2001 .greetings p {
    font-size: 6em;
    font-weight: bolder;
    text-align: center;
    text-indent: 0;
}
.ny2001 .greetings p:lang(en) {
    font-size: 4em;
}
.ny2001 address {
    font-size: 1.44em;
    font-style: normal;
    font-weight: bolder;
    margin: 1em 0.5em;
    text-align: right;
}
.ny2001 cite {
    font-size: 1.44em;
    font-style: normal;
}

/* The Plurk avatars */
.plurkavatar, .plurkavatar img {
    width: 195px;
    height: 195px;
}
.plurkavatar {
    float: left;
    margin: 0.5em;
    border: thick ridge black;
}