.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
}

body {
	text-align: center;  /* centering the page container, 
							text-align will be reset to left 
							inside the container */
	margin: 0;
	padding: 0;
	font-family: tahoma, arial, sans-serif;
	font-size: 0.9em;
	color: #000000;
	background: #ffffff;
	}

a:link, a:visited, a:active {
	color: #666666; 
	font-weight: bold; 
	text-decoration: none; 
	}
	
a:hover {
	color: #00ACC7;
	font-weight: bold; 
	text-decoration: underline; 
	}
	
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	}

ul ul, ul ol, ol ul, ol ol {
	/* remove margins on sub-lists */
	margin-top: 0;
	margin-bottom: 0;
	}

h1 {font-size: 2.15em; font-weight: bold;}
h2 {font-size: 1.85em; font-weight: bold;}
h3 {font-size: 1.6em; font-weight: bold; }
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

hr {
	display: block;
	height: 2px;
	border: none;
	margin: 0.5em auto;
	color: #cccccc;
	background-color: #cccccc;
	}

table {
	font-size: 1em; /* use the body's font size in tables, too */
	}	


/* ------------------------------------------------------------------
---------- WRAPPER, CONTAINER & LAYOUT ------------------------------
------------------------------------------------------------------ */
/*-------------------- WRAPPER for MIN / MAX width --------*/

div#wrapper {
	text-align: center;  
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 98%;
	min-width: 1000px;
	max-width: 1600px;
	}

* html div#wrapper {
	width: "1600px" : 
		(((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) 
	< 1001 ? "1000px" : 
	"98%")); 
	}
/*-------------------- CONTAINER for VISUAL styles --------*/

div#container {
	padding: 0;	
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* resetting the "text-align: center" of "wrapper" */
	display: block;
	}

/*-------------------- LAYOUT to keep it all together -----*/

table#layout {
	font-size: 100%;
	width: 100%;
	max-width: 100%;
	table-layout: fixed;
	}

.colone {width: 200px;}
.coltwo {width: 100%; min-width:200px;}
.colthree {width: 200px;}

/* ------------------------------------------------------------------
---------- HEADER ---------------------------------------------------
------------------------------------------------------------------ */
/*-------------------- HEADER CONTAINER -------------------*/
td#header {
	width: auto;
	padding: 0;
	}

/*-------------------- LOGO AREA --------------------------*/
table#logoarea, 
table#logoarea tr, 
table#logoarea td {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	}

table#logoarea {
	width: 100%;
	max-width: 100%;
	border-spacing: 0px;
	}

/*-------------------- LOGO -------------------------------*/

.logo {
	display: block;
	margin: 0 10px 0 0;	}

td.logoarea-logo {
	width: 1%;
	}

/*-------------------- BLOG TITLE -------------------------*/

h1.blogtitle {
	display: block;
	margin: 0;
	padding:0;
	letter-spacing:-1px;
	line-height: 1.0em;
	font-family: tahoma, arial, sans-serif;
	font-size: 240%;
		}

h1.blogtitle a:link, 
h1.blogtitle a:visited, 
h1.blogtitle a:active {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	}

h1.blogtitle a:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	}

/*-------------------- HORIZONTAL BARS --------------------*/

.horbar1, 
.horbar2 { 
	font-size: 1px;
	clear: both; 
	display: block;
	position: relative;
	padding: 0; 
	margin: 0;
	width: 100%; 
	}

.horbar1 {
	height: 5px;
	background: #ffffff;
	border-top: dashed 1px #cccccc;
	}

.horbar2 { 
	height: 5px;
	background: #ffffff;
	border-bottom: dashed 1px #cccccc;
	}	

.header-image-container {
	height: 200px; 
	position: relative; 
	margin: 0; 
	padding: 0; 
	/* more  ... */
	/* background: (= header image) will be added in bfa_header_config.php */
	}

.titleoverlay {
	z-index: 4;
	position: relative;
	float: left;
	width: auto;
	/* more  ... */
	}

/*-------------------- OPACITY LEFT -----------------------*/

.opacityleft {
	position: absolute; 
	z-index: 2; 
	top: 0; 
	left: 0; 
	background-color: #FFFFFF; 
	height: 200px;
	width: 200px; 
	filter: alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	}

