/* @(#)$KimmoSuominen: .www/shared/combined.css,v 1.161 2024/03/15 07:06:55 kim Exp $
 *
 *
 * Copyright (c) 2004-2013 Kimmo Suominen
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 * 1. Redistributions of source code must retain the above copyright
 *    notice, this list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright
 *    notice, this list of conditions and the following disclaimer
 *    in the documentation and/or other materials provided with the
 *    distribution.
 * 3. The name of the author may not be used to endorse or promote
 *    products derived from this software without specific prior
 *    written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS'' AND ANY EXPRESS
 * OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER
 * IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
 * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN
 * IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 */

/* @(#)KimmoSuominen: standard.css,v 1.8 2005/03/16 20:17:48 kim Exp */

/*
 * font-size:
 *   Relative font sizes do not work correctly in IE 5.5 (and apparently
 *   Netscape 4).  Instead of being rendered relative to the inherited
 *   font size, these browsers use a pre-determined fixed value for each
 *   relative font-size keyword.  The workaround is to use absolute point
 *   values for font sizes.  The corresponding relative (or symbolic)
 *   keyword is entered in a comment, to make it easier to update all
 *   references for each size correctly.
 *
 */

/* Make vertical scrollbar always visible */
html
{
    overflow-y: scroll;
}

/* Basic settings */
body
{
    background-color: #cccccc;
    color: #131313;
    min-width: 250px;
}

div
{
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
table
{
    margin: 0.7em 0 0 0;
    padding: 0;
}

#header h1
{
    margin: 0.7em 0;
}

hr
{
    margin: 20px 0;
    padding: 0;
}

p
{
    margin: 0.7em 0;
    padding: 0;
}

ul
{
    margin-top: 0.7em;
}

ul ul
{
    margin-top: 0;
}

ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6
{
    margin-top: 1.2em;
}

table
{
    border-collapse: collapse;
    line-height: 1.2;
}

div.post table
{
    width: 100%;
}

th,
td
{
    border: 1px solid #999999;
    padding: 2px 5px;
    vertical-align: baseline;
}

dd
{
    margin-bottom: 0.5ex;
}

dd ol
{
    padding-left: 1.25em;
}

dd ul
{
    padding-left: 1.05em;
}

pre.listing
{
    font-size: 7pt; /* x-tiny */
}

hr.thin
{
    border: 1px inset;
    height: 1px;
}

.hidden
{
    display: none;
}

.clear
{
    clear: both;
}

.fullwidth
{
    width: 100%;
}

.underlined
{
    text-decoration: underline;
}

/* Error messages */
.error
{
    color: #cc3333;
}

/* References etc. */
sup
{
    font-size: 7pt; /* x-tiny */
}

/* Signature */
div.signature
{
    margin: 1.2em 0em;
}

.signature p
{
    margin: 0;
    padding: 0;
}

p.pagesig
{
    font-style: italic;
}

/* Validation tag */
p.validated
{
    float: right;
    margin: 0;
    padding: 0;
}

p.validated img
{
    border-width: 0;
    margin-left: 5px;
}

div.hilite,
p.hilite
{
    background-color: #f7f7f7;
    border: 1px solid #131313;
}

div.hilite
{
    padding: 0 0.7em;
}

p.hilite
{
    padding: 0.7em;
}

span.hilite
{
    color: #cc0000;
    font-weight: bold;
}

/* Grayed-out text */
.inactive
{
    color: #999999;
}

.copyright
{
    clear: both;
    text-align: center;
}

.copyright .url
{
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
}

ol.loweralpha
{
    list-style-type: lower-alpha;
}

ol.upperalpha
{
    list-style-type: upper-alpha;
}

ol.lowerroman
{
    list-style-type: lower-roman;
}

ol.upperroman
{
    list-style-type: upper-roman;
}

/* Columns */
body,
#everything
{
    margin: 0;
    padding: 0;
}

@media (min-width: 805px)
{
    #envelope,
    #menu ul li,
    #widepage
    {
	border: 5px solid #131313;
    }

    #envelope
    {
	margin: 0 20em 0 3em;
    }

    #menu {
	background-color: #9999cc;
	border-left: 5px solid #131313;
	border-right: 5px solid #131313;
	border-bottom: 5px solid #131313;
	margin: 0;
	padding: 0 0 16em 0;
    }

    #menu {
	position: absolute;
	right: 3em;
	top: -6.25em;
	width: 15em;
    }

    #menu ul
    {
	position: relative;
	top: 7.2em;
    }

    #menu ul li
    {
	position: relative;
	left: -2em;
    }

    #menu ul ul
    {
	position: static;
    }

    #menu ul ul li
    {
	position: static;
    }

    #content
    {
	margin: 2px 5em !important;
    }

    h2.dateheading,
    h2.storydate
    {
	float: right;
	margin: 0 0 0 0.7em;
	padding: 0;
    }
}

