/* $Id: layout.css,v 1.0 2009/02/28 19:21:45 nirbhasa Exp $ */

/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * 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 Zen Columns layout method.
 *   http://drupal.org/node/201428
 *   
 *  Also adding backgrounds here - in effect this merges the layout.css and backgrounds.css
 *   of the original Zen theme
 * 
 * Only CSS that affects the layout (positioning) and background of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow, background (image/color etc)
 */


/*
 * Body
 */
body
{
}

#page,
#closure-blocks
{
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  margin-left: auto;
  margin-right: auto;
  width: 990px;
}

#page-inner
{
}

#navigation-top,
#navigation
{
  position: absolute; /* Take the named anchors out of the doc flow    */
  left: -10000px;     /* and prevent any anchor styles from appearing. */
}

#skip-to-nav
{
  float: right;
  margin: 0 !important;
  font-size: 0.8em;
}

#skip-to-nav a:link, #skip-to-nav a:visited
{
  color: #fff; /* Same as background color of page */
}

#skip-to-nav a:hover
{
  color: #000;
  text-decoration: none;
}

/* Alternatively, the skip-to-nav link can be completely hidden until a user tabs
   to the link. Un-comment the following CSS to use this technique. */
/*
#skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
{
  position: absolute;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#skip-to-nav a:active, #skip-to-nav a:focus
{
  position: static;
  width: auto;
  height: auto;
}
*/


#aboveheader{
   display: block;
   height: 30px;	
}	
	
/*
 * Header
 */
#header
{
	
	background: #fff url(images/header.png) no-repeat;
	height: 147px;
}

#header-inner
{
}

#logo-title
{
}

#logo
{
  padding: 30px 0 0 40px !important;
  height: 72px;
}

#site-name
{
}

#site-slogan
{
}

#header-blocks
{
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
#main
{
  position: relative;
  background: #fff url(images/middle.jpg) repeat-y;
}

#main-inner
{
}


/*
*   Box for breadcrumb and login just below header
*   Note the actual font styling for both these links are dealt with in layout.css
*/

#breadcrumb-and-login
{
	 width: 100%;
	 height: 50px;
}	 

/*
 * Content
 */
 
#content{
  margin-top: 0;
}	 
 
#content,
.no-sidebars #content
{
  float: left;
  width: 990px;
  margin-left: 0;
  margin-right: -990px; /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

.sidebar-left #content
{
  width: 790px;
  margin-left: 200px; /* The width of #sidebar-left. */
  margin-right: -990px; /* Negative value of #content's width + left margin. */
}

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

.two-sidebars #content
{
  width: 590px;
  margin-left: 200px; /* The width of #sidebar-left */
  margin-right: -790px; /* Negative value of #content's width + left margin. */
}


#content-inner
{
  margin: 0;
  padding: 0 40px; /* This accounts for spacing between main content and sidebars */
}

/*
 * Sidebar-left
 */
#sidebar-left
{
  float: left;  
  width: 200px;
  background-color: #fff;
  margin-left: 0;
  
  margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

#sidebar-left-inner
{
	
  margin: 0;
  padding: 5px 25px;
  border-left: 1px #39ce3f solid;
  border-right: 1px #39ce3f solid;
}

#sidebar-left-top
{
  background: #fff url(images/left-sidebar-top.jpg) no-repeat top left;
  height: 24px;
}

#sidebar-left-bottom
{
  background: #fff url(images/left-sidebar-bottom.jpg) no-repeat top left;
  height: 24px;
}

/*
 * Sidebar-right
 */
#sidebar-right
{
  float: left;
  width: 200px;
  min-height: 500px;
  margin-left: 790px; /* Width of content + sidebar-left. */
  margin-right: -990px; /* Negative value of #sidebar-right's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}

#sidebar-right-inner
{
  margin: 0;
  padding: 5px 25px;
  border-left: 1px #39ce3f solid;
  
}

#sidebar-right-top
{
  background: #fff url(images/right-sidebar-top.jpg) no-repeat top left;
  height: 24px;
}

#sidebar-right-bottom
{
  background: #fff url(images/right-sidebar-bottom.jpg) no-repeat top left;
  height: 24px;
}

/*
 * Footer
 */
#footer
{
	
}

#footer-inner
{
}

/*
 * Closure
 */
#closure-blocks /* See also the #page declaration above that this div shares. */
{
}

/* Theme footer */

#theme-closure{
    background: #fff url(images/bottom.jpg) no-repeat;
    height: 26px;
}	

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

#navbar
{
  overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
}

/*
 * If a div.clear-block doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page div.
 */
/*
#page
{
  overflow-y: hidden;
}
*/





/* Image float styles - all the old float- align- image- styles 
have been merged by Anahata's script. */


.left {
	float: left;
	padding: 5px 15px 10px 0;
	}

.right, .newsImage {
	float: right;
	padding: 5px 0 10px 15px;
	}

.image-inline {
	float: none;
	}

div.image-caption {
	background: #e0e0e0;
	border: 0 none black;
	font-size: 10px;
	text-align: center;
	overflow: hidden;
	}
	

.visualClear {
display: block;
clear: both;
}
	
.float-centre {
	position: relative;
	text-align: center;
	border: none;
	margin: 0 0 23px 0;
	padding: 0;
	clear: both;
	}
	
.figure {
  border: none;
}

.right .figure, .left .figure  {
  text-align: center;
}	
	
/* END of styles copied over from Sri Chinmoy Centre */	


/*However we do need to cater
for classes that have been inrtoduced by Wordpress RSS feeds*/

body.node-type-feed-item img {
   display: block;
   margin: 0 auto;	
}	


.wp-caption-text {
    
   font-family: Arial, Helvetica, sans-serif;
   font-size: 90%;	
   text-align: center;
   margin-top: 2px;	
}