/* ==========================================================================
   The basic stylesheets for the Kana AT theme are pulled from the Drupal
   modules and base theme and from the Boilerplate distribution and therefore 
  follow whatever arrangement the authors of those pieces used. The overrides 
  that we use to create the specific look and feel follow a SMACSS organization. 
   - layout: page wireframe (container widths and floats, etc)
   - modules: the individual page elements that fit within the wireframe (look
              and feel of the search box, the hero area, etc). Most CSS is here.
   - styles: basic text styles, colors and such that apply to multiple modules
   - states: media queries and styles that change depending on state.

==============================================================================

   LAYOUT: Basic page container styles that affect broad wireframe layout. This
   is for the *structure* of the page.
       - utility styles
       - html, body
       - #page.container
	   - #content
	   - #sidebar-last
       - #columns .columns-inner
       - #header
	   - #banding bar
       - #header-region
	   - #content-mobile
   ========================================================================== */
.left {float: left;}
.right {float:right;}

/*==============================================================================
 *  Body
/*=============================================================================*/

html {
    overflow-x: hidden;
}

body {
	/* [disabled]padding-top: 100px; 
	padding-bottom: 40px;*/	
}

/* ------------- page.container  --------------*/

#page.container {
  padding-top: 0;
  margin-top:0;
  border-top:0;
}

#content {
  padding: 0;
}

#sidebar-last {
  /*width: 370px; /* @todo - with Sass, this should be set to - span4 */
}

.sidebar-last .content-inner {
  margin-right:0;
}

#columns .columns-inner {
  margin: 0 auto;
}


/* ======================================================
*  header, header-region, branding
   ======================================================*/
#header {
	margin:0;
}

#branding { padding: 5px 20px 0 0; float: left; }

#header-region {
  width:auto;
  float:left;
  margin-left: 25px;
}

/* ======================================================
*  mobile-only
   ======================================================*/

#content-mobile {
  display:none; /* we do the media queries to show this in kana_at_states.css */
}