/*
Theme Name: Creative Theme
Theme URI: http://creativecarpentry.net
Description: Custom theme for the Creative Carpentry website
Version: 0.1
Author: Webstractions Web Development	
Author URI: http://webstractions.com
Template: hybrid
*/

/* Get base CSS */
@import url('18px.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
/*@import url('drop-downs.css');*/


/**
* Body
************************************************/
body {
	font: 11px/20px Verdana, Geneva, Tahoma, sans-serif;
	background-color:#0f321f;
	}

/* Body container */
#body-container {
	background: #0F321F; /*url(images/bg-top.jpg) repeat-x 0 0;*/
	}

/**
* Elements
************************************************/

/* Links */
a, a:visited  {
	color: #B0D0B0;
	text-decoration: underline;
	}
a:hover, a:active {
	text-decoration: none;
	color:#fff;
	}
.entry-content a {
	color: #B0D0B0;
	}
a.jobs {color:#fff; text-decoration:none;}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #b0d0b0;
	/*border-bottom: 1px solid #aba;*/
	}
/* Lists */
.content ul {
	list-style: circle outside;
	margin-left: 20px;
}
.content ul li {
	list-style: circle outside;
	/*overflow: hidden;
	padding-left: 15px;
	background: url(images/bullet.gif) no-repeat 0 6px;*/
	
	}

/* Blockquotes */
blockquote {
	overflow: hidden;
	height: 100%;
	margin: 0 24px 0  0;
	padding: 3px 0 0 24px;
	font-style: italic;
	color: #444;
	background: url(images/quotes.gif) no-repeat 0 0;
	border: none;
	}
blockquote blockquote {
	color: #555;
	}
blockquote em {
	font-style: normal;
	}
blockquote.pullquote {
	width: 210px;
	margin-top: 6px;
	margin-bottom: 3px;
	padding: 6px 9px;
	text-align: center;
	font: italic normal normal 20px/22px Georgia, Times, 'Times New Roman', serif;
	color: #444;
	background: transparent;
	border-top: 3px double #ddd;
	border-bottom: 3px double #ddd;
	}
.pullquote p {
	margin: 0;
	}

/* Code */
code {
	padding: 0 3px;
	font-size: 12px;
	background: #eee;
	}
pre {
	overflow: auto;
	padding: 9px;
	font-size: 12px;
	color: #000;
	background: url(images/code.png) repeat 0 0;
	border: 1px solid #ddd;
	}
pre code {
	padding: 0;
	background: transparent;
	}

/* Tables */
table {
	width: 100%;
	background: #ddd;
	}
caption {
	font: italic normal normal 12px/22px Verdana, Geneva, Tahoma, sans-serif;
	text-align: right;
	color: #666;
	}
tr {
	margin: 1px;
	border: 1px solid #ddd;
	}
td {
	padding: 3px;
	background: #f7f7f7;
	border: 1px solid #ddd;
	}
tr.alt td, tr.even td {
	background: #eee;
	}
th {
	padding: 3px;
	color: #fff;
	background: #093653;
	border: 1px solid #ddd;
	}
th a {
	font-weight: bold;
	color: #eee;
	}

dl.tabular { 
	/*	border-bottom: 1px solid #D0D8D0; 
background-color: #ded; 
	color: #040; */
	}
dl.tabular dt { 
	width:150px; padding: 4px 0px 5px 13px; 		
	float: left; margin: 0; 
	/*border-top: 1px solid #D0D8D0;*/ font-weight: bold; 
	color:#B0D0B0;
	}
dl.tabular dd { margin:0 0 0 160px; padding: 5px; }
dl.tabular dd.first { /*border-top: 1px solid #D0D8D0;*/ }

/* Acronyms */
acronym {
	border-bottom: 1px dotted #333;
	}

/* Drop caps */
.drop-cap {
	float: left;
	margin-right: 3px;
	font: normal normal normal 48px/39px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif;
	color: #444;
	}

/* Notes */
.note {
	padding: 6px 9px;
	background: #eee;
	border: 1px solid #ccc;
	overflow: hidden;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	color: #400;
	}

/* Errors */
.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}

/* Alignment */
.left, .alignleft {
	float: left;
	margin: 0 20px 0 0;
	}
.right, .alignright {
	float: right;
	margin: 0 0 0 20px;
	}
.center, .aligncenter {
	display: block;
	margin: 0 auto 20px auto;
	}
.block, .alignnone {
	display: block;
	margin: 0 0 20px 0;
	}
