@charset "UTF-8";

/* CSS Document */

/*
Theme Name: Atlas Inspection
Description: Theme developed to match design of Atlas Inspection website.
Author: CMD+Shift Design
Author URI: http://www.cmdshiftdesign.com
version: 1.0

*/



/* basics */

* {
	margin:0;
	padding:0;
}

body {
	background: url(images/bkgfull.gif) center repeat-y;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 12px;
	margin: 0px;
}

/* {font-size: 18px;}
h2 {font-size: 14px; margin-top:10px;}
h3 {font-size: 10px; margin-top:10px;}
h4 {font-size: 9px;}*/


/* images and misc. */

img {
	border: none; /*padding: 6px;*/
}

img a {
	border:none;
}

img.alignleft {
	float: left;
	border: none;
	padding: 0px 10px 5px 0px;
}

img.alignright {
	float: right;
	border: none;
	padding: 0px 0px 5px 10px;
}

blockquote {
	border-left:1px solid #333333;
	margin:15px;
	padding:0 12px 0 12px;
}

code {
	margin:10px;
	font-family:"Courier New", Courier, monospace;
}

.rss {
	background: url(images/ficon.png) left center no-repeat;
	padding-left: 12px;
}

/* links */

a {
	color:#333;
	text-decoration:none;
	border: none;
}

a:hover {
	color:#6A7CA0;
	text-decoration: underline;
	border: none;
}

/* content */


#content {
	float: left;
	padding: 10px 15px 10px 15px;
	width: 440px;
	overflow: hidden;
	text-align: left;
}


.post {
	margin: 0 10px;
	padding:15px;
	line-height: 14px;
}
.archivetitle {
	padding-left:20px;
	font-size:16px;
	font-weight:bold;
	color:#ca4d27;
}

.post h2 {
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ca4d27;
}

.post h2 a {
	color:#ca4d27;;
	text-decoration: none;
}

.post h2 a:hover {
	color: #0000ff;
	text-decoration: none;
}

.post p {
	font-size: 12px;
}

.post a {
	text-decoration:underline;
}

.post ul {
}

.post li {
}

.small {
	color: #000000;
	font-size: 10px;
}

.small strong {
	color: #1e0576;
	font-size: 9px;
}
.entry p {
	margin:12px 0;
	font-size: 11px;
}

.postmetadata {
	clear: both;
	padding:6px;
	margin-top: 16px;
	border-bottom:solid 7px #1e0576;
}

.postmetadata strong {
	font-weight: bold;
	color: #1e0576;
}
.postmetadata a:link {
	color: #1e0576;
}
.postmetadata a:hover {
	color: #ca4d27;
}
.postcomment a {
	padding-left: 10px;
	font-weight: bold;
	text-transform: capitalize;
	color: #ca4d27;
}
.alignleft {
	float:left;
}

.alignright {
	float:right;
}

h1 {
	padding-left:20px;
	font-size:16px;
	font-weight:bold;
	color:#1e0576;
}



/*
#sidebar1 {
	position: absolute;
	top: 215px;
	left: 0;
	width: 147px;
}

#sidebar2 {
	position: absolute;
	top: 217px;
	right: 0;
	width: 160px;
	padding-right:10px;
}

*/
#left {
	font-size: 11px;
	font-family: verdana, arial, tahoma;
	width: 20%;
	float:left;
	margin: 0px 0 24px 0;
	padding: 0;
}

#left h2 {
	font-family: verdana, times, georgia;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	color: #fff;
	margin-bottom: 5px;
	padding: 4px;
	background: url(images/bar.jpg);
}

#left p {
	margin:0;
	padding: 0 6px 0 12px;
}

#left img {
	padding: 0;
	margin: 0;
}

.feedbox {
	text-align: center;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#grab {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size: 12.75px;
	display:block;
	text-align: center;
	text-decoration: underline;
	margin: 5px 0px 13px -5px;
}

#enews {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 3px 0px 6px;
	width: 175px;
}

#enewsinput {
	font-size: 13px;
	width: 156px;
	height: 14px;
	padding: 1px 1px 2px 0px;
	background-color: #FFFFFF;
	border: 1px solid #808080;
}

#enewssubmit {
font-family:Arial, Helvetica, sans-serif;
	width: 38px;
	height: 24px;
	font-size: 14px;
	padding:0px;
}

#left ul {
	margin:12px;
	padding:0;
	list-style-type: none;
}

