/*
THEME NAME: CommunicateHealth
DESCRIPTION: Theme for communicatehealth.org
*/

/* 
RESET (Meyer style!)
*/
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{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:"" "";}

/* 
SET (derived from blueprint) 
*/
body{
  font:14px/22px arial,helvetica,verdana,sans-serif;
  background:#fff url(images/background-pattern.gif) repeat-x scroll 0 0;
  color:#333;
}
a{color:#548030;text-decoration:none;}
a:hover{color:#5aa71c;}
h1{font-weight:bold;font-size:28px;line-height:28px;padding:0;margin:0 0 20px;}
h2{color:#666;font-weight:bold;font-size:24px;line-height:26px;padding:0;margin:0 0 20px;}
h3{color:#666;font-weight:bold;font-size:22px;line-height:24px;margin-bottom:11px;}
h4{color:#666;font-weight:bold;font-size:20px;line-height:22px;margin-bottom:11px;}
h5{color:#666;font-weight:bold;font-size:18px;margin-bottom:11px;}
h6{color:#999;font-weight:bold;font-size:18px;margin-bottom:0;}
p{margin:0 0 22px;}
blockquote{margin:22px;color:#666;font-style:italic;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
dfn{font-weight:bold;}
sup,sub{line-height:0;}
pre{margin:22px 0;white-space:pre;}
pre,code,tt{font:12px 'andale mono','lucida console',monospace;line-height:22px;}
li{ margin-bottom:11px; }
li ul,li ol{margin:0 22px;}
ul,ol{padding:0 22px 22px 33px;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
dl{padding:0 22px 22px 33px;}
dl dt{font-weight:bold;}
dd{margin-left:22px;}
object,embed{margin:0 0 22px;}
label{font-weight:bold;}
fieldset{padding:11px;margin:0 0 22px 0;border:1px solid #ccc;}
legend{font-weight:bold;font-size:11px;}
input[type=text],input[type=password],textarea,select{background-color:#fff;border:1px solid #bbb;padding:5px;}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:#666;}
input[type=text],input[type=password],textarea,select{margin:0 0 11px 0;}
form{margin-bottom:11px;}

/*
Layout
*/

#wrapper {
  width:850px;
  margin:0 auto;
}

.home #wrapper {
  width:881px;
}

#sidebar {
  float:left;
  display:inline;
  width:264px;
}

#container {
  float:right;
  display:inline;
  width:570px;
}

#content {
  margin-top:21px;
}

/*
Header
*/

#header {
  margin-bottom:18px;
}

#site-name a {
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  width:319px;
  height:65px;
  margin:37px 0 0 13px;
  background:#fff url(images/ch-logo.gif) no-repeat scroll 0 0;
}

/*
Sidebar
*/

.not-home #nav-container {
  background:#fff url(images/nav-background-middle.gif) repeat-y scroll 0 0;
}

.not-home #nav-container-inner {
  background:transparent url(images/nav-background-top.gif) no-repeat scroll 0 0;
  padding-top:43px;
}

.not-home #main-nav {
  background:transparent url(images/nav-background-bottom.gif) no-repeat scroll bottom left;
  padding:0 40px 65px 45px;
  list-style:none;
  font-size:15px;
  margin:0;
  line-height:16px;
}

#main-nav ul {
  display:none;
  list-style:none;
  margin:0;
  padding:0 0 0 20px;
  font-size:13px;
}

#main-nav .current_page_item ul,
#main-nav .current_page_ancestor ul {
  display:block;
}

#main-nav ul li {
  margin:6px 0 0;
}

#main-nav .current_page_item ul a,
#main-nav a {
  color:#fff;
}

#main-nav .current_page_item a,
#main-nav a:hover {
  color:#7ac043;
  text-decoration:none;
}

/* wp-list-pages not working properly in 2.8, so hide pages with css */
li.page-item-50 {
  display:none;
}

#sidebar-items {
  margin-left:15px;
  color:#333;
}

#widget-list {
  margin:20px 0 0 0;
  padding:0;
  list-style:none;
  width:232px;
}

.home #widget-list {
  display:none;
}

#widget-list li.widget {
  background:#d7e2d9;
  padding:20px;
  margin-bottom:18px;
}

h3.widgettitle {
  line-height:22px;
  font-size:18px;
  font-weight:bold;
  margin-bottom:18px;
}

.widget h4 {
  font-size:14px;
  line-height:22px;
  font-weight:bold;
  margin:18px 0 0 0;
}

.widget_betterarchives .archive-link {
  padding:0;
  text-align:right;
  font-size:14px;
  line-height:22px;
  font-weight:bold;
  font-style:italic;
}

.widget_betterarchives ul {
  font-size:14px;
  line-height:22px;  
  font-weight:bold;
  margin:0;
  padding:0;
}

.widget_betterarchives li {
  list-style:none;
  font-weight:normal;
  margin:0;
  padding:0;
}

.widget_betterarchives li a {
  font-weight:bold;
}

.widget_search h3 {
  margin-bottom:0;
}

.widget_search input.text {
  margin:0 5px 0 0;
  padding:7px;
  border:0;
}

.widget_search input.button {
  padding:7px 5px;
  font-size:11px;
  border:0;
  background:#b8c1b9;
  color:#242424;
  font-weight:bold;
  pointer:cursor;
}

.widget_search input.button:hover {
  background:#9CA99D;
}

.widget .rss-link {
  font-size:18px;
  line-height:22px;  
  font-weight:bold;
}

