@import "_colours";
@import "../fixmystreet/_layout";

// So that map appears underneath the header
.wrapper {
    position: relative;
}
.ie6, .ie7 {
    .wrapper {
        padding-top: 1em;
    }
}

#front-main {
    background: $primary;
    @include border-radius(1em 1em 0 0);
    margin-bottom: 1em;
    padding-top: 0;
    // layout sets this because base has it slightly lighter
    h2 {
        color: $primary_text;
    }
}

#front_intro {
    float: left;
    margin-right: 3em;
}

#front_recent {
    margin-left: 3em;
}

body.fullwidthpage {
    .content {
        width: 52em;
    }
}
.ie6 {
    body.fullwidthpage {
        #front-main {
            margin-top: -4em;
        }
        #front-howto,
        #front-recently {
            width: 26em;
        }
        .container {
            padding: 0;
        }
        .content {
            margin-left: 0px;
            width: 55em;
        }
        div.img {
            margin-top: -3.3em;
        }
    }
}

body.twothirdswidthpage {
    .content {
        .sticky-sidebar {
            aside {
                top: 25em;
            }
        }
    }
}

.nav-wrapper {
    display: none;
}

.mappage {
    .content {
        margin-top: 6em;
    }
    #breadcrumb {
        margin-left: 0px;
    }
}

.frontpage .content {
    margin: 0;
    @include box-shadow(none);
}
.ie6, .ie7, .ie8  {
    .frontpage .content {
        border: none;
    }
}

#content .container h1 {
    border-bottom: none;
    font-size: 2em;
    margin-bottom: 0.5em;
}

.shadow-wrap {
  position: static;
  padding-top: 0;
  margin-bottom: 1em;
  ul#key-tools {
    border-top: none;
    border-bottom: 1px solid $primary;
  }
  ul#key-tools.singleton {
    li a {
        padding-right: 4em;
    }
  }
}

#content h1.big-green-banner {
    font-size: 1.4em;
    margin-left: -2em;
    background: #e1e3e4 url(/cobrands/fixmystreet/images/sprite.png) right -2192px no-repeat
}

/* barnet styles */

.clear {
    clear: both;
}

.container {
  padding: 0 1em;
}

#site-header,
#site-logo {
    display: none !important;
}


#report-a-problem-sidebar {
    left: 30em;
    top: 7em;
}
.ie6 {
    #report-a-problem-sidebar {
        left: 30em;
    }
}

.general-sidebar-notes {
    left: 30.2em;
    p {
        margin-bottom: 0 !important;
    }
}

#front-howto #front_stats div big,
ol.big-numbers > li::before {
    color: #C0E8E8;
}