/*
Theme Name: Associated Builders
Theme URI: http://www.associatedbuilders.com
Description: Associated Builders
Author: Media WORKS Enterprise
Author URI: http://www.imediaworks.org/

*/

@import url(normalize.css);
html {
	background: #D0BDA6 url(images/bg.jpg) top center repeat-y;
	}
body {
	margin: 0;
	height: 100%;
	font-size: small;
	font-family: Georgia, "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, serif;
	background: transparent url(images/wood.gif) 0 -6px repeat-x;
	color: #463129;
	}
p {
	color: #463129;
	font-size: 105%;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	}
	div#feature p {
		color: #FCEEE0;
		}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
a,
a:link,
a:visited {
	text-decoration: underline;
	color: #A77760;
	}
a:hover,
a:active {
	text-decoration: none;
	color: #6A1D03;
	}
h1 {
	margin-bottom: 10px;
	font-size: 300%;
	text-align: center;
	}
	h1 a, h1 a:link, h1 a:hover, h1 a:visited, h1 a:active {
		color: #463129;
		text-decoration: none;
		}
		h1 a span.associated {
			font-weight: normal;
			}
		h1 a span.builders {
			font-weight: bold;
			}
h2 {
	font-size: 150%;
	color: #463129;
	font-weight: normal;
	text-align: center;
	border-top: 3px double #AC8F7B;
	border-bottom: 3px double #AC8F7B;
	padding: 10px 0;
	}
	h2 span.the, h2 span.of {
		font-style: italic;
		text-transform: lowercase;
		}
	h2 span.art, h2 span.building {
		font-size: 125%;
		}
h3 {
	padding-bottom: 5px;
	margin-bottom: 1em;
	color: #86482F;
	font-size: 125%;
	font-style: italic;
	border-bottom: 3px double #AC8F7B;
	clear: left;
	}
	h3 a:link,
	h3 a:visited {
		color: #86482F !important;
		text-decoration: none !important;
		}
		h3 a:hover,
		h3 a:active {
			color: #6A1D03 !important;
			}
		h3 a span.hlink {
			margin-left: 10px;
			font-size: 65%;
			font-style: normal;
			}
h5 {
	font-size: 110%;
	color: #FCEEE0;
	}
div#page {
	width: 800px;
	margin: 0 auto;
	padding-top: 40px;
	}
ul#nav {
	height: 25px;
	margin-top: 10px;
	list-style: none;  
	text-transform: uppercase;
	font-weight: bold;
	font-size: 95%; margin-left: 15px;
	}
	ul#nav li {
		margin-right: 35px;
		float: left;
		}
		ul#nav li a,
		ul#nav li a:link,
		ul#nav li a:visited {
			text-decoration: none;
			}
			ul#nav li a:hover,
			ul#nav li a:active {
				text-decoration: underline;
				}
			ul#nav li.current_page_item a {
				color: #6A1D03;
				text-decoration: none;
				}
			ul#nav li.page-item-150 a,
			ul#nav li.page-item-150 a:link,
			ul#nav li.page-item-150 a:visited {
				color: #6A554A;
				}
				ul#nav li.page-item-150 a:hover,
				ul#nav li.page-item-150 a:active {
					color: #6A1D03;
					text-decoration: underline;
					}
