/* $Id: layout-liquid.css,v 1.2 2008/04/21 17:05:17 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
 */ /*** here are some inherited ones, I changed these 
     to get my menu pics to look right  ***/
ul.menu {
	list-style: none;
	border: none;
	text-align: left; /* LTR */
}

ul.menu li {
	margin: 0 0 0 0.5em; /* LTR */
}
 
li.expanded {
	list-style-type: none;
	list-style-image: url(menu-expanded.png);
	padding: 0.2em 0.5em 0 0; 
	margin: 0;
}

li.collapsed {
	list-style-type: none;
	list-style-image: url(menu-collapsed.png);
	padding: 0.2em 0.5em 0 0; 
	margin: 0;
}

li.leaf {
	list-style-type: none;
	list-style-image: none;
	padding: 0.2em 0.5em 0 0; /* LTR */
	margin: 0;
}

ul.comments {
	background:#000;
    list-style-type: none;
    list-style-image: none;
    font-size: 85%;
    padding: 0.2em 0.5em 0 0; /* LTR */
    margin: 0;	
}

/*** done inhereited ***/
.menu img {
	opacity:0.9;
	filter:alpha(opacity=90);
}

.js {
background: #283
}

h2 {
	margin-left: 20px;
}

a:link {
	filter:alpha(opacity=70);
	opacity:0.8;
}
a:hover {
	filter:alpha(opacity=100);
	opacity:1.0;
}

.menu img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

#logo img {
	opacity:0.4;
	filter:alpha(opacity=40);
}

#logo img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

#site-name img {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#site-name img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

/** body **/
body {
	margin: 0;
	padding: 10px;
}

#page {
	background: #283;
	font-family: cursive;
}

#page-inner {
	
}

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

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

/** I removed the navbar in the page template file **/ /** header **/
#header {
	text-align: center;
}

#header-inner {
	
}

#logo-title {
   margin-left: 50px;
}

#logo {
    margin: 0 -40px 0 0;
	padding: 0;
	float: left;
}

h1#site-name,div#site-name {
	margin: 0;
	font-size: 2em;
}

#site-slogan {
	
}

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

/** main (container for everything else) **/ /*  #main
  {
	margin-top: 0px;
	margin-right: 170px;
	margin-bottom: 20px;
	margin-left: 170px;
  	background-image: url(border_top.png);
  	background-repeat: no-repeat;
  }

  #main-inner
  {
  
  }
*/ /** content **/
#content {
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 20px;
	margin-left: 200px;
	padding-top: 4px;
	padding-right: 4%;
	padding-bottom: 10px;
	padding-left: 4%;

}

/** sidebar-left-header **/
#sidebar-left-header {
	position: absolute;
	width: 200px;
	height: 62px;
	top: 180px;
	left: 20px;
    background-image: url(border_top.png);
}

/** sidebar-left-header **/
#sidebar-right-header {
	position: absolute;
	width: 200px;
	height: 62px;
	top: 180px;
	right: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	background-image: url(border_top.png);
}

#sidebar-right-footer {

	position: absolute;
	width: 200px;
	height: 80px;
	right: 0px;
	bottom: -80px;
	background-image: url(border_bottom.png);
	background-repeat: no-repeat;
}

#sidebar-left-footer {

	position: absolute;
	width: 200px;
	height: 80px;
	left: 0px;
	bottom: -80px;
	background-image: url(border_bottom.png);
}

/** sidebar-left **/
#sidebar-left {
	position: absolute;
	width: 200px;
	top: 200px;
	left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-width: 0px;
	background-image: url(left_bar_border.png);
	background-repeat: repeat-y;
}

/** sidebar-right **/
#sidebar-right {
	position: absolute;
	width: 200px;
	top: 200px;
	right: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	background-image: url(left_bar_border.png);
	background-repeat: repeat-y;
}
#sidebar-right-inner {
	padding-left: 20px;
}
/** footer **/
#footer {
	
}

#footer-inner {
	
}

/** closure **/
#closure-blocks {
	
}

.floater  {
	float:left;
}

.image-checkboxes  {
    float:left;
    height:10em;
    border-style:solid;
    border-color:#000;
    padding:5px;
    margin:5px;
}

.img-link {
    border-style:solid;
    border-color:#12f;
    border-width:3px;
    padding:3px;
}


.image-checkboxes-with-comments  {
    float:none;
    border-style:solid;
    border-color:#ddeedd;
    padding:5px;
    margin:5px;
}


#content-top,#content-bottom,#content-header,#content-area {
	background: #283;
	border-style: inset;
	padding: 5px;
}

/** 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 */
}