/* Theme Name: Green Built
 * Theme URI: http://www.greenbuilt.org/
 * Description: Wordpress implementation of Greenbuilt.org 
 * Version: 2.0
 * Author: GROW INTERACTIVE
 * Author URI: http://www.thisisgrow.com/ */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

*:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a {
  text-decoration: none; }

#wrapper {
  margin: 0 auto;
  width: 960px;
  min-height: 100%; }

#header {
  margin: 0 0 0 10px;
  width: 940px;
  height: 55px;
  background-image: url(images/bg-header.jpg);
  background-repeat: repeat-x;
  background-position: top;
  position: relative;
  float: left;
  z-index: 99999; }

#contentHeader {
  width: 960px;
  height: 130px;
  float: left; }

#content {
  padding-bottom: 25px;
  overflow: visible;
  width: 960px;
  position: relative;
  float: left; }

#leftSideBar {
  width: 160px;
  float: left; }

#singlePost {
  width: 540px;
  float: right;
  margin-left: 10px; }

#rightSideBar {
  width: 220px;
  margin: 0 10px;
  float: right; }

#footer {
  position: relative;
  margin: -25px auto;
  clear: both;
  width: 940px;
  height: 25px;
  background-color: white;
  background-image: url(images/bg-header.jpg);
  background-repeat: repeat-x;
  background-position: bottom; }