.clear {
	clear: both;
	}
span.pullquote {
	float: none;
	margin: 0;
	}

/**
* Images
************************************************/
.post img {
	max-width: 562px;
	border: 4px solid #fff;
	}
img.noborder {
	border: 0;
}

img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}

/* Captions */
.wp-caption {
	max-width: 590px;
	padding: 4px 4px 4px 4px;
	background: #eee;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: 11px;
	color: #666;
	}
.wp-caption img {
	max-width: 588px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
	}

/* Gallery [gallery] */
.gallery {
	display: block;
	text-align: center;
	margin-bottom: 20px !important;
	}
.gallery img {
	border: 1px solid #3c738c;
	}
.gallery dl {
	margin:0;
}

/* Author avatar */
.avatar {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	padding: 4px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Thumbnail */
.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 20px 10px 0;
	padding: 4px;
	background: #eee;
	border: 1px solid #ccc !important;
	}
.category img.medium {
	float: left;
	max-width: 230px;
	margin: 0 20px 10px 0;
	padding: 4px;
	background: #eee;
	border: 1px solid #ccc;
	}

/**
* Page Navigation
************************************************/
#navigation {
/*	border-left: 1px solid #679579;
	overflow: hidden;
	width: 209px;*/
	}
#page-nav {
	float: left;
	width: 210px;
/*	background: #33553D;*/

	}
#page-nav ul {
	list-style: none;
	margin: 4px auto 0 auto;
	 background-color: #7CA082;
	}
#page-nav li {
	border:2px solid #587858;
	margin:3px auto;
	padding:9px 0;
	width:198px;
	background-color:#33553D;
	}
#page-nav li:hover, #page-nav a:hover, #page-nav li.current_page_item:hover {
	 background-color: #679579;
	 text-decoration: none;
}
#page-nav a {
	display: block;
	font: normal normal normal 16px/16px Verdana, Geneva, Tahoma, sans-serif;
	color: #bcb;
	padding: 0 15px 0 15px;
	text-decoration:none;
}
#page-nav li.current_page_item {
	background: #578569; /*url(images/bullet.gif) no-repeat scroll 2px 11px;*/
}
#page-nav li.current_page_item a {
	color: #ffffff;
}

/* Drop-down styles */
#page-nav li:hover ul, #page-nav li.sfHover ul  {
	top: 28px;
	}
#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {
	top: -1px;
	}
#page-nav ul ul {
	border-top: 1px solid #222;
	background: #111;
	}
#page-nav li li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #222;
	}
#page-nav li li a {
	padding: 7px 7px;
	border: none;
	font-size: 11px;
	}

/* Request Quote Nav Item */
.page-item-165 {
	
}

/* Service Area Box */
.service-area {
}

/**
* Search form (in navigation)
************************************************/
#navigation .search {
	float: right;
	width: 200px;
	height: 25px;
	}
#navigation input {
	float: right;
	width: 170px;
	height: 15px;
	margin: 4px 0 0 0;
	padding: 1px 8px 1px 22px;
	font: normal normal normal 11px/15px Verdana, Geneva, Tahoma, sans-serif;
	color: #aaa;
	background: #001328 url(images/search-icon.png) no-repeat 5px 0;
	border: 1px solid #011e3f;
	}
#navigation .search-submit, #navigation .button {
	display: none;
	}

/**
* Header
************************************************/
#header-container {
	overflow: hidden;
	height: 144px;
	padding-top:30px;
	background: transparent;
}
#header {
	overflow: hidden;
	width: 832px;
	height: 136px;
	margin: 0px auto;
	border: 4px solid #ffffff;
	background-color: #C2D5C2;
	}
#site-title {
	float: left;
	width: 450px;
	height: 136px;
	background: url(images/ccr-logo.jpg) no-repeat scroll;
	}
#site-title a {
	display: none;
	}
#site-description {
	display: none;
	}

#phone-tagline {
	float: right;
	position: relative;
	top: 55px;
	margin-right: 10px;
}

/**
* Header utility widget
************************************************/
#utility-header {
	overflow: hidden;
	float: right;
	width: 500px;
	height: 60px;
	}
#utility-header .widget {
	line-height: 19px;
	margin: 0;
	padding: 0;
	color: #aaa;
	background: transparent;
	border: none;
	}
#utility-header .widget-inside div, #utility-header .widget-inside img {
	float: right;
	}

/**
* Category Navigation
************************************************/
#cat-navigation {
	width: 960px;
	height: 28px;
	margin: 0 auto;
	font: normal normal bold 12px/12px Verdana, Geneva, Tahoma, sans-serif;
	text-transform: uppercase;
	}