#left ul li {
	margin: 0;
	padding: 0;
	line-height: 15px;
	list-style-type: none;
}

#left ul ul {
	margin: 6px 0 6px 12px;
	padding: 0;
}

#left ul ul li {
	list-style-type: none;
	list-style-position: inside;
}

#left ul ul ul {
	margin: 0;
	padding: 0;
}

#left ul ul ul li {
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #333333;
}

/* right sidebar */

#right {
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	width: 20%;
	float:right;
	margin: 0px;
	padding: 10px 0px;
	text-align: left;
}

#right h2 {
	font-family: verdana, times, georgia;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color: #1e0576;
	margin-top: 10px;
}

#right p {
	margin:0;
	padding: 0 6px 0 0px;
}
#feedburner {
	width: 150px;
	padding: 0px;
	margin: 10px 5px 0px 0px;
	display: block;
}
.feedinput {
	font-size: 13px;
	width: 146px;
	height: 14px;
	padding: 1px 1px 2px 0px;
	background-color: #FFFFFF;
	border: 1px solid #808080;
}
.feedsubmit {
font-family:Arial, Helvetica, sans-serif;
	width: 100px;
	height: 24px;
	font-size: 14px;
	padding:0px;
}

#tiny {
	font-size: 10px;
}
#right img {
	padding: 0;
	margin: 0;
}

#right ul {
	margin-top:10px;
	padding:0;
	list-style-type: none;
}

#right ul li {
	margin: 0;
	padding: 0px 0px 5px 0px;
	line-height: 14px;
	list-style: disc;
	list-style-position: inside;
}

#right ul ul {
	margin: 6px 0 6px 12px;
	padding: 0;
}

#right ul ul li {
	list-style-type: none;
	list-style-position: inside;
}

#right ul ul ul {
	margin: 0;
	padding: 0;
}

#right ul ul ul li {
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #333333;
}

/* comments */

#commentssection {
	padding: 10px 15px 10px 15px;
	width: 400px;
	clear: both;
	margin: 0;
}

#commentssection h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

#commentform {
	margin: 12px 12px 20px 12px;
	padding:20px;
}

#commentform p {
	color: #000;
}

#commentform a {
	color: #000;
	text-decoration: none;
	line-height: 14px;
}

#commentform h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1e0576;
}

#commentbox {
	width: 350px;
	margin:5px 5px 0 0;
}

#author, #email, #url, #commentbox {
	font-family: verdana, arial, times;
	font-size: 10px;
	margin:5px 5px 5px 0;
	padding: 6px;
/*	background: #fff;
	border: 1px solid #ccc; */
}

/*#submit {
	margin:5px 5px 0 0;
}*/

#img.avatar {
	float:left;
	margin-right:5px;
}

ol.commentlist {
	list-style-type: none;
}

ol.commentlist li {
	border-bottom: solid 1px #cccccc;
	margin:10px 0;
	padding:5px 0 5px 10px;
	overflow: hidden;
}

ol.commentlist li.alt {
 /*was eee*/
}

ol.commentlist li p {
	margin: 6px 0 6px 0;
	padding: 0 12px 0 0;
	line-height: 14px;
}

ol.commentlist a {
	color:#1e0576;
}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
}

cite a {
	color: #1e0576;
}

/* search */

#searchform {
	padding: 6px 0 6px 6px;
	font-family: verdana, arial, times;
}

#searchform input#s {
	font-family: verdana, arial, times;
	font-size: 10px;
	padding: 2px;
	margin: 2px;
	border: 1px solid #B7B7B7;
}

#searchform input#searchsubmit {
	font-family: verdana, arial, times;
	font-size: 11px;
	padding: 2px;
	margin: 2px 0 0 2px;
	border: 1px solid #B7B7B7;
	background-color: #fff;
	color: #797979;
}

/* footer */

#footer {
	border-top: inset 2px #cccccc;
	clear: both;
	width: 390px;
	margin:15px auto 20px auto;
	font-family: verdana, arial, tahoma;
	font-size: 11px;
	padding: 10px 0px 0px 0px;
}

#footer p {
	padding:6px;
	margin: 0;
	color: #000000;
}

#footer a {
	color: #1e0576;
	text-decoration: none;
}

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

/* Extra */

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



.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #ffffff;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

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

/*-------------*/









/*****p, li, td {
	font-size:11px;
	text-align:left;
}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#ca4d27;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#1e0576;
}

a:link, a:visited {
	color:#1e0576;
}

a:hover, a:active {
	color:#ca4d27;
}

img {
	border:0px;
}

table {
	padding:0px;
	border:0px;
}*/

