/*
Theme Name: CanSpec Inspection
Theme URI: http://www.canspecinspection.com
Description: CanSpec inspection website with ask an expert corner
Version: 1.0
Author: Xray Sierra
Author URI: http://www.xraysierra.com
Tags: environment housing inspection
*/

/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

body,html {
	font: 100%/1.0em normal Arial, Helvetica, sans-serif; 
	color: #3e4b04;
	background: #FFFFFF url('images/header_bg.gif') repeat-x;
}

ul {
	list-style:none;
}

a {
	color:#46483C;
}

a:hover {
	text-decoration:none;
}

p {
	margin: 10px 0;
}


a img {
	border: 0;
}

.clear {
	clear: both;
}

.aligncenter {
	text-align: center;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.small {
	font-size: 0.8em;
}

 /* LAYOUT STRUCTURE
--------------------------------------------------*/

#header {
	background: url('images/header_house.jpg') no-repeat 607px 60px;
	margin: 0 auto;
	width: 1000px;
	height: 414px;
}


/* HEADER ELEMENTS 
--------------------------------------------------*/

#topMenu {
	background: url('images/menu.gif') repeat-x 0 0;
	width: 1000px;
	height: 54px;
}

#topMenu ul { list-style: none; }

#topMenu ul li {
	text-transform: uppercase;
	text-align: center;
	float: left;
	display: block;
	position: relative;
	z-index: 500;
}

#topMenu ul li a {
	padding: 20px 0 0 0;
	width: 125px;
	height: 34px;
	color: #fff;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
}

#topMenu ul li a:hover {
	background: url('images/menu_hover.png') 0 3px no-repeat;
}

#topMenu ul li .sub-menu {
	position: absolute;
	left: 0;
	top: 52px;
	display: none;
	background: #c7543d;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	float: none;
	font-size: 12px;
}

#topMenu ul li .sub-menu a {
	padding: 18px 5px 0 5px;
}

#topMenu ul li .sub-menu a:hover {
	background: #dc8c69;
}


/* 
#topMenu .page-item-8 a:hover { background: url('images/menu.gif') repeat-x 0 -54px; }
#topMenu .page-item-13 a:hover { background: url('images/menu.gif') repeat-x -125px -54px; }
#topMenu .page-item-10 a:hover { background: url('images/menu.gif') repeat-x 250px -54px; }
#topMenu .page-item-15 a:hover { background: url('images/menu.gif') repeat-x 375px -54px; }
#topMenu .page-item-17 a:hover { background: url('images/menu.gif') repeat-x 500px -54px; }
#topMenu .page-item-21 a:hover { background: url('images/menu.gif') repeat-x 625px -54px; }
#topMenu .page-item-19 a:hover { background: url('images/menu.gif') repeat-x 750px -54px; }
#topMenu .page-item-11 a:hover { background: url('images/menu.gif') repeat-x 125px -54px; }

#topMenu .page-item-8.current_page_item { background: url('images/menu.gif') repeat-x 0 -54px; }
#topMenu .page-item-13.current_page_item { background: url('images/menu.gif') repeat-x -125px -54px; }
#topMenu .page-item-10.current_page_item { background: url('images/menu.gif') repeat-x 250px -54px; }
#topMenu .page-item-15.current_page_item { background: url('images/menu.gif') repeat-x 375px -54px; }
#topMenu .page-item-17.current_page_item{ background: url('images/menu.gif') repeat-x 500px -54px; }
#topMenu .page-item-21.current_page_item { background: url('images/menu.gif') repeat-x 625px -54px; }
#topMenu .page-item-19.current_page_item { background: url('images/menu.gif') repeat-x 750px -54px; }
#topMenu .page-item-11.current_page_item { background: url('images/menu.gif') repeat-x 125px -54px; }
*/

#headerInfo {
	font-size: 0.8em;
	width: 600px;
	height: 320px;
	margin: 20px 0 0 0;
	font-size: 0.9em;
	line-height: 1.4em;
	position: relative;
}

#headerInfoOLD {
	background: url('images/calculate.jpg') no-repeat 40px 180px;
	font-size: 0.8em;
	width: 500px;
	height: 320px;
	margin: 20px 0 0 0;
}

#headerInfo h1 {
	margin: 0 0 20px 0;
	text-indent: -9999px;
	background: url('images/logo.jpg') no-repeat;
	width: 349px;
	height: 101px;
}

#headerInfo .readmore {
	text-align: right;
}

#headerInfo .newservice {
	float: left;
	margin: 0;
	padding: 0;
}

.social_icons {
	position: absolute;
	bottom: 25px;
	right: 4px;
}

.social_icons a { padding: 0 0 0 10px; }

/* CONTENT
---------------------------------------------*/

