/*   
Theme Name: Hard Hat Chat
Description: A custom Theme designed for Englewood Construction.
Author: Simplified Solutions
Author URI: http://www.simplifiedsolutions.biz
Tags: custom, blueprint, commercial construction, commercial management 
Version: 1.0
.
This theme is released under the GPL:
http://www.gnu.org/licenses/gpl.txt
.
*/

/* Basics ------------------------------------- */

* { margin:0; padding:0; }
.divclear { clear:both; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display:block; margin-left:auto; margin-right: auto; }

body {
	font-family: Arial;
	line-height:1.6em;
	font-size:14px;
	color:#343434;
	text-align:center;
	background-image: url(http://commercialconstructionblog.com/wp-content/themes/hardhatchat/images/bg_main.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: -100px;
}

div#wrapper {
	width:900px;
	margin:0 auto;
	text-align:left;
	height:100%;
	background-image: url(http://commercialconstructionblog.com/wp-content/themes/hardhatchat/images/bg_col.png);
	background-position: 0px 214px;
	background-repeat: no-repeat;
}

/* Elements ----------------------------------- */

a {
	text-decoration:none;
	color:#CC3300;
}

a:link {
	text-decoration:none;
	color:#CC3300;
}

a:hover {
	text-decoration:underline;
	color:#CC3300;
}

p {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 18px;
	margin-left: 0;
}

h1,h2,h3,h4,h5,h6 {
font-family:Arial;
padding:10px 0 5px 0;
font-weight:bold;
}

h1,h2 {
font-weight:normal;
}

div#content h3, h4,h5,h6 {
font-family:Tahoma, Geneva, sans-serif;
}

ol, ul, li {
list-style:none;
}

code {
font:1em courier new;
}

pre {
border: 1px solid #e1eff3;
font:1em courier new;
color:#233;
margin:10px;
padding:10px;
background:#ecf0d9;
overflow:auto;
}

table {
border-collapse:collapse;
margin:10px auto 10px auto;
background:#fff;
}

td {
border:1px solid #e1eff3;
padding:1em;
}

th {
padding:10px;
border:1px solid black;
background-color:#e1eff3;
}

dl {
margin:10px;
}

dt {
font-weight:bold;
}

dd {
margin:0 0 5px 20px;
}

blockquote {
background:url('images/blockquote.png') no-repeat;
margin:10px 20px;
padding-left:40px;
}

fieldset {
padding:15px;
margin:5px;
}

legend {
padding:5px;
}

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

div#header {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	height: 204px;
	background-image: url(http://commercialconstructionblog.com/wp-content/themes/hardhatchat/images/bg_hdr.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 50px;
	clear:both;
}

h4#site-title {
padding-top:10px;
padding-bottom:18px;
line-height:.5em;
}

h4#site-title a{
	font-size: 34px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

h4#site-title a:hover {
color:#c2e2eb;
}

h1#site-blurb {
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

/* Page List ---------------------------------- */

ul#page-list li {
	float:left;
	margin:5px;
	padding:5px 7px 3px 7px;
	font-size:14px;
}

ul#page-list li li {
font-size:14px;
}

ul#page-list li a {
	margin:0;
	padding:0;
	display:block;
	color:#fff;
	font-family:Arial;
	text-decoration:none;
}

ul#page-list li a:hover {
background-color:none;
color:#ef3e40;
}

ul#page-list ul {
display:none;
position:absolute;
margin:3px 0 0 -10px;
}

ul#page-list li li {
float:none;
}

ul#page-list li:hover > ul {
display:block;
background-color:#32342c;
}

ul#page-list img {
height:auto;
border:0;
margin-bottom:-2px;
}

/* Category List ------------------------------ */

div#navigation {
	clear:both;
	background-color: #000000;
	text-align: left;
}

ul#category-list li {
float:left;
margin:3px;
padding:5px 7px 3px 7px;
font-family:Tahoma, Geneva, sans-serif;
}

ul#category-list li a {
color:#06180a;
margin:0;
padding:0;
display:block;
}

ul#category-list li:hover {
background-color:#fff;
}

ul#category-list li a:hover {
background-color:none;
}

ul#category-list ul {
	display:none;
	position:absolute;
	background-color:#e1eff3;
	margin:3px 0 0 -7px;
}

ul#category-list li li {
float:none;
}

ul#category-list li:hover > ul {
display:block;
}

/* Search Box --------------------------------- */

div#right-navigation {
	float:right;
	width: 275x;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#right-navigation a{
	color: #FFFFFF;
}	

div#right-navigation a:hover{
	color: #CC0000;
}

form#searchform {
	float:right;
	padding:0;
	width: 200px;
	margin-top: 4px;
}
#right-navigation table, th,td {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

input.inputbox {
width:100px;
height:15px;
border:1px inset #000;
padding:1px;
background-color:#eee;
}

input#searchsubmit {
height:19px;
border:1px outset #000;
background-color:#06180a;
color:#eee;
}

input#searchsubmit:active {
border:1px inset #000;
}

/* Archive Page Banners ----------------------- */