.widget .rss-link img {
  vertical-align:-5px;
  margin-right:7px;
}

/*
Home Page
*/

#home-container-top {
  background:transparent url(images/home-background-top.gif) no-repeat scroll 0 0;
}

#home-container-middle {
  background:transparent url(images/home-background-middle.gif) repeat-y scroll 0 0;
}

#home-container-bottom {
  background:transparent url(images/home-background-bottom.gif) no-repeat scroll bottom left;
  padding:20px 0 90px;
}

.home #main-nav {
  background:none;
  padding:20px 40px 18px 45px;
  list-style:none;
  font-size:15px;
  margin:0;
  line-height:16px;
}

.home #sidebar {
  margin-right:12px;
}

.home #sidebar #main-nav {
  padding-right:0;
}

.home #container {
  margin-right:40px;
  width:565px;
}

.home #container h2 {
  color:#fff;
  font:normal 45px/48px arial,sans-serif;
  margin-bottom:30px;
}

.home #container h3 {
  color:#fff;
  font:bold 45px/48px arial,sans-serif;
  margin-bottom:26px;
}

.home #container p {
    color:#313131;
    font-size:18px;
    line-height:26px;
    margin-bottom:20px;
}

.home #blog-button {
  margin-left:30px;
}

/*
Blog
*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.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 0 5px;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 14px;
   padding: 0 4px 5px;
   margin: 0;
   text-align: left;
}

#content ul li {
  list-style-image:url(images/bullet.png);
  list-style-type:square;
}

p.footnote {
  font:normal 12px/14px arial,sans-serif;
}

#blog-banner {
  margin-bottom:30px;
}

.page-title,
.entry-title {
  font-size:30px;
  font-size:38px;
  line-height:38px;
  font-weight:normal;
  margin-bottom:26px;
  color:#7ac142;
}

.single .entry-title,
.blog .entry-title {
  font-size:24px;
  line-height:26px;
  font-weight:normal;
  margin-bottom:24px;
  color:#7ac142;
}

.entry-meta {
  border-bottom:1px solid #c4cec6;
  clear: both;
  padding-bottom:5px;
}

.entry-meta p {
  margin:0;
}

#nav-below .nav-previous {
  float:left;
  display:inline;
  width:40%;
}

#nav-below .nav-next {
  text-align:right;
  float:right;
  display:inline;
  width:40%;
}

#nav-below {
  overflow:auto;
  margin-bottom:22px;
}

#comments-list, 
#respond {
  background:#d7e2d9;
  padding:20px;
  margin-bottom:22px;
}

#comments-list h3,
#respond h3 {
  font-size:16px;
  margin-bottom:22px;
}

#comments-list ol {
  padding:0;
  list-style:none;
}

#comments-list .comment-meta {
  margin-bottom:11px;
}

.comment-author img {
  display:none;
}

#respond input,
textarea#comment {
  padding:7px;
  border:0;
}

#respond .form-textarea {
  background:#fff;
  margin-bottom:20px;
}

textarea#comment {
    overflow:auto;
}

#respond .form-submit {
  height:36px;
}

#respond .form-submit {
  text-align:right;
}

#respond .form-submit input {
  background:#b8c1b9;
  color:#333733;
  font-size:14px;
  cursor:pointer;
}

#respond .form-submit input:hover {
  background:#9ca99d;
  color:#333733;
  font-size:14px;
}

/*
What We Do
*/

body.pageid-26 #content h3 {
  font:bold 14px/22px arial,sans-serif;
  color:#666;
  margin-bottom:5px;
}

body.pageid-26 #content li {
  margin-bottom:5px;
}

/*
Multiple Posts on a Page
*/

body.archive .entry-meta,
body.blog .entry-meta {
  border:0;
}

body.archive .post,
body.blog .post {
  border-bottom:1px solid #c4cec6;
  padding-bottom:22px;
  margin-bottom:22px;
}

body.archive .entry-title,
body.blog .entry-title {
  font:normal 24px/26px arial,sans-serif;
}

body.archive .page-title {
  border-bottom:1px solid #c4cec6;
  padding-bottom:22px;
  margin-bottom:22px;
}

body.archive.category .page-title,
body.archive.date .page-title {
  color:#666;
}

.search .page-title {
  border-bottom:1px solid #c4cec6;
  padding-bottom:22px;
  margin-bottom:22px;
  color:#666;
}

/*
Show and hide blocks
*/
.page #widget-list {
  display:none;
}

.pageid-17 #widget-list {
  display:block;
}

.pageid-17 #blog-button {
  display:none;
}

/*
Archives
*/

.pageid-17 #content h2 {
  font:bold 14px/22px arial,sans-serif;
  color:#7AC142;
  border-bottom:1px solid #c4cec6;
  padding-bottom:8px;
  margin-bottom:8px;
}

.pageid-17 #content ul {
    list-style:none;
    margin:0 0 33px;
    padding:0;
}

.pageid-17 #content li {
  border-bottom:1px solid #c4cec6;
  padding-bottom:8px;
  margin-bottom:8px;
  list-style: none;
}

.pageid-17 #content li a {
  color:#333;
}

/* 
  footer
*/

#footer {
  clear:both;
  padding-left:280px;
  padding-bottom:30px;
  font-size:14px;
  color:#666;
}

#footer p {
  border-top:8px solid #d7e2d9;
  padding-top:10px;
}

h3.before-list,
h2.before-list,
p.before-list {
   margin-bottom:5px;
}