/*
Theme Name: NCCA Child
Author: Peter Fingler
Author URI: http://www.gwellin.ca/
Description: The default theme for the North Central Community Association site. This theme is a child of the defaul Twenty Eleven theme.
Template: twentyeleven
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

@import url("../twentyeleven/style.css");

body {
  background-color: #3f5d55;
}
#page {
  margin: 0 auto;
}
#branding {
  padding-bottom: 0;
  border-top: 0 none;
  z-index: 1000;
}
  #branding #s {
    background-color: #fff;
  }
  #branding hgroup {
    display: none;
  }
  #branding #searchform {
    right: 1%;
    top: 0.7em;
  }
#access {
  margin-bottom: 0;
}
  #access .menu {
    display: none;
  }

.entry-header h1, .entry-content h1, .comment-content h1 {
  color: #2b5941;
}
.entry-content h2, .comment-content h2 {
  font-size: 1.3em;
  color: #428863;
  border-bottom: 1px dotted #428863;
}
.entry-content iframe, .entry-content object {
  margin: 0 auto;
}
#main {
  color: #fff;
  background-color: #77b0a1;
  padding-top: 0;
  overflow: hidden;
}
#primary {
  color: inherit;
  background-color: inherit;
}
#content {
  color: #000;
  background-color: #fff;
}

.left-sidebar #primary {
  margin-left: -27.5%;
}
.left-sidebar #secondary {
  width: 27.5%;
  margin: 0;
}
  #secondary .widget_nav_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #secondary .widget_nav_menu > div > ul {
    padding: 1px 0 2px;
    overflow: hidden;
  }
    #secondary .widget_nav_menu ul li a,
    #secondary .widget_nav_menu ul li a:visited {
      color: #fff;
      background-color: inherit;
      font-weight: normal;
      font-variant: small-caps;
      padding: 0.2em 2em;
      display: block;
    }
      #secondary .widget_nav_menu ul li.current-menu-item > a,
      #secondary .widget_nav_menu ul li.current-menu-item > a:visited {
        color: #fff;
        background-color: #3d895b;
        box-shadow: 0 1px 2px #222;
      }
      #secondary .widget_nav_menu ul li a:hover,
      #secondary .widget_nav_menu ul li a:active,
      #secondary .widget_nav_menu ul li a:focus,
      #secondary .widget_nav_menu ul li.current-menu-item a:hover,
      #secondary .widget_nav_menu ul li.current-menu-item a:active,
      #secondary .widget_nav_menu ul li.current-menu-item a:focus {
        color: #fff;
        background-color: #3d5788;
        text-decoration: none;
      }
      #secondary .widget_nav_menu ul li a[href="#"]:hover,
      #secondary .widget_nav_menu ul li a[href="#"]:active,
      #secondary .widget_nav_menu ul li a[href="#"]:focus {
        color: #fff;
        background-color: inherit;
        text-decoration: none;
        cursor: default;
      }
      #secondary .widget_nav_menu ul ul li a,
      #secondary .widget_nav_menu ul ul li a:visited {
        font-variant: normal;
        padding-left: 3.5em;
      }
        #secondary .widget_nav_menu ul ul ul li a,
        #secondary .widget_nav_menu ul ul ul li a:visited {
          padding-left: 5em;
        }
.left-sidebar #content {
  width: 72.5%;
  margin: 0 0 0 27.5%;
}
  .left-sidebar #content article {
    padding: 0 3em 1.625em;
    margin-bottom: 0;
  }
  .hentry, .no-results {
    border-bottom: 0 none;
  }
#supplementary {
  border-top: 2px solid #77b0a1;
}

.widget_text aside {
  position: absolute;
  margin-left: 15em;
}

#slb_overlay {
  position: fixed !important;
  top: 0;
  bottom: 0;
  min-width: 100% !important;
  max-width: 100%;
  height: auto !important;
}
#slb_container {
  min-width: 200px;
  width: auto !important;
  min-height: 200px;
  height: auto !important;
  display: inline-block;
}
#slb_container, #slb_lightbox, #slb_details, #slb_slbContent {
  max-width: 100%;
  max-height: 100%;
}

#site-generator {
  display: none;
}
.nopassword {
  display: none;
}
@media (max-width: 800px) {
  body {
    padding: 0 1px;
  }
}
@media (max-width: 700px) {
  .entry-title, .entry-header .entry-meta {
    padding-right: 0;
  }
  #main #content {
    height: auto !important;
    margin: 0;
  }
  .left-sidebar #content article {
    padding: 0 1.5em 1.625em;
  }
}
@media (max-width: 650px) {
  #branding #searchform {
    top: 0.2em !important;
  }
  #branding #s {
    width: 40px;
    height: 14px;
    font-size: 12px;
    background-position: 5px 2px;
  }
}