div.archive-banner {
	padding:10px;
	margin:0 0 20px 0;
	text-align:center;
	color:#06180a;
	background-color: #d7ecf2;
}

div.archive-banner-bottom {
	margin:-20px 0 20px;
	height:6px;
	background-color: #8fc8d8;
}

div.archive-banner p {
font-family:tahoma;
font-size:.9em;
margin:0;
}

div.archive-banner h2 {
font-size:2.5em;
padding:10px;
}

div#author-archive-banner {
text-align:left;
}

div#author-archive-banner img {
float:left;
padding-right:10px;
}

/* Posts -------------------------------------- */

div.date-box {
float:left;
background-image:url('images/date-holder.png');
width:50px;
height:70px;
margin:0 0 0 -81px;
text-transform:uppercase;
text-align:center;
padding:5px;
font-size:90%;
font-family:Georgia, serif;
}

span.big-date {
font-size:2em;
}

h2.post-title a {
	color:#000;
	line-height: 1.25;
}

h2.post-title a:hover {
	color:#294e8e;
	text-decoration:underline;
}

div.post {
margin-bottom:15px;
overflow:hidden;
}

div.post ol li ol li  {
	list-style-type: lower-alpha;
}

div.post-body {
border-top:0;
}
 #blogTitle {
	background-image: url(http://commercialconstructionblog.com/wp-content/themes/hardhatchat/images/pic_btm.png);
	background-repeat: no-repeat;
	background-position: 0px top;
	background-color: #294e8e;
	height: 60px;
	padding: 10px;
	text-align: right;
}

div#content {
	width:610px;
	float:left;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

div.post-body {
margin-bottom:0px;
padding:10px;
}

div.post-body a {
color:#294e8e;
text-decoration:underline;
}

div.post-body a:hover {
text-decoration:none;
color:#294e8e;
}

p.attachment a {
border:0;
}

p.attachment a:hover {
border:0;
}

div.post-body ul li {
list-style:disc;
}

div.post-body ol li {
list-style:decimal;
}

div.post-body ol li, div.post-body ul li {
margin-left:30px;
margin-right:30px;
margin-bottom:15px;
}

div.post-body ol, div.post-body ul {
margin:10px 0;
}

div.post-body form#searchform {
float:left;
}

/* Single Posts and Pages --------------------- */

h2#single-title {
background-color:#fff;
border:0;
border-bottom:2px solid #ecf0d9;
padding:0 0 10px 0;
}

div#single-body {
border:0;
padding:0;
}

/* Sticky Posts ------------------------------- */

div.sticky h2.post-title {
border:1px solid #17291b;
border-bottom:0;
}

div.sticky div.post-body {
border:1px solid #17291b;
}

h2.post-title {
	font-size:24px;
	padding:10px;
	font-weight: normal;
	line-height: 1.3;
}

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

.wp-caption {
text-align:center;
padding-top:4px;
margin:10px;
}

.wp-caption img {
margin:0;
padding:0;
border:0 none;
}

.wp-caption p.wp-caption-text {
font-size:11px;
font-style:italic;
line-height:17px;
padding:0 4px 5px;
margin:0;
}

div.post-body img {
border:0;
margin:0 10px 10px 0;
}

/* Galleries ---------------------------------- */

div.gallery {
clear:both;
margin: auto;
}

div.gallery a {
border-bottom:0;
}

div.gallery a:hover {
border-bottom:0;
}

dl.gallery-item {
margin:10px 0;
float: left;
text-align: center;
width: 33%;	
}

div.gallery img {
border: 1px solid #cfcfcf;
padding:2px;
}

div.gallery .gallery-caption {
margin-left: 0;
}

div.gallery img:hover {
border:3px solid #78ad78;
padding:0;
}

/* Post Meta ---------------------------------- */

div.post-meta {
font-family:Tahoma;
font-size:.95em;
}

div.post-meta a {
font-style:normal;
}

p#not-found {
text-align:left;
margin:0;
}

/* Post Top Meta ------------------------------ */

div.post-top-meta {
	color:#333333;
	text-align:right;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8fc8d8;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}

div.post-top-meta a {
	color:#ef3e40;
	text-decoration: none;
}

div.post-top-meta a:hover {
	color:#ef3e40;
	text-decoration: underline;
}

span.top-categories {
float:left;
text-align:left;
}

/* Post Bottom Meta --------------------------- */

div.post-bottom-meta {
clear:both;
margin:20px 0;
padding:5px;
background-color:#eff7f9;
color:#566;
}

div.post-bottom-meta a {
color:#455;
text-decoration:underline;
}

div.post-bottom-meta a:hover {
color:#000;
}

div.post-bottom-meta-columns {
float:left;
width:150px;
padding:10px 20px;
}

div.post-bottom-meta-columns ul li{
list-style-type:square;
list-style-position:inside;
}

div.bottom-meta-clear {
clear:both;
}

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

textarea#comment {
width:550px;
}

li.comment, li.pingback {
padding:10px;
margin:15px 0;
}

div.comment-meta {
float:left;
font-family:tahoma;
font-size:.8em;
margin:-40px 0 0 36px;
}

li.pingback div.comment-meta {
margin:0;
}