#middle {
	
	border-top: 1px solid #c3c5a7; 
	background: #e8eac8;
	padding: 30px 0;
}

#content {
	margin: 0 auto;
	padding: 20px 30px;
	background: #97ae34;
	width: 940px;
	line-height: 1.3em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #3e4b04;
}

#pageSide {
	background: #dcecf5;
	font-size: 0.8em;
	color:#034b8e;
	width: 255px;
	padding: 30px 15px;
	margin: 0 -15px 20px 20px;
	float: right;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#pageSide ul {
	list-style-image: url('images/list_bg.gif');
	line-height: 1.7em;
	margin: 0;
	padding: 3px 0 10px 15px;
}

#postSide h4 {
	color: #FF5B02; 
	font-size: 1.5em; 
	line-height: 1.0em;
	list-style: none;
}

#postSide {
	background: #dcecf5;
	font-size: 0.8em;
	color:#034b8e;
	width: 270px;
	padding: 30px 15px 30px 0;
	margin: 0 -15px 20px 20px;
	float: right;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#postSide ul {
	list-style: none;
}

#postSide ul ul {
	list-style-image: url('images/list_bg.gif');
	line-height: 1.7em;
	margin: 0;
	padding: 3px 0 10px 15px;
}

h2 {
	color: #fff; 
	font-size: 1.9em; 
	line-height: 1.0em;
}

h3 {
	color:#F0F3F7; 
	font-size: 1.2em; 
	margin: 15px 0;
	font-weight: normal; 
}

#content ul, #content ol {
	margin: 10px 0;
}

#content li {
	padding: 5px 0;
	margin: 0 0 0 25px;
}

#content p {
	margin: 10px 0;
}

.post h2 {
	color: #fff;
	margin: 15px 0;
}

#pageSide h2 {
	color: #FF5B02; 
	font-size: 1.9em; 
	line-height: 1.0em;
}

#staffPhotos img {
	margin: 10px 20px;
}

#staffPhotos h4 {
	margin: 25px 0 15px 0;
	color:#F0F3F7;
	font-size: 1.3em;
}

/* FOOTER
---------------------------------------------*/

#footer {
	margin: 0 auto;
	height: 67px; 
	border-top: 1px solid #95987c; 
	background: #c3c5b2;
}

#footerInner {
	width: 1000px;
	margin: 10px auto;
	font-size: 0.7em;
}

#footerlinks li {
	float: left;
	padding: 0 8px;
	border-right: 1px solid #95987c;
}

#footer .copyright {
	clear: both;
	padding: 10px 0 0 0;
}

/* HOMEPAGE STYLES
---------------------------------------------*/

#home {
	margin: 0 auto;
	width: 1000px;
	line-height: 1.1em;
}

#homebox1 {
	width: 249px;
	padding: 0;
	margin: 0;
	height: 370px;
	background: #fff;
	color: #7B7E69;
	border: 1px solid #ccc;
	font-size: 0.8em;
	float: left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#homebox2 {
	width: 245px;
	padding: 0;
	margin: 0 30px;
	height: 370px;
	background: #fff;
	color: #7B7E69;
	border: 1px solid #ccc;
	font-size: 0.8em;
	float: left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#homebox3 {
	width: 424px;
	padding: 0;
	height: 370px;
	background: #fff;
	color: #7B7E69;
	border: 1px solid #ccc;
	font-size: 0.8em;
	float: left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#homebox1 ul li {
	padding: 3px 0;
}

#homebox1 ul, #homebox2 ul {
	list-style: url('images/check.gif');
	padding: 10px 0 10px 35px;
}

#homebox2 p {
	clear: both;
	padding: 10px 0 0 25px;
}

#homebox2 .event {
	color: #d16a42;
	font-size: 1.1em;
}

#homebox1 h2 {
	display: block;
	background: url('images/boxBlue.gif') repeat-x;
	padding: 10px 8px;
	margin-bottom: 15px;
	height: 25px;
	width: 215px;
	float: left;
	font-size: 1.8em;
	font-family: Arial, Helvetica, Sans-Serif;
}

#homebox2 h2 {
	display: block;
	background: url('images/boxBlue.gif') repeat-x;
	padding: 10px 8px;
	height: 25px;
	width: 211px;
	float: left;
	font-size: 1.8em;
	font-family: Arial, Helvetica, Sans-Serif;
}

#homebox3 h2 {
	display: block;
	background: url('images/boxBlue.gif') repeat-x;
	padding: 10px 8px;
	height: 25px;
	width: 390px;
	float: left;
	font-family: Arial, Helvetica, Sans-Serif;
}
.boxTL {
	background: url('images/boxBlue_tl.gif') no-repeat;
	width: 9px;
	height: 45px;
	float: left;

}