#cat-nav {
	float: left;
	width: 760px;
	height: 25px;
	border-left: 1px solid #2b526b;
	}
#cat-navigation ul {
	list-style: none;
	margin: 0;
	}
#cat-navigation li {
	float: left;
	border-right: 1px solid #2b526b;
	}
#cat-navigation a {
	display: block;
	padding: 7px 20px 6px 20px;
	text-transform: uppercase;
	color: #fafafa;
	}
#cat-navigation li li a {
	width: 160px;
	font: normal normal bold 10px/10px Verdana, Geneva, Tahoma, sans-serif;
	padding: 8px 10px;
	color: #fff;
	background: #2b526b;
	border-top: 1px solid #244960;
	}

/* Drop-down controls */
#cat-nav ul ul, #cat-nav ul ul ul {
	width: 180px;
	}
#cat-nav li li:hover ul, #cat-nav li li li:hover ul {
	left: 180px;
	}
#cat-nav li:hover ul, #cat-nav li.sfHover ul {
	top: 2.05em;
	}
#cat-nav li li:hover ul, #cat-nav li li.sfHover ul, #cat-nav li li li:hover ul, #cat-nav li li li.sfHover ul  {
	top: 0;
	}
#cat-nav ul ul {
	background: #2b526b;
	}

/* Make sure page menu overlaps category menu */
#cat-nav ul.menu {
	position: relative;
	z-index: 98;
	}
#page-nav ul.menu {
	position: relative;
	width: 209px;
	z-index: 99;
	}

/**
* Subscribe/feed link (in navigation)
************************************************/
#cat-navigation #feed {
	width: 180px;
	float: right;
	}
#feed li {
	float: right;
	border: none;
	}
#feed li a {
	padding: 7px 18px 6px 0;
	background: url(images/feed-icon.png) no-repeat right 7px;
	}

/**
* Container (content/primary/secondary)
************************************************/
#container {
	overflow: hidden;
	width: 832px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: #537D5D url(images/container-bg.gif) repeat-y left 0;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	color:#f0f8f0;
}
.page-template-no-widget #container, .primary-inactive.secondary-inactive #container {
	background: #537D5D;
	}

.content {
	overflow: hidden;
	float: right;
	width: 570px;
	padding: 0 30px 0px 0;
	}
.page-template-no-widgets .content, .primary-inactive.secondary-inactive .content {
	width: 920px;
	}

/**
* Posts
************************************************/
.post {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	}
.single .post, .page .post {
	margin-bottom: 0;
	}
.page-template-blog .post, .page-template-quick-post .post {
	margin-bottom: 20px;
	}

/* Post title */
.entry-title {
	margin-bottom: 3px;
	font: 15px/18px georgia, times, 'times new roman', serif;
	font-weight: bold;
	}
.entry-title a {
	color: #b0d0b0;
	text-decoration: underline;
	}
.home .entry-title, .page-title, .page-template-blog .entry-title, .single-title, .error-404-title, .attachment-title {
	font: normal normal bold 22px/22px georgia, times, 'times new roman', serif;
	}
.page-title, .error-404-title {
	margin: 0 0 20px 0;
	}

/* Byline */
.byline {
	font-size: .9em;
	font-style: italic;
	color: #efe;
	}
.archive .byline, .search .byline {
	margin: 0 0 3px 0;
	}
.byline a {
	font-style: normal;
	}

/* Entry */
.entry-content, .entry-summary {
	overflow: hidden;
	font-size: 13px;
	}
	

/* Post meta data */
.entry-meta {
	clear: both;
	display: block;
	padding: 9px 0 0 0;
	font-size: .9em;
	font-style: italic;
	color: #efe;
	border-top: 1px solid #B0D0B0;
	}
.entry-meta a {
	font-style: normal;
	}

/* Page links */
p.pages {
	font-weight: bold;
	}
p.pages a {
	margin: 0 2px;
	padding: 4px 12px;
	font-weight: normal;
	font-style: italic;
	color: #eee !important;
	background: #093653;
	border: 1px solid #eee;
	}

/* Series */
.series-title {
	font-size: 1.2em;
	}

/* Single-post author box */
.single .author-profile {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 9px 9px 0 9px;
	background: #f7f7f7;
	border: 1px solid #ccc;
	}
.single .author-profile p {
	margin: 0 0 9px 0;
	}
.single .author-profile .avatar {
	margin: 0 20px 9px 0;
	}

