/*
Theme Name: BBE - Brenton Bridge Engineering
Theme URI: http://www.brentonbridges.com/
Description: Default site theme for Brenton Bridge Engineering.
Version: 1.2.4
Author: mlr
Tags: custom theme, fluid width, fixed header and footer with scrolling content, and dynamic sidebar
**********************************************************************
*		@package		EWE Integration v1.2.4
*		@client			Brenton Bridge Engineering
*		@date			20081111
**********************************************************************/

* { margin: 0pt; padding: 0pt; }
body { border: 0pt none ; 
			margin: 0pt; 
			padding: 0pt; 
			/* attachment(fixed/scroll) color image position repeat(no-repeat repeat-x/y) */
			background: scroll transparent url('./images/gridrule_tile.png') repeat; 
			overflow: hidden; 
			height: 100%; 
			max-height: 100%; 
			font-family: arial,verdana,sans-serif; 
			font-size: 76%; }
* html body { padding: 120px 0pt 50px; }
img { border: 0pt none ; /* behavior: url('./scripts/iepngfix.htc'); */ }

h1 { margin: 0pt; padding: 0pt; font-size: 4em; }
h2 { color: rgb(115, 162, 189);
			font-family: Arial, Verdana, Sans-Serif;
			margin-bottom: 15px;}
h3 { color: rgb(115, 162, 189);
			font-family: Arial, Verdana, Sans-Serif;}
a, a:visited { font-size: 1.1em; 
			text-decoration: none; 
			color: rgb(221, 221, 221); }
a:hover { color: rgb(255, 255, 255); text-decoration: none; }
hr { border: 0pt none ; clear: both; height: 1px; color: rgb(136, 136, 136); background-color: rgb(136, 136, 136); }

#pageHeader { border-bottom: 4px solid rgb(115, 162, 189); 
			background: rgb(255, 255, 255) none repeat; 
			overflow: hidden; 
			position: absolute; 
			top: 0pt; 
			left: 0pt; 
			width: 100%; 
			height: 96px; }
* html #pageHeader { height: 112px; }
#pageHeader a, a:visited { text-decoration: none; color: rgb(221, 221, 221);}
#pageHeader a:hover { text-decoration: none; color: rgb(255, 255, 255); } 
#pageHeader img { margin: 0pt; }
#pageHeader ul { border-top: 1px solid rgb(115, 162, 189); clear: both; text-align: right; }
#pageHeader ul { margin-top: 0px; margin-left: -50px; line-height: 25px; background: rgb(82, 130, 157) none repeat; list-style-type: none;  }
#pageHeader ul li { display: inline; color: rgb(115, 162, 189); font-weight:bold; margin: 0px 8px 8px 0px; }
#header { height: 70px; overflow: hidden;}
#headerWrapper { margin: 0px ; 
			/* background-image: url('./images/bbeheader.png');  
			background-repeat: no-repeat; */
			background: rgb(255, 255, 255)  ;
			position: absolute;
			top: -2px;
			width: 700px;
			height: 70px;
			float: left; position: relative; }
#logoWrapper { margin: 0px ; 
			/* background-image: url('./images/bbelogo.png'); 
			background-repeat: no-repeat; */
			background: rgb(255, 255, 255); 
			position: absolute;
			z-index: -1;
			top: 0px;
			width: 70px;
			height: 70px;
			float: right; position: relative; }	
					
#pageContent { padding: 20px; 
			/* background: rgb(255, 255, 255) none repeat; */
			overflow: auto; 
			/* font-family: "times new roman",serif; */
			font-size: 1.2em; 
			position: fixed; 
			top: 101px; 
			left: 0pt; 
			bottom: 50px; 
			right: 0pt; 
			text-align: left; }
* html #pageContent { height: 100%; width: 100%; }
#pageContent img { margin: 5px; }
#pageContent a, a:visited { text-decoration: none; color: rgb(115, 162, 189);}
#pageContent a:hover { text-decoration: none; color: rgb(115, 162, 189); } 
#pageContent .p { border: 1px solid rgb(255, 255, 255); text-align: justify; margin-bottom: 10px; }

#pageBody { margin: 20px 5% 20px 5%; 
			font-family: Arial, Helvetica, sans-serif;
			text-align: left; }
.lft { float: left; }
.mid { text-align: center; }

#pageFooter { border-top: 5px solid rgb(115, 162, 189); 
			background: rgb(82, 130, 157) none repeat; 
			overflow: auto; 
			position: absolute; 
			bottom: 0pt; 
			left: 0pt; 
			width: 100%; 
			height: 45px; 
			text-align: right; }
* html #pageFooter { height: 50px; }
#pageFooter a, a:visited { text-decoration: none; color: rgb(221, 221, 221);}
#pageFooter a:hover { text-decoration: none; color: rgb(255, 255, 255); } 
#pageFooter p { margin: 5px 10px 0pt; color: rgb(255, 255, 255); }


#splash { text-align: center;
			position:relative;
			margin-top: 50px;
		 	margin-left: 75px;}

/*   */