/*-------------------- OPACITY RIGHT ----------------------*/	

.opacityright {
	position: absolute; 
	z-index: 2; 
	top: 0; 
	right: 0; 
	background-color: #FFFFFF; 
	height: 200px;
	width: 200px; 
	filter: alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	}


/* ------------------------------------------------------------------
---------- RIGHT SIDEBAR --------------------------------------------
------------------------------------------------------------------ */
td#right {
	vertical-align: top;
		border-left: dashed 1px #CCCCCC;
	padding: 10px 10px 10px 10px;
	background: #ffffff;
	}

/* ------------------------------------------------------------------
---------- CENTER COLUMN --------------------------------------------
------------------------------------------------------------------ */

td#middle {
	vertical-align: top;
	width: 100%;
	max-width: 100%;		
	overflow: auto;
	padding: 10px 15px;	
	}

/* ------------------------------------------------------------------
---------- FOOTER ---------------------------------------------------
------------------------------------------------------------------ */
td#footer {
	width: auto;
	width: auto;
	background-color: #ffffff;
border-top: dashed 1px #cccccc;
padding: 10px;

			text-align: center;
color: #777777;
font-size: 95%;
	}

td#footer a:link, td#footer a:visited, td#footer a:active {
	text-decoration: none;
color: #777777;
font-weight: normal;
	}

td#footer a:hover {
	text-decoration: none;
color: #777777;
font-weight: normal;
	}


/* ------------------------------------------------------------------
---------- BLOCKQUOTES ----------------------------------------------
------------------------------------------------------------------ */

blockquote {
	height: 1%;
	display: block;
	clear: both;
	/* more  ... */	
	}

blockquote blockquote {
	height: 1%;
	display: block;
	clear: both;
	/* more  ... */
	}

/* ------------------------------------------------------------------
---------- IMAGE CAPTION (WP 2.6 and newer) -------------------------
------------------------------------------------------------------ */

.caption {

	/*max-width: 100% auto;*/
	max-width: 96%;		
	width: auto 100%;
	height: auto; 
	display: block;
	/* more  ... */
	}

* html .caption {
	height: 100%; 
	}

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

.caption p.wp-caption-text {
	/* more  ... */
	}

/* ------------------------------------------------------------------
---------- PRINT STYLE ----------------------------------------------
------------------------------------------------------------------ */

@media print {
body { 
	background: white; 
	color: black; 
	margin: 0; 
	font-size: 12pt; 
	font-family: arial, sans-serif; 
	}

a:link:after, 

a:visited:after { 
	content:" [" attr(href) "] "; 
	font-weight: normal; 
	text-decoration: none; 
	font-size: 12pt;
	}

a:link, a:visited {
	text-decoration: underline; 
	color: #000;
	}

.postmetadata a:link:after, 
.postmetadata a:visited:after { 
	content: ""; 
	}

h2 a:link:after, 
h2 a:visited:after { 
	content: ""; 
	} 

h2, 
h2 a:link, 
h2 a:visited, 
h2 a:active {
	color: #000; 
	font-size: 18pt;
	}

h3 {
	color: #000; 
	font-size: 15pt;
	}

#header, 
#left, 
#right, 
#footer, 
.navigation, 
.wp-pagenavi-navigation, 
#comment, 
.remove-for-print {
	display: none;
	}
}	

/* ------------------------------------------------------------------
---------- Top Nav Menu Container ----------------------------------------------
------------------------------------------------------------------ */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#navcontainer {
	padding: 0px 0px 8px;
}


#navcontainer ul li {
	display: inline;
	border: 1px dashed #CCCCCC;
}

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #666666;
background-color: #FFFFFF;
}

#navcontainer ul li a:hover
{
color: #000000;
background-color: #E0E0E0;
}

/* ------------------------------------------------------------------
---------- MBPrealestate styles ---------------------------------
------------------------------------------------------------------ */
.reduced
{
	color: #FFFFFF;
	background: #CC3300;
	letter-spacing: .5em;
	display: inline;
	padding: 5px;
	font-weight: bold;
}