/*
Theme Name: Grow2Day
Theme URI: 
Author: Powered By Geek
Author URI: http://poweredbygeek.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development. Mashup of Auttomatic's toolbox theme and Paul Irish's HTML5 Boilerplate.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready
*/

@import url("css/base.css");

html {
  background: #728743 url("images/page_background.jpg") repeat-x fixed;
  text-align: center;
}

body {
  font-family: "Century Gothic", Verdana, Arial, sans-serif;
  margin: auto auto 50px auto;
  padding-top: 190px;
}


h1, h4, h5 {
 color: #0d588f;
}
h2 {
  color: #a5cd6d
}
h3 {
  color: #4b7fd1;
}

h1 {
  font-size: 30px;
  line-height: 40px;
}

h2 {
  font-size: 24px;
}

a, a:link { 
  color: #0D588F;
}

a:hover { 
  color: #a3ca6a;
}
/*  Default Layout: 992px. 
    Gutters: 24px.
    Outer margins: 48px.
    Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

#page {
  width: 896px;
  padding: 72px 48px 84px;
  -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

  #contact_info, #colophon {
  width: 896px;
}


/*		Tablet Layout: 768px.
    Gutters: 24px.
    Outer margins: 28px.
    Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  
  #page {
    width: 712px;
    margin: autp;
  }
  
  #contact_info, #colophon {
    width: 712px;
  }
  
}



/*		Mobile Layout: 320px.
    Gutters: 24px.
    Outer margins: 34px.
    Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
  
  #page {
    width: 252px;
    padding: 48px 34px 60px;
  }

  #contact_info, #colophon {
    width: 252px;
  }  
  
  
}



/*		Wide Mobile Layout: 480px.
    Gutters: 24px.
    Outer margins: 22px.
    Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  
  #page {
    width: 436px;
    padding: 36px 22px 48px;
  }
  
  #contact_info, #colophon {
    width: 436px;
  }
  
}



/* =Structure
-------------------------------------------------------------- */

#page {
  background: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 15px hsla(15, 0%, 0%, 0.3);
  -moz-box-shadow: 1px 1px 15px hsla(15, 0%, 0%, 0.3);
  box-shadow: 1px 1px 15px hsla(15, 0%, 0%, 0.3);  
  display: block;
  margin: auto;
  padding: 20px;
  text-align: center;
}
  #primary {
    float: left;
    margin: 0 -240px 0 0;
    text-align: left;
    width: 100%;
  }
#content {
  margin: 00;
}
  .entry-content {
    font-size: 14px;
    line-height: 24px;
  }
    .entry-content p, .entry-content ul, .entry-content ol {
      margin-bottom: 15px;
    }
    .entry-content img {
      border: 1px solid #ebecee;
      padding: 15px;
    }

#main .widget-area {
  float: right;
  overflow: hidden;
  width: 220px;
}

#contact_info_wrapper {
  background: #708a36;
  background: rgba(112, 138, 54, .5);
  margin-top: 20px;
}
  #contact_info {
    color: #fff;
    display: block;
    padding: 10px;
    margin: auto;
    text-align: left;
  }
    #contact_info #address {
      float: right;
      font-size: 12px;
      text-align: center;
      width: 175px;
    }
    #contact_info, #contact_info a {
      color: #fff;
      font-size: 20px;
      font-weight: bold;
    }
      #contact_info a {
        text-decoration: underline;
      }
      #contact_info ul {
        margin: 30px 0 0 0;
      }
        #contact_info ul li {
          height: 21px;
          list-style: none;
          margin-bottom: 30px;
          padding-left: 40px;
        }
        #email_address {
          background: url(images/footer_icon_email.png) top left no-repeat;
        }
        #phone_number {
          background: url(images/footer_icon_phone.png) top left no-repeat;
        }
          

#footer_wrapper {
  background: #08538a;
  background: rgba(8, 83, 138, .5);
  padding: 20px;
}
  #colophon {
    color: #fff;
    display: block;
    margin: auto;
    text-align: center;
  }
    #colophon ul {
      display: block;
      height: 30px;
      margin: 10px auto;
      width: 635px;
    }
    #colophon li {
      border-right: 1px solid #fff;
      list-style: none;
      margin: 0 10px 0 0;
      padding: 0 10px 0 0;
      float: left;
    }
      #colophon ul li:last-child {
        border: none;
        margin: 0;
      }
    #colophon a {
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      text-transform: lowercase; 
    }
    
    