/* Page templates */
.author-profile {
	overflow: hidden;
	margin-bottom: 20px;
	}
.page-template-biography .author-profile {
	margin: 0;
	}
.author-profile .author-name {
	margin-bottom: 0;
	font-size: 1em;
	font-weight: bold;
	}
.post-box {
	overflow: hidden;
	margin-bottom: 20px;
	}

/* Archive templates */
.category-title, .tag-title, .date-title, .author-title, .search-title {
	font: normal normal bold 22px/22px georgia, times, 'times new roman', serif;
	}
.category-description {
	font-size: 13px;
}
.author-info, .category-info, .date-info, .tag-info, .search-info {
	overflow: hidden;
	margin: 0 0 20px 0;
	}

/* Attachments (post meta data) */
.attachment object {
	width: 100%;
	height: 100%;
	min-height: 400px;
	}
.attachment object.video {
	width: 100%;
	height: 360px;
	}
.attachment object.audio {
	width: 100%;
	}
.attachment-image .post-meta-data {
	clear: left;
	}
.attachment .download {
	display: block;
	margin-bottom: 20px;
	}
.attachment-icon, .mime-type-icon {
	height: 20px;
	margin-right: 10px;
	padding: 0;
	}
.attachment-application-octet-stream .video {
	height: 400px;
	margin-bottom: 20px;
	}

/* Breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	font-size: 11px;
	color: #efe;
	}

/* WP PageNavi */
.wp-pagenavi {
	overflow: hidden;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend {
	float: left;
	margin: 0 6px 0 0;
	padding: 4px 12px;
	color: #eee !important;
	background: #093653;
	border: 1px solid #eee;
	}

/* Navigation links */
.navigation-links {
	overflow: hidden;
	}
.next, .previous {
	max-width: 50%;
	font-size: 13px;
	}
.previous {
	float: left;
	}
.next {
	float: right;
	text-align: right;
	}
#comments-template .paged-navigation {
	text-align: center;
	}
#comments-template .paged-navigation .page-numbers {
	padding: 3px 6px;
	font-style: italic !important;
	border: 1px solid #eee !important;
	}
#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev {
	float: none;
	text-align: left;
	border: none !important;
	}

/**
* Widgets in general
************************************************/
.widget {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 9px 9px 0 9px;
	background:  transparent;
	}
.widget-title {
	margin: 0 0 15px 0;
	padding: 3px 10px;
	font: 15px/18px georgia, times, 'times new roman', serif;
	font-weight: bold;
	color: #f7f7f7;
	}
.widget-title a {
	color: #f7f7f7;
	}
.widget ul {
	list-style: none;
	margin-left: 0;
	}
.widget ul li {
	padding: 0 0 0 18px;
	background: url(images/bullet.gif) no-repeat 3px 7px;
	}

/* Widget search */
.widget-search .search-text {
	width: 300px;
	}

/* Widget categories */
.widget-categories img {
	position: relative;
	max-height: 16px;
	top: 1px;
	margin: 0;
	padding: 0;
	}

/**
* Content-area widgets (mostly utility widgets)
************************************************/
.content .widget {
	margin: 0;
	padding: 0;
	border: none;
	}
.content .widget-title {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font: normal normal bold 14px/20px georgia, times, 'times new roman', serif;
	color: #333;
	background: transparent;
	border-bottom: 1px solid #ddd;
	}
.content .widget-title a {
	color: #093653;
	}
.page-template-widgets .content .widget {
width:920px;
	margin: 0 20px 20px;
	}

/**
* Primary, Secondary, and Tertiary
************************************************/
#widget-container {
	float: left;
	margin-top: -20px;
	width: 210px;
	}
#primary {
	overflow: hidden;
	float: left;
	width: 210px;
	}
#secondary {
	overflow: hidden;
	clear: right;
	float: right;
	width: 93px;
	margin: 0 0 0 14px;
	}
#tertiary {
	overflow: hidden;
	float: right;
	width: 93px;
	}
#primary .widget ul li {
	margin: 0 0 5px 0;
	padding: 0 5px 5px 20px;
	background: url(images/bullet-sidebar.gif) no-repeat 5px 7px;
	border-bottom: 1px solid #85A88a;
	}
#primary .widget ul ul {
	margin: 5px 0 0 0;
	}
#primary .widget ul li li {
	margin: 0 0 2px 0;
	padding: 0 0 2px 20px;
	border: none;
	}
