/* @override http://localhost/passions.com.sg/sites/all/themes/zen/zen_passions/layout.css */

/* $Id: layout-fixed.css,v 1.1.2.7 2008/01/28 17:41:35 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Border Politics Layout Method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */
 #page {
	margin: 0 auto;
	width: 990px;
}

#page-inner {
	
}

 #header {
	background: url(images/bg_header.jpg) no-repeat;
	height: 144px;
	padding: 0;
}

#header-inner {
	position: relative;
}

#main {
	margin: 0;
	padding: 0;
	clear: both;
	background: url(images/bg_body.gif) repeat-y;
}

#main-inner {
	width: 980px;
	margin: 0 10px 0 10px;	}
	
/* CONTENT 
****************************************************************/  
  #content {
	float: left;
	width: 577px;
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

.no-sidebars #content {
	width: 990px;
	margin-left: 0;
	margin-right: -990px; /* Negative value of #content's width + left margin. */
}

#content-inner {
	margin: 0;
	padding: 0;
}

	
/* SIDEBAR-LEFT 
****************************************************************/  
  #sidebar-left {
	float: left;
	margin: 0 11px 0 15px;
	width: 185px;
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

/* SIDEBAR-RIGHT 
****************************************************************/  
  #sidebar-right {
	float: left;
	width: 185px;

	padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}

#sidebar-right-inner { }

/** Prevent overflowing content **/
  #header,  #content,  #navbar,  #sidebar-left,  #sidebar-right,  #footer,  #closure-blocks {
	word-wrap: break-word; /* A very nice CSS3 property */
}

/* NAVBAR 
****************************************************************/  
#navbar {
	float: left;
	display: none;
	width: 100%;
	margin-left: 0;
	margin-right: -100%; /* Negative value of #navbar's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
	height: 0em; /* The navbar can have any arbritrary height. We picked one
                      that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
}

.with-navbar #content,  .with-navbar #sidebar-left,  .with-navbar #sidebar-right { margin-top: 0em; /* Set this to the same value as the navbar height above. */ }

#search-box {
	width: 200px;
	margin-right: -200px; /* Negative value of #search-box's width. */
	float: left;
}

#primary { margin-left: 0px; /* Width of search-box */ }

#secondary { margin-left: 200px; /* Width of search-box */ }

#navbar ul /* Primary and secondary links */ {
	margin: 0;
	padding: 0;
	text-align: left;
}

#navbar li /* A simple method to get navbar links to appear in one line. */ {
	float: left;
	padding: 0 10px 0 0;
}