#navi
{
    background-color: #668844;
    color: #f5f5f5;
    margin: 1em 0 1.5em 0;
    padding: 0.2em 0 0.3em 2em;
    position: relative;
    z-index: 2;
}

#navi a
{
    color: #f5f5f5;
}

#navi p
{
    margin: 0;
    padding: 0;
}

#navi ul
{
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#navi li
{
    display: inline;
}

#midspace
{
    max-width: 88em;
    position: relative;
}

#envelope,
#widepage
{
    clear: both;
    padding: 0;
    /* Justification disturbs the border */
    /* text-align: left; */
}

#widepage
{
    margin: 0 1.5em;
}

hr.menutop
{
    display: none;
}

#menu
{
    padding-top: 2em;
    z-index: 1;
}

#menu ul
{
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu ul li
{
    margin: 0 0 1.7em 0;
    padding: 0.4em 0.7em;
}

#menu ul ul
{
    border: 0;
    font-weight: normal;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: static;
    text-align: left;
}

#menu ul ul li
{
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
    margin-left: 1.7em;
    text-indent: -1.3em;
    padding: 0;
}

#menu ul ul li.p
{
    margin-left: 0.4em;
    text-indent: 0;
}

#menu ul ul ul.children
{
    padding-left: 0.2em;
}

#latestcomments span.ccount
{
    margin-left: 0.2em;
}

#monster div
{
    border: 0;
    font-weight: normal;
    margin-top: 0.7em;
    text-align: center;
}

#monster div#ascii
{
    font-size: 12pt; /* bigger */
    line-height: 1;
    margin-top: 0.2em;
}

/* sitesearch is used in Google Site Search */

#menu,
#menu input.submit,
#menu table.sitesearch td
{
    font-size: 8.5pt; /* smaller */
    line-height: 1.2;
}

#menu table.sitesearch td
{
    font-weight: normal;
    vertical-align: bottom;
}

#menu form
{
    margin: 0;
    padding: 0.2em 0 0 0.4em;
}

#menu input#s
{
    background-color: #f5f5f5;
    border: 1px solid #999999;
    color: #000000;
    margin: 0.2em 0 0.3em 0;
    padding: 1px 0.3em;
    width: 80%;
}

.linklist ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.linklist ul li
{
    font-weight: bold;
}

.linklist ul ul
{
    padding-left: 3em;
}

.linklist ul ul li
{
    display: inline;
    font-weight: normal;
    white-space: nowrap;
}

#footspace
{
    clear: both;
    padding: 0 0 1.5em 0;
}

/* Journal */

#envelope,
#menu ul li,
#widepage
{
    background-color: #ffffff;
}

#envelope,
#menu ul li,
#navi,
#widepage
{
    border-top: 5px solid #131313;
    border-bottom: 5px solid #131313;
}

acronym,
abbr,
span.note
{
    text-decoration: underline #999999 dotted;
}

abbr.published
{
    text-decoration: none;
}

/* classes used by the_meta() */
ul.post-meta
{
    list-style: none;
}

ul.post-meta span.post-meta-key
{
    font-weight: bold;
}

.feedback p
{
    border-bottom: 1px solid #999999;
    margin: 1em 0 25px 0;
    padding: 1px 0 0 0;
    text-align: right;
    width: 100%;
}

.feedback span.spacer
{
    border-bottom: 1px solid #999999;
    display: block;
    margin: 0 0 0 auto;
    padding: 0 0 1px 0;
    width: 17em;
}

.feedback a,
.feedback a:hover,
.feedback a:link,
.feedback a:visited
{
    color: #999999;
}

.meta li,
ul.post-meta li
{
    display: inline;
}

.meta ul
{
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.credit,
.footnotes,
.meta
{
    font-size: 8.5pt; /* smaller */
}

.footnotes hr
{
    display: none;
}

.footnotes ol
{
    margin-top: 1.75em;
    padding-left: 1.5em;
    border-top: 1px dotted #000000;
}

.credit,
.meta,
.meta a,
.meta a:hover,
.meta a:link,
.meta a:visited
{
    color: #999999;
}

/* Justifying text everywhere doesn't work well,
 * but it tends to work well for journal articles.
 * This very specific setting is for enabling it
 * only in the (normal) paragraphs of each article.
 */
#commentlist li,
.cover dd,
.cover p,
div.storycontent p,
.notepad dd
{
    text-align: justify;
}

/* Notepad entries */

/*
 * The left margin of the dd element is needed to leave space for the
 * visible » character as a "bullet" for it.
 *
 * Only clear on left, so it is still possible to float pictures on
 * the right side of entries.
 *
 */

.notepad dt
{
    clear: left;
    float: left;
    font-weight: bold;
}

.notepad dd
{
    margin-bottom: 1.2em;
    margin-left: 1.5em;
}

.notepad a.post
{
    text-decoration: none;
}

/* Start the post at a uniform line */
div.post,
#comments,
.notepad
{
    clear: both;
    margin: 0;
    padding: 0.7em 0 0 0;
}

#commentlist
{
    margin: 5px 0;
    padding: 0;
}

.commententry
{
    background-position: 11px 11px;
    background-repeat: no-repeat;
    border: 1px solid #ffffff;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0 7px 0 68px;
}

.commententry.alt
{
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

.commententry.bypostauthor
{
    border-color: #999999;
}

.commentnumber
{
    color: #999999;
    float: right;
    font-size: 25pt; /* decorative huge */
    font-style: italic;
    margin: 0 0 0 11px;
    padding: 0;
}

.commentauthor
{
    padding-top: 2px;
}

img.avatar
{
    float: left;
    border-width: 0;
    margin: 13px 0 0 -55px;
}

#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea
{
    background-color: #ffffff;
    border: 1px solid #999999;
    padding: .2em;
}

#commentform textarea
{
    width: 100%;
}

#content
{
    /* This border gets rid of extra margin/padding
     * that Gecko puts in for whatever reason.
     */
    border: solid 1px #ffffff;
    clear: both;
    /* The 2px top/bottom margin is needed to avoid
     * the white border obscuring the black border
     * from envelope (the containing div).
     */
    margin: 2px 1em;
    padding: 0;
}

.textcolumn
{
    margin: 0 auto;
    padding: 2.5em 0;
}

.blogtextcolumn
{
    padding: 0 !important;
}

.blogcopyright
{
    margin-bottom: 2.5em !important;
}

h3.storytitle
{
    margin: 0 0.7em 0.2em 0;
    padding: 0;
}

#header
{
    background-color: #000000;
    background-image: url("images/header/early-winter-snow.jpg");
    background-position: bottom left;
    background-repeat: no-repeat;
    border-bottom: 5px solid #131313;
    color: #ffffff;
}

.month1 #header,
.month2 #header,
.month3 #header,
.month4 #header
{
    background-color: #ffffff;
    background-image: url("images/header/sunny-winter.jpg");
    background-position: bottom right;
    color: #000000;
}

.month5 #header,
.month6 #header,
.month7 #header
{
    background-image: url("images/header/spring-flowers.jpg");
}

.month8 #header,
.month9 #header,
.month10 #header
{
    background-image: url("images/header/fall-leaves.jpg");
}

.month12 #header
{
    background-image: url("images/header/xmas-light-tree.jpg");
}

#header
{
    margin: 0;
    padding: 0.7em 0.7em 0.7em 2em;
}

#header a
{
    color: inherit;
}

#datenav,
#pagenav,
.feedback
{
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
}

#datenav
{
    height: 3em;
}

#pagenav
{
    height: 2em;
}

#datenav .prevpage,
#pagenav .prevpage
{
    float: left;
}

#datenav .nextpage,
#pagenav .nextpage
{
    float: right;
}

#datenav p,
#pagenav p
{
    display: inline;
}

.contents
{
    margin: 0;
    padding: 0 0 2em 0;
}

.contents ul
{
    list-style-type: none;
    padding-left: 2em;
}

.contents ul li
{
    font-weight: bold;
    padding-top: 0.4em;
}

.contents ul ul
{
    padding-left: 2em;
}

.contents ul ul li
{
    font-weight: normal;
    padding-top: 0;
}

@media print
{
    body
    {
	background-color: #ffffff;
	color: #000000;
	min-width: 400px; /* some nice low number */
    }

    #content
    {
	margin: 0;
	padding: 0;
    }

    #header
    {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	border-bottom-width: 0;
	width: 100%;
    }

    #commentinput,
    #datenav,
    #menu,
    .meta .editlink,
    #navi,
    #pagenav
    {
	display: none;
    }

    #envelope,
    #midspace,
    #widepage
    {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
    }

    .textcolumn
    {
	margin: 0;
	padding: 0;
    }
}

/* @(#)KimmoSuominen: links.css,v 1.2 2005/02/20 18:25:50 kim Exp */

/*
 * link styles
 *
 */

#menu a.current,
#menu a.current:link,
#menu a.current:visited,
#menu a.current:hover,
#menu a.current:link:hover,
#menu a.current:visited:hover
{
    background-color: #ffffff;
    color: #131313;
    text-decoration: none;
}

#menu ul ul li > a:before
{
    color: #ffffff;
    content: '\00bb  '; /* » */
    margin-left: -0.4em;
}

#menu ul ul li.p > a:before,
#menu ul ul ul li > a:before
{
    content: '';
    margin-left: 0;
}

#menu ul ul li > a.current:before,
#menu ul ul li > a.current:hover:before
{
    color: #131313;
}

a:link
{
    background-color: inherit;
    color: #3366cc;
}

a:visited
{
    background-color: inherit;
    color: #996699;
}

#latestcomments span.clinks a
{
    color: inherit;
}

a:hover,
a:link:hover,
a:visited:hover,
#menu a:hover:before,
#latestcomments span.clinks a:hover
{
    background-color: inherit;
    color: #cc6666;
}

.nolink a,
.nolink a:hover
{
    background-color: inherit;
    color: #131313;
    text-decoration: none;
}

a,
.feedback a,
#header a,
#menu a,
.medialist a,
.meta a,
#navi a,
.picture a
{
    text-decoration: none;
}

a:hover,
#menu a:hover,
#menu a:link:hover,
#menu a:visited:hover,
#navi a:hover,
#navi a:link:hover,
#navi a:visited:hover
{
    text-decoration: underline;
}

/*
 * Identify external links.
 *
 * Whitespace in front of ^= hides rule from Konqueror.
 */

#content a[href ^="ftp:"],
#content a[href ^="gopher:"],
#content a[href ^="http:"],
#content a[href ^="https:"],
#content a[href ^="irc:"],
#content a[href ^="news:"]
{
    background-image: url("/shared/icons/external.png");
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 13px;
}

#content a[href ^="http://kimmo.suominen.com/"],
#content a[href ^="https://kimmo.suominen.com/"],
#content a.imageonly,
#content div.linklist a,
#content sup.ref a
{
    background-image: none;
    padding-right: 0;
}

@media print
{
    a,
    a:link,
    a:visited
    {
	background: inherit;
	border-width: 0;
	color: #000000;
	text-decoration: none;
    }

    #content a[href ^="ftp:"],
    #content a[href ^="gopher:"],
    #content a[href ^="http:"],
    #content a[href ^="https:"],
    #content a[href ^="irc:"],
    #content a[href ^="news:"]
    {
	background-image: none;
	padding-right: 0;
    }
}

/* @(#)KimmoSuominen: library.css,v 1.2 2005/02/20 18:25:50 kim Exp */

/* Alternating row background colors */
.alt
{
    background-color: #f7f7f7;
}

/* CD Listings */
.medialist,
.mediaitem,
.mediastats
{
    width: 100%;
}

.mediaindex td,
.mediaitem td,
.medialist td
{
    border-width: 0;
    padding-left: 0;
}

.mediaindex td
{
    padding-bottom: 1em;
    vertical-align: top;
}

.mediaindex td img
{
    padding-top: 5px;
}

.mediastats
{
    border: 2px solid #000000;
}

.mediastats caption
{
    margin-bottom: 0.5em;
    margin-top: 1em;
}

.mediastats td,
.mediastats th
{
    border: 1px dotted #000000;
    padding: 0 0.7em;
    text-align: right;
    width: 4em;
}

.mediastats td.left,
.mediastats th.left
{
    text-align: left;
}

.mediastats th
{
    border-bottom: 2px solid #000000;
}

.mediastats .totalrow td
{
    border-top: 2px solid #000000;
    font-weight: bold;
}

.alphabetical td span.prefix,
.game td span.prefix,
.video td span.prefix
{
    display: none;
}

.artist td,
.author td
{
    border-top: 2px solid #000000;
    font-weight: bolder;
    padding-top: 0.2em;
}

.artist td span.notes,
.author td span.notes
{
    font-weight: normal;
}

.album td,
.book td,
.game td,
.gamesub td,
.item td,
.video td,
.videosub td
{
    padding-bottom: 2px;
}

.album td,
.book td,
.game td,
.item td,
.video td
{
    border-top: 1px dotted #000000;
    padding-top: 2px;
}

.artist + .album td,
.author + .book td
{
    border-top-width: 0;
}

.artist + .mserv td
{
    border-top-width: 1px;
}

.gamesub td,
.videosub td
{
    padding-top: 0;
}

.gamesub td.tit2,
.videosub td.tit2
{
    padding-left: 2em;
}

.rating,
.mediacommand,
.mpos,
.tcon,
.tlen,
.tnum,
.tpos,
.tposnum
{
    font-size: 8.5pt; /* smaller */
    text-align: right;
    white-space: nowrap;
}

.tyer
{
    text-align: right;
}

.mpos
{
    width: 5.2em;
}

.rating
{
    width: 5.8em;
}

.tcon
{
    width: 11em;
}

.tlen
{
    width: 5.4em;
}

.tnum
{
    width: 1em;
}

.tpe1
{
    float: right;
    font-style: italic;
    margin-left: 1em;
}

.tpos
{
    width: 6em;
}

.tyer
{
    width: 2.7em;
}

.medialist td.mpos,
.medialist td.tcon,
.medialist td.tlen,
.medialist td.tyer
{
    padding-right: 0.5em;
}

.mediatitle td
{
    border-bottom: 2px solid #000000;
    font-size: 13pt; /* large */
    font-weight: bolder;
}

.mediatitle td span.notes,
.mediatitle td span.subtitle
{
    font-size: 11pt; /* normal-plus */
    font-weight: normal;
}

.mediaauthor td
{
    border-top: 2px solid #000000;
    font-weight: bolder;
    padding-top: 0.2em;
    vertical-align: top;
}

.mediaauthor td span.notes
{
    font-weight: normal;
}

.mediaheading td
{
    border-bottom: 2px solid #000000;
    font-weight: bolder;
    padding-top: 0.2em;
}

.mediatotal td
{
    border-top: 2px solid #000000;
}

.mediastatus,
.mediayear
{
    font-size: 8.5pt; /* smaller */
}

.audioitem td,
.bookitem td,
.gameitem td,
.videoitem td
{
    /* same as video */
    border-top: 1px dotted #000000;
    padding-bottom: 2px;
    padding-left: 1em;
    padding-top: 2px;
}

/* Item display */
.detailname
{
    text-align: right;
    white-space: nowrap;
    width: 10%;
}

.detailvalue
{
    width: 40%;
}

/* Library input */
.fieldheadings td,
.loanemail
{
    font-size: 8.5pt; /* smaller */
}

.people
{
    width: 100%;
}

/* @(#)KimmoSuominen: photos.css,v 1.3 2005/02/20 18:25:50 kim Exp */

/* Images */
img
{
    border: 1px solid #131313;
    margin: 0;
    padding: 0;
}

img.left
{
    float: left;
    margin: 0.2px 1em 0.2px 0;
}

img.right
{
    float: right;
    margin: 0.2px 0 0.2px 1em;
}

.autoindex img,
.autoindex table th,
div.noimageborders img,
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img,
img.noborder,
table.mediainput td,
table.noborder,
table.noborder td,
table.noborder th
{
    border-width: 0;
}

.autoindex img
{
    padding-top: 3px;
}

.autoindex td
{
    border-style: dotted;
    border-width: 1px 0 0 0;
    vertical-align: middle;
}

.autoindex th
{
    padding-bottom: 10px;
    text-align: left;
}

.autoindex th + th + th
{
    text-align: right;
}

img.heading
{
    margin-top: 0.7em;
}

p.quote
{
    float: right;
    font-size: 8.5pt; /* smaller */
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: right;
}

.big
{
    font-size: 12pt; /* bigger */
}

.small
{
    font-size: 8.5pt; /* smaller */
}

.tiny
{
    font-size: 7.5pt; /* small */
}

.photo
{
    margin: 20px 20px 0 20px;
    text-align: center;
}

.photo h1
{
    margin-bottom: 40px;
}

.picture
{
    text-align: center;
}

.navpicture
{
    height: 105px;
    width: 100%;
    padding-bottom: 11px;
    padding-left: 17px;
    padding-top: 5px;
}

.picture
{
    float: left;
    height: 105px;
    margin: 5px 0 0 5px;
    width: 105px;
}

#photoindex
{
    margin: 25px 30px;
    padding: 0;
}

.info
{
    clear: both;
}

.info .key
{
    display: block;
    float: left;
    font-weight: bold;
    width: 5em;
}

/* @(#)KimmoSuominen: sans-serif.css,v 1.3 2005/03/12 04:10:18 kim Exp */

/*
 * font-family:
 *   Font properties are not inherited correctly in IE 5.5 from BODY (or
 *   other containing objects) to table cells.  The workaround is to
 *   re-specify font proparties for table cells (in the general case it
 *   will just match the properties given for BODY elements).
 *
 */

body
{
    font-family:
	'Open Sans',
	'BitStream Vera Sans',
	Candara,
	'Helvetica Neue',
	Arial,
	Helvetica,
	sans-serif;
    /* This breaks spacing of different fonts during printing. */
    /* font-size-adjust: 0.43; */
    line-height: 1.4;
}

body,
input,
select,
table,
td,
textarea
{
    font-size: 10pt; /* normal */
}

code,
listing,
pre,
tt,
.code
{
    font-family:
	'Source Code Pro',
	Consolas,
	Menlo,
	'Courier New',
	Courier,
	monospace;
}

#headertext
{
    font-family:
	'Rock Salt',
	'Palatino Linotype',
	Palatino,
	'BitStream Vera Serif',
	Constantia,
	Georgia,
	'Times New Roman',
	Times,
	serif;
    font-style: italic;
    font-size: 24pt; /* decorative xx-large */
    font-weight: bold;
    letter-spacing: 0.2em;
}

h1, h2, h3, h4, h5, h6
{
    font-family:
	Galdeano,
	Radley,
	'BitStream Vera Serif',
	Constantia,
	Georgia,
	'Times New Roman',
	Times,
	serif;
    font-weight: normal;
}

h1
{
    font-size: 22pt; /* heading */
}

h2
{
    font-size: 20pt; /* subheading */
}

h3
{
    font-size: 18pt; /* x-large */
}

h4
{
    font-size: 16pt; /* large */
}

h5
{
    font-size: 14pt; /* bigger */
}

h6
{
    font-size: 12pt; /* normal-plus */
}

.subtitle
{
    margin-top: 0.35em;
    font-weight: bold;
}

h1.left, h2.left, h3.left, h4.left, h5.left, h6.left
{
    clear: left;
}

h1.right, h2.right, h3.right, h4.right, h5.right, h6.right
{
    clear: right;
}

small
{
    font-size: 85%;
}

a.xmlbutton,
a.xmlbutton:hover
{
    /* From Dylan Greene's suggestion:
     * http://www.dylangreene.com/blog.asp?blogID=91
     */
    background-color: #F60;
    border: 1px solid;
    border-color: #FC9 #630 #330 #F96;
    color: #FFF;
    font: bold 10px sans-serif;
    margin: 0;
    padding: 0 3px;
    text-decoration: none;
}