/* for anyone who cares enough to be reading this by hand, please note
 * that this is a VERY quick and dirty first-attempt at doing something
 * ever so slightly interesting, without spending much time, but trying
 * to still have something... err... better looking than my old page
 * used to be.  Much improvement to come, quite possibly including work
 * to be done with the help of a proper graphic designer.  Thank you for
 * reading.
 */

div.header {
    text-align: center;
}

div.content {
    border-top: ridge;
    border-bottom: ridge;
    border-color: gray;
    border-width: 1px;
    padding: 5px;
}

div.footer {
    padding: 10px;
    text-align: center;
}

div.photo {
    /* why doesn't this center the photos? */
    text-align: center;
}

div.image_container {
    padding: 5px;
    text-align: center;
    background: #eee;
    /*
    border: 1px gray dotted;
     */
}

div.rightside {
    float: right;
    margin-left: 10px;
}

/* would that everybody had copperplate.  Alas, it is not so.  I attempt
 * to get things to look vaguely close to copperplate where possible. */
.footer, .copper {
    font-family: copperplate,	/* the real deal */
	copperplate gothic bold, /* windows version of real deal */
	arial black;		/* something sort of almost vaguely close that's on windows */
    /* this helps, slightly, for those who don't have the real deal: */
    font-variant: small-caps;
}

dt {
    margin-top: 10px;
    font-weight: bold;
    clear: both;
}

dt.ruled {
    border-top: 1px solid black;
    padding-top: 3px;
    margin-top: 10px;
}

dd {
    /*
    border-bottom: 1px dotted grey;
    */
}

hr.full {
    clear: both;
    margin-top: 30px;
}

.tiny {
    text-align: center;
    font-size: 8pt;
}

.center {
    text-align: center;
}

div#searchbox {
    width: 411px;
}

div.google_ads {
    border: 1px solid black;
}

div.skyscraper120 {
    float: right;
/*
    width: 120px;
    height: 600px;
    border: none;
*/
    margin: 5px;
}

div.amazon_product {
    float: right;
}

a.subtle_link {
    text-decoration: none;
    color: black;
}

.notice {
    border: ridge;
    border-color: gray;
    border-width: 3px;
    padding: 5px;
    background: #6f9;
}

.right {
    float: right;
    margin-left: 0.5em;
}

.left {
    float: left;
    margin-right: 0.5em;
}

img.undecorated {
    border: none;
}