/*
Theme Name: Pecan Street
Theme URI: 
Description: The default WordPress theme for Pecan Street Project.
Version: 1.0
Author: frog design
Author URI: http://frogdesign.com/
*/



/* !CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}

html
{
  /* prevent page shifting from side-to-side with short content */
  overflow-y: scroll;
}

html,
body
{
  height: 100%;
}

:focus
{
  outline: 0;
}

a:focus
{
  outline: 1px dotted invert;
}

ins
{
  text-decoration: none;
}

del
{
  text-decoration: line-through;
}

table
{
  border-collapse: collapse;
  border-spacing: 0;
}

body {
	font-family: "Helvetica", Sans-serif;
	font-size: .75em;
	line-height: 18px;
	font-weight: normal;
	color: #231f20;
	background: #9DD4DE; 
}

body a {
	color: #ff9900;
	text-decoration: none;
}

body a:hover {
	color: #ff9900;
	text-decoration: underline;
}

p {
  margin-bottom: 12px;
}

#footer {
	font-size: 1em;
}

#footer a {
	color: #231f20;
	text-decoration: none;
}

#footer a:hover {
	color: #231f20;
	text-decoration: underline;
}

#footer {
  background-color: #ffffff;
  margin: 0 auto 100px;
  width: 977px;
  float: left;
  padding-top: 50px;
}

#footer p {
  padding: 30px;
}

#footer .copyright {
  float: left;
}

#footer .links {
  float: right;
}

#footer a.email {
  color: #808181;
}

h1 {
	font-size: 1.818em;
	font-weight: bold;
}

body.home .headerCopy h1 {
  color: #ffffff;
}

body.page h1, 
body.single h1,
body.archive h1 {
  color: #231f20;
  font-size: 2.4em;
  font-weight: normal;
}

h1 p {
	font-weight: normal;
}

h2 {
	font-size: 1.273em;
	margin: 23px 0 15px 0;
}

h3 {
  margin: 22px 0 10px 0;
}

.bold {
  font-weight: bold;
}

.columnHeading {
  margin-top: 21px;
}

/* Containers */
#contentBorder {
     width: 977px;
	margin: 0 auto;
    padding-top: 20px;
    background-color: #ffffff;
}

#contentContainer {
	padding-left: 300px;
	padding-right: 300px;
	background-color: #FFFFFF;
	float: left;
	margin-top: -10px;
	position: relative;
}

#contentContainer .columnCenter {
	position: relative;
	float: left;
	width: 315px;
}

#contentContainer .columnLeft {
	position: relative;
	float: left;
	width: 225px;
	right: 225px;
	margin-left: -100%;
	padding-left: 20px;
}

#contentContainer .columnRight {
	position: relative;
	float: left;
	width: 315px;
	margin-right: -315px;
	margin-left: 35px;
}

#headerContainer {
  height: 165px;
  width: 977px;
	margin: 0 auto;
	background: #ffffff;
}

body.home #headerContainer {
  background: url('images/header_bg.png') transparent;
  height: 204px;
}

#headerContainer h1 {
  line-height: 43px;
}

#headerContainer p {
  color: #ffffff;
  font-size: 1.5em;
  line-height: 24px;
  margin-right: 30px;
}

body.home #headerContainer img.main {
  float: left;
  margin: -14px 26px 0 -12px;
  position: relative;
  z-index: 1;
}

#headerContainer img.main {
  float: left;
  margin: -26px 46px 0 25px;
  position: relative;
  z-index: 1;
}

body.home #headerContainer .headerCopy {
  padding-top: 9px;
}

#headerContainer .headerCopy {
  padding-top: 45px;
}

#navContainer {
  width: 977px;
  height: 120px;
  margin: 0 auto;
  position: relative;
}

#navContainer .logo {
  padding: 20px 0 0 30px;
}

#navContainer .navItems {
  position: relative;
  left: 288px;
  top: -6px;
  width: 600px;
}

