/*
Theme Name: Boston Brick
Theme URI: http://bostonbrick.com
Description: This theme was built for Boston Brick and Stone.
Version: 1.0
Author: Steve Scavo
Author URI: http://35mmdesign.com/
Tags: white, clean, fixed width, one column, two columns

	Boston Brick v1.0
	 http://bostonbrick.com

	This theme was designed and built by Steve Scavo

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url("reset.css");

* { outline:none; }

body {
	background:#000;
	font:72.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	margin:2px 0 0 0;
	padding:0;
	}

a { text-decoration:none; color:#e01f0e; }

a:hover { color:#610000; }
	
strong, b { font-weight:bold; }




/* =================================================
					STRUCTURE
====================================================*/ 


#wrapper {
	background:#fff url(../i/bg_line.gif) no-repeat center top;
	}


#header, #bottom-links {
	font-size:95%;
	letter-spacing:1px;
	}

#header, #container, #bottom-links {
	width:980px;
	margin:0 auto;
	clear:both;
	}	
	
#masthead {
	height:445px;
	background:url(../i/bg_masthead.jpg) no-repeat top left;
	margin:-30px 0 0;
	position:relative;
	}
	
#container { 
	margin-top:30px;
	}





/* =================================================
					HEADER
====================================================*/


#header {
	height:120px;
	}

#header h1 {
	line-height:0;
	margin-bottom:12px;
	}

#header h1 a {
	display:block;
	width:247px;
	height:69px;
	text-indent:-9999em;
	} 
	html>body #header h1 a { background:url(../i/logo.png) no-repeat center left; }

#header ul { position:relative; }
#header ul li {
	float:left;
	display:inline;
	}
	
#header ul li a {
	float:left;
	width:auto;
	height:28px;
	line-height:28px;
	padding:0 12px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	}
	#header ul li a:hover { color:#e01f0e; }

	#header ul li a.current,
	#header ul li a.current:hover,
	#header ul li.current_page_item a,
	#header ul li.current_page_item a:hover {
		background-color:#e01f0e;
		color:#fff;
		}
	
#header ul li#home a {
	display:block;
	width:16px;
	height:28px;
	padding:0;
	margin:0 24px 0 16px;
	text-indent:-9999em;
	background:url(../i/btn_home.gif) no-repeat top left;
	}
	#header ul li#home a:hover, #header ul li#home a.current { background-position:top right; }


/* Second level */

#header ul li ul {
	display:block;
	position:absolute;
	top:29px;
	left:18px;
	border-left:50px solid #ddd;
	background:#ddd;
	width:895px;
	line-height:1%;
	}

#header ul li ul li {
	float:left;
	display:inline;
	}
	
#header ul li ul li a {
	float:left;
	width:auto;
	height:26px;
	line-height:26px;
	padding:0 12px;
	font-weight:normal;
	color:#000;
	text-transform:none;
	background:#eee;
	}
	#header ul li ul li a.current,
	#header ul li ul li.current_page_item a {
		font-weight:bold;
		}
		
		
		
		
/* Search */		

#search {
	position:relative;
	top:-5px;
	float:right;
	margin-right:15px;
	}
	
.input {
	border:1px solid #000;
	padding:2px 5px;
	background:#fff;
	}
	
.submit {
	position:relative;
	top:4px;
	}
	
	
	


/* =================================================
				SIDEBAR & COLUMNS
====================================================*/


select.postform {
	width:302px;
	font:bold 1.65em Georgia, 'Times New Roman', Times, serif;
	letter-spacing:-0.07em;
	color:#000;
	padding:4px 10px 4px 10px;
	border:1px solid #000;
	background-color:#fff;
	background-image:url(../i/arrow_down.png);
	background-repeat:no-repeat;
	background-position:center left;
	display:block;
	}

#sidebar {
	float:left;
	width:302px;
	margin-top:.3em;
	margin-left:20px;
	overflow:hidden;
	}
	
#sidebar .previous,
#sidebar .next {
	margin-bottom:6px;
	font-weight:bold;
	letter-spacing:1px;
	}
#sidebar .next { }
#sidebar .previous {  }

#sidebar .previous a,
#sidebar .next a {
	display:block;
	background:#f5f5f5;
	color:#61000;
	font-weight:bold;
	margin-top:3px;
	text-align:left;
	letter-spacing:normal;
	}
	
