/*
THEME NAME: Treatment Technology - Sandbox theme
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Based on Sandbox, a theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
VERSION: 1.3
AUTHOR: Seth Packham
AUTHOR URI:
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
/* @import url('sandbox-layouts/2c-l.css'); */

/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content
*/
div#container {
	float: right;
	margin: 0 0 0 -305px;
	width: 695px;
        /*min-height: 500px;*/
	border: 0px solid #00f;
}
div#content {
	position: relative;
        margin: 0 55px 0 0;
	border: 0px solid #0f0;
        /*height: 100%;*/
}
div#content { border-top: 4px solid #838383; padding: 10px 20px 20px 20px;}

div#body { /*height: 100%;*/ }
div#sidebar-wrapper {
	float: left;
        position: relative;
        left: 50px;
        padding: 0;
	width: 250px;
        border: 0px dashed #f00;
}
div#secondary {
	clear: left;
}
div#footer {
	clear: both;
	width: 100%;
}

body { margin: 0; padding: 0px; background-color:#648DAD; font-family: Arial, Verdana, Georgia; font-size: .8em ; color: #424242; line-height: 1.4em; height: 100%; }
a { color: #2E5397; text-decoration: underline; }
a:hover { color: #177B17; }

/*
 * Headings and such
 */
h1, h2, h3, h4, h5, h6 { color: #669433; }

h2.entry-title { font-family: Arial, Verdana, Sans serif, Georgia; }

p { line-height: 1.6em; }




div#overall-wrapper { margin: 0px; }
div#wrapper { 
	background-color: #FFF; 
	background-image: url("images/bg-main-body.gif"); 
	background-repeat: repeat-y; 
	margin-top: 0px; 
	margin-left:auto; 
	margin-right:auto; 
	width: 1000px;
        /*height: 100%;*/
	border: 0px solid #eee;
	}

div#header { background-image: url("images/bg-header-banner.gif"); background-repeat: no-repeat; height: 132px;}

div#header{text-align:center;margin-bottom:0em;}
div#header #blog-title, div#header #blog-description  {display: none;}

div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}


.entry-title {clear:both;}
div#container,div.sidebar{margin-top:0em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}


div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin: 0; padding:0;}


div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li {list-style: none; margin:0 0 0;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0;}
div.sidebar ul li {list-style: none;}
div.sidebar ul ul li{list-style:none;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div.sidebar ul.xoxo { margin-left: 0px; }

div.sidebar ul#main-menu {
   width: 100%;
   border: 0px solid #f00;
   }

div.sidebar ul#main-menu li.page_item { 
   margin-left: 0px; 
   padding: 0 16px 0 0; 
   display: block;
   border: 0px solid #f00; 
}

div.sidebar ul#main-menu li.page_item a { 
   font-family: Arial narrow;
   font-size: .9em;
   text-transform: uppercase;
   padding: 8px; 
   color: #FFF; 
   background-color: #75AFDC; 
   text-decoration: none; 
   display: block; 
   border-bottom: 3px solid #FFF; 
   width: 100%; 
   height: 100%; 
   }

/* 
 * FOR IE6 screwy pop-out behavior 
 */
* html div.sidebar ul#main-menu li.page_item a {
   border-bottom: 2px;
}
* html div.sidebar ul#main-menu li.page_item {
    \border-top: 0px solid #fff; /* for IE5 and IE6 in quirks mode */
    \border-right: 0px solid #fff; /* for IE5 and IE6 in quirks mode */
    \border-bottom: 1px solid #fff; /* for IE5 and IE6 in quirks mode */
    \border-left: 0px solid #75AFDC; /* for IE5 and IE6 in quirks mode */

    b\order-top: 0px solid #fff; /* for IE5 and IE6 in quirks mode */
    b\order-right: 0px solid #fff; /* for IE5 and IE6 in quirks mode */
    b\order-bottom: 1px solid #fff; /* for IE5 and IE6 in quirks mode */
    b\order-left: 0px solid #75AFDC; /* for IE5 and IE6 in quirks mode */
}

* html div.sidebar ul#main-menu li.page_item ul li {
    border: 0px;
}

div.sidebar ul#main-menu li.page_item a:hover { text-decoration: none; background-color: #648DAD; }
div.sidebar ul#main-menu li.current_page_item { }
div.sidebar ul#main-menu li.current_page_item a { background-color: #648DAD; }
div.sidebar ul#main-menu li.current_page_item a:hover { background-color: #648DAD; }

/*
 *
 * Pop-out menu
 *
 */

ul#main-menu li.page_item { position: relative; }
ul#main-menu li.page_item ul { display: none; }
ul#main-menu li.page_item ul li a { border-left: 3px solid #fff; }
ul#main-menu li.page_item:hover ul {display: block; position: absolute; left: 250px; width: 250px; top: 0; margin: 0; padding: 0;}





div#primary {
        background-image: url("images/bg-sidebar-mountains.gif"); 
        background-position: bottom left; 
        background-repeat: no-repeat;
        padding: 0 0 319px 0;
}

div#secondary {
   margin: 1em;
}

div#footer { 
        text-align:center;
        padding-top: 2em;
        background-image: url("images/bg-footer.gif"); 
        background-position: top; 
        background-repeat: no-repeat;
        background-color:#648DAD; 
}

div#footer { color: white;}
div.footer-text a, div.footer-text a:hover, div.footer-text a:visited, div.footer-text a:active { color: white; text-decoration: none; }
div.copyright { margin-top: 2em; font-size: .8em; }
div.copyright a, div.copyright a:hover, div.copyright a:visited, div.copyright a:active { color: white; text-decoration: none; }


/*
 * H1 boxes for front page
 *
 */

/* Remove H2 from home page */
body.pageid-4 h2.entry-title { display: none; }

p.h1-box-top {
        height: 80px;
        background-position: top; 
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        width: 599px;
}
#water-wastewater { background-image: url("images/h1-box-water-wastewater.gif"); }
#chemicals { background-image: url("images/h1-box-chemicals.gif"); }
#dedicated { background-image: url("images/h1-box-dedicated.gif"); }

p.h1-box-main {
        background-image: url("images/h1-box-bg-main.gif"); 
        background-repeat: repeat-y;
        margin: 0;
        padding: 0;
        width: 599px;
        position: relative;
        left: 0;
}
span.h1-box-content {
        display: block;
        margin: 0 40px 0 40px; 
}

p.h1-box-bottom {
        background-image: url("images/h1-box-bg-bottom.gif"); 
        background-position: bottom; 
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height: 39px;
        width: 599px;
}

/*
 *
 * Posts
 *
 */
div.post { padding: 0 0 15px 0; margin: 0 0 15px 0; }
div.post div.entry-date { font-size: 1.6em; font-family: Arial, Verdana; color: #669433; border-bottom: 1px dashed #ccc; }
div.post h2.entry-title { font-size: 1.4em; margin-bottom: 5px; }
div.post h2.entry-title a { text-decoration: none; }
div.post div.entry-meta { font-size: .8em; color: #888; }
div.post div.entry-content { clear:both; }

div#breadcrumb { font-size: .8em; color: #888; position: relative; left: -10px;}
body.pageid-4 div#breadcrumb { display: none; }

table {
 font-size:0.9em;
 border-collapse: collapse;
 width: 100%;
}

th {
 border-right: 1px solid #fff;
 color: #fff;
 padding: 5px;
 text-align: left;
 text-transform: uppercase;
 background-color: #93AA6D;
 font-weight: normal;
}

tr {
 border-bottom: 1px solid #f0f0f0;
}

td {
 color:#414141;
 padding:5px;
}