.boxTR {
	background: url('images/boxBlue_tr.gif') no-repeat;
	width: 9px;
	height: 45px;
	float: right;
}

#latestPostsHome {
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	width: 370px;
	clear: both;
}

#latestPostsHome li {
	padding: 10px 0;
	
	border-bottom: 1px solid #999;
}

#latestPostsHome h3 {
	margin: 0;
}

#latestPostsHome h3 a {
	text-decoration: none;
	border-bottom: 1px solid #333;
}


.blog_meta_home {
	font-size: 12px;
	color: #555;
}

.postTitle {
	font-size: 1.1em;
	font-weight: bold;
}

.archive h3 {
	margin: 20px 0;
	padding: 0;
}

p.postmeta {
	font-size: 0.8em;
	padding: 0 0 0 30px;
}

.archive .small {
	width: 600px;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #fff;
}

/* CALCULATE FORM STYLES
---------------------------------------------*/

#calcForm h3 {
	margin: 0;
	padding: 0;
}

#calcForm table {
	width: 900px;
}

#calcForm th {
	border-top: 1px solid #999;
}

#calcForm td {
	margin: 5px; 
	padding: 5px 10px; 
	font-size: 0.8em;
}

#calcForm .center  {
	text-align: center
}

#calcForm .right {
	text-align: right;
}

#calcForm .total {
	font-size: 1.1em; 
	padding: 3px;
}
#calcForm .small {
	font-size: 0.7em;
}

#calcForm .style1 {
	text-align: center; 
	font-weight: bold; 
}

.toplist { 
	list-style: circle; 
	font-size: 0.9em;
	padding: 0 0 0 30px;
}

/* CONTACT PAGE STYLES
---------------------------------------------*/

#appointment {
	clear: both;
	padding: 20px 20px;
	margin: 20px auto;
	background-color: #fff;
	border: 1px solid #000;
	width: 800px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}

#contact_form {
	padding: 20px 20px;
	background-color: #fff;
	border: 1px solid #000;
	width: 500px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	float: left;
	margin: 0 20px 0 0;
}
#contact_form h4, #appointment h4 {
	font-size: 1.4em;
	text-align: center;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #444;
	margin: 15px auto 25px auto;
	width: 430px;
}
#appointment p {
	line-height: 1.5em;
}

#contact_form form, #appointment form {
	font-size: 0.9em;
}

#contact_form label { 
	width: 250px; 
	display: block; 
	float: left; 
	margin: 0 15px 0 0;
	text-align: right;
}

#contact_form input[type=text], #contact_form textarea {
	height: 18px;
	padding: 4px 5px;
	font: 1.0em/1.4em Arial, Helvetica, sans-serif;
	color: #404040;
}

#contact_form input[type=text] {
	height: 15px;
}

#contact_form textarea  { 
	height: 150px; 
	width: 400px;
}

#contact_form input[type=text]:hover, input[type=text]:focus {
	background: #f4f4f4;
}

#contact_form textarea:hover, textarea:focus {
	background: #f4f4f4;
}

#contact_form select, #contact_form option  { 
	width: 175px; 
	outline: none; 
	padding: 2px 5px;
	font: 1.0em/1.4em Arial, Helvetica, sans-serif;
	color: #404040;
}

#contact_form .send {
	padding: 3px 8px;
	margin: 15px 0 0 40px;
	font-size: 1.0em;
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
	box-shadow: 0 0 5px #666; 
	-moz-box-shadow: 0 0 5px #666; 
	-webkit-box-shadow: 0 0 5px #666;
}

.wpcf7-list-item-label {
	padding: 0 10px 0 2px;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	float: right;
	left: 550px;
	top: 0;
	width: 180px;
	margin: -8px 0 0 0;
	padding: 5px;
}

.rowElem 
label.error { float: none; font-style: italic; color: red;
                              position: absolute; top: 16px; left: 0; 
                              font-size: 12px; }

.rowElem { 
	position: relative; 
	clear: both; 
	margin: 8px 0;
	min-height: 35px; 
}
.rowElem2                    { position: relative; clear: both; min-height: 35px; }

.thanks                     { color: green; font-weight: bold; }

.jqTransformTextarea, 
.jqTransformSelectWrapper   { margin: 0 0 8px 0; }

.video { margin-top: -22px;}
.video p {  font-weight:bold; font-size: 1.05em; text-align: center;}

.ask_textarea { width: 212px; }



/* BLOG STYLES
---------------------------------------------*/

.blog_posting {
	float: left;
	width: 650px;
}

.blog_title_link {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	clear: both;
}

.blog .post {
	margin-bottom: 30px;
}

.blog .post p {
	line-height: 1.6em;
}

.blog_posting .blog_meta {
	font-size: 14px;
	color: #555;
}