#sidebar .previous a {
	background:url(../i/arrow-left.gif) no-repeat center left;
	padding:1em 1em 1em 3em;
	}
#sidebar .next a {
	background:url(../i/arrow-right.gif) no-repeat center right;
	padding:1em 3em 1em 1em;
	}
	
.navigation {
	width:100%;
	height:1em;
	line-height:1em;
	margin:1em 0;
	display:block;
	clear:both;
	}
	#sidebar .navigation { height:auto; }

.navigation .alignleft {
	float:left;
	width:30%;
	}
.navigation .alignright {
	float:right;
	width:30%;
	text-align:right;
	}
	

/*#sidebar .column,
#sidebar .column h2 a,
#sidebar .column ul {
	width:190px;
	background-position:center left;
	}*/
/*#sidebar .thumb { display:none; visibility:hidden; }*/

#sidebar h2 { margin-top:2em; }

.column-wrap {
	clear:both;
	margin:1em 0 0 17px;
	padding-bottom:0px;
	width:944px;
	}

.column {
	float:left;
	width:302px;
	margin:0 19px 0 0;
	}
	.last { margin-right:0; }
	
.column h2 { max-width:302px; }

.column h2 a {
	width:280px;
	font:bold 1.65em Georgia, 'Times New Roman', Times, serif;
	letter-spacing:-0.07em;
	color:#000;
	margin-bottom:1em;
	padding:4px 10px 4px 10px;
	border:1px solid #000;
	/*text-indent:-99999em;*/
	background-color:#fff;
	background-image:url(../i/arrow_down.png);
	background-repeat:no-repeat;
	background-position:center left;
	display:block;
	}
	/*html>body .column h2.n a { background-image:url(../i/in-the-news.png); }
	html>body .column h2.r a { background-image:url(../i/for-realtors.png); }
	html>body .column h2.chim a { background-image:url(../i/chimney-tips.png); }*/
		
.column h2 a:hover {
	background-position:center left;
	color:#000;
	}
	
.column h2 em a { font-style:italic; }

.column h2.on a,
.column h2.on a:hover {
	background-color:#000;
	background-position:center right;
	border:1px solid #fff;
	border-bottom:1px solid #000;
	color:#fff;
	}
	
.column ul {
	margin-bottom:20px;
	margin-left:20px;
	width:280px;
	}
	
.column ul li {
	margin-bottom:0.5em;
	list-style-image:url(../i/bullet.gif);
	}
	.column ul#news-list li { list-style-image:url(../i/bullet-alt.gif); }
	.column ul#news-list li:first-child { font-weight:bold; }
	.column ul#news-list li a.all { }
	
.column ul li a {
	color:#000;
	padding:0.2em 0.5em;
	background:#fff;
	line-height:1.5em;
	display:block;
	}

.column ul li a:hover { 
	color:#e01f0e;
	background:#fff; 
	}
	
.column p {
	margin:0 0 1em;
	color:#000;
	line-height:1.4em;
	}
	.thumb {
		float:left;
		border:1px solid #4c4a55;
		margin:0.2em 1.5em 0.2em 1px;
		}




/* ==============================================
		      MAIN CONTENT AREA 
================================================= */
	
	

#right-column {
	float:right;
	width:600px;
	margin-right:20px;
	}
	
#right-column a {
	
	}
	
#right-column li a {
	padding:.1em;
	}
	
#right-column blockquote {
	margin:2em 0 2em 30px;
	border-left:1px solid #000;
	padding-left:15px;
	color:#333;
	font-weight:bold;
	}	
	
#right-column h2, 
#right-column h3, 
#right-column h4, 
#right-column h5, 
#right-column h6,
#copy h2, 
#copy h3, 
#copy h4, 
#copy h5, 
#copy h6 { 
	line-height:1.2em;
	margin:1.5em 0 0.5em;
	font-weight:bold;
	font-size:1.3em;
	color:#222;
	}
	
#copy h1,
#right-column h1 {
	font-weight:bold;
	font-size:3em;
	letter-spacing:-.05em;
	color:#000;
	margin-top:27px;
	margin-bottom:.5em;
	}
	
