/* Style sheet for Inspiron 400HD writeup */
h2 { font-size: 120%; font-weight: bold; font-style: italic }
h3 { font-size: 110%; font-weight: bold; font-style: normal }
td { vertical-align: baseline }
th { text-align: left }
/*  This is for the top and bottom border divs.
    The URL is relative to the *style sheet* per CSS1 sect 6.4.  
    How big is the image?  Seems to be the intrinsic dims. */
.border { 
    background-image: url(images/logo-img.jpeg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
}
/* For the navigation bars at the top and bottom */
.navbar {
    width: 100%;
    margin: 0.3em 0 0.3em 0;
    border-collapse: collapse;
}
.navbar td {
    text-align: center;
    border: thin solid black; 
}
/*  For all the floating images */
.floater {
    float: right;
    clear: right;
    width: 22%;
    border: thin solid black;
    padding: 0 0 0.3em 0.3em;
    margin:  0 0 0.3em 0.3em;
    text-align: center;
}
.floater img {
    width: 100%;
}
.photo {
    margin-top: 0.7em;
    text-align: center;
}
/* For a NEEDS WORK or similar flag */
.flag {
    font-weight: bold;
    background-color: magenta;
}