/* = Homepage
-------------------------------------------------------------- */    

.home .entry-title, .home .entry-meta {
  display: none;
}

.home #content .entry-content{
  color: #636363;
  margin: 0;
  font-size: 20px;
}

.home #content img {
  border: 8px solid #d6d2d2;
  padding: 0;
}

.home #page_nav ul {
  margin-top: 25px;
}
    
/* = Navigation
-------------------------------------------------------------- */

#page_nav {
  margin-bottom: 25px;
}

#page_nav ul li {
  font-size: 18px;
  font-weight: bold;
}

#page_nav ul li a {
  border-top: 3px solid #0d588f;
  color: #b9bcbc;
  display: block;
  font-size: 16px;
  font-weight: bold;
  float: left;
  margin-right: 1%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; 
  -webkit-transition: background .3s ease, color 0.2s linear;
  -moz-transition: background .3s ease, color 0.2s linear;
  -o-transition: background .3s ease, color 0.2s linear;
  transition: background .3s ease, color 0.2s linear;
  width: 19%;
}
  #page_nav ul li a:hover, #page_nav ul li.current-menu-item a {
    background: #0d588f;
    color: #fff;
  }
  #page_nav ul li.menu-item-28 a, #page_nav ul li.menu-item-29 a {
    border-top: 3px solid #a3ca6a;
  }
  #page_nav ul li.menu-item-28 a:hover, #page_nav ul li.menu-item-29 a:hover,
  #page_nav ul li.menu-item-28.current-menu-item a, #page_nav ul li.menu-item-29.current-menu-item a {
    background: #a3ca6a;
    color: #fff;
  }


/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
  margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
}
.alignright {
  display: inline;
  float: right;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#site-title {
  font-size: 2em;
  font-weight: bold;
  margin: -185px auto 0 auto;
}
#site-description {
  display: none;
  font-size: 1em;
  font-weight: normal;
  margin: -100px auto 0 auto;
}


/* =Menu
-------------------------------------------------------------- */

#access {
  background: #eee;
  display: block;
  float: left;
  margin: 0 auto 1em;
  width: 100%;
}
#access ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#access li {
  float: left;
  position: relative;
}
#access a {
  display: block;
  line-height: 2em;
  padding: 0 1em;
  text-decoration: none;
}
#access ul ul {
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  display: none;
  float: left;
  position: absolute;
  top: 2em;
  left: 0;
  z-index: 99999;
}
#access ul ul ul {
  left: 100%;
  top: 0;
}
#access ul ul a {
  background: #dedede;
  line-height: 1em;
  padding: .5em .5em .5em 1em;
  width: 10em;
  height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
  background: #dedede;
}
#access ul ul a:hover {
  background: #cecece;
}
#access ul li:hover > ul {
  display: block;
}


/* =Content
-------------------------------------------------------------- */

.entry-meta {
  clear: both;
  display: block;
}
#content nav {
  display: block;
  overflow: hidden;
}
#content nav .nav-previous {
  float: left;
  width: 50%;
}
#content nav .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
#content #nav-above {
  display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
  display: block;
}
#nav-below {
  margin: 1em 0 0;
}
.page-link {
  margin: 0 0 1em;
}

/* 404 page */
.error404 .widget {
  float: left;
  width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
  margin-right: 1em;
}
.error404 .widget_tag_cloud {
  clear: both;
  float: none;
  width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
  background: #eee;
  display: block;
  padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
  float: left;
}
.image-attachment nav {
  float: right;
  margin: 0 0 1em 0;
}
.image-attachment .entry-content {
  clear: both;
}
.image-attachment .entry-content .entry-attachment {
  background: #eee;
  margin: 0 0 1em;
  padding: 1em;
  text-align: center;
}
.image-attachment .entry-content .attachment {
  display: block;
  margin: 0 auto;
  text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
  display: none;
}
.single .format-aside .entry-header {
  display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
  padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
  padding-top: 0;
}

/* Aside Posts */
.format-gallery .gallery-thumb {
  float: left;
  margin-right: 1em;
}

/* =Images
-------------------------------------------------------------- */

