/*
Theme Name: Cascadia
Theme URI: http://cascadiabirth.com
Description: Two column theme for Cascadia Birth Services LLC
Version: 1.0
Author: Brent Miller
Author URI: http://foliosus.com
Tags: two-column, fixed width
License: GNU General Public License (GPL) version 3
*/

/*** wordpress defaults ***/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin-right: 10px; margin-bottom: 5px;
}

.alignright {
   float: right;
   margin-left: 10px; margin-bottom: 5px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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;
}

/*** page structure ***/
#wrapper { background: #fcf9ee url(images/paper.jpg) repeat; border-top: 1px solid #364527; margin-top: 40px; border-bottom: 1px solid #364527; margin-bottom: 10px; }
.container { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 1030px; padding: 0; }
  .container > div { margin-left: 40px; }
#secondary_content { margin-top: 1.75em; }

/*** links ***/
a, a:link {
  color: #2b361f;
  text-decoration: none;
  border-bottom: 1px solid;
}
a:visited { color: #b13a08; }
a:hover, a:active { color: #568714; }

/*** header ***/
#head a { text-indent: -999em; background: transparent url(images/logo.png) no-repeat; display: block; width: 390px; height: 128px; margin: -18px 0 0; overflow: hidden; }
#head a, #head a:link, #head a:visited, #head a:hover, #head a:active { border-bottom: none; }

/*** nav bar ***/
#navbar { padding: 0; position: absolute; top: 90px; left: 90px; text-align: left; font-size: 0.85714em;}

#nav, #subnav { list-style:none; margin:0; padding:0; white-space:nowrap; }
  #nav li, #subnav li { list-style-type:none; display:inline; float: left; position: relative; }
  #nav li.search { padding-right: 0; float: right; }
  #nav a, #nav a:link, #nav a:visited  { color: #48602f; padding: 0.25em 10px; display: block; border: none; }
    #nav a:hover, #nav a:active { color: #fff; background-color: #48602f; }
  #nav li.current_page_item > a, #nav li.current_page_parent > a { color:#b13a08; }
    #nav li.current_page_item > a:hover, #nav li.current_page_parent > a:hover { color: #fff; }
  #nav .current_page_item a:hover { border-bottom: none; }
  
  #nav > li { border: 1px solid transparent; }
  #nav ul.children { display: none; visibility:hidden; position: absolute; left: -1px; margin: 0; background: #fff; border: 1px solid #cce0ce; z-index: 50; -moz-box-shadow: 2px 2px 5px #819a95; -webkit-box-shadow: 2px 2px 5px #819a95; -webkit-transition: visibility 0.25s ease-in; -moz-transition: visibility 0.25s ease-in;}
    #nav li:hover .children { display: block; visibility: visible; }
    #nav .children li { display: block; float: none; }


/*** content ***/
#primary_content { padding: 0 0 1em 0; }


/*** post ***/
.post, div.page {
padding:16px 0 2px 0;
}

.firstpost {
padding-top:0;
border-top:none;
}

.firstpost, div.page { margin-bottom: 20px; }


.pdate {
color:#665;
font-size:90%;
padding-top:6px;
text-align:right;
}

.pcomment a {
color:#f29;
font-size:90%;
}


/*** comments ***/
#commentform fieldset { margin:0; padding:0; border:none; }
#commentform label, #commentform input, #commentform textarea { display: block; float: left; }
#commentform textarea { height: 5em; }

.comment, .trackback, .pingback { margin-bottom: 1.5em; }

.comment { position: relative; }
  .comment-idx { margin: 0; position: absolute; left: -40px; font-size: 1.75em; text-align: center; line-height: 0.7em; color: #4a5d5a;
      background: #cce0ce; border: 1px solid #aec5b0; width: 30px; height: 24px; padding-top: 5px; -moz-border-radius: 40px; -webkit-border-radius: 40px; }
  .comment .metadata { margin-top: 0; }
  .comment .metadata p { margin-bottom: 0; }
  .comment h4 { margin-bottom: 0; }
  .comment .gravatar { border: 1px solid #aec5b0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }


/*** search form ***/
#searchform, #searchform * { display: inline; }
#searchform input[type=text] { width: 10em; }
#searchform #s { color: #bbb; padding: 0.25em; }
#searchform #s:focus { color: #666; }

/*** footer ***/
#foot { color: #999; font-size: 0.75em; padding:12px 0; margin-bottom: 1.5em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
  #foot a, #foot a:link, #foot a:visited { color: #999; border-bottom: none; }
  #foot a:hover, #foot a:active { color: #69000c; border-bottom: 1px solid; }
#foot p { margin: 0; padding: 0; }
#footl p { text-align:left; }
#footc p { text-align: center; }
#footr p { text-align:right; }

/*** Home page ***/

#banner { margin-top: 1.5em; }
#banner .ethos { font-size:21px;line-height:1.25; width:470px; background: transparent url(images/flourish_small_left.png) bottom left no-repeat; padding-bottom: 35px; padding-left: 42px; position: relative; left: -42px; top: 75px;}
#banner img { -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666; box-shadow: 1px 1px 4px #666;
              margin-bottom: 3em; border: 1px solid #899989; }

#homepage .button { font-size:1.5em; line-height:1; text-align: center; height: 65px; display: table; margin-bottom: 1em; }
  #homepage .button a { display: table-cell; color: #fff; vertical-align: middle; padding: 0 1em; background-color: #4C6037; color: #fff;
    border: 1px solid #4C6037;
    background-image: -moz-linear-gradient(top, #809868, #4C6037);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #809868),color-stop(1, #4C6037));
    -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; 
    -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666; box-shadow: 1px 1px 4px #666;
  }
  #homepage .button a:hover, #homepage .button a:active { background-color: #cce0ce; color: #4c6037; 
    border-color: #85aba2;
    background-image: -moz-linear-gradient(top, #cce0ce, #aecfc7);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cce0ce),color-stop(1, #aecfc7));
  }


/*** gallery page template ***/
#content-gallery2, #content-gallery4 {
padding:10px 0 4px 0;
}
#content-gallery3 {
padding:10px 20px 4px 20px;
}

.gallery3 .ptitle h2 {
font-size:165%;
}
.gallery4 .ptitle h2 {
font-size:150%;
}

.gallery {
border-top:none;
padding:6px 0 0 0;
}
.gallery .ptitle h2 {
padding:0;
margin:0;
}
.gallery .ptitle h2 a {
padding:0;
}
.gallery .ptitle h2 a:hover {
padding:0;
}
.gallery .pdate {
padding:0 0 6px 0;
text-align:left;
}

/*** crazy webkit hack (make safari & chrome play nice) ***/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  input#searchbtn {padding:3px 20px;}
}


/*** general styling ***/
.metadata { margin-top: -2em; font-size: 0.8571em; color: #48602f; position: relative; }
  .metadata p { margin-bottom: 1.75em; }
  .metadata .date { margin: 0; position: absolute; left: -35px; top: -1.25em; font-size: 1.25em; text-align: center; line-height: 0.85em; color: #4a5d5a; background: #cce0ce; border: 1px solid #aec5b0; width: 30px; height: 25px; padding-top: 5px; -moz-border-radius: 40px; -webkit-border-radius: 40px; }
  .metadata .date .month { font-size: 0.666em; display: block; }
  .firstpost .metadata .date { left: -55px; top: -1.5em; font-size: 1.75em; width: 50px; height: 43px; padding-top: 7px; }

.breadcrumbs { margin-left: 100px; margin-top: -1.25em; }
.breadcrumbs p { font-size: 0.8571em; margin-bottom: 0.75em; color: #568714; }
  .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited { color: #568714; }
  .breadcrumbs a:hover, .breadcrumbs a:active { color: #568714; }

.post img { border: 1px solid #4a5d5a; }

#secondary_content img { -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666; box-shadow: 1px 1px 4px #666;
              margin-bottom: 1.5em; border: 1px solid #899989; }

.facebook_link { background: transparent url(images/facebook-32.png) left center no-repeat; padding: 8px 0 8px 36px; }
  .facebook_link:link { border-bottom: none; }