.wp-caption {
  background-color: #dcecf5;
  border: 1px solid #ddd;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; /* optional rounded corners for browsers that support it */
  margin: 0 10px 10px 0;
  padding-top: 4px;
  text-align: center;
}
.wp-caption img {
  border: 0 none;
  margin: 0;
  padding: 0;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* DIRECTORY STYLES
---------------------------------------------*/

table.directory {
	width: 900px;
	margin: 20px auto;
	text-align: center;
	font-size: 18px;
}

table.directory a {
	text-decoration: none;
	border-bottom: 1px solid #333;
}

table.directory a:hover { border: 0 none; color: #fff; }

table.directory td {
	width: 300px;
	padding: 15px 0;
}
hr.directory_sep {
	border: 0 none;
	border-bottom: 1px solid #dedbd4;
	width: 600px;
	margin: 15px 0;
}

.single-directory h1 {
	margin: 10px 0 25px 0;
	
}

.single-directory h3 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	
}





/* COMMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#comments {
	width: 600px;
}


#comments .sexy-bookmarks {
	margin: -10px 0 30px;
}

#comments .commentlist {
	margin: 0 0 30px;
	padding: 0;
}

#comments .commentlist li {
	position: relative;
	margin: 0;
	padding: 15px 0 0;
	list-style: none;
	font-size: 12px;
	border-bottom: 1px solid #dedbd4;
}

#comments .commentlist .children li {
	padding: 5px 0 0;
}

#comments .commentlist li.depth-1 {
	margin: 0 0 10px;
	padding-bottom: 10px;
}

#comments .commentlist ul {
	margin: 0;
	padding: 0 0 0 15px;
}

#comments .commentlist li ul li {
	margin: 15px 0 0 0;
	border-bottom: 0;
}

.commentlist p {
	margin: 10px 0;
	font-size: 12px;
	line-height: 16px;
}

.children {
	padding: 0;
}

#comments .avatar {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
	padding: 3px;
}

#comments h2 {
	margin: 0;
}

.commentlist p {
	clear: left;
	margin: 10px 0;
	font-size: 12px;
	line-height: 1.4em;
}

#comments .navigation {
	display: none;
}

#commentform p {
	margin: 5px 0 15px;
}

#commentform p small {
	font-size: 11px;
	line-height: 1.3em;
}

.nocomments {
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: -3px 0 0;
	display: block;
	font-size: .95em;
}

#comments .comment-author cite {
	display: block;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	padding: 3px 0;
}

#comments .comment-author .says {
	display: none;
}

#commentform {
	margin: 0;
	padding-bottom: 50px;
}

#commentform label {
	float: none;
	display: block;
	margin-bottom: 5px;
}

#commentform label small {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#commentform label small span {
	font-size: 10px;
	color: #666;
}

#commentform input, #commentform textarea {
	margin: 0;
	padding: 5px;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #878487;
	outline: none;
	background: #f6f3ea;
	border: 1px solid #ccc9c2;

}

#commentform input:focus, #commentform textarea:focus {
	color: #585652;
	background: #fcfaf5;
	border: 1px solid #878487;
	-moz-box-shadow: 0 0 5px #d0cdc6;
	-webkit-box-shadow: 0 0 5px #d0cdc6;
	box-shadow: 0 0 5px #d0cdc6;
}

#commentform input#author, #commentform input#email, #commentform input#url {
	width: 410px;
	margin-right: 5px;
}

#commentform textarea {
	width: 410px;
	margin-bottom: 5px;
}

.comment #commentform input#author, .comment #commentform input#email, .comment #commentform input#url, .comment #commentform textarea {
	width: 320px;
}

#commentform p.subscribe-to-comments {
	float: left;
	display: inline;
	width: 100%;
	margin: -5px 0 10px;
	font-size: 12px;
}

#commentform p.subscribe-to-comments input {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
}

#commentform #submit {
	padding: 6px 15px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #87847f;
	background: #fcfaf5;
	border: 0;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-box-shadow: 0 0 5px #d0cdc6;
	-webkit-box-shadow: 0 0 5px #d0cdc6;
	box-shadow: 0 0 5px #d0cdc6;
}

#commentform #submit:hover {
	text-decoration: none;
	color: #1c1b17;
	cursor: pointer;
	-moz-box-shadow: 0 0 5px #585652;
	-webkit-box-shadow: 0 0 5px #585652;
	box-shadow: 0 0 5px #585652;
}

#comments .reply a {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
}

#comments .cancel-comment-reply {
	margin: 15px 0 15px 0;
}

#comments .cancel-comment-reply a {
	display: inline;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
}

#comments .navigation {
	margin: -10px 0 30px 0;
}

#comments .wp-smiley { 
	display: inline;
	padding: 0;
	background: transparent;
	border: none; 
}

/* @end */