a img {
  border: none;
}
p img {
  margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
  max-width: 100%; /* When images are too wide for containing element, force them to fit. */
  height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
  margin-right: 1em;
}
img.alignright {
  margin-left: 1em;
}
.wp-caption {
  padding: .5em;
  text-align: center;
}
.wp-caption img {
  margin: .25em;
}
.wp-caption .wp-caption-text {
  margin: .5em;
}
.gallery-caption {
  
}
.wp-smiley {
  margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
  display: none;
}
#searchform input#s {
  width: 60%;
}
input[type=text],
input#s {
  margin: 0 1em 0 0;
  width: 60%;
}
textarea {
  width: 80%;
}

/* Class for labelling required form items */
.required {
  color: #cc0033;
}


/* =Article
-------------------------------------------------------------- */

article {
  margin-bottom: 40px;
}
.home article {
  margin-bottom: 0;
}

/* =Comments
-------------------------------------------------------------- */

article.comment {
  display: block;
}
#respond input[type=text] {
  display: block;
  width: 60%;
}
#respond textarea {
  display: block;
  margin: 0 0 1em;
  width: 80%;
}
#respond .form-allowed-tags {
  clear: both;
  width: 80%;
}
#respond .form-allowed-tags code {
  display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
  display: block;
}
.widget-area .widget_search {
  overflow: hidden;
}
.widget-area .widget_search input {
  float: left;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
  padding: 1em 0 0;
}

.wufoo h2 {
  display: none;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
  clear: both;
}
#comments .navigation {
  padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
}
h3#comments-title {
  padding: 24px 0;
}
.commentlist {
  list-style: none;
  margin: 0;
}
.commentlist li.comment {
  border-bottom: 1px solid #e7e7e7;
  line-height: 24px;
  margin: 0 0 24px 0;
  padding: 0 0 0 56px;
  position: relative;
}
.commentlist li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
  margin-bottom: 18px;
}
#comments .comment-body p:last-child {
  margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
  margin-bottom: 24px;
}
.commentlist ol {
  list-style: decimal;
}
.commentlist .avatar {
  position: absolute;
  top: 4px;
  left: 0;
}
.comment-author {
}
.comment-author cite {
  color: #000;
  font-style: normal;
  font-weight: bold;
}
.comment-author .says {
  font-style: italic;
}
.comment-meta {
  font-size: 12px;
  margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
  color: #888;
  text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
  color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
  font-size: 12px;
  padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
  color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
  color: #ff4b33;
}
.commentlist .children {
  list-style: none;
  margin: 0;
}
.commentlist .children li {
  border: none;
  margin: 0;
}
.nopassword,
.nocomments {
  display: none;
}
#comments .pingback {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 18px;
  padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
  margin-top: -6px;
}
#comments .pingback p {
  color: #888;
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}
#comments .pingback .url {
  font-size: 13px;
  font-style: italic;
}

/* Comments form */
input[type=submit] {
  color: #333;
}
#respond {
  border-top: 1px solid #e7e7e7;
  margin: 24px 0;
  overflow: hidden;
  position: relative;
}
#respond p {
  margin: 0;
}
#respond .comment-notes {
  margin-bottom: 1em;
}
.form-allowed-tags {
  line-height: 1em;
}
.children #respond {
  margin: 0 48px 0 0;
}
h3#reply-title {
  margin: 18px 0;
}
#comments-list #respond {
  margin: 0 0 18px 0;
}
#comments-list ul #respond {
  margin: 0;
}
#cancel-comment-reply-link {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}
#respond .required {
  color: #ff4b33;
  font-weight: bold;
}
#respond label {
  color: #888;
  font-size: 12px;
}
#respond input {
  margin: 0 0 9px;
  width: 98%;
}
#respond textarea {
  width: 98%;
}
#respond .form-allowed-tags {
  color: #888;
  font-size: 12px;
  line-height: 18px;
}
#respond .form-allowed-tags code {
  font-size: 11px;
}
#respond .form-submit {
  margin: 12px 0;
}
#respond .form-submit input {
  font-size: 14px;
  width: auto;
}


.entry-meta {
  color: #888;
  font-size: 12px;
  padding-top: 10px;
}
.entry-meta abbr,
.entry-utility abbr {
  border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
  border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
  clear: both;
  padding: 12px 0 0 0;
}
.blog .entry-content, .category .entry-content  {
  border-bottom: 1px solid #e7e7e7;
}	
.entry-title a {
  text-decoration: none;
}
.category-testimonial .entry-header, .category-testimonial .entry-meta {
  display: none;
}