/*
Theme Name: energyVIBE
Theme URI: http://energyvibe.com
Description: Creating efficiency through behavioral change
Version: 1.0
Author: Kramer Sharp
Author URI: http://2rw.com
Tags: energy, power, efficiency
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/**** GENERAL STYLING ****/
.footer_bg{ background-image: url('style/images/website_border.jpg'); background-repeat: no-repeat; background-position: center top; background-color: transparent;}
.contactfooter_bg{ background-image: url('style/images/contact_border.jpg'); background-repeat: no-repeat; background-position: center top; background-color: transparent;position: absolute; width: 100%; height: 100%; overflow: visible; z-index: 0; left: 0px; top: 0px;}

#background{position: absolute; width: 100%; height: 1070px; overflow: visible; z-index: 0; left: 0px; top: 0px; }
a{outline: none;}

#content{ width:800px; margin-bottom: 10px; }

.splitcol200{ width: 180px; text-align:left; }
.splitcol200 li{ line-height: 16px; margin-bottom: 15px; }
.splitcol200 li a:visited{ text-decoration: none; color: black; }
.splitcol200 li a:visited{color: black;}

.paddingright{padding-right: 30px;}
.paddingleft{margin-left: 30px;}

.splitcol400{width: 390px;}
.splitcol400 span{font-weight: bold;}
.splitcol400 p{ margin-top: 11px; margin-bottom: 20px; line-height: 20px; text-align: justify; font-size: 14px; padding-right: 5px;}

.nooverflow{overflow: hidden;}

p{margin-bottom: 10px;}