.secondaryNav {
  padding: 15px 0 0 0;
  float: left;
}

.secondaryNav a {
  margin-right: 20px;
}

/* Recent News */

.newsEntry {
  margin-bottom: 12px;
}

.newsEntry .newsDate {
  color: #666666;
}

.newsEntry p {
  margin: 0;
}

/* Forms */

.emailList {
  margin-top: 20px;
}

.emailList label {
  display: block;
  margin: 10px 0 0 2px;
}

.emailList input {
  margin-bottom: 4px;
  color: #808181;
}

p.signup {
  color: #666666;
}

/* Search */

#search {
  position: absolute;
  z-index: 5;
  top: 16px;
  right: 30px;
}

#twitter-feed {
  background: url('images/twtrfd_bg_mid.png') transparent repeat-y;
}

#twitter-feed ul {
  list-style: none;
  padding: 5px 20px;
}

.twitterHeading img{
  margin: 0 3px -6px;
}

.twitterTimestamp {
  color: #666666;
}

#sidebar2 li {
  list-style: none;
}

h2.archives {
  margin: 23px 0 0 0;
}

/* Navigation */
.nav {
    width: 536px;
    height: 52px;
    background: url(images/primaryNav.png) no-repeat;
    position: relative;
    top: -6px;
    left: 286px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 52px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 100;
}
  /* Project */
	.nav .project a:link, .nav .project a:visited {
		left: 0;
		width: 132px;
	}
	.nav .project a:hover, .nav .project a:focus {
		background: url(images/primaryNav.png) no-repeat 0 -52px;
	}
	.nav .project a:active {
		background: url(images/primaryNav.png) no-repeat 0 -104px;
	}
	.current-project .home a:link, .current-project .project a:visited {
		background: url(images/primaryNav.png) no-repeat 0 -156px;
		cursor: default;
	}
	.nav-project, .nav-project-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 132px;
		height: 52px;
		background: url(images/primaryNav.png) no-repeat 0px -52px;
	}
	.nav-project-click {
		background: url(images/primaryNav.png) no-repeat 0px -156px;
	}
	/* Partners */
	.nav .partners a:link, .nav .partners a:visited {
		left: 132px;
		width: 143px;
	}
	.nav .partners a:hover, .nav .partners a:focus {
		background: url(images/primaryNav.png) no-repeat -132px -52px;
	}
	.nav .partners a:active {
		background: url(images/primaryNav.png) no-repeat -132px -104px;
	}
	.current-partners .home a:link, .current-partners .partners a:visited {
		background: url(images/primaryNav.png) no-repeat -132px -156px;
		cursor: default;
	}
	.nav-partners, .nav-partners-click {
		position: absolute;
		top: 0;
		left: 132px;
		width: 143px;
		height: 52px;
		background: url(images/primaryNav.png) no-repeat -132px -52px;
	}
	.nav-partners-click {
		background: url(images/primaryNav.png) no-repeat -132px -156px;
	}
  /* News */
	.nav .news a:link, .nav .news a:visited {
		left: 275px;
		width: 76px;
	}
	.nav .news a:hover, .nav .news a:focus {
		background: url(images/primaryNav.png) no-repeat -275px -52px;
	}
	.nav .news a:active {
		background: url(images/primaryNav.png) no-repeat -275px -104px;
	}
	.current-news .home a:link, .current-news .news a:visited {
		background: url(images/primaryNav.png) no-repeat -275px -156px;
		cursor: default;
	}
	.nav-news, .nav-news-click {
		position: absolute;
		top: 0;
		left: 275px;
		width: 76px;
		height: 52px;
		background: url(images/primaryNav.png) no-repeat -275px -52px;
	}
	.nav-news-click {
		background: url(images/primaryNav.png) no-repeat -275px -156px;
	}
  /* Contact */
	.nav .contact a:link, .nav .contact a:visited {
		left: 351px;
		width: 107px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(images/primaryNav.png) no-repeat -351px -52px;
	}
	.nav .contact a:active {
		background: url(images/primaryNav.png) no-repeat -351px -104px;
	}
	.current-contact .home a:link, .current-contact .contact a:visited {
		background: url(images/primaryNav.png) no-repeat -351px -156px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 351px;
		width: 107px;
		height: 52px;
		background: url(images/primaryNav.png) no-repeat -351px -52px;
	}
	.nav-contact-click {
		background: url(images/primaryNav.png) no-repeat -351px -156px;
	}
	
  /* Project Navigation */
  .projectNav {
      width: 388px;
      height: 13px;
      background: url(images/projectNav.png) no-repeat;
      position: relative;
      top: 15px;
      left: 301px;
  }
  .projectNav li {
  	display: inline;
  }
  .projectNav li a:link, .projectNav li a:visited {
  	position: absolute;
  	top: 0;
  	height: 13px;
  	text-indent: -9000px;
  	overflow: hidden;
  	z-index: 100;
  }
  
  /* Mission */
	.projectNav .mission a:link, .projectNav .mission a:visited {
		left: 0;
		width: 62px;
	}
	.projectNav .mission a:hover, .projectNav .mission a:focus {
		background: url(images/projectNav.png) no-repeat 0 -13px;
	}
	.projectNav .mission a:active {
		background: url(images/projectNav.png) no-repeat 0 -13px;
	}
	.current-mission .home a:link, .current-mission .mission a:visited {
		background: url(images/projectNav.png) no-repeat 0 -13px;
		cursor: default;
	}
	.nav-mission, .nav-mission-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 62px;
		height: 13px;
		background: url(images/projectNav.png) no-repeat 0px -13px;
	}
	.projectNav-mission-click {
		background: url(images/projectNav.png) no-repeat 0px -13px;
	}
	
	/* Project Phases */
	.projectNav .phases a:link, .projectNav .phases a:visited {
		left: 62px;
		width: 132px;
	}
	.projectNav .phases a:hover, .projectNav .phases a:focus {
		background: url(images/projectNav.png) no-repeat -62px -13px;
	}
	.projectNav .phases a:active {
		background: url(images/projectNav.png) no-repeat -62px -13px;
	}
	.current-phases .home a:link, .current-phases .phases a:visited {
		background: url(images/projectNav.png) no-repeat -62px -13px;
		cursor: default;
	}
	.nav-phases, .nav-phases-click {
		position: absolute;
		top: 0;
		left: 62px;
		width: 132px;
		height: 13px;
		background: url(images/projectNav.png) no-repeat -62px -13px;
	}
	.projectNav-phases-click {
		background: url(images/projectNav.png) no-repeat -62px -13px;
	}
	
	/* What is a Smart Grid? */
	.projectNav .whatis a:link, .projectNav .whatis a:visited {
		left: 194px;
		width: 194px;
	}
	.projectNav .whatis a:hover, .projectNav .whatis a:focus {
		background: url(images/projectNav.png) no-repeat -194px -13px;
	}
	.projectNav .whatis a:active {
		background: url(images/projectNav.png) no-repeat -194px -13px;
	}
	.current-whatis .home a:link, .current-whatis .whatis a:visited {
		background: url(images/projectNav.png) no-repeat -194px -13px;
		cursor: default;
	}
	.nav-whatis, .nav-whatis-click {
		position: absolute;
		top: 0;
		left: 194px;
		width: 194px;
		height: 13px;
		background: url(images/projectNav.png) no-repeat -194px -13px;
	}
	.projectNav-whatis-click {
		background: url(images/projectNav.png) no-repeat -194px -13px;
	}
	
  /* Partners Navigation */
  .partnersNav {
      width: 566px;
      height: 13px;
      background: url(images/partnersNav.png) no-repeat;
      position: relative;
      top: 15px;
      left: 301px;
  }
  .partnersNav li {
  	display: inline;
  }
  .partnersNav li a:link, .partnersNav li a:visited {
  	position: absolute;
  	top: 0;
  	height: 13px;
  	text-indent: -9000px;
  	overflow: hidden;
  	z-index: 100;
  }
  
  /* The Project Team */
	.partnersNav .projectteam a:link, .partnersNav .projectteam a:visited {
		left: 0;
		width: 133px;
	}
	.partnersNav .projectteam a:hover, .partnersNav .projectteam a:focus {
		background: url(images/partnersNav.png) no-repeat 0 -13px;
	}
	.partnersNav .projectteam a:active {
		background: url(images/partnersNav.png) no-repeat 0 -13px;
	}
	.current-projectteam .home a:link, .current-projectteam .projectteam a:visited {
		background: url(images/partnersNav.png) no-repeat 0 -13px;
		cursor: default;
	}
	.nav-projectteam, .nav-projectteam-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 133px;
		height: 13px;
		background: url(images/partnersNav.png) no-repeat 0px -13px;
	}
	.partnersNav-projectteam-click {
		background: url(images/partnersNav.png) no-repeat 0px -13px;
	}
	
	/* Corporate Partners */
	.partnersNav .corporatepartners a:link, .partnersNav .corporatepartners a:visited {
		left: 133px;
		width: 171px;
	}
	.partnersNav .corporatepartners a:hover, .partnersNav .corporatepartners a:focus {
		background: url(images/partnersNav.png) no-repeat -133px -13px;
	}
	.partnersNav .corporatepartners a:active {
		background: url(images/partnersNav.png) no-repeat -133px -13px;
	}
	.current-corporatepartners .home a:link, .current-corporatepartners .corporatepartners a:visited {
		background: url(images/partnersNav.png) no-repeat -133px -13px;
		cursor: default;
	}
	.nav-corporatepartners, .nav-corporatepartners-click {
		position: absolute;
		top: 0;
		left: 133px;
		width: 171px;
		height: 13px;
		background: url(images/partnersNav.png) no-repeat -133px -13px;
	}
	.partnersNav-corporatepartners-click {
		background: url(images/partnersNav.png) no-repeat -133px -13px;
	}
	
	/* The Board */
	.partnersNav .theboard a:link, .partnersNav .theboard a:visited {
		left: 304px;
		width: 97px;
	}
	.partnersNav .theboard a:hover, .partnersNav .theboard a:focus {
		background: url(images/partnersNav.png) no-repeat -304px -13px;
	}
	.partnersNav .theboard a:active {
		background: url(images/partnersNav.png) no-repeat -304px -13px;
	}
	.current-theboard .home a:link, .current-theboard .theboard a:visited {
		background: url(images/partnersNav.png) no-repeat -304px -13px;
		cursor: default;
	}
	.nav-theboard, .nav-theboard-click {
		position: absolute;
		top: 0;
		left: 304px;
		width: 97px;
		height: 13px;
		background: url(images/partnersNav.png) no-repeat -304px -13px;
	}
	.partnersNav-theboard-click {
		background: url(images/partnersNav.png) no-repeat -304px -13px;
	}
	
	/* Become a Partner */
	.partnersNav .becomepartner a:link, .partnersNav .becomepartner a:visited {
		left: 401px;
		width: 165px;
	}
	.partnersNav .becomepartner a:hover, .partnersNav .becomepartner a:focus {
		background: url(images/partnersNav.png) no-repeat -401px -13px;
	}
	.partnersNav .becomepartner a:active {
		background: url(images/partnersNav.png) no-repeat -401px -13px;
	}
	.current-becomepartner .home a:link, .current-becomepartner .becomepartner a:visited {
		background: url(images/partnersNav.png) no-repeat -401px -13px;
		cursor: default;
	}
	.nav-becomepartner, .nav-becomepartner-click {
		position: absolute;
		top: 0;
		left: 401px;
		width: 165px;
		height: 13px;
		background: url(images/partnersNav.png) no-repeat -401px -13px;
	}
	.partnersNav-becomepartner-click {
		background: url(images/partnersNav.png) no-repeat -401px -13px;
	}
	
	/* News Navigation */
  .newsNav {
      width: 376px;
      height: 13px;
      background: url(images/newsNav.png) no-repeat;
      position: relative;
      top: 15px;
      left: 301px;
  }
  .newsNav li {
  	display: inline;
  }
  .newsNav li a:link, .newsNav li a:visited {
  	position: absolute;
  	top: 0;
  	height: 13px;
  	text-indent: -9000px;
  	overflow: hidden;
  	z-index: 100;
  }
  
  /* Blog */
	.newsNav .blog a:link, .newsNav .blog a:visited {
		left: 0px;
		width: 37px;
	}
	.newsNav .blog a:hover, .newsNav .blog a:focus {
		background: url(images/newsNav.png) no-repeat -0px -13px;
	}
	.newsNav .blog a:active {
		background: url(images/newsNav.png) no-repeat -0px -13px;
	}
	.current-blog .home a:link, .current-blog .blog a:visited {
		background: url(images/newsNav.png) no-repeat -0px -13px;
		cursor: default;
	}
	.nav-blog, .nav-blog-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 37px;
		height: 13px;
		background: url(images/newsNav.png) no-repeat -0px -13px;
	}
	.newsNav-blog-click {
		background: url(images/newsNav.png) no-repeat -0px -13px;
	}
	
	/* News Archive */
	.newsNav .archive a:link, .newsNav .archive a:visited {
		left: 37px;
		width: 125px;
	}
	.newsNav .archive a:hover, .newsNav .archive a:focus {
		background: url(images/newsNav.png) no-repeat -37px -13px;
	}
	.newsNav .archive a:active {
		background: url(images/newsNav.png) no-repeat -37px -13px;
	}
	.current-archive .home a:link, .current-archive .archive a:visited {
		background: url(images/newsNav.png) no-repeat -37px -13px;
		cursor: default;
	}
	.nav-archive, .nav-archive-click {
		position: absolute;
		top: 0;
		left: 37px;
		width: 125px;
		height: 13px;
		background: url(images/newsNav.png) no-repeat -37px -13px;
	}
	.newsNav-archive-click {
		background: url(images/newsNav.png) no-repeat -37px -13px;
	}
	
	/* Project Updates */
	.newsNav .updates a:link, .newsNav .updates a:visited {
		left: 164px;
		width: 136px;
	}
	.newsNav .updates a:hover, .newsNav .updates a:focus {
		background: url(images/newsNav.png) no-repeat -164px -13px;
	}
	.newsNav .updates a:active {
		background: url(images/newsNav.png) no-repeat -164px -13px;
	}
	.current-updates .home a:link, .current-updates .updates a:visited {
		background: url(images/newsNav.png) no-repeat -164px -13px;
		cursor: default;
	}
	.nav-updates, .nav-updates-click {
		position: absolute;
		top: 0;
		left: 164px;
		width: 136px;
		height: 13px;
		background: url(images/newsNav.png) no-repeat -164px -13px;
	}
	.newsNav-updates-click {
		background: url(images/newsNav.png) no-repeat -164px -13px;
	}
	
	/* Events */
	.newsNav .events a:link, .newsNav .events a:visited {
		left: 300px;
		width: 78px;
	}
	.newsNav .events a:hover, .newsNav .events a:focus {
		background: url(images/newsNav.png) no-repeat -300px -13px;
	}
	.newsNav .events a:active {
		background: url(images/newsNav.png) no-repeat -300px -13px;
	}
	.current-events .home a:link, .current-events .events a:visited {
		background: url(images/newsNav.png) no-repeat -300px -13px;
		cursor: default;
	}
	.nav-events, .nav-events-click {
		position: absolute;
		top: 0;
		left: 300px;
		width: 78px;
		height: 13px;
		background: url(images/newsNav.png) no-repeat -300px -13px;
	}
	.newsNav-events-click {
		background: url(images/newsNav.png) no-repeat -300px -13px;
	}