.phone {
	background-image:url(images/bkg-phone-home.gif);
	background-repeat:no-repeat;
	width:173px;
	padding-left:4px;
	vertical-align: bottom;
}

.phone2 {
	background-image:url(images/bkg-phone-home2.gif);
	background-repeat:no-repeat;
	width:173px;
	padding-left:4px;
	vertical-align: bottom;
}



.phonetextsmall {
	font-size:11px;
	font-weight:bold;
	color:#1e0576;
	text-align:left;
	line-height:10px;
}

.phonetextbig {
	font-size:15px;
	font-weight:bold;
	color:#ca4d27;
	text-align:left;
	line-height:11px;
}

.phonetextsmallinside {
	font-size:11px;
	font-weight:bold;
	color:#1e0576;
	text-align:left;
	line-height:10px;
	padding-left:270px;
	padding-bottom: 16px;
}

.crumbs {
	font-size:9px;
}

.searchbox {
	padding: 35px 5px 0 5px;
	font-size:9px;
	width:175px;
	float:left;
}

.question {
	color:#1e0576;
	font-weight:bold;
	font-style:italic;
}

.linecard {
	vertical-align:top;
	padding:10px;
	border:0;
}

#container {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	overflow-x: hidden;
	padding:0px;
}

#navbar {
	top:190px;
	background-color:#000000;
	height:25px;
	width:775px;
	padding-left:30px;
}

#navbarinside {
	top:113px;
	background-color:#000000;
	height:25px;
	width:775px;
	padding-left:26px;
}

#homelink {
	display: block;
	width: 190px;
	height: 150px;
	position: relative;
	top: 15px;
}

#header {
	background: #c6c1ce url(images/blog_header.jpg) no-repeat;
	display: block;
	width: 800px;
	height:113px;
	padding:0px;
	margin: 0px;
}
#telephone {
	width: 300px;
	position: relative;
	top: 55px; 
	left: 450px;
	font-size:15px;
	font-weight:bold;
	color:#ca4d27;
	text-align:left;
	line-height:14px;
	letter-spacing: 0.004em;
}
#telephone strong {
	font-size:11px;
	font-weight:bold;
	color:#1e0576;
	text-align:left;
}

#mainContent {
	margin: 15px 195px;
	padding:0;
	z-index:-1;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:10px;
}

body {
	behavior:url("csshover.htc");
}

/* menu container */
div#navh {
	font-size: 11px;
	width: 100%;
	display: block;
	font-weight: bold;
	margin: 0;
}

/* set UL defaults to 0 */
div#navh ul {
	padding: 0;
	margin: 0;
}

div#navh li {
	position: relative;
	list-style: none;
	float: left;
	margin: 0; /* give slight margin to the right of toplevel buttons */
	background: #000000; /* darkgreen */
	width: 149px; /* did some simple math to decide widths; with a fluid 
                  width page you can use % but should keep the total 
                  a tad under 100% to keep IE happy. */
	height: 25px;
}

div#navh li:hover {
	z-index: 10; /* really only necessary when using images and getting some
                interference with another application obscuring the menu */
	background: #999999; /* green */
	border:0;
}

div#navh li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	text-align: left;
	width: auto;
	height: 25px;
	padding: 4px 0 0 8px;
	margin-top: 0;/* I did a little messing with the height, margins and padding to obtain
  the fake olive bar on the button lefts. */
}

div#navh li a:hover {
	color: #c6c1ce;
}

div#navh>ul a {
	width: auto;
	color: #fff;
}

div#navh ul ul {
	position: absolute;
	width: 100%;
	display: none;
}

div#navh ul ul li {
	width: 100%;
}

div#navh li.submenu {
/* reserved for whatever ... */
}

div#navh ul ul li.submenu {
/* reserved for whatever ... */
}

div#navh li.submenu:hover {
	z-index: 100; /* not needed here but maybe with your site */
}

div#navh li.submenu li.submenu:hover {
}

div#navh ul.level1 li.submenu:hover ul.level2, div#navh ul.level2 li.submenu:hover ul.rollover, div#navh ul.level2 li.submenu:hover ul.level3 {
	display:block;
}

div#navh ul.level2 li {
	background: #000000;
}

div#navh ul.level2 li:hover {
	background: #999999;
}

div#navh ul.level2 {
	top: 25px;
	left: 0px;
}

