/*

Theme Name: Black Diamond Builders

Theme URI: http://blackdiamondbuilders.com/

Description: The site blog theme.

Version: 1.0

Author: Brian Tovar

Author URI: http://briantovar.com/

Tags: black diamond builder



*/







/* Begin Typography & Colors */



/*Design by Free CSS Templateshttp://www.freecsstemplates.orgReleased for free under a Creative Commons Attribution 2.5 License*/

body {	margin: 20px 0 0 0;	padding: 0;	background: #FFFFFF url(images/img01.jpg);	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 13px;	color: #333333; }

/*html { overflow:hidden;}

*/h1, h2, h3 {	margin: 0;	font-weight: normal;	color: #000;}

h1 {	

	font-size: 24px;

	color:#EEEEBB;

}



h1 div {

	font-size:18px;

	color:#EAEFBB;

	}

h2 {	font-size: 150%;}

h3 {	font-size: 100%;	font-weight: bold; clear:left;}

p, ol, ul {	

	line-height: 24px;

	color:#000000; /*EEEEBB*/

	margin:10px 0;

	}



blockquote {	margin: 0;	padding-left: 20px;	font-style: italic;}

blockquote * {	line-height: normal;}



h2 a {

	color:#000000!important; /*EEEEBB*/

	}

img {	border: none;}

img.left {	float: left;	margin: 0 15px 0 0;}

img.right {	float: right;	margin: 0 0 0 15px;}hr {	display: none;}

/* Header */

#header {	width: 900px;	height: 220px;	margin: 0 auto;	background: url(images/img02.jpg) no-repeat right top;}



/* Logo */

#logo {	float: left;	width: 220px;	height: 180px;	background: #AD1011 url(images/img03b.jpg);}#logo h1, #logo h2 {	margin: 0;	text-transform: lowercase;	text-align: center;	font-weight: normal;}#logo h1 {	padding: 120px 0 0 0;	background: url(images/img04.jpg) no-repeat 50% 30px;	letter-spacing: -1px;	font-size: 36px;}#logo h2 {	font-size: 18px;}#logo a {	text-decoration: none;	color: #FFFFFF;}



/* Menu */

#menu {	width: 900px;	height: 40px;	padding: 0px 0 0 0; 	clear:left;}

#menu ul {	width:900px;	height: 40px;	margin: 0;	padding: 0;	background: #AD1011 url(images/img05a.jpg) repeat-x;		list-style: none;}

#menu li { display: inline;}

#menu a {	

	display: block;	

	float: left;

	height: 32px;	

	padding: 8px 33px 0 19px;	

	text-transform: lowercase;	

	text-decoration: none;	

	font-size: 14px;	

	font-weight: bold;	

	color: #FFFFFF;

	border:1px solid #9B3A2A;

	border-width:0 1px 0 0;

	}

#menu a:hover {

	color: #9B3A2A;

	background: #AD1011 url(http://www.blackdiamondbuilders.com/images/menu-bg-ovr.gif) repeat-x;

}

#menu_home a {

	width:169px;

	text-align:center;

	}

#menu_last a {

	border-width:0 0 0 0;

	}

/* Page */

#frame, 

#page {	width: 900px;	margin: 0 auto;}

#page { float:left; background-image:url(images/pagebg.gif); }



/* Content */

#content {	

	float: right;	

	width: 638px;

	min-height:326px;	

	padding: 12px 20px;	

	background: #8B9367;

	overflow:hidden;h1.title a {

	color:#EEEEBB !important;

	}

	}

h3 div {

	width:48px;

	float:left;

	}

#garden {

	background-color:#EEC;

	border:3px solid #BB9;

	padding:8px 16px;

	width:50%;

	margin-top:15px;

	}

#garden h3 {

	color:#E85;

	font-size:15px;

	}

#garden p {

	margin-bottom:0;

	color:#000;

	}



/* Sidebar */

#sidebar {	float: left;	width: 221px;}

#sidebar a {	color: #999;}

#sidebar ul {	margin-left: 0;	padding-left: 0;	list-style: none;	font-size: 92%;}

#sidebar ul li {	padding: 5px 14px;	background: url(images/img13.gif) no-repeat 0px 12px;	border-top: 1px solid #0B0B0B;}

#sidebar ul li.first {	border: none;}

#sidebar ul li h2 {	margin: 0;	font-size: 100%;}

#sidebar ul li h3 {	margin: 0;	font-size: 92%;}

#sidebar ul li p {	margin: 0;}

.boxed {	margin-bottom: 10px;	background-color:#9b3a2a;

	height:351px;}

.boxed .title {	height: 30px;	margin: 0;	padding: 0;	font-size: 16px;	font-weight: bold;	color:#eeeebb;}

.boxed .content {	padding: 13px;}

#address { width:141px; text-align:right;}

#city { width:100px; padding-bottom:10px;}

#license {width:80px;}

#email { margin-top:8px; float:left;}

	

/* Search */#search {}#search form {	margin: 0;	padding: 0;}#search fieldset {	margin: 0;	padding: 0;	border: none;}#search p {	margin: 0;	font-size: 85%;}#searchinput {	float: right;	width: 174px;	padding: 2px 5px;	background: #EFEFEF url(images/img11.gif) repeat-x;	border: 1px solid #FFFFFF;	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;}#searchsubmit {	float: right;	margin-top: 5px;	background: #AD1112 url(images/img12.gif) repeat-x;	border: none;	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;	color: #FFFFFF;}



/* Footer */#footer {	height: 100px;}#footer p {	margin: 0;	line-height: normal;	font-size: 85%;	color: #000000;}#footer a {	color: #000000;}





small {

	color:#000000;

	}



.post {

	margin: 0 0 40px;

	text-align: justify;

	}



.post hr {

	display: block;

	}



.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata {

	padding-top: 5px;

	}



.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;

}



.postmetadata {

	clear: left;

}

.postmetadata a {

	color:#000;

}

.clear {

	clear: both;

}



/* End Structure */













h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* End Headers */







/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



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

	}

/* End Images */



	color:#FFFFBB;



/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



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;

	}



/* End Entry Lists */







/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}







.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

	}

/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.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;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */











/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */







/* Begin 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;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* Contact Us Button */
#contactbutton {
    background: url(http://www.blackdiamondbuilders.com/images/contact-us.gif) no-repeat;
	width:170px;
	height: 53px;
}
#contactbutton a {
	display: block; 
	width:170px;
	height: 53px;
}
#contactbutton a:hover {
    background: url(http://www.blackdiamondbuilders.com/images/contact-us-ovr.gif);
		width:170px;
	height: 53px;
	text-decoration: none;
}
#contactbutton a span {	text-indent:-9999px; }
/* End Various Tags & Classes*/







/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.

	It won't be a stylish marriage, I can't afford a carriage.

	But you'll look sweet upon the seat of a bicycle built for two." */

