/*
Theme Name: OneChange WebDesign
Theme URI: http://wordpress.org/
Description: The new OneChange website design.
Version: 1.0
Author: Connery Noble
Tags: onechange, custom, fixed width
OneChange Website
This theme was designed by Eric Gregoire,
www.ericgregoire.com
And integrated by Connery Noble. 
*/
@import url('../../plugins/easy-contact/sample/econtact-basic.css');
/* RESET ALL padding/margins */
div,input,span,p,img,textarea,body,html,h1,h2,h3,form
{
padding: 0;
margin: 0;
}
body {
font-family: verdana, Helvetica, sans-serif;
font-size: 70%;
text-align: center;
color: #332F29; /*text color black*/
background-color: #ffffff; /*bottom section background color*/
}
.clear {
clear: both;
}
a {
text-decoration: none;
color: #005dab; /*text links color*/
}
#contentContainer a:hover {
text-decoration: underline;
}
h1,h2 {
font-size: 24px;
font-weight: bold;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
h4 { font-size: 140%; margin-top: 8px; margin-bottom: 8px; }
ul {
list-style: disc;
}
ol {
list-style: number;
}
h1.contentTitle {
padding: 0px 245px;
font-size: 30px;
color: #ffffff;
font-weight: bold;
}
h1.contentTitleblack {
padding: 45px 15px 5px 245px;
font-size: 30px;
color: #000000;
font-weight: bold;
}
h2 {
padding-top: 10px;
font-size: 18px;
}
	#contentContainer h2 a:hover{
		text-decoration: none;
	}
h3 {
padding-top: 10px;
font-size: 15px;
}
hr {
height: 0px;
border-top: 1px dotted #706D69;
}
p {
padding-top: 10px;
padding-bottom: 3px;
}
/* Remove all padding, borders and margins */
img {
border: 0;
margin: 0;
padding: 0;
}
.right {
float: right;
}
img.right {
padding: 0 0 5px 10px;
}
#pageContainer {
width: 950px;
/*extra padding on right side of page*/
margin: 0 auto;
text-align: left;
}
#header {
width: 826px;
height: 121px;
position: relative;
background: url( images/header-left.jpg ) no-repeat; /*top left header image one change logo*/
background-position: 0 0;
}
#header #links {
position: absolute;
top: 7px;
right: 0px;
}
#header #links a {
color: #ffffff;
}
#header #links a:hover {
text-decoration: underline;
}
#header #onechange {
position: absolute;
display: block;
top: 20px;
left: 65px;
width: 280px;
height: 90px;
}
#header #unep {
position: absolute;
display: block;
top: 38px;
right: 0px;
width: 160px;
height: 62px;
background: url( images/unep-logo.gif ) no-repeat; /*top right unep logo*/
}
#pageLeft {
width: 66px;
height: 201px;
float: left;
}
#pageRight {
width: 760px;
float: left;
height:100%;
}
#menuContainer {
width: 760px;
background: url(images/menu-bg.gif ) repeat-x; /*green menu can replace with new color image to change*/
height: 21px;
z-index: 10;
}
#contentContainer {
background-color: #ffffff; /*page background color*/
border: 0;
height:100%;
padding-bottom: 30px;
}
	#contentContainer.nobackground {
		background-image: none;
	}
	.contentRightHeader {
		color: #000000;
		padding: 15px 0 5px;
	}
#contentContainernocircles {
background-color: #ffffff;
border: 0;
height:100%;
padding-bottom: 30px;
}
.contentLeft {
float: left;
min-height: 100px;
width: 194px; /*left sidebar*/
text-align: right;
padding-right: 26px;
padding-bottom: 30px;
}
.contentRight{
float: left;
width: 540px; /*page container and padding add up to 540*/
padding-right: 0px;
padding-bottom: 30px;
}
.contentRight p {
padding: 8px 0 3px;
}
.contentFull {
width: 760px;
padding-bottom: 30px;
}
.contentFull h6 {
display: block;
clear: both;
float: left;
padding-right: 26px;
}
.contentFull img.alignleft {
position: absolute;
left: 0px;
}
.contentFull p {
position: relative;
padding-left: 220px;
width: 540px; /*page container*/
font-size: 11px;
padding-right: 0px;
}
#homeBottomContainer {
padding-top: 20px;
clear: both;
color: #FFFFFF;
font-family: verdana;
}
#homeBottomContainer .homeBottomBox {
float: left;
overflow: hidden;
background: url( images/home-bottom-box-bg.gif ) repeat-x 0 0; /*bottom box repeating image*/
width: 203px;
margin-right: 15px;
padding: 20px;
}
#homeBottomContainer .homeBottomBoxRight {
margin-right: 0;
background: url( images/home-bottom-box-bg.gif ) repeat-x 0 0; /*bottom box repeating image*/
} 
#homeBottomContainer .quote {
font-size: 18px;
font-weight: bold;
}
#SidbarContainer {
padding-top: 20px;
clear: both;
color: #FFFFFF;
font-family: verdana;
}
#SidebarContainer .SidebarBox {
float: left;
overflow: hidden;
background: url( images/home-bottom-box-bg.gif ) repeat-x 0 0; /*bottom box repeating image*/
width: 200px;
margin-right: 15px;
padding: 20px;
}
#homeSidebarBox {
 float: right;
 width: 120px;
 height: 360px;
}
#homeSidebarBox .homeSidebar {
overflow: hidden;
background: url( images/sidebar_homebox.jpg ) repeat-x 0 0; /*bottom box repeating image*/
width: 120px;
height: 360px;
}
#waterbox .watertestbox {
margin-right: 0px 0px 0px 200px;
background: url( images/water_gradient_box.jpg ) repeat-x 0 0; /*water test page*/
width: 240px;
} 
.footer {
color: #8ba5c0; /*foot text color*/
text-align: center;
}
.post {
padding-bottom: 15px;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Comments from default */
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}
.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
/* Begin Form Elements */
#searchform {
margin: 10px 0 10px 10px;
padding: 5px 3px;
text-align: left;
}
.contentLeft #searchform #s {
width: 110px;
padding: 0 2px;
}
.contentLeft #searchsubmit {
padding: 0 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */
#fueldropdown { width: 400px; font-size: 120%; font-family: verdana, helvetica, sans-serif; }
/* comment form fields - dan */
#author { width: 100px; }

#flashContent {
   width: 640px;
   height: 360px;
}