div#navh ul.level3 {
	top: 0;
	left: 140px;/* reserved for implementation of second level sub menus */
}

/* To make the last menu item a tad narrower and remove extra border if there is one */
#navh .contact {
	width: 172px;
	border-right: none;
}
div#navh ul.level1 li.contact:hover ul.level2, div#navh ul.level2 
  li.contact:hover ul.rollover, div#navh ul.level2 
  li.contact:hover ul.level3 {
   display:block;
}

#navh .home {
	width: 181px;
	border-right: none;
}

/*   CUSTOM SUBMENU WIDTHS:
    Sometimes you have to make a menu or submenu wider to accomodate 
    an overabundance of label. Leave the classes empty or set to auto
    if not required and/or delete in the menu HTML code.  
*/

#navh .subone {
	width: 151px;
}

#navh .subtwo {
	width: 151px;
}

#navh .subthree {
	width: 240px;
}

#navh .subfour {
	width: 240px;
}

		/* Vertical Navigation */
		div#navv {
			float: left; 
			width: 181px;
			margin: 0 0 0 0 ;					/* control toplevel margin/placement of menu/buttons */
			background: #c6c1ce;			/* default toplevel menu background color */
			border: none;							/* controls gray/other border of toplevel buttons
			border-bottom: 1px solid #fff;
		}
	
		div#navv li.submenu:hover {
			background: #99CC00;			/* toplevel menu hover  color in Firefox only */
		}
		div#navv ul {
			margin: 0; 
			padding: 0; 
			border: 0;
			background: #c6c1ce;			/* default sub level menu background color */
			border-bottom: 1px solid #ffffff;
		}
	
		div#navv li {
			position: relative; 
			list-style: none; 
			margin: 0;
			float: left; 
			width: 181px;							/* width of toplevel menu item in IE & Firefox */
			background: #c6c1ce;			/* default sub level menu background color - extraneous*/
			border-bottom: 1px solid #ffffff;
		}

		div#navv li:hover {
			background: #ddd9e2;			/* toplevel menu hover  color in Firefox only */
		}

		div#navv li.submenu {
			background: url(/images/samples/arrows/dropmenu.gif) 95% 50% no-repeat;
		}

		div#navv li a {
			display: block; 
			padding: 5px 0 5px 5px;
			text-decoration: none; 
			color: #1e0576;		
			font-weight:bold;				/* controls background text of main & sub menus in IE only */
		}

		div#navv>ul a {
			width: 181px;							/* this will cause the second level text to extend right off menu */
			color: #1e0576;
			font-weight:bold;							/* controls background text of main & sub menus in Firefox */
		}

		div#navv ul ul {
			position: absolute; 
			width: 181px;
			display: none;
			border-left: 1px solid #ffffff;			/* gives left border to pull down menus */
			border-right: 1px solid #ffffff;
		}

		/* this line was missing or adapted */
		div#navv ul ul {position: absolute; top: 0; left: 181px;
  		display: none;
		}

		div#navv ul ul li {
			border-bottom: 1px solid #ffffff;
			width: 181px;
		}

		div#navv li.submenu {
			background: url(/images/samples/arrows/submenu_rt.gif) 95% 50% no-repeat;
		}

		div#navv li.submenu li.submenu:hover {
			background: #ddd9e2;		/* toplevel menu hover  color in Firefox only */
		}

		div#navv ul.level1 li.submenu:hover ul.level2 {
			display:block;
		}
	
		div#navv ul.level1 li.submenu:hover ul.level2, div#navv ul.level2 li.submenu:hover ul.rollover, 
		div#navv ul.level2 li.submenu:hover ul.level3 {
			display:block;
		}

		/* horizontal only - start coordinate of 2nd level menu */
		/*
		div#navv ul.level2 {
			top: 0px; 
			left: -1px;
		}
		*/
	
		div#navv ul.level3 {
			top: 0em;								/* start coordinate of 2nd level; greater will cause deattach */
			left: 181px;
		}


/*** body styles ***/

img.floatLeft {
	float: left;
	margin: 4px;
}

img.floatRight {
	float: right;
	margin: 4px;
}

.onecolumn {
	border-top: 7px solid #1e0576;
}

.threecolumn {
	float: left;
	padding: 0px;
	margin: 4px;
	width: 31%;
	border-top: 7px solid #1e0576;
}

.twocolumn {
	float: left;
	padding: 0px;
	margin: 4px;
	width: 48%;
	border-top: 7px solid #1e0576;
}