/*
443266	
F1F0FF
9C8AA5
BDAEC6
*/
html,body {

	margin: 0px;
	padding: 0px;
	background-color: #F1F0FF;
	font-family: tahoma;
	font-size: 12px;

}

div#wrapper {

	margin-left: auto;
	margin-right: auto;
	width: 880px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #333333;
	clear:both;
	
}

div#header {

	background: url('../images/felinedreamers_banner_web.jpg');
	background-color: #FFF;
	height: 310px;
	border-bottom: 1px solid #000;

}

div#menu {

	background-color: #000;
	text-align: center;
	padding: 4px;

}

div#menu a {

	margin: 10px 2px 10px 2px;
	
}

div#menu a:hover {

	opacity: 0.75;
	filter: alpha(opacity=75);
	
}

div#content {

	clear: both;
	background-color: #FFF;
	padding: 8px;
	min-height: 800px; //675px
	height:auto !important;
	height: 100%; //675
	// min-height is the area of the content,it needs to be adjusted if the home.inc content changes height
	// so we can keep the WordPress updated content visible as the footer does not necessarily contain the
	// additional WordPress info. 
	// *** Make sure to change site.css as well. ***

}

div#footer {

	color: #999999;
	background-color: #000;
	text-align: center;
	padding: 4px;

}

div.rightbox {

	width: 220px; 
	//height: 175px; 
	border: 1px solid #BDAEC6; 
	background-color: #d9d0de;
	padding: 4px; 
	margin-bottom: 8px;
	min-height: 350px; // 650px
	height:auto !important;
	height: 100%; //675
}

div#blogbox {
	
	clear: both;
	width: 856px; 
	height: 85px; 
	border: 1px solid #9C8AA5; 
	padding: 4px;
}

div#threecolumn {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	height: 640px;
}

div#twocolumn {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	height: 480px;
}

a:link { 
	color: #660066;
}

a:visited { 
	color: #005500;
}