/*
Theme Name: CZB
Theme URI: 
Description: The original theme for Czb
Version: 1.0
Author: Agency Fusion
Author URI: http://www.agencyfusion.com
Tags: custom header, fixed width, three columns, widgets

*/

/* Base */
body { background: #3d4245; font-family: georgia, cambria, 'times new roman', serif; font-size: 12px; color: #333333; line-height:1.5em; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, p { margin: 0; padding: 0; }
h1 { font-size: 180%; font-weight: bold; padding-bottom: 0.8em; line-height: 1.2em; }
h2 { font-size: 120%; font-weight: bold; padding-bottom: 0.5em; line-height: 1.4em; }
h3 { font-weight: bold; font-size: 120%; padding: 0.75em 0; }
h5 { border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; text-transform: uppercase; font-size: 110%; padding: 3px 0; margin: 0 0 10px 0; }
a { outline: none; color: #417ca8; text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: none; }
p, small { 	padding-bottom: 1em; }
ul { list-style: square outside; margin-left: 2em; padding-bottom: 1em; }
ol { list-style: decimal outside; margin-left: 2.0em; padding-bottom: 1em; }
li { padding: 0 0 1em 0; }
input {} 
input[type=text] { width: 170px; padding: 3px; }
.label { width: 120px; float: left; }	
th { font-weight: bold;}
td { border: 0; vertical-align: top; padding: 0 5px 5px 0; }
blockquote { padding-left: 2em; }
small { color: #999999; font-size: 90%; line-height: 1.3em; }






/* Navigation */
/* top nav items */
#headernav .navtop  { list-style: none; margin: 0; padding: 0; float: left;  font-family: Arial, 'lucida sans unicode', 'lucida grande', sans-serif; font-size: 95%; }
#headernav .navtop li { float: left; padding: 15px 0 10px 0; }
#headernav .navtop li a { color: black; display: block; height: 63px; background-position: center top; text-indent: -9999px; }
#headernav .navtop li a:hover, #headernav .navtop li.nav_about a:hover, #headernav .navtop li.nav_what a:hover, #headernav .navtop li.nav_work a:hover, #headernav .navtop li.nav_insight a:hover
{ text-decoration: none; background-position: center bottom; }
#headernav .navtop li.nav_about a { width: 106px; background: url(images/nav_about-czb.gif); }
#headernav .navtop li.nav_what a { width: 106px; background: url(images/nav_what-we-do.gif); }
#headernav .navtop li.nav_work a { 	width: 106px; background: url(images/nav_our-work.gif); }
#headernav .navtop li.nav_insight a  { width: 107px; background: url(images/nav_insight.gif); }

/* dropdown nav items */
#headernav .navtop li ul { display: none; position: absolute; list-style: none; margin: 0; padding: 0; background-color: #fff; }
#headernav .navtop li:hover ul, #headernav .navtop li.hover ul { display: block; }
#headernav .navtop li:hover ul.redraw, #headernav .navtop li.hover ul.redraw { 	border-bottom: 1px hidden transparent; } 
#headernav .navtop li ul li { float: none; position: relative; border-bottom: 1px solid #666666; padding: 0;  margin: 0; }
#headernav .navtop li ul li a, #headernav .navtop li.nav_about ul li a, #headernav .navtop li.nav_what ul li a, #headernav .navtop li.nav_work ul li a, #headernav .navtop li.nav_insight ul li a 
{ display: block; width: 86px; height: auto; padding: 5px 10px; color: #ffffff; background-image: none;  background: #161616; text-align: center; text-decoration: none; text-indent: 0; }
#headernav .navtop li ul li a:hover { background: #507986; background-image: none; }
#headernav .navtop li.last ul li a { width: 87px; }

/* sub nav styles */
#navsub { list-style: none; margin: 0; padding: 0; list-style: none; font-size: 95%; }
#navsub li { margin: 0; padding: 0 0 6px 10px; background: url(images/bullet_navsub.gif) left -15px no-repeat; line-height: 1.1em; }
#navsub li a { color: #6295a6; text-decoration: none; }
#navsub li.selected { margin: 0; padding: 0 0 6px 10px; background: url(images/bullet_navsub.gif) left 2px no-repeat; }
#navsub li.selected a { color: #161616; }
#navsub li a:hover { text-decoration: underline; }

/* bot nav styles */
.botnav ul { float: right; margin: 0; padding: 0; list-style: none; font-family: Arial, 'lucida sans unicode', 'lucida grande', sans-serif; text-transform: uppercase; font-size: 85%; }
.botnav li { float: left; padding: 5px 8px 5px 0; }
.botnav li a { padding: 0 8px 0 0; border-right: 1px solid #999999; color: #999999; }
.botnav li.last { padding: 0 8px 0 0; }
.botnav li.last a { padding: 0 8px 0 0; border-right: none; }

/* prev/next */
.navigation { padding: 0 0 10px 0 }

/* Layout */
#headerwrapper { background: url(images/bg_header.gif) left top repeat-x; }
#header { width: 921px; 	height: 104px; margin: auto; }
#headerbody { width: 445px; float: left; padding: 0 0 0 32px; background: url(images/neighborhood_strategies_that_work.gif) right top no-repeat; }
#headernav { width: 435px; float: right;	 }

#bodywrapper { margin: -16px 0 0 0; 	padding: 0 0 20px 0; background: url(images/bamboo.gif) left top repeat #f0eadb; }
#body { clear: both; width: 921px; margin: auto; padding: 24px 0 38px 0; }

#containerTop { 	background: url(images/bg_container_top.gif) top center no-repeat; 	padding: 20px 21px 0 21px; }
#containers { background: url(images/bg_containers.gif) top center repeat-y; padding: 0; }
#containerLeft { width: 670px; float: left; background: url(images/bg_container_left.gif) 15px top no-repeat; margin: 0; padding: 0 0 0 14px; min-height: 300px; }
#containerRight { width: 220px; float: right; margin: 0 14px 0 0; }
#containerBottom { background: url(images/bg_container_bottom.gif) center top no-repeat; padding: 20px 0 0 0; }

#sub_nav  { width: 85px; padding: 20px; float: left; }
#containerMain #content, #containerMain #containerSub { float: left; padding: 20px; width: 505px; }
#containerRight #team { background: url(images/bg_content_right.gif) left bottom no-repeat; }
#containerRight #team, #containerRight #feed { padding: 20px 14px; }

#footer { width: 921px; 	margin: auto; clear: both; 	padding: 20px 0;}





/* Content */
 
 /* the teal */
#sub_nav h1, #sub_nav h3, #sub_nav h4, #sub_nav p, #feed a, table h4, .whitepage a, small a
{ color: #417ca8; }

/* the other blue */
#sub_nav h2, #sub_nav h3
{ color: #6295a6; }

/* the red */
.whitepage h2, #containerRight h2, table h3, .feature_photo, .feature_text, .feature_wide, #containerRight, .email, .bios, .list_nav, .wp-caption, a.rsswidget
{ color: #993333}

/* the gray */
#feed 
{ color: #999999 }

/* the black */
#containterHome #feed
{ color: #333333 }

/* the sans-serif */
h1, h2, h3, h5, #containerHome, #bar, #sub_nav, table, .author, .feature_photo, .feature_wide, #feed, #containerRight, small, .postmetadata, .wp-caption, .comment-meta
{ font-family: Arial, 'lucida sans unicode', 'lucida grande', sans-serif; }

 #logo a  { display: block; width: 104px; height: 110px; background: url(images/logo.gif) top center no-repeat; text-indent: -9999px; line-height: 0; padding-bottom: 0; }
 
 
.more  { padding-right: 10px; background: url(images/more_gray.gif) right 3px no-repeat; }
 
#containerTop p { line-height: 0; padding-bottom: 0; }
#bar { height: 33px; text-transform: uppercase; color: #999999; font-size: 90%; }
#bar a { color: #999999; }
#crumbtrail { float: left; width: 500px; height: 18px; padding: 10px 15px 0 20px; overflow: hidden; }
#crumbtrail span { padding: 0 3px; }
#crumbtrail a:hover { color: #999999; text-decoration: underline; }
#actions { padding: 10px 0 0 0; }
.print { border: 0; background: url(images/print.gif) left top no-repeat; display: block; padding: 2px 0 0 20px; color: #999999; float: left; width: 60px; }
.share { border: 0; background: url(images/share.gif) left top no-repeat; display: block; padding: 0 0 0 20px; float: left; width: 50px; }
input.print:hover,  #actions a:hover  { color: #616161; cursor: pointer; }

#sub_nav  { font-weight: bold; }
#sub_nav h1, #sub_nav h2, #sub_nav h3, #sub_nav h4, #sub_nav p { font-size: 110%; padding: 0 0 0.75em 0; font-weight: bold; }

#containerRight #feed a.more, #containerRight  a.more { padding-right: 10px; background: url(images/more_white.gif) right 3px no-repeat; }
#containerRight #feed ul { font-size: 95%; }
#containerRight h2 { text-transform: uppercase; }


/* posts */
.post { padding: 0 0 5px 0; margin: 0 0 25px 0; border-bottom: 4px double #d3d3d3; } 
h2 a { color: #333333; font-size: 110%; text-decoration: none; }
.entry { clear: both; padding: 10px 0 0 0; }
.postmetadata, .comment-meta { font-size: 90%; clear: both; }
.wp-caption { float: right; padding: 0 0 5px 0; margin: 0 0 10px 15px; border-bottom: 4px double #d3d3d3; 	font-size: 90%; line-height: 1.3em; clear: both; }
p.wp-caption-text { padding: 3px 0;  }

/* the sidebar */
#sidebar ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar ul li
{
	margin: 0;
	padding: 10px 14px 20px 14px;
	background: url(images/bg_content_right.gif) left bottom no-repeat;
}
#sidebar a
{
	color: #417ca8;
}
#sidebar ul li ul li
{
	background: none;
	padding: 0;
	font-size: 90%;
}
.rsswidget img
{
	display: none;
}
#sidebar h2 a.rsswidget
{
	font-size: 100%;
	color: #993333;
}
#containerRight h2
{
	font-size: 95%;
}