div.comment-author {
margin-right:5px;
}

div.comment-body p {
margin-top:30px;
}

div.comment-meta a {
color:#455;
border-bottom:1px dotted #aaa;
}

div.comment-author a {
font-weight:bold;
font-style:normal;
color:#233;
}

div.comment-body p a {
color:#233;
border-bottom:1px solid #aaa;
}

li.even {
background-color:#ececec;
border:1px solid #e4e6e7;
}

li.odd {
background-color:#e4e6e7;
border:1px solid #dedede;
}

li.bypostauthor {
border:1px solid #233;
}

/* Next and Previous Links -------------------- */

div.next-and-previous {
border-top:1px solid #dae0c8;
border-bottom:1px solid #dae0c8;
background-color:#ecf0d9;
width:100%;
}

div.next-and-previous a {
color:#455;
}

div.next-and-previous a:hover {
color:#06180a;
}

div.next-and-previous-link {
padding:10px;
width:200px;
}

div.newer-posts {
text-align:right;
}

/* Sidebar ------------------------------------ */

div#sidebar {
	background-color: #c2e2eb;
	float:right;
	margin: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	padding: 0px;
	width: 250px;
}
#sidebar #sidebarTitle {
	background-image: url(images/bg_sidebar_title.png);
	width: 208px;
	height: 17px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}
#sidebar #sidebarElement p {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* Sidebar Ads -------------------------------- */
/* (enable in sidebar.php) */

div#sidebar-ad-area {
width:370px;
height:175px;
}

div.ad-box {
width:150px;
height:150px;
float:left;
background-color:#283a2c;
margin:10px 0 0 19px;
border:2px solid #06180a;
color:#ddd;
}

div.ad-box p {
margin:10px 5px;
}

div.ad-box img {
width:150px;
height:150px;
border:0;
}

/* Sidebar Widgets ---------------------------- */

div#sidebar-widget-area {
margin-top:10px;
}

div.widget {
	width:218px;
	margin:0x;
	padding:12px;
	color:#333333;
	font-size:12px;
}

h3.widget-header {
	background-image: url(http://commercialconstructionblog.com/wp-content/themes/hardhatchat/images/bg_sidebar_title.png);
	width: 208px;
	height: 19px;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin-bottom: 8px;
}

div.widget a {
color:#082c6a;
}

div.widget a:hover {
	border-bottom:0px solid #082c6a;
	color: #CC3333;
	text-decoration: underline;
}

div.widget li {
margin-left:20px;
list-style-type:square;
}

div.widget td a {
font-weight:bold;
}

div.widget form#searchform {
margin-bottom:15px;
}

/* Tabbed Sidebar Widgets --------------------- */

ul.tabnav {
text-align:left;
padding-left:10px;
}

ul.tabnav li {
display: inline;
list-style: none;
padding-right: 5px;
margin:0;
}

ul.tabnav li a {
text-decoration: none;
color: #777;
font-weight: bold;
padding: 4px 6px;
outline: none;
font-family:Tahoma; 
}

ul.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
background:#d0d4bd;
color: #000;
text-decoration: none;
border:0;
}

div.tabdiv {
margin-top:2px;
padding:5px;
}

.ui-tabs-hide {
display: none;
}

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

div#footer {
clear:both;
background-color:#06180a;
color:#fff;
font-size:.9em;
border-top:2px groove #a9ac92;
padding-bottom:20px;
font-family:Tahoma, Geneva, sans-serif;
}

div#footer a {
color:#fff;
}

div#footer a:hover {
color:#feb638;
}

/* Footer Widgets ----------------------------- */

h3.footer-widget-header {
font-weight:normal;
font-size:1.5em;
font-family:Georgia;
}

ul.footer-widget {
float:left;
padding:10px 0px 10px 40px;
text-align:left;
width:240px;
}

ul.footer-widget table {
float:left;
color:#233;
}

div#footer td a {
color:#233;
font-weight:bold;
}

ul.footer-widget caption {
color:#fff;
}

ul.footer-widget form#searchform {
float:none;
}

ul.footer-widget form#searchform label {
display:none;
}

div#footer a.rsswidget {
border-bottom:1px dotted #6b7e9d;
}

/* Footer Fine Print -------------------------- */

div#footer-credits {
float:right;
text-align:right;
padding:20px 40px;
width:360px;
}

div#footer-credits li{
display:inline;
padding-left:10px;
}

div#footer p a {
border-bottom:1px dotted #6b7e9d;
}

#rssLeft{
	float: left;
	width: 200px;
}

#wrapper #sidebar #sidebar-widget-area .widget a {
	text-decoration: none;
}
#wrapper #sidebar #sidebar-widget-area .widget a:link {
	text-decoration: none;
}
#wrapper #sidebar #sidebar-widget-area .widget a:hover {
	text-decoration: none;
}

#signature {
	font-size: 11px;
	line-height: normal;
	color: #446EA9;
}
#signature p {
	font-size: 12px;
	line-height: normal;
	color: #446EA9;
}
#signature img {
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
#wrapper  #content  h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#socialTable {
	background-color: #FFF;
}