.slider {
  margin: 0 0 0 10px;
  width: 940px;
  height: 456px;
  position: relative;
  float: left;
  overflow: hidden; }
  .slider ul#mycarousel {
    overflow: hidden; }
  .slider .infoBox {
    width: 402px;
    height: 85px;
    background: white;
    position: absolute;
    bottom: 40px;
    right: 20px; }
    .slider .infoBox ul {
      margin: 13px 10px 5px 22px; }
      .slider .infoBox ul li {
        width: 375px; }
        .slider .infoBox ul li.infoTitle {
          font-size: 20px;
          margin: 0 0 8px 0;
          color: #4a4a4a; }
        .slider .infoBox ul li.infoDesc {
          font-size: 11px;
          color: #4a4a4a; }
        .slider .infoBox ul li.infoNav {
          width: 373px;
          height: 14px;
          position: absolute;
          bottom: 7px;
          font-size: 10px; }
          .slider .infoBox ul li.infoNav a {
            float: left;
            color: #8ab51c; }
          .slider .infoBox ul li.infoNav ul.arrowControls {
            margin: 0;
            padding: 0;
            cursor: pointer;
            float: right; }
            .slider .infoBox ul li.infoNav ul.arrowControls li {
              margin: 0 0 0 2px;
              float: left;
              width: 14px;
              height: 14px; }

.jcarousel-control {
  cursor: pointer;
  padding: 10px;
  background: url(/images/transp.gif);
  position: absolute;
  bottom: 2px;
  right: 20px;
  z-index: 99999999; }

.jcarousel-control li {
  float: left;
  margin-right: 4px;
  width: 14px;
  height: 6px;
  display: block; }
  .jcarousel-control li a {
    background: #4a4a4a;
    display: block;
    width: 14px;
    height: 6px; }
    .jcarousel-control li a span {
      display: none; }
    .jcarousel-control li a:hover {
      background: url(images/slider-active.jpg); }

.current {
  background: url(images/slider-active.jpg) !important;
  color: white !important; }

.newsAndPress {
  margin: 0 0 0 10px;
  width: 940px;
  height: 77px;
  float: left; }
  .newsAndPress h1 {
    margin-top: 29px;
    font-size: 18px;
    font-weight: 100;
    color: #4a4a4a; }

.listOfPosts {
  width: 960px;
  float: left; }

.indexPostPreview {
  width: 300px;
  float: left;
  margin: 0 10px 30px 10px; }
  .indexPostPreview ul li.indexPostPreviewBox {
    margin: 0 0 0 20px;
    padding: 0 0 20px 0;
    width: 140px;
    background-image: url(images/dotted.jpg);
    background-position: center bottom;
    background-repeat: no-repeat; }
    .indexPostPreview ul li.indexPostPreviewBox h2 {
      margin: 0 0 15px 0;
      font-size: 15px;
      line-height: 18px;
      color: black; }
      .indexPostPreview ul li.indexPostPreviewBox h2 a {
        color: black;
        text-decoration: none; }
    .indexPostPreview ul li.indexPostPreviewBox p {
      margin: 0;
      font-size: 11px;
      font-weight: 100;
      color: #626262;
      line-height: 13px; }
      .indexPostPreview ul li.indexPostPreviewBox p a {
        color: #626262;
        font-weight: bold;
        font-size: 9px;
        text-decoration: none; }

span.previewMeta {
  display: inline-block;
  margin: 10px 0 0 0;
  font-size: 9px; }

span.viewMoreReads {
  font-size: 11px; }

.aboutPage {
  margin: 0 0 0 170px;
  width: 780px; }
  .aboutPage .pageTitle {
    margin: 59px 0 40px 0;
    font-size: 24px;
    color: #4a4a4a; }
  .aboutPage h3 {
    margin: 0 0 10px 0;
    font-size: 17px;
    line-height: 29px;
    letter-spacing: 0.5px; }
  .aboutPage p {
    margin: 0 0 20px 0;
    font-size: 13px;
    line-height: 24px; }
  .aboutPage em {
    font-style: italic; }

#contentHeader.contactContentHeader {
  height: 123px; }

.contactPage {
  float: right;
  margin: 0 0 0 0px;
  width: 800px; }
  .contactPage h1 {
    font-size: 24px; }
  .contactPage h3 {
    width: 780px;
    margin: -7px 0 40px 10px;
    font-size: 17px;
    line-height: 29px;
    letter-spacing: 0.5px; }

.infopush {
  margin-left: 10px; }

ul.contactInfo {
  float: left;
  margin-right: 35px; }
  ul.contactInfo li {
    margin: 0 0 6px 0;
    font-size: 13px; }
    ul.contactInfo li a {
      color: #8ab51c; }
      ul.contactInfo li a:hover {
        text-decoration: underline; }
  ul.contactInfo .liSpacer {
    margin-bottom: 10px; }

.contactHeader {
  margin-bottom: 10px !important;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase; }

.directions {
  float: left; }
  .directions input.sDirections {
    float: left;
    border: 1px solid #ababab;
    height: 22px;
    width: 155px;
    margin-right: 3px;
    padding: 0 0 0 3px; }

.googleMap {
  margin-top: -8px;
  width: 380px;
  height: 182px;
  float: left;
  position: relative;
  overflow: hidden;
  border: 1px solid #4a4a4a; }
  .googleMap iframe {
    position: absolute;
    width: 380px;
    height: 193px;
    overflow: hidden;
    top: -3px;
    left: 0; }

.greenReadslistOfPosts {
  width: 800px;
  float: right; }

.greenReadsPostPreview {
  width: 140px;
  float: left;
  margin: 0 10px 30px 10px; }
  .greenReadsPostPreview ul li.greenReadsPostPreviewBox {
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    background-image: url("images/dotted.jpg");
    background-position: center top;
    background-repeat: no-repeat; }
    .greenReadsPostPreview ul li.greenReadsPostPreviewBox img {
      margin: 0 0 20px 0;
      float: left;
      clear: both; }
    .greenReadsPostPreview ul li.greenReadsPostPreviewBox h2 {
      margin: 0 0 15px 0;
      font-size: 15px;
      line-height: 18px;
      color: #3a3a3a; }
      .greenReadsPostPreview ul li.greenReadsPostPreviewBox h2 a {
        color: #3a3a3a;
        text-decoration: none; }
    .greenReadsPostPreview ul li.greenReadsPostPreviewBox p {
      float: left;
      margin: 0;
      width: 140px;
      font-size: 11px;
      font-weight: 100;
      color: #626262;
      line-height: 13px; }
      .greenReadsPostPreview ul li.greenReadsPostPreviewBox p a {
        color: #3a3a3a;
        font-weight: bold;
        font-size: 9px;
        text-decoration: none; }
      .greenReadsPostPreview ul li.greenReadsPostPreviewBox p em {
        font-style: italic; }

.greenReadsTitle {
  margin: 0;
  padding: 0;
  font-size: 24px; }

.previewMeta .press {
  clear: both;
  display: inline-block;
  float: left; }

.singleTitle {
  float: left;
  width: 960px;
  height: 130px; }
  .singleTitle .post-title {
    width: 540px;
    margin: 58px 0 0 169px;
    font-size: 24px; }
    .singleTitle .post-title a {
      color: #4a4a4a; }
  .singleTitle .post-meta {
    margin: 16px 0 0 170px;
    font-size: 10px; }
    .singleTitle .post-meta a {
      color: #4a4a4a; }

.sep {
  margin: 0 10px; }

.project-content img {
  margin: 0;
  padding: 0;
  width: 780px; }

.post-content img {
  margin: 0 0 20px 0; }

.post-content p, .project-content p {
  font-size: 13px;
  line-height: 24px;
  margin: 0 0 17px 0; }
.post-content h1, .project-content h1 {
  font-size: 19px;
  line-height: 28px;
  color: #1a1a1a;
  margin: 0 0 10px 0; }
.post-content h2, .project-content h2 {
  font-size: 17px;
  color: #1a1a1a;
  line-height: 26px;
  margin: 0 0 10px 0; }
.post-content h3, .project-content h3 {
  font-size: 15px;
  color: #1a1a1a;
  line-height: 24px;
  margin: 0 0 10px 0; }
.post-content h4, .project-content h4 {
  font-size: 13px;
  color: #1a1a1a;
  line-height: 22px;
  margin: 0 0 10px 0; }
.post-content b, .post-content strong, .project-content b, .project-content strong {
  font-weight: 500;
  color: black; }
.post-content a, .project-content a {
  color: #8ab51c;
  margin: 0;
  padding: 0; }
.post-content .alignright, .project-content .alignright {
  float: right;
  margin: 15px 0px 0px 20px; }
.post-content .alignleft, .project-content .alignleft {
  float: left;
  margin: 15px 20px 0px 0px; }
.post-content .aligncenter, .project-content .aligncenter {
  margin: 0 0 0px 0;
  text-align: center; }
.post-content .alignnone, .project-content .alignnone {
  margin: 0 0 0px 0; }

#singlePost ol li, #singlePost dl li, #singlePost ul li {
  margin: 0 0 8px 0;
  font-size: 13px; }

.comment {
  margin-bottom: 5px; }
  .comment a {
    color: #8ab51c; }
  .comment #comment-title {
    margin: 0 0 17px 0;
    font-size: 15px;
    color: #1a1a1a; }
  .comment .comment-text {
    margin: 0 0 10px 0;
    font-size: 11px;
    color: #4a4a4a;
    line-height: 19px; }
  .comment .comment-meta {
    margin: 0 0 20px 0;
    font-size: 10px;
    color: black; }
  .comment .comment-author a {
    color: #4a4a4a; }
  .comment .comment-author:visited {
    color: #4a4a4a; }
  .comment #reply-title {
    margin: 0 0 10px 0;
    font-size: 15px;
    color: #1a1a1a; }
  .comment #respond input, .comment #respond textarea {
    padding: 3px;
    font-size: 10px;
    font-family: geneva, Arial, sans-serif;
    color: #4a4a4a;
    border: 1px solid #ababab;
    width: 212px;
    margin: 0 0 10px 0; }
  .comment #submit {
    width: 95px !important;
    float: right;
    margin: 0;
    padding: 0;
    cursor: pointer; }
  .comment .logged-in-as {
    font-size: 10px;
    margin: 0 0 10px 0; }
  .comment .char-limit {
    font-size: 10px;
    float: left; }
  .comment #submit {
    border: none !important;
    background: #ababab;
    color: white !important; }

.facebook {
  height: 63px;
  margin: 0 0 10px 0; }

div#respond {
  border: none !important; }

.commentlist .comment .comment-author {
  padding-bottom: 20px;
  background-image: url(images/dotted.jpg);
  background-position: left bottom;
  background-repeat: repeat-x; }

.projectLanding {
  width: 780px;
  float: right;
  margin: 0 10px 0 0; }

.top-spacer {
  width: 780px;
  height: 60px; }

.projectItem {
  margin: 0 0 45px 0; }
  .projectItem .projectTitle {
    margin-left: -1px; }
  .projectItem .projectTitle, .projectItem .projectTitle a {
    margin-top: -2px;
    color: #4a4a4a;
    font-size: 24px;
    font-weight: 100; }
  .projectItem .projectMeta {
    margin: 14px 0 24px 0;
    font-size: 10px; }
  .projectItem .projectExcerpt {
    margin: 21px 0 5px 0;
    font-size: 17px;
    font-weight: lighter;
    color: #141414;
    line-height: 27px; }
  .projectItem .projectPreviewTxt {
    font-size: 13px;
    color: #626262;
    line-height: 24px;
    text-align: justify; }
  .projectItem img.attachment-post-thumbnail {
    margin: 0 0 20px 0;
    width: 780px !important;
    height: 378px !important; }
  .projectItem .viewMore {
    margin: 10px 0 0 0;
    float: right;
    position: relative;
    height: 20px; }
    .projectItem .viewMore p a {
      float: left;
      font-size: 14px;
      font-weight: 100;
      color: #1a1a1a; }
    .projectItem .viewMore img {
      margin: 0 0 0 5px;
      float: right; }

.singleProjectMeta {
  margin: 14px 0 23px 0px;
  font-size: 10px; }

.singleProjectImage {
  margin: 0 0px 0 0;
  float: right;
  width: 780px;
  height: 378px; }
  .singleProjectImage img {
    width: 780px;
    height: 378px; }

.singleProjectPostTitle {
  margin-left: -1px !important; }

.projectSingleExcerpt {
  margin-bottom: 10px; }

#singlePost.projectSinglePost {
  margin-top: 24px;
  margin-bottom: 20px;
  width: 460px; }

#rightSideBar.features {
  margin-left: 20px;
  margin-right: 0px;
  width: 300px; }
  #rightSideBar.features h3 {
    float: left;
    margin-top: 30px;
    color: black; }
  #rightSideBar.features ul li {
    font-size: 10px; }
  #rightSideBar.features ul.features {
    float: left;
    padding: 20px 0 0 0;
    width: 300px; }
    #rightSideBar.features ul.features li {
      float: left;
      width: 150px;
      margin: 0 0 10px 0; }
  #rightSideBar.features ul.press {
    float: left;
    padding: 20px 0 20px 0; }
    #rightSideBar.features ul.press li {
      width: 300px;
      float: left;
      margin: 0 0 20px 0; }