div#feature {
	width: 800px;
	height: 300px;
	padding: 7px;
	position: relative;
	color: #FCEEE0;
	background: transparent url(images/bg_feature.jpg) no-repeat;
	clear: both;
	}
	div#feature blockquote {
		width: 450px;
		margin: 50px auto;
		padding-top: 8px;
		padding-left: 40px;
		color: #FCEEE0;
		font-size: 120%;
		line-height: 1.5em;
		background: transparent url(images/ldquo.jpg) no-repeat top left;
		}
		div#feature blockquote p {
			padding-bottom: 8px;
			padding-right: 40px;
			font-size: inherit;
			line-height: 1.5em;
			margin-bottom: -1em;
			color: #FCEEE0;
			background: transparent url(images/rdquo.jpg) no-repeat bottom right;
			}
		div#feature blockquote span.citation {
			font-size: 80%;
			font-style: italic;
			}
		div#feature blockquote span.quote {
			color: #9B6444;
			display: none;
			}
	div#feature div.projects {
		width: 786px;
		height: 286px;
		position: relative;
		/*top: -1.6em;*/
		/*background: #ff0;*/
		display: block;
		}
		div#feature div.projects h5 {
			position: absolute;
			top: 2px;
			left: 70px;
			font-size: 120%;
			}
		div#feature div.projects img {
			position: absolute;
			top: 50px;
			left: 70px;
			border: 5px solid #9B6444;
			}
		div#feature div.projects div.content {
			width: 370px;
			position: absolute;
			top: 50px;
			left: 350px;
			}
			div#feature div.projects p.first {
				font-style: italic;
				font-weight: bold;
				}
		div#feature p.view-all a,
		div#feature p.view-all a:link,
		div#feature p.view-all a:visited {
			position: absolute;
			bottom: 24px;
			left: 77px;
			color: #FCEEE0;
			font-size: 90%;
			font-weight: bold;
			text-decoration: none;
			}
			div#feature p.view-all a:hover,
			div#feature p.view-all a:active {
				text-decoration: underline;
				}
	div#feature div.usercp {
		}
		div#feature div.usercp h5 {
			display: block;
			position: absolute;
			top: 10px;
			left: 20px;
			}
			div#feature div.usercp h5.login {
				width: 100%;
				margin: 0 auto;
				text-align: center;
				}
		div#feature div.usercp div.login {
			width: 256px;
			margin-left: -132px;
			position: absolute;
			top: 100px;
			left: 50%;
			/*background: #ff0;*/
			}
			div#feature div.usercp p {
				margin-bottom: 1em;
				}
			div#feature div.usercp div.login label.info {
				width: 100px;
				margin-bottom: .5em;
				display: block;
				float: left;
				clear: both;
				/*background: #f00;*/
				}
			div#feature div.usercp div.login input {
				clear: both;
				}
				div#feature div.usercp div.login input#log,
				div#feature div.usercp div.login input#pwd {
					width: 150px;
					}
		div#feature div.usercp ul {
			position: absolute;
			top: 12px;
			right: 35px;
			}
			div#feature div.usercp li {
				margin-left: 15px;
				float: left;
				}
			div#feature div.usercp li a {
				color: #fceee0;
				text-decoration: none;
				font-weight: bold;
				}
		div#feature div.gallery {
			width: 730px;
			height: 200px;
			margin: 35px auto;
			text-align: center;
			overflow: hidden;
			}
			div#feature div.gallery img {
				padding: 0;
				border: 5px solid #FCEEE0;
				}
			div#feature div.gallery p.view-all a {
				left: 20px;
				}

div.alignright {
	float: right;
	}
div.alignleft {
	float: left;
	}

div.col1,
div.col2 {
	width: 400px;
	margin-bottom: 1em;
	float: left;
	}
	div.col1 p,
	div.col2 p,
	div.col1 h4,
	div.col2 h4 {
		width: 350px;
		margin-left: 20px;
		}

div.projects {
	float: left;
	}
	div.projects h3 {
		clear: both;
		}
	div.projects div.col1 {
		width: 250px;
		margin-right: 20px;
		margin-bottom: 10px;
		margin-left: 20px;
		}
	div.projects div.col2 {
		margin-bottom: 10px;
		}
	div.projects div.col2,
	div.projects div.col2 p {
		width: 510px;
		margin-left: 0;
		}
		div.projects div.col2 p.first {
			font-style: italic;
			font-weight: bold;
			}
div#contact h4 {
	width: 80px;
	}
div#contact p {
	margin-bottom: .5em;
	position: relative;
	top: -1.35em;
	left: 100px;
	}
div#footer {
	width: 800px;
	margin: 0 auto;
	margin-top: 1em;
	padding-top: 10px;
	border-top: 3px double #AC8F7B;
	font-size: 90%;
	clear: both;
	}

div.clients,
div.widecolumn {
	width: 800px;
	margin: 0 auto;
	}

p.post-date {
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
	color: #A77760;
	float: right;
	clear: both;
	}
	div.col1 p.post-date {
		width: 400px;
		margin-top: -1em;
		position: relative;
		left: -20px;
		float: none;
		}
ol.commentlist {
	margin-left: 20px;
	}
div.commentmetadata {
	font-size: 85%;
	}
div.navigation {
	width: 380px;
	margin-bottom: 1.5em;
	margin-left: 20px;
	float: left;
	}
	div.navigation p.alignleft,
	div.navigation p.alignright {
		width: 190px;
		}
		div.navigation p.alignleft {
			margin: 0;
			float: left;
			text-align: left;
			}
		div.navigation p.alignright {
			margin: 0;
			float: right;
			text-align: right;
			}