/* 

Theme Name: Plumbing Pages

Version: 3.0

Author: bj novack, Kickass Web Design for Plumbing Pages, ALL rights reserved

Author URI: http://www.kickasswebdesign.com/ 

/*******************************************************************/
* {margin: 0; padding: 0;}
body {
	min-width:780px;
	background: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
}
/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */
#header {
	background: #000066;
	margin-bottom: 20px;
}
#header,#menu,#content,#sidebar,#footer {overflow:hidden;display:inline-block;}
#header,#footer {width:100%;} /* safari and opera need this */
#menu,#content {float:left;}
#menu {
	width:16%;
		margin:0; 
		padding: 0 5px;
		font-size: 75%;
		text-align: left;
}
	#sidebar {
	float: left;
	width:15%;
		min-width:140px;
		margin:0 0 0 10px; 
		padding:0 5px;
		font-size: 75%;
		text-align: left;
		}
#content {width:62%; font-size: 90%;}
#footer {clear:left;}

body a:link {
	color: #000066;
}
body a:visited {
	color: #000066;
}
body a:hover {
	color: #ff6600;
}
body a:active {
	color: #ffcc66;
}
a img {
	border: none;
}
#headernav {
	background: #ffffff;
}
#headernav li {
	display: inline;
}
#headernav a img{
	border: none;
}
.headerbottom {
	background: #ff6600;
	height: 1.8em;
	font-size: 80%;
	margin-top: -4px;
}
.email {
	display: inline;
	width: 14em;
	padding-left: 3px;
}
#searchform {
	float: right;
	position: absolute;
	right: 3px;
	top: 68px;
	width: 30em;
	text-align: right;
	padding-right: 3px;
	font-size: 80%;
}
#searchform a img {
	border: none;
	margin-top: 3px;
}
#menu ul h2 {
	text-align: center;
	color: #000066;
	font-size: 120%;
	padding-top: 10px;
}
#menu ul li ul {
	border-top: 2px solid #000066;
	border-right: 2px solid #000066;
	border-left: 2px solid #000066;
	border-bottom: 1px solid #000066;
}
#menu ul li ul li {
	border-bottom: 1px solid #000066;
	display: block;
}
#menu ul a {
	color: #000066;
	display: block;
	padding: 3px;
}
#menu ul a:hover {
	color: #000066;
	background: #ffcc66;
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; 
	padding:0;
	background:transparent;
}
p { margin: 0.5em 0 }	
/*blogstuff from here down*/
h1 {font-size: 130%;}
h2 {font-size: 110%;}
h3 {font-size: 100%;}
.description {
	padding: 8px 0 10px 18px;
}
.navigation {
	font-size: 70%;
	width: 100%;
	margin: 0;
	margin: 0 5%;
}
/*last entry and next entry link classes */
.alignleft {
	float:left;
	width: 45%;
	margin: 0 15px 0 0;
	display: block;
}
.alignright {
	float:right;
	width: 45%;
	margin: 0 0 0 15px;
	display: block;
	text-align: right;
}

.postmetadata {
	font-size: 75%;
}
.post {
	padding: 15px;
	width: 90%;
	margin: 0 auto;
}
.post h2 a:link, .post h2 a:visited {
	text-decoration: none;
}
.post a {
	font-weight: bold;
}
.post a:link {
	color: #000066;
}
.post a:visited {
	color: #000000;
}
.post a:hover {
	color: #ff6600;
}
.post a:active {
	color: #ffcc66;
}

.entry {
	padding: 6px 0;
}	
.bloginfo {
	margin: 0; padding: 0;
}
#searchform {
	margin: 20px 0 10px 5px;
}
.searchbox {
	width: 120px;
	background: #ffffff;
}
#searchsubmit {
	background: #dddddd;
	color: #242424;
	margin: 2px 0 0 1px;
}
/*this is the class for the display box containing the random quote*/

.textbox {
	width: 250px;
}
ol.commentlist {
	padding: 30px;
	background: #ffffff;
	width: 80%;
	margin: 0 auto;
}
.commentlist li{
	margin-top: 5px;
	border-bottom: 1px solid #ffcc66;
}
.commentlist a {
	font-weight: bold;
}
.commentlist a:link {
	color: #000066;
}
.commentlist a:visited {
	color: #000000;
}
.commentlist a:hover {
	color: #ff6600;
}
.commentlist a:active {
	color: #ffcc66;
}
#footer {
	font-size: 70%;
	text-align: center;
	padding-top: 40px;
}
.clearA {
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}
ul {list-style-type: none;}
table.contenttable {
	width: 100%;
	margin: 0;
}
td.lefttop {
	background: #000066 url(images/lftoppostbox.gif) no-repeat top left;
}
td.middletop {
	background: #000066;
	height: 1em;
}
h1.blogtitle {
	color: #ffffff;
}
td.righttop {
	background: #000066 url(images/rttoppostbox.gif) no-repeat top right;
}
td.leftborder {
	background: url(images/leftsideborder.gif) repeat-y top left;
}
td.rightborder {
	background: url(images/rightsideborder.gif) repeat-y top right;
}
td.leftbottom {
	background: url(images/blocked_bottomleft_v2.gif) no-repeat bottom left;
}
td.middlebottom {
	background: url(images/bottomborder.gif) repeat-x bottom left;
}
td.rightbottom {
	background: url(images/blocked_bottomright_v2.gif) no-repeat bottom right;
}