/* 
Description: Layout stylesheet for FARMCode.org site
Author: James Diacono (jd@thefarmdigital.com.au)
Date created: 15th of April, 2010
*/

html {
    }

body {
    background-image:url(../Images/Layout/straw-bales_tile.png),
                     url(../Images/Layout/barn.png),
                     url(../Images/Layout/braces.png),
                     url(../Images/Layout/gradient_blue.png);
    background-color:#5a7bf1;
    background-position:right bottom,right bottom,-50px 30px, left top;
    background-repeat:repeat-x, no-repeat, no-repeat, repeat-x;
    background-attachment:fixed, fixed, fixed, scroll;
}

#bodyInner {
    width:100%;
    overflow:hidden;
    min-width:960px;
    }

#pageWrapper {
    width: 960px;
    margin: 0 auto;
    position:relative;
    z-index:2;
}

/* Header */

#header {
    color: white;
    padding: 152px 0 0 186px;
    position: relative;
    height: 170px;
    margin-bottom: 20px;
    z-index:2;
}

#header #siteName a {
    display:block;
    width: 552px;
    height: 83px;
    background: url(../Images/Layout/heading_farmcode.org.png) no-repeat;
    text-indent: -999em;
    overflow: hidden;
    margin-bottom:8px;
}

#header #siteDescription {
    font-weight: bold;
    margin-bottom:0.5em;
    margin-bottom:10px;
}

#header #theFarm {
    position: absolute;
    top: 10px;
    right: 0;
    height:20px;
    width:87px;
    background-image:url(../Images/Layout/logo_farm-with-trees.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent:-999px;
    overflow:hidden;
    }

#header #gnome, #header #shrubs {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    z-index: -1;
}


#header #gnome {
    width: 174px;
    height: 343px;
    background-image: url(../Images/Layout/gnome-on-swing.png);
    top: -20px;
    left: -9px;
}

#header #shrubs {
    width: 396px;
    height: 359px;
    background-image: url(../Images/Layout/shrubs-and-shovel.png);
    top: 44px;
    right: -139px;
}

/* Content */
#content {
    width: 620px;
    padding: 20px 30px;
    float: left;
    margin-bottom:400px;
}

/* Sidebar */

#side {
    float: right;
    width: 220px;
    padding:20px;
    margin-bottom:500px;
    z-index:1;
}

/* Footer */

#footer {
    clear: both;
    padding-top:5px;
    padding-bottom:10px;
    font-size:0.7em;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-bottomleft:0;
    text-align:right;
}
#footer .theFarm .logo {
    background:url(../Images/farm_logo_small.gif) no-repeat left -10px;
    display:inline-block;
    width:88px;
    height:17px;
    position:relative;
    top:6px;
}

#footer .theFarm a:hover {
    text-decoration:none;
}

/* Overlays */
#apmlfilter {
    top: 50% !important;
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: -100px !important;
    z-index: 3 !important;
}

#apmlfilter p, #apmlfilter form, #apmlfilter > a {
    display: block !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}