/*
	name: style.css

	type: stylesheet
	description: main stylesheet for Bear Creek Log Cabin

	created: 01/01/2008
	last rev: 02/07/2008
*/


body {
	margin: 0;
	/* padding: 0; */
	background-attachment: scroll;
	
	/* (NOT USING THIS) gradient background starts at bottom of main homepage background picture (beware if trying to combine the following three rules!) */
	/*
	background-image: url(../images/home/home_gradient.jpg);
	background-repeat: repeat-x;
	background-position: 0px 880px;
	*/
	
	/* color: #333; */
	color: #312a20;

	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.graytext {
	color:#777;
}


a {
	text-decoration: none;
 	font-weight: bold;
	/* color: #689ec8; */
	color: #5886aa;
}
a:hover {
	text-decoration: underline;
	/* color: #6daee0; */
	color: #689ec8;
}
a:visited {
	color: #8665ae;
}

a.hidden {
	/* display: none; */
}



h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.5em;
}


div.clearer {
	clear: both;
	/* clear: left; */
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0px;
	/* orange */
	/* border: 1px solid #F90; */
	/* background-color: #F90; */
}

div.clearer_right {
	float: right;
	clear: both;
	width: 50%;
	height: 0;
	line-height: 0;
	font-size: 0px;
	/* orange */
	/* border: 1px solid #F90; */
	/* background-color: #F90; */
}

div.spacer {
	clear: both;
	float: left;
	width: 100%;
	height: 4px;
	line-height: 0;
	font-size: 0px;
	/* pink */
	background-color: #F60;
}
.debug div.spacer {
	background-color: #F60;
}



/* ----  begin: #content  ---- */

#content {

	/* absolute positioning */
	/*
	z-index: 20;
	position: absolute;
	top: 150px;
	left: 16px;
	*/

	/* relative positioning */
	float: left;
	clear: both;
	margin-left: 16px;

	width: 870px;
	height: auto;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.debug #content {
	/* pale yellow */
	background-color: #EE6;
}


/* ----  end: #content  ---- */



/* ----  begin:  cb_* (CircleBox) - styles common to all widths ---- */

.cb_header {
	float: left;
	height: 92px;
}

.cb_body {
	float: left;
	height: auto;
}

.cb_content {
	height: auto;
}

.cb_footer {
	float: left;
	height: 30px;
}


/* this will often be overridden */
.cb_block {
	float: left;
	clear: both;
	margin-bottom: 14px;
}


.cb_text {
	/* font-weight: bold; */
	text-align: justify;
}

.cb_image {
	/* nothing here yet */
}

.cb_text_title {
	font-weight: bold;
	font-size: 1.7em;
	text-align: center;
	margin-bottom: 3px;
}

.cb_text_subtitle {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 2px;
}

.cb_text_caption {
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 4px;
}


/* ----  end:  cb_* (CircleBox) ---- */



/* ----  begin:  fb_* (FadeBox) - styles common to all widths ---- */

.fb_header {
	float: left;
	height: 12px;
}

.fb_body {
	float: left;
	height: auto;
}

.fb_content {
	width: auto;
	height: auto;
}

.fb_block {
	width: auto;
	height: auto;
}


.fb_text {
	width: auto;
	height: auto;
	/* font-weight: bold; */
	text-align: justify;
}

.fb_image {
	/* nothing here yet */
}

.fb_text_title {
	font-weight: bold;
	font-size: 1.7em;
	text-align: center;
	margin-bottom: 4px;
}

.fb_text_subtitle {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 2px;
}

.fb_text_caption {
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 4px;
}

/* ----  end:  fb_* (FadeBox) - styles common to all widths ---- */