////////////////////////////////////////////////////////////////////////////////
// Midule Styles
// --------------------
// This partial defines the styles for modules. Most custom
// styling should go here.
//
// Styling of standard HTML elements (paragraphs, headers, lists, etc...) can
// be found in _base.scss.
//
// Positioning of major page elements can be found in _layout.scss.
////////////////////////////////////////////////////////////////////////////////

#header,
#sidebar-first,
#sidebar-second,
#footer {
  padding: 10px;
  border: $border;
}

#header {
  background: $header_bg;
}

#sidebar-first {
  background: $sidebar_first_bg;
}

#sidebar-second {
  background: $sidebar_second_bg;
}

#navigation {
  background: $navigation_bg;
}

#footer {
  background: $footer_bg;
}