.lsbSingleProject {
  margin-top: 129px; }

#slideContent {
  margin-left: 10px;
  width: 780px; }
  #slideContent #singlePost {
    margin-left: 0 !important; }

ul.press li {
  margin-bottom: 15px !important; }
  ul.press li a {
    line-height: 15px; }

#gallery {
  position: relative;
  float: left; }
  #gallery .galleryContent {
    margin: 30px 0 0 10px;
    float: left;
    width: 780px; }
  #gallery .galleryHeader, #gallery .closeHeader {
    background: #efefef;
    margin: 20px 0px 0 10px;
    float: left;
    clear: both;
    width: 780px;
    height: 32px;
    cursor: pointer; }
  #gallery .closeHeader {
    margin-top: 20px;
    cursor: default; }
  #gallery .openGallery h2 {
    font-size: 13px;
    cursor: pointer;
    float: left;
    margin: 8px 0 0 310px; }
  #gallery .openGallery img {
    margin: 7px 0 0 5px;
    cursor: pointer;
    float: left; }

.galleryNav {
  margin: 0 auto;
  text-align: center; }
  .galleryNav img {
    padding-top: 0;
    cursor: pointer;
    vertical-align: middle; }
  .galleryNav span#galleryNavNumbers {
    display: inline-block;
    margin: 0 5px; }
    .galleryNav span#galleryNavNumbers a {
      margin-left: 2px;
      margin-right: 2px;
      margin-top: 7px;
      padding-top: 5px;
      display: inline-block;
      text-align: center;
      cursor: pointer;
      font-size: 10px;
      width: 14px;
      height: 14px;
      color: #4a4a4a; }

