/*---:[ --------------------------------------- ]:---*/
/*---:[ Project:	Gavin Historical Bricks
/*---:[ URI:		http://historicalbricks.com
/*---:[ File Name:	style.css
/*---:[ Author:		Chris Pearson
/*---:[ Author URI:	http://pearsonified.com
/*---:[ Date:		11.22.06
/*---:[ --------------------------------------- ]:---*/

body { padding: 7px 0 0 0; background: #635443 url('images/footer_bg.gif') repeat-x; color: #312619; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; }

* { padding: 0; margin: 0; }



/*---:[ global elements ]:---*/

a { color: #4e762e; text-decoration: underline; }

	a:visited { color: #8eb172; text-decoration: underline; }

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

	a img { border: none; }

blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

abbr, acronym { border-bottom: 1px dotted #a49570; text-transform: uppercase; cursor: help; }

p.center { text-align: center !important; }

p.strong { font-weight: bold; }

p.bottom { margin: 0 !important; }

p.unstyled { font-size: 1.4em; }



/*---:[ headlines ]:---*/

h1, h2, h3 { font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; color: #000; }

h1 { font-size: 4.0em; }

h2 { font-size: 3.0em; }

	#main_text h2 { margin: 0 0 0.7em 0; padding: 0 0 0.6em 0; background: url('images/hr_middle.gif') 50% 100% no-repeat; }

h3 { font-size: 1.43em; }



/*---:[ core layout elements ]:---*/

#nav { padding: 0.8em 0; color: #f5f5ed; }

#container { width: 100%; background: #f5f5ed; float: left; }

	.wrapper { width: 770px; margin: 0 auto; }

	#header { width: 100%; margin: 0 0 30px 0; background: url('images/head_bg.gif') repeat-x; float: left; }

		#masthead { width: 770px; height: 140px; padding: 0; float: left; }

		#page { width: 770px; margin: 0 0 30px 0; text-align: left; float: left; clear: both; }

		.three_col { background: url('images/3col_bg.gif') repeat-y; }

		.two_col { background: url('images/2col_bg.gif') repeat-y; }

			.three_col #content { width: 555px; padding: 0 40px 0 0; float: left; }

			.two_col #content { width: 770px; float: left; }

				#menu { width: 175px; text-align: center; float: left; }

				.three_col #main_text { width: 340px; padding: 0 0 0 40px; float: right; }

				.two_col #main_text { width: 555px; padding: 0 0 0 40px; float: right; }

				* #main_text { overflow: hidden; }

			.three_col #pics { width: 175px; float: left; }

			* #pics { overflow: hidden; }

		#clear_page { width: 770px; height: 1px; clear: both; }

#footer { width: 100%; padding: 2.0em 0 1.3em 0; background: #635443 url('images/footer_bg.gif') repeat-x; float: left; clear: both; }



/*---:[ header styles ]:---*/

#nav a, #nav a:visited { color: #f5f5ed; text-decoration: none; font-size: 1.4em; letter-spacing: 0.1em; }

	#nav a:hover { color: #f5f5ed; text-decoration: underline; }

#brochure { width: 121px; height: 78px; padding: 30px 23px 40px 31px; float: left; }

	#brochure a { display: block; width: 121px; height: 78px; background: url('images/shipped.gif') 50% 0 no-repeat; text-indent: -9999px; }

#logo { width: 420px; height: 113px; padding: 27px 0 0 0; float: left; }

	#logo a { display: block; width: 420px; height: 85px; background: url('images/logo.gif') 50% 0 no-repeat; }

#phone { width: 151px; height: 16px; padding: 78px 12px 16px 12px; background: url('images/phone_and_email_head.gif') 50% 54px no-repeat; float: left; }


	#phone a { display: block; width: 151px; height: 16px; text-indent: -9999px; }

#green { width: 175px; height: 48px; padding: 0; background: url('images/green_is_beautiful.gif') no-repeat; float: left; }

	#green a { display: block; width: 175px; height: 48px; text-indent: -9999px; }



/*---:[ #menu styles ]:---*/

#menu ul { list-style: none; width: 175px; margin: 0 0 4.0em 0; padding: 30px 0 0 0; float: left; }

#menu ul.nav { margin: 0 0 2.5em 0 !important; padding: 0 !important; }

#menu ul.bricks { padding: 53px 0 0 0; background: url('images/menu-bricks.gif') 0 0 no-repeat; }

#menu ul.other { background: url('images/menu-other.gif') 0 0 no-repeat; }

#menu ul.products { background: url('images/our_products.gif') 0 0 no-repeat; }

#menu ul.services { background: url('images/services.gif') 0 0 no-repeat; }

#menu ul.resources { background: url('images/resources.gif') 0 0 no-repeat; }

#menu ul.applications { background: url('images/menu-applications.gif') 0 0 no-repeat; }

	#menu ul li { margin: 0 0 0.3em 0; font-size: 1.6em; line-height: 1.4em; }

		#menu ul li a { padding: 0.3em; }

			#menu ul li a:hover { color: #f5f5ed; background: #4e762e; text-decoration: none; }

		#menu ul li a.look { color: #922828; }

			#menu ul li a.look:visited { color: #c57070; }

			#menu ul li a.look:hover { color: #f5f5ed; background: #922828; text-decoration: none; }

#menu a.green { text-decoration: none !important;  }


/*---:[ content styles ]:---*/

.three_col .entry { font-size: 1.4em; line-height: 1.5em; }

.two_col .entry { font-size: 1.6em; line-height: 1.5em; }

	.entry blockquote { font-size: 1.0em; }

		.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }

		.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }

			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }

	.entry p { margin: 0 0 1.5em 0; }

	.entry ul, .entry ol { margin: 0 0 1.5em 30px; }

	.entry ul { list-style-type: square; }

		.entry li { margin: 0 0 0.5em 0; }

			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }

	.entry dl { margin: 0 0 1.5em 0; }

		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }

		.entry dd { margin: 0 0 1.5em 20px; }

	.entry .ad { margin: 0 0 0.5em 15px; float: right; }

	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

	img { }

	img.left { padding: 1px; margin: 0.5em 15px 0.5em 0; border: 3px double #bdbda1; float: left; clear: left; }

		img.right { padding: 1px; margin: 0.5em 0 0.5em 15px; border: 3px double #bdbda1; float: right; clear: right; }

		img.center { display: block; padding: 1px; margin: 0 auto 1.5em auto; border: 3px double #bdbda1; float: none; clear: both; }

		img.off { padding: 0 !important; border: none !important; }

		img.stack { clear: none !important; }

.three_col .clear { width: 340px; height: 1px; clear: both; }

.two_col .clear { width: 555px; height: 1px; clear: both; }



/*---:[ #pics column styles ]:---*/

.pic { width: 167px; margin: 0 0 1.5em 0; padding: 1px; border: 3px double #bdbda1; float: left; clear: left; }

	* .pic img { width: 167px; float: left; }

	.pic p { padding: 0.4em 8px; font-size: 1.3em; background: #e0e0d2; color: #7b774e; text-align: center; }

	* .pic p { width: 151px; float: left; }

		.pic p a, .pic p a:visited { color: #7b774e; text-decoration: none; }

			.pic p a:hover { color: #922828; text-decoration: underline; }

.last { margin: 0 !important; }



/*---:[ footer styles ]:---*/

#footer_content { width: 770px; background: url('images/footer_sep.gif') 50% 0 repeat-y; float: left; }

	ul#as_seen_on { list-style: none; width: 365px; padding: 33px 40px 0 0; background: url('images/as_seen_on.gif') no-repeat; float: left; }

		ul#as_seen_on li { margin: 0 0 0.3em 0; font-size: 1.6em; line-height: 1.4em; }

			ul#as_seen_on li a, ul#as_seen_on li a:visited { color: #f5f5ed; padding: 0.3em; text-decoration: none; }

			ul#as_seen_on li a:hover { color: #635443; background: #f5f5ed; text-decoration: none; }

	#contact_info { width: 365px; padding: 68px 0 0 0; background: url('images/phone_and_email.gif') no-repeat; float: left; }

		#contact_info a { display: block; width: 365px; height: 30px; text-indent: -9999px; }



/*---:[ j-money's styles from here down ]:---*/

.clear { clear: both; }

hr { width: 100%; clear: both; margin-bottom: 25px; border: 0; height: 0; border-top: 1px dotted #bdbda1; }

.caption { font-size: 0.9em; color: #888; font-style: italic; }

.project_gallery .entry p, .project_gallery .entry h3 { clear: both; }

#main_text h3 { margin: 0 0 0.4em 0; text-align: left; color: #000; font-weight: bold; }

#main_text h3 a { color: #000; }

span.faq { display: none; }

#masthead a { text-decoration: none; }


/*---:[ gallery styles ]:---*/


div.gallery { }

div.gallery .pic { width: 150px; clear: none; margin: 0.5em 15px 0.5em 0; }

div.gallery .pic img { width: 150px; height: 150px; }

div.gallery .auto { width: auto; }

div.gallery .auto img { width: auto; height: auto; }

div.gallery .pic p { display: block; clear: left; float: none; width: auto; font-size: 0.8em; margin: 0; }

div.gallery .clear { clear: both; height: 1px; }


/*---:[ form styles ]:---*/

form, fieldset { margin: 0; padding: 0; border: 0; }

.form { }

.form div { clear: left; padding: 4px 0; }

.form .label { display: block; float: left; width: 150px; padding-right: 15px; color: #664; font-size: 0.95em; font-weight: bold; text-align: right; }

.form .field { font-family: Georgia, "Times New Roman", Times, serif; padding: 2px; }

.form .quote { height: 45px; }

.form .address { height: 90px; }

.form .comments { height: 150px; }

.form .project { width: 100px; }

.form .submit { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 10px 0 20px 165px; padding: 4px; }

/* Extras */

.request_quote
{
	width: 92px;
	height: 24px;
	background: url(images/request-quote.png) no-repeat 0 3px;
	display: inline-block;
	text-indent: -1000%;
	overflow: hidden;
}

.social
{
	width: 300px;
	padding-top: 15px;
	overflow: hidden;
}

.social li
{
	display: block;
}

.social .title
{
	text-align: left;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
}

.social .twitter span
{
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	background: url(images/social-icons.png) no-repeat -60px 0;
	text-indent: -1000%;
	overflow: hidden;
}

.social .facebook span
{
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	background: url(images/social-icons.png) no-repeat -30px 0;
	text-indent: -1000%;
	overflow: hidden;
}

.social .linkedin span
{
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	background: url(images/social-icons.png) no-repeat -88px 0;
	text-indent: -1000%;
	overflow: hidden;
}

.social .newsletter span
{
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	background: url(images/social-icons.png) no-repeat -118px 0;
	text-indent: -1000%;
	overflow: hidden;
}

.social li a
{
	display: block;
	width: 270px;
	float: left;
	font-size: 14px;
	color: #FFF;
	line-height: 24px;
	text-decoration: none;
	margin-left: 5px;
	text-align: left;
	margin-bottom: 10px;
	height: 24px;
}

/* -------- Blog Styles ---------- */

#main-text h3 a
{
    color: #000;
    font-size: 1.1em;
}

ol.commentlist
{
    list-style: none;
}

ol.commentlist li
{
    margin-top: 5px;
}

ol.commentlist p
{
    font-size: 1.1em;
    margin-top: 3px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}

.comment-author
{
    font-weight: bold;
    font-size: 1.1em;
}

#respond h3
{
    margin-top: 5px;
}

#commentform input[type="text"]
{
    width: 144px;
    height: 14px;
    padding:3px;
    border: 1px solid #4E762E;
    background: #BCBC92;
    margin-bottom: 5px;
    font-family:Georgia,"Times New Roman",Times,serif;
}

#commentform textarea
{
    width: 330px;
    height: 150px;
    border: 1px solid #4E762E;
    background: #BCBC92;
    margin-bottom: 5px;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size: 0.9em;
}

#searchform
{
    padding: 0 0 10px 0;
    border-bottom: 1px solid #000;
}

#searchform label
{
    font-size: 1.1em;
}

#searchform input[type="text"]
{
    width: 144px;
    height: 14px;
    padding: 3px;
    border: 1px solid #4E762E;
    background: #BCBC92;
    margin-bottom: 5px;
    font-family:Georgia,"Times New Roman",Times,serif;
}

#sidebar li h2
{
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
}

#sidebar li a
{
    font-size: 1.1em;
}