/* overrides html definition in YUI reset */
html {
    background: #000;
}

body {
    
}

/* centre all containers */
.container {
    width: 964px;
    margin: 0 auto;
}

#content {
    padding-top: 14px;
    padding-bottom: 20px;
    background: #000 url(../img/body-background.jpg) top left no-repeat;
}

/* push main content to the left */
#main {
    float: left;
    width: 720px;
}

/* push right content to the right */
#right {
    float: right;
    width: 232px;
    margin-left: 10px;
}

/* one column layout has no right column */
#main.single-column {
    float: none;
    width: auto;
}

/* three column layout has sub containers */
#main-left {
    float: left;
    width: 170px;
}

#main-right {
    float: right;
    width: 540px;
}
#main-right.equal-width,
#main-left.equal-width {
    width: 49%;
}

#main-left,
#main-right {
    /*margin-top: 10px;*/
}

.module-left,
.module-right {
    width: 49%;
}

.module-left {
    float: left;
}

.module-right {
    float: right;
}

/* clear the footer so it sits beneath the content */
#footer {
    clear: both;
    background: transparent url(../img/footer-bg.png) top left repeat-x;
    padding-top: 20px;
    padding-bottom: 30px;
}

#footer .container {
    padding-left: 25px;
}

#footer ul {
    float: left;
    margin-right: 50px;
}

#footer ul li a {
    text-decoration: none;
    color: #fff799;
    font-size: 85%;
    line-height: 1.3em;
}

#footer ul li a:hover em,
#footer ul li a:hover {
    text-decoration: underline;
    color: #fff;
}

#footer ul li a em {
    text-decoration: underline;
    color: #94c6ff;
    font-size: 110%;
    line-height: 1.5em;
}

#footer p {
    float: right;
    margin-right: 30px;
    font-size: 95%;
    color: #888;
}

/* applying a class of clearfix to an element will cause it to contain any floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}