/* mrhomestyle.css, Matthias Rupp 2004-2006. Last change: 2006-10-22. */

/* document-wide styles */

body {
    margin:0px; padding:2ex 2ex 0px 2ex;
    background-image:url(Graphics/background.png);
}

img { border:none; }

/* headings */

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.16em;
}

/* tables */

table th {
    color:#FFFFFF; background-color:#648CCA;
    font-weight:bold;
    padding:4px;
}

table td {
    color:#000000; background-color:#E2E9EF;
    padding:4px;
}

td.centered { text-align:center; vertical-align:middle; }

td.text { text-align:justify; }

/* lists */

ul {
    list-style-type: square; list-style-position: inside;
    margin-left: 0px; padding-left: 2ex; text-indent: -2ex;
}

/* links */

a:link    { text-decoration:none; color:rgb(0,80,200); }
a:visited { text-decoration:none; color:rgb(0,50,170); }
a:hover   { text-decoration:underline; }
a:active  { text-decoration:none; }

/* opening bar & page heading */

#opening_bar {
    margin: 0pt; padding: 1.5ex;  /* space between bar border and content */
    background-image:url(Graphics/heading.png);  /* gives color gradient */
    min-height: 12ex;  /* for bars without pictures */
}

#opening_bar blockquote {
    float:right; text-align:right; font-style:italic;   /* quote goes to the (upper) right, slanted font */
    margin: 0px; padding: 0px 1ex 0px 0px;  /* push quotation a little bit away from the right border */
}

#opening_bar blockquote p {
    margin: 0pt; padding: 0pt;  /* prevent additional spacing from paragraph */
}

#opening_bar span {  /* acts as container for the pictures; a span allows for the quote to slide over the pictures if there is not enough space */
    margin: 0px; padding: 0px;
    white-space: nowrap;  /* keeps pictures together horizontally */
}

#opening_bar span a img {
    height: 12ex; /* determines the height of the bar, so that in the case of very small windows, the bar grows vertically if pictures are pushed under each other */
    margin: 0px 1.5ex 0px 0px ; padding: 0px;  /* fill out bar, but leave space to next picture to the right */
}

/* date lists */

ul.date_list {
    list-style-type: none;
    margin: 0px; padding: 0px;
}

li.date_list {
    margin: 0px;
    padding: 0px 0px 0px 13.5ex;
}

span.date_list_date {
    font-style: italic;
    margin: 0px; padding: 0px;
    position: absolute; left: 3.5ex;
}

/* terminating paragraph */

p.terminator { height:2ex; }

/* picture galleries */

div.thumbnails {
    padding: 0px;
}

h2.thumbnails {
    padding-top: 2.5ex; margin-top: 0px;
    font-family: serif; font-size: x-large; font-weight: bold;
    clear: left;
}

h3.thumbnails {
    padding-top: 2.0ex; margin-top: 0px;
    font-family: serif; font-size: large; font-weight: normal;
    clear: left;
}

div.thumbnail {
    width: 120px;
    padding: 0pt;
    margin: 0px 15px 15px 0px;
    text-align: center;
    float: left;
}

div.thumbnail div {
    padding: 0pt;
    margin: 0px;
    height: 4em;
}