#copy h2,
#right-column h2 {
	font-weight:bold;
	font-size:2em;
	border-bottom:1px solid #000;
	letter-spacing:-0.05em;
	padding-bottom:5px;
	color:#000;
	}
	#right-column h2 span { font-size:.5em; text-transform:uppercase; letter-spacing:1px; }

#right-column .author { 
	margin:-0.5em 0 2em; 
	padding:3px 5px 3px; 
	background:#eee;
	color:#000;
	font:bold 1.2em Georgia, "Times New Roman", Times, serif;
	display:block;
	}
	
#right-column ul,
#right-column ol {
	margin:1.5em 0 1.5em 0;
	background:#f5f5f5 /*url(../i/bg-corner.jpg) no-repeat right top*/;
	padding:2em 2em 1em;
	}

#right-column ol {
	list-style-type:decimal-leading-zero;
	}
	
#right-column ol ol {
	list-style-type:lower-latin;
	}
	
#right-column ul {
	list-style-image:url(../i/bullet.gif);
	}
	
#right-column p,
#copy p,
#right-column li { 
	line-height:1.4em;
	/*text-align:justify;*/
	font-size:1.05em;
	}
	
#right-column li {
	margin:0 0 1em 2em;
	text-align:left;
	}
	
#right-column p {
	margin:0 0 1em;
	}

.score {
	width:980px;
	height:30px;
	background:url(../i/crop-marks.gif) no-repeat bottom center;
	margin:0 auto 20px;
	}

#copy {
	width:600px;
	margin:0 auto;
	}
	
.column-text {
	float:left;
	width:270px;
	margin:-1em 2em 0 0;
	}
	#right-column .column-text p, #right-column .column-text ul li { text-align:left; }
	
.postmetadata {
	border:1px solid #000;
	padding:1em;
	margin:2em 0;
	font:normal 1em Georgia, "Times New Roman", Times, serif;
	}
#right-column .commentlist {
	list-style:none;
	margin:0;
	padding:0;
	}
#right-column .commentlist li {
	border-bottom:4px solid #fff;
	padding:1em 2em;
	margin:0;
	list-style:none;
	display:block;
	}
.tags {
	border-top:1px solid #000;
	font-weight:bold;
	padding:0.5em;
	}
.tags a {
	}
	
.red { color:#e01f0e; }



/* ==============================================
		      		FOOTER 
================================================= */
	



#bottom-links ul {
	width:55em;
	margin:0 auto 20px;
	padding-top:50px;
	display:block;
	text-align:center;
	text-transform:uppercase;
	}
	
#bottom-links ul li {
	float:left;
	display:inline;
	}
	
#bottom-links ul li a {
	float:left;
	width:auto;
	margin:10px 12px;
	font-weight:bold;
	color:#000;
	display:inline;
	}
	#bottom-links ul li a:hover { color:#e01f0e; }

#footer {
	background:url(../i/bg_footer.gif) repeat-x top;
	width:100%;
	height:70px;
	padding-top:50px;
	text-align:center;
	clear:both;
	}
	
#footer p {
	color:#999;
	text-align:center;
	margin-bottom:.8em;
	}
	
#footer p a,
#footer p a:hover {
	color:#e01f0e;
	}
	



/* ==============================================
		      MAIN CONTENT AREA 
================================================= */

.clear {
	clear:both;
	}
	
.centered-gallery {
	width:830px;
	margin:0 auto;
	}

.alignLeft {
	float:left;
	margin-right:5px;
	display:inline;
	clear:right;
	}
	
.alignleft {
	float:left;
	margin-right:1em;
	display:inline;
	}
	
.alignright {
	float:right;
	margin-left:1em;
	display:inline;
	}
	


/* EDGES */

#top, #bottom, #left, #right {
	background: black;
	display: none;
	}
	#left, #right {
		position: fixed;
		top: 0; bottom: 0;
		width: 15px;
		}
		#left { left: 0;  background: url(../i/left.png) left center repeat-y;}
		#right { right: 0; background: url(../i/right.png) right center repeat-y;}
		
	#top, #bottom {
		position: fixed;
		left: 0; right: 0;
		height: 40px;
		}
		#top { top: 0px; background: url(../i/top.png) top center repeat-x; }
		#bottom { bottom: 0px; background: url(../i/bottom.png) bottom center repeat-x; }




/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}