#primary object {
	float: left;
	width: 160px;
	padding: 0;
	margin: 0 0 9px 0;
	}

/**
* Comments
************************************************/
#comments-template {
	margin-top: 20px;
	}

/* Comment headers */
#comments-number, #reply {
	font-size: 1.2em;
	}

/* Comments are closed */
.comments-closed {
	color: #efe;
	font-style: italic;
	display: none;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0;
	}

/* Individual comments */
#comments li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	color: #333;
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
#comments li li, #comments li li li li, #comments li li li li li li {
	background: #fff;
	}
#comments li li li, #comments li li li li li {
	background: #f7f7f7;
	}

/* Avatar */
#comments li .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 20px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment meta data */
#comments .comment-author {
	font-weight: bold;
	}
#comments .comment-meta-data {
	margin-bottom: 15px;
	}

/* Comment text */
.comment-text {
	clear: left;
	font-size: 13px;
	}

/* Forms */
.text-input {
	display: block;
	padding: 3px 6px;
	width: 300px;
	font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
.page-template-quick-post .text-input {
	width: 97.5%;
	}
#comments-template label {
	font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
textarea {
	clear: left;
	display: block;
	width: 98%;
	font: 14px/20px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
span.wpcf7-form-control-wrap textarea {
	clear: none;
}
span.required {
	color: #992222;
	padding-left: 3px;
}
span.wpcf7-not-valid-tip {
	background: yellow !important;
	border:1px solid #FF0000;
	color:red;
	left:0 !important;
	width:185px !important;
	z-index:100;
	top: -30% !important;
}

.button {
	width: 100px;
	margin-right: 9px;
	padding: 6px 9px;
	font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: bold;
	color: #eee;
	background: #001838;
	border: none;
	}
.button:hover {
	cursor: pointer;
	background: #093653;
	}
.search-form input {
	margin-right: 9px;
	}

/* Use this over fieldset elements */	
.form-set {
	background-color:#668866;
	border:1px solid #779977;
	color:#EEFFEE;
	margin:-10px 0 20px;
	padding:10px 7px 0 10px;
	width:551px;
}
.form-set dl.tabular dd, .form-set dt {
	color: #B0D0B0;
}
fieldset {
	background-color: #ded;
	border: 2px solid #AABBAA;
	padding-left: 15px;
	width:551px;
	color: #040;
}
legend {
 background-color: #cdc;
 border: 1px solid #bcb;
 margin:5px 0;
 padding: 3px 10px;
 text-transform: uppercase;
}

fieldset dl.tabular, fieldset dl.tabular dt, fieldset dl.tabular dd {
	border: 0; background-color: #ded; color:#040;
}
fieldset dl.tabular dt {
	width: 80px; text-align: right;
}
fieldset dl.tabular dd {
	margin: 0 0 0 110px;
}
/**
* Footer container (wraps Subsidiary and Footer)
************************************************/
#footer-container {
	overflow: hidden;
	clear: both;
	background-color: #0F321F;
}


/**
* Subsidiary
************************************************/
#subsidiary {
	overflow: hidden;
	width: 832px;
	margin: 0 auto 14px auto;
	padding: 2px 0 0 0;
	background-color: #33553D;
	border:4px solid #FFFFFF;
	}
#subsidiary .widget {
	overflow: hidden;
	float: left;
	width: 186px;
	margin: 0;
	padding: 15px 10px 0 10px;
	font: 12px/21px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #777;
	background: transparent;
	border: none;
	}
#subsidiary .widget-title {
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	font-size: 15px;
	color: #bbb;
	background: transparent;
	border-bottom: 1px solid #575;
	}
#subsidiary a {
	color: #aaa !important;
	}
#subsidiary .widget ul {
	margin-left: 0;
	}
#subsidiary .widget ul li {
	margin: 0 0 3px 0;
	padding: 0 5px 3px 5px;
	background: transparent;
	}

/**
* Footer
************************************************/
#footer {
	overflow: hidden;
	color: #888;
	background-color: #1D3126;
	text-align: center;
	}
#footer a {
	font-style: normal;
	color: #888;
	}
#footer .copyright {
	/*display: inline;
	float: left;	
	margin-right: 9px;*/
	}
#footer .credit, #footer .credit a {
	color: #0F321F;
}
/**
 *  External Scripts
 *****************************************************/
#external-scripts {display:none;}

body.front-page .entry-title a {
	text-decoration: none;
}
body.not-logged-in .byline, body.not-logged-in .entry-meta, body.not-logged-in .post-meta {
	display: none;
}