/*
Theme Name: Whitewood
Theme URI: http://filfsa.lt/
Description: Wordpress theme for Vilnius University Filology Faculty Students Union.
Author: Marek Pavilovich
Author URI: http://hidari.lt/
Version: 1.0
.
© 2009 VILNIAUS UNIVERSITETO FILOLOGIJOS FAKULTETO STUDENTŲ ATSTOVYBĖ. VISOS TEISĖS SAUGOMOS.
.
*/

/* 14px is just right for
 * the current column width.
 * 13 px is illegible.
 * With 15px too few words fit in one line */

/* Verdana is very wide => very readable
 * but because of that it looks ugly.
 * Tahoma is a narrower version if Verdana
 * but has an ugly 'g' char
 * so I use Trebuchet MS for the entry */

body {
    background-color: #6d9232;
    background-image: url("img/bg.png");
    background-repeat: repeat-x;
    font-size: 14px;
    font-family: 'Trebuchet MS', Verdana, Sans-Serif;
    line-height: 140%;
}

div.rap,
div.header,
div.spacer1, div.spacer2, div.spacer3 {
    margin: 0px;
    padding: 0px;
}

div.rap, div.header {
    width: 906px;
}

div.header, div.footer,
div.spacer1, div.spacer2, div.spacer3,
div.wide_column, div.narrow_column {
    float: left;
}
div.rap {
    position: absolute;
    top: 20px;
    left: 39px;
    background-image: url("img/bg1.png");
}

/* ========================================================================== */

div.header {
    height: 118px;
    clear: right; /* because it's floated' */
    background-image: url("img/bg2.png");
}

/* ========================================================================== */

div.footer {
    margin: 0;
    padding: 24px 0 0 20px; /* for the copyright notice */
    width: 886px; /* 906 - 20 */
    height: 104px; /* 128 - 24 */
    color: #b6c898;
    background-image: url("img/footer.png");
}

div.footer a {
    color: #b6c898;
}

/* Spacers ================================================================== */
/* Body backgroud transition length is 407px
 * and it is the minimum height of the columns
 * so that the footer background doesn't stand out */
div.spacer1, div.spacer2, div.spacer3 {
    height: 407px;
}

div.spacer1 {
    width: 178px;
    background-image: url("img/spacer1.png");
}

div.spacer2 {
    width: 12px;
    background-image: url("img/spacer2.png");
}

div.spacer3 {
    width: 15px;
    clear: right;
    background-image: url("img/spacer3.png");
}
/* Columns ================================================================== */

div.wide_column {
    width: 446px; /* 486 - 2 * 20 */
    padding: 30px 20px;
}

div.narrow_column {
    width: 195px; /* 215 - 2 * 10 */
    padding: 30px 10px;
}

/* Handling IE 6 =============================================================*/
div.upgrade { /* Ask the user to upgrade the browser */
    position: absolute;
    top: 20px;
    left: 39px;
    padding: 20px;
    background-color: white;
}