#content {  font-size: 1.0em; margin-left: 220px; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; margin-top: 20px; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: center; }
.alt { background-color: #ffffdd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1 {  font-size: 4em; text-align: center; }
h2 {  font-size: 1.6em; }
h2.pagetitle {  font-size: 1.6em; }
h3 { font-size: 1.3em; }
/* h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #7B9670; } */
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #blog-calendar caption, cite { text-decoration: none; }

.entry p a:visited {  color: #b85b5a; }
#sidebar {  font: 1em Arial, Verdana, Sans-Serif; }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

a, h2 a:hover, h3 a:hover { color: #996600; text-decoration: none;	}
a:hover {  color: #996600; text-decoration: underline;	}

.narrowcolumn .postmetadata {  padding-top: 5px; }

/* .widecolumn {  padding: 10px 0 20px 0; margin: 5px 0 0 0px; width: 540px; } */
.widecolumn .post {  margin: 0; }
.widecolumn .postmetadata {  margin: 30px 0; }
.widecolumn .smallattachment {  text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }

.post {  margin: 0 0 15px; text-align: justify; clear:both;}
.post p { margin-bottom: 15px; }
.post hr {  display: block; }
.postmetadata { clear: left; }

.clear { clear: both; }

/* Headers */
h1 {  padding-top: 70px; margin: 0; }
h2 {  margin: 30px 0 0; }
h2.pagetitle {  margin-top: 30px; text-align: center; }
#sidebar h2 {  margin: 5px 0 0; padding: 0; }
h3 {  padding: 0; margin: 30px 0 0; }
h3.comments {  padding: 0; margin: 40px auto 20px; }

/* Images */
p img { padding: 0;	max-width: 100%; }
img.centered {  display: block;	margin-left: auto; margin-right: auto; }
img.alignright {  padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft  {  padding: 4px; margin: 0 7px 2px 0; display: inline; } 
.alignright { float: right;	}
.alignleft  { float: left }

/* Lists  */
/* html>body .entry ul {  margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } */
.entry ol {  padding: 0 0 0 35px; margin: 0; }
.entry ol li {  margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
.normlist  { list-style : disc inside !important ; }
.page_item ul li {margin-left: 15px;}

/* Form Elements */
#searchform {  margin: 10px auto; padding: 5px 3px; text-align: center; }
.entry form { text-align:center; }
select { width: 130px; }

/* Comments */
.commentmetadata { margin: 0; display: block; }
.alt {  margin: 0; padding: 10px; }
.nocomments {  text-align: center; margin: 0; padding: 0; }
.commentlist {  padding: 0; text-align: justify; }
.commentlist li {  margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p {  margin: 10px 5px 10px 0; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em Arial, Verdana, Sans-Serif;}
.commentlist li {  font-weight: bold; }
.commentlist li .avatar {  float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a {  font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p {  font-weight: normal; line-height: 1.5em; text-transform: none; }

#commentform p {  margin: 5px 0; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea {  width: 100%; padding: 2px; }
#commentform #submit {  margin: 0; float: right; }
#commentform p { font-family: Arial, Verdana, Sans-Serif; }
.commentmetadata { font-weight: normal; }

/* Sidebar - the sidebar in this layout presents as a floating tile over the grid background
 * the sidebar itself is contained held in #sitenav. we have a nice dropshadow background the
 * left edge, and we are trying to cap 
 *
 * 
 */
#sitenav { position: absolute;
	     	font-size: .9em; 
			top: 39px; 
			left: 30px; 
			width: 207px; 
			}
#sidebar_top { position: absolute;
				/* display: none; */
				width: 207px;
				height: 16px;
				z-index: -1;
				background: transparent url('./images/left_top2.png') no-repeat;
				margin: 0px; } 
#sidebar { background: transparent url('./images/left_bg.png') repeat-y;
			padding: 0; margin: 15px 0px 0px;}
#sidebar form { margin: 0; }
#sidebar ul, #sidebar ul ol { margin: 0px 5px 2px 8px; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; /* margin-bottom: 15px; */ }
#sidebar ul p, #sidebar ul select {  margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol {  margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol {  margin: 0 0 0 10px; }
ol li, #sidebar ul ol li {  list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li {  margin: 3px 0 0; padding: 0; }
#sidebar h2 { font-family: Arial, Verdana, Sans-Serif; font-size: 1.2em; }
#sidebar #searchform #s { width: 108px;	padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
#sidebar .textwidget { padding: 5px 5px 5px 0px; }

#sidebar_bottom { position: absolute; 
				margin-top: -1px;
				/* margin-bottom: 50px; 
				 display: none; */
				width: 207px;
				height: 19px;
background: transparent url('./images/left_bottom.png') no-repeat; }


/* Calendar */
#blog-calendar {  empty-cells: show; margin: 10px 0 0; width: 150px; }
#blog-calendar #next a {  padding-right: 10px; text-align: right; }
#blog-calendar #prev a {  padding-left: 10px; text-align: left; }
#blog-calendar a {  display: block; }
#blog-calendar caption {  text-align: center; width: 100%; }
#blog-calendar td {  padding: 3px 0; text-align: center; }
#blog-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
#blog-calendar #prev a, #blog-calendar #next a { font-size: 9pt; }
#blog-calendar a { text-decoration: none; }
#blog-calendar caption { font: bold 1.3em Arial, Verdana, Sans-Serif; text-align: left; 	}
#blog-calendar th {  font-style: normal; text-transform: capitalize; }


/* Various Tags & Classes */
acronym, abbr, span.caps {  cursor: help; }
acronym, abbr {  border-bottom: 1px dashed #999; }
blockquote {  margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite {  margin: 5px 0 0; display: block; }
.center {  text-align: center; }
hr {  display: none; }
a img {  border: none; }

/* eof */