h2{font-size: 16px;text-transform: uppercase;font-weight: lighter; color: #6CAD4F;}



/****CONTACT INFO ****/
.contact{margin-left: 40px}


/***HEADER STYLING ****/
#nav{ margin-top: 0px; position: relative; height: 15px; float:right; top:-28px;}
#nav ul{ }	
#nav ul li{ display: inline; height:15px; font-size: .9em; }
#nav ul li a{float: left; padding-right: 13px;padding-left:13px; display: block; line-height: 15px; text-decoration: none;  outline: none;border-right: 1px solid #dddddd; }
#nav ul li.page-item-23 a{border: none;}
#nav ul li a:hover{ color: #07B6F5; text-decoration: none;  }

.page_item a{color: #6CAD4F;  }
.current_page_item a{ color: #07B6F5; } /* the current Page */

#slogan{ color:#07B6F5; text-transform: lowercase; padding: 7px 0px; margin: 0px;}
h3#poweredby img{position: absolute; margin: 0; padding: 0; left: 600px; top:-15px;}
#left h1{ font-size: 40px; text-transform: uppercase; font-weight: lighter; }
h3{font-size: 30px; text-transform: uppercase; font-weight: lighter; }
#left {text-align: left; margin-right: 5px;}
#right { font-size: 18px; margin-left: 15px; }
#header{background-color: transparent;}
#container{ position: relative; margin: 0 auto; width: 800px; overflow: visible; display: block; background: transparent; }
#wrapper{ width: 800px; overflow: visible;}

#banner span{
	margin-left:-140px; color:red;
	
	margin-top:-12px;
}

/***** ABOUT *****/
#slidertext li{display: none;  font-family: Georgia;}
#slideshow{ position: relative; float: left;}

#slideshow.pics {  top:0px; left:0px; height: 275px; width: 380px; padding:0; margin:0; overflow: hidden }
#slideshow.pics img { height: 275px; width: 380px; top:0px; left:0px; }

#aboutnav a, #aboutnav a:visited{color: #000; text-decoration: none;}

/*** FOOTER ****/
#footer img{ padding: 0; margin: 0; padding-left: 10px; float: left;}
#footer p{color: #FFF;font-size: .7em;margin: 0;padding: 0;}
#footertext{float: left;margin-left: 6px;font-stretch: ultra-condensed;letter-spacing: 0em;}
#footer br{margin:0;padding: 0;}
#footer{position:relative; margin-top: 0px;background: #3F99FF;-webkit-border-radius: 4px;-moz-border-radius: 4px;padding-top: 10px;height:50px; }

#bottomnav{ margin-left: 550px;float: right;position: absolute; padding-right: 8px;}
#bottomnav ul{ }	
#bottomnav ul li{ display: inline; font-size: .9em;}
#bottomnav ul li a{ float: left; padding-left:8px;  text-decoration: none; color: #FFF; outline: none;}

/*****NETWORK *****/
#s{margin-top: 10px;width: 144px;}

.blogdate{font-size: .8em;}
#blogleft, #blogright{margin-top: 20px;width:550px;}
.skiplink {display:none}
#breadcrumbs{ margin: 10px 0px 15px; font-size: .85em; background-color:#D1FFD3; padding: 2px 0px;}

#breadcrumbs a:visited, a{color:#000;}
#fivethirty{ width:530px; height:75px; background-color: black;margin-bottom: 10px;}
.split530{width:520px; }
#blogright{width:246px; padding-left:4px;}

.postcontent{padding:6px 0 6px 0;font-size: 1em;border-bottom: 1px dotted black;margin-bottom: 3px;}
.post{margin-bottom: 30px;}
.post a, .post a:visited{text-decoration: underline;color: #6CAD4F;}
.postcontent img{padding-left: 7px; padding-bottom: 7px;}

.widgettitle a{color: #6CAD4F; display: none;}


.categories{margin-top: 10px;}

.categories ul{padding-left: 20px;}
li.cat-item{list-style-type: square;margin-left: 30px;}
li.cat-item a:visited{color: blue;}


#blogright ul{margin-bottom: 40px;}

#twitter-box{background-image: url("style/images/networkimages/postitnote.png");background-repeat: no-repeat;font-size: .8em;padding-left: 15px; width: 250px;cursor:pointer; height:236px; }
#twitter-list{position: relative; height:158px; overflow: hidden; margin-top: 45px; padding-bottom: 15px;}
#twitter-list li{margin-bottom: 12px;padding-right: 20px;}

#entries { text-decoration: none; color:#000; font-size: .8em;}
#entries a, #entries a:visited{text-decoration: none; color:#000;}

#respond{font-size: 1.3em;}

/**** SINGLE.PHP ****/
form{margin: 8px 0px 13px;}


/******* SERVICES ******/
.services ul{margin-top: 11px; margin-left: 15px;}
.services li{list-style-type: disc;}
.services img{margin: 0px;padding: 0px;}
.services{ height:140px; }

#pieceofgraph{ background-image: url('style/images/servicesimages/pieceofgraph.png'); background-repeat: no-repeat; top: -73px; left: -12px; height: 400px; width:1000px; overflow: visible; float: left; position: absolute; }

/*****SLIDER *****/
#slider{ margin: 0px; padding: 0px; z-index: 0 }
.pics { height: 360px; width: 800px; padding:0; margin:0; overflow: hidden;border-bottom: solid #dddddd 1px;border-top: solid #dddddd 1px; }
.pics img { height: 360px; width: 800px; }
#s3{padding: 0px; margin: 0px;}


/*******CONTACT *****/
/*contact form */
fieldset{ border: none; margin-top: 10px; }
fieldset legend { display: none}
form p{ padding-bottom: 0;}

/* Label */
label
{ width: 140px; margin: 5px; text-align: left;}

/* Input, Textarea */
#searchsubmit
{ border: 1px solid #dddddd; background: #eeeded; width: 80px; margin: 1px; padding: 2px;}
input:focus, textarea:focus{}
/* end contact form */
	
.contact{padding-left: 0px;}

strong.contact{
	font-weight: bold;
}

/****S3 SLIDER *****/
.sliderz {width:372px;bottom:0px; color:red; position:absolute; float:left; z-index:10; padding:4px;background-color: #000;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff; bottom: 0;left:0px;font-size: 14px;}

#slidertext li{padding-left: 2px;}

.clear {clear: both;} 



/*****GOOGLE RSS READER *******/
#feedGadget { 
 	background: transparent url('style/images/graphsquare.png');
      margin-left: 10px;
      float: left;
      width :387px;
      font-size: 12px;
      color: #9CADD0;
    }
    #feedGadget .gfg-root {
      font-size : 1.1em;
    }
    #feedGadget .gfg-root .gfg-entry .gf-result {
      padding-left : 10px;
      
    }
    #feedGadget .gfg-title {
      font-size : 1.1em;
      
      color : #4E8029;
    }
    #feedGadget .gfg-title a {
      color : #4E8029;
    }
    #feedGadget .gfg-subtitle {
      font-size : 11px;
      color : #203311;
      text-align : left;
      margin-left : 5px;
    }
    #feedGadget .gfg-subtitle a {
      color : #203311;
    }
    #feedGadget .gf-title {
      font-size : 12px;
           
	position:relative;
	white-space:normal;
	width:auto;
	word-wrap:break-word;

    }
    #feedGadget .gf-title a{
      color : #4E8029;
    }
    #feedGadget .gfg-root .gfg-listentry {
      padding-left : 5px;
      margin-right : 5px;
    }
    #feedGadget .gfg-root .gfg-listentry a {
      color : #4E8029;
    }
    #feedGadget .gfg-root .gfg-listentry a:hover {
      color : #203311;
    }
    #feedGadget .gfg-root .gfg-listentry-odd {
    }
    #feedGadget .gfg-root .gfg-listentry-highlight {
      border-left: 2px solid #203311;
      padding-left : 20px;
      background-image : none;
      left: -2px;
    
    }
    
    .gfg-root {
  width : 390px;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : left;
font-family:sans-serif;
  font-size: 12px;
  border: 1px solid #E5ECF9;
 

}



.gfg-title {
  font-size: 14px;
  color : #3366cc;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  font-family: 'FuturaLite', Futura, sans-serif;
  /*background-color:#D1FFD3;*/
  background-image: url('style/images/indeximages/rssButton02.jpg');
  background-repeat: no-repeat;
  background-position: left;	
  
  height: 32px;
}

.gfg-title a {
  color : #3366cc;
  
}

.gfg-subtitle {
  font-size: 12px;
  font-weight : bold;
  color : #3366cc;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #3366cc;
}

.gfg-entry {
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  width : auto;
  
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
	position: relative;
  line-height : 1.5em;
  width:365px;
  word-wrap:break-word;
  text-indent: -15px;
  white-space:normal;
  
  text-overflow : ellipsis-word;
  -o-text-overflow : ellipsis;
  padding-left : 150px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
  left:15px;
}

.gfg-listentry-odd {
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */


.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
  word-wrap:break-word;
  
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}



/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}