/*
 * Style sheet for the main page
 */
DIV#column_left {
    float: left;
    width: 180px;
}

DIV#column_centre {
    margin-left: 190px;
    margin-right: 190px;
}

DIV#column_right {
    float: right;
    width: 180px;
}

#footer {
    clear: both;
}

h2 {
    font-size: 1.0em;
    text-decoration: underline;
    margin-top: 0px;
}

/*
 * The banner area
 */
#banner {
    height: 100px;
    background-image: url(/images/background01.jpg);
    background-repeat: no-repeat;
    margin-bottom: 1px;
}

/*
 * Quick info area
 */
#quick {
    padding: 5px;
}

#search {
    margin-top: 10px;
}

#search h2 {
    margin-bottom: 0px;
    font-size: 110%;
    text-decoration: none;
}

#stats {
    margin-top: 20px;
    font-size: 110%;
}

#stats table tr td {
    padding-right: 10px;
}

#recent_photos {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 5px;
    background-color: #eee;
}

#copyright {
    padding: 5px;
    border: 1px solid #000;
    margin-top: 20px;
}

 
/*
 * The main text area
 */
#text {
    padding: 5px;
    margin: 1px;
}

/*
 * The status (changelog) area
 */
#status {
    font-size: smaller;
    padding: 2px;
    border: 1px solid #000;
    margin: 2px;
    background-color: #eee;
}

#status div#date {
    font-weight: bold;
}

#status div#log {
    padding-left: 10px;
}


/*
 * The pictures of the day area
 */
#randompics {
    width: 100%;
    padding: 5px;
    margin: 2px;
}

#randompics ul {
    text-align: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#randompics ul li {
    display: inline;
}

#randompics img {
    width: 150px;
    height: 100px;
    margin-top: 2px;
    margin-bottom: 2px;
    vertical-align: bottom;     /* in strict mode, default is baseline */
}