#myGallery {
  padding-top: 30px; }
  #myGallery li {
    width: 780px !important;
    height: 600px !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #efefef; }

.closeGallery {
  float: right;
  margin: 8px;
  display: block; }

.closeGallery, .closeGallery img {
  cursor: pointer; }

.closeText {
  font-size: 10px;
  position: absolute;
  right: 39px;
  top: 31px; }

html {
  overflow-y: scroll; }

body, html {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #626262;
  height: 100%; }

b, strong {
  font-weight: 500;
  color: #1a1a1a; }

a {
  color: #4a4a4a; }
  a:visited {
    color: inherit; }
  a:hover {
    color: #8ab51c !important; }

pre {
  font-family: monaco;
  font-size: 0.5em;
  line-height: 14px;
  color: black; }

.right {
  float: right; }

.left {
  float: left; }

.clearfix {
  clear: both; }

.default {
  color: #c2c2c2; }

.green {
  color: #8ab51c; }

.currentLink {
  color: #8ab51c !important; }

#header .logo {
  position: absolute;
  top: 26px;
  left: 26px; }

.logo {
  height: 137px;
  width: 90px;
  background-image: url(images/greenbuiltlogo.jpg);
  background-repeat: no-repeat; }
  .logo a {
    display: block;
    height: 137px;
    width: 90px; }

#header ul.navigation {
  margin: 25px 20px 0 0;
  float: right; }
  #header ul.navigation li {
    margin-left: 35px;
    float: left;
    display: inline-block;
    font-size: 13px;
    color: #4a4a4a; }
    #header ul.navigation li a {
      color: #4a4a4a;
      text-decoration: none; }
      #header ul.navigation li a:visited {
        color: #4a4a4a; }
      #header ul.navigation li a:hover {
        color: #8ab51c; }
      #header ul.navigation li a .nav-active {
        color: #8ab51c; }

#contentHeader h1 {
  margin: 60px 0 0 170px;
  font-size: 24px;
  color: #4a4a4a; }

#footer p.copyright {
  position: absolute;
  font-size: 8px;
  color: #4a4a4a;
  float: right;
  right: 20px; }

#leftSideBar ul {
  margin: 0 32px 30px 0; }
  #leftSideBar ul li {
    text-align: right;
    margin: 0 0 3px 0; }
    #leftSideBar ul li a {
      font-size: 11px;
      color: #4a4a4a; }
      #leftSideBar ul li a:hover {
        color: #8ab51c; }
  #leftSideBar ul img {
    vertical-align: middle;
    margin-right: 2px; }
#leftSideBar .sideBarHeader {
  margin: 0px 0 15px 0;
  color: black; }

.pBlack {
  color: black !important; }

.formField-error {
  border-color: #de7070 !important;
  background: #f6e0e0 !important; }

.form-error {
  font-size: 8px;
  color: #de7070;
  margin: -5px 0 5px 0; }

.topRow {
  background: none !important;
  padding-top: 0px !important; }

.btn_openGal {
  margin: 27px 0 0 0;
  cursor: pointer;
  width: 299px;
  height: 32px;
  float: left;
  background-image: url("images/btn_opengallery2.png");
  background-repeat: none;
  background-position: 0px 0px; }
  .btn_openGal:hover {
    background-position: 0px -32px; }

#colorbox {
  z-index: 999999 !important; }