/* $Id: layout.css,v 1.1 2009/01/31 12:27:43 johnalbin Exp $ */

/**
 * @file
 * Stark layout method
 *
 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
 * Stark theme itself has no styling, except just enough CSS to arrange the page
 * in a traditional "Header, sidebars, content, and footer" layout.
 *
 * This layout method works reasonably well, but shouldn't be used on a
 * production site because it can break. For example, if an over-large image
 * (one that is wider than 20% of the viewport) is in a sidebar, the entire
 * #main content can shift completely below the sidebar.
 */
#page, .page {
  margin: 0 auto;
  width: 960px;
}

#sidebar-left,
#main,
#sidebar-right {
  float: left;
}

#sidebar-left,
#sidebar-right {
  width: 20%;
}

body.one-sidebar #main {
  width: 630px;
}

body.two-sidebars #main {
  width: 60%;
}

body.sidebar-left #main-squeeze {
  margin-left: 10px;
}

body.sidebar-right #main-squeeze {
  margin-right: 10px;
}

body.two-sidebars #main-squeeze {
  margin: 0 20px;
}

body.no-sidebars #main {
  float: none;
}

#block-menu_block-1 {
	float: left;
	width: 730px;
}

#block-search-0 {
	float: left;
	width: 155px !important;
	position: relative;
}

#block-search-0 #edit-submit {
	position: absolute;
	right: 0;
	top: 10px;
}