/* 
Description: Layout (positioning and backgrounds) stylesheet for Dead Letter Circus main site
Author: James Diacono (jd@thefarmdigital.com.au)
Date created: 12th of January, 2010
*/

body {
    background:black url(/Images/Layout/bg_main.jpg) no-repeat center top;
    }
    
/*
Header
*/

#header {
    width:960px;
    margin:55px auto 6px;
    height:89px;
    position:relative;
    }

h1#siteTitle span {
    display:block;
    width:606px;
    height:19px;
    background:url(/Images/Text/site-title.png) no-repeat;
    text-indent:-999em;
    }
    
#otherSites {
    position:relative;
    z-index:10;
    }
    
#accountState {
    position:absolute;
    bottom:0;
    right:0;
    z-index:5;
    }
    
#menu {
    position:absolute;
    bottom:0;
    left:0;
    }
    
#menu li {
    float:left;
    }

/*
Content
*/

#content {
    width:960px;
    margin:0 auto;
    }
    
.column {
    float:left;
    margin-top:46px;
    }
    
.column>.item {
    width:inherit;
    background:black;
    float:left;
    margin-bottom:6px;
    padding:1.4em 0;
    }
    
.column>.item>* {
    margin-left:42px;
    margin-right:42px;
    }
    
.column>.item>.fillColumn {
    margin-left:auto;
    margin-right:auto;
    display:block;
    text-align:center;
    }
    
.column>.item .headerBackground {
    display:block;
    height:119px;
    margin:0;
    margin-top:-46px;
    margin-bottom:-80px;
    }
    
.column>.item:first-child {
    padding-top:0;
    }

#mainColumn {
    width:592px;
    margin-right:6px;
    }

#mainColumn>.item {
    min-height:250px;
    }

#sideColumn {
    width:362px;
    }
    
#mainColumn>.item .headerBackground {
    background:url(/Images/Layout/bg_main-column.png) no-repeat;
    width:592px;
    }
    
#sideColumn>.item .headerBackground {
    background:url(/Images/Layout/bg_side-column.png) no-repeat;
    width:362px;
    }

/*
Footer
*/

#footer {
    clear:both;
    width:960px;
    margin:0 auto;
    padding-top:16px;
    padding-bottom:20px;
    }
    
#footer ul.links li {
    float:left;
    border-right:1px solid #444;
    padding-right:1.2em;
    margin-right:1.2em;
    }
    
#footer a {
    position:relative; /* Get IE7 to display the underlines */
    }

#footer .author {
    float:right;
    padding-bottom:0.3em
    }

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