/*
Theme Name: Mirrormont Forest
Theme URI: http://wordpress.org/
Description: Mirrormont Community Association Wordpress Theme.
Version: 1.0
Author: Earnie Eng
Designer: Abraham Wong
Author URI: http://www.e3ecentral.com
Tags: Template
*/

/******************************************************************************/
/* Layout CSS                                                                 */
html, body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

body {
	background: #E2DCCE url(images/gradient_bkg.jpg) repeat-x;
	height: 100%;
}

#PageContainer {
	padding-bottom: 20px;
}

/* Start of all Header Stuff */
#HeaderContainer {
/* Trees Background */
	background: url(images/forest_bkg.jpg) repeat-x;
	width:100%;
	height: 366px;
	padding-top: 50px;

}

	#HeaderContent {
		/* combination of width and padding makes the total width 900px */
		width: 872px;
		padding: 14px 14px 0 14px;
		height: 352px;
		background: #FFFFFF;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
	}

		#TitleBarContainer {
			height: 101px;
			background: url(images/Title_Bkg.jpg) repeat-x;
		}
			#TitleBarLeft {
				float: left;
				height: 101px;
				width: 15px;
				background: url(images/Title_Left.jpg) top left no-repeat;
			}
			#LogoContainer {
				float: left;
				width: 350px;
			}
			#TitleBarRight {
				float: right;
				width: 350px;
				height: 101px;
				background: url(images/Title_Right.jpg) top right no-repeat;
			}
			
		#MainPicContainer {
			background: url(images/main_pic.jpg) no-repeat;
			height: 210px;
			width: 872px;
		}
	
		#MainNavContainer {
			width: 872px;
			height: 40px;
			background: url(images/MainNav_Bkg.jpg) repeat-x;
			border-bottom: 1px solid #C8C8C8;
		}
			/*
			#MainNavContainer ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			#MainNavContainer ul li {
				float: left;
			}
			#MainNavContainer .page_item a {
				background: url(images/MainNav_Button_Left.jpg) no-repeat;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 13px;
				line-height: 16px;
				color: #FFF;
				text-decoration: none;
				vertical-align: middle;
				float: left;
				display: block;
				height: 41px;

			}
			#MainNavContainer .page_item a span {
				background: url(images/MainNav_Button_Right.jpg) no-repeat right;
				display: block;
				padding: 12px 12px 12px 12px; 
			}
			#MainNavContainer .page_item a:hover span {
				background: url(images/MainNav_Button_Active.jpg) no-repeat right;
				display: block;
				padding: 12px 12px 12px 12px; 
			}
			.current_page_item {
				background: url(images/MainNav_Button_Active.jpg) no-repeat right;
			}	
			*/			

/*******************************************************************************************/
#suckerfishnav {
	background:url(images/MainNav_Bkg.jpg) repeat-x;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
}
#suckerfishnav, #suckerfishnav ul {
	float:left;list-style:none;padding:0;margin:0;
	width:100%;
}

#suckerfishnav li {
	float:left;padding:0;
	vertical-align: middle;
	line-height:40px;
	border-right: 1px solid #89AD48;
	border-left: 1px solid #334F00;
}

#suckerfishnav a {
	display:block;color:#fff;text-decoration:none;padding:0 15px 0 15px;
	vertical-align:middle;
}
#suckerfishnav ul {
	position:absolute;left:-999em;height:auto;
	width:178px;font-weight:normal;margin:0;line-height:1;
	border:0;border-top:1px solid #89AD48;
}
#suckerfishnav li li {
	width:178px;border-bottom:1px solid #89AD48;
	border-right: 0; border-left: 0;
	font-weight:normal;font-family:verdana,sans-serif;
	line-height:25px;
}

#suckerfishnav li ul li a {
	background:url(images/MainNav_Bkg.jpg) repeat-x;
}
#suckerfishnav li li a {
	padding:0 15px 0 15px;
	width:148px;font-size:12px;color:#dddddd;
	height:auto;
}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;}

/*main menu hover, current item*/
#suckerfishnav li a:hover,
.current_page_item a,
#suckerfishnav li ul li.current_page_item a {
	background: url(images/MainNav_Button_Active.jpg) repeat-x;
	color:#dddddd;
}

/*dropdown hover*/
#suckerfishnav li li:hover {background:#1F3E9F;}

#suckerfishnav li ul li:hover a, 
#suckerfishnav li ul li li:hover a, 
#suckerfishnav li ul li li li:hover a, 
#suckerfishnav li ul li li li:hover a  {color:#dddddd;}


#suckerfishnav li.sfhover a {color:#dddddd;}

#suckerfishnav li:hover li a, 
#suckerfishnav li li:hover li a, 
#suckerfishnav li li li:hover li a, 
#suckerfishnav li li li li:hover li a {color:#dddddd;}

#suckerfishnav li:hover ul ul, 
#suckerfishnav li:hover ul ul ul, 
#suckerfishnav li:hover ul ul ul ul, 
#suckerfishnav li.sfhover ul ul, 
#suckerfishnav li.sfhover ul ul ul, 
#suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}

#suckerfishnav li:hover ul, 
#suckerfishnav li li:hover ul, 
#suckerfishnav li li li:hover ul, 
#suckerfishnav li li li li:hover ul, 
#suckerfishnav li.sfhover ul, 
#suckerfishnav li li.sfhover ul, 
#suckerfishnav li li li.sfhover ul, 
#suckerfishnav li li li li.sfhover ul  {left:auto;background:#444444;}
/*
#suckerfishnav li:hover, 
#suckerfishnav li.sfhover {background:#5E7AD3;}

/*******************************************************************************************/



/* End of all Header Stuff */



#MainContentContainer {
	width: 872px;
	height: 100%;
	padding: 8px 14px 8px 14px;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: auto;
}


#MainContentInner {
	width: 872px;
	/*padding-top: 10px;*/
	background:url(images/MainContent_bkg.jpg) repeat-x;
	overflow: auto;
}

	#BreadcrumbContainer {
		width: 862px;
		font-size: 10px;
		padding: 0 0 0 10px;	
		background: #D8E0BC;
		line-height: 25px;
		vertical-align: middle;
	}
	#BreadcrumbContainer a {
		text-decoration:none;
	}
	#BreadcrumbContainer a:hover {
		text-decoration:underline;
	}

	#LeftContentContainer {
		width: 852px; /* Width to use when sidebar is hidden */
		/* width: 562px; Width to use when sidebar is shown */
		padding: 0 10px 0 10px;
		float: left;
	}
	
	#SidebarContainer {

		/* hide sidebar for now 2009-08-28 */
		position: absolute;
		top: -5000px;
		left: -5000px;
		/* hide sidebar for now 2009-08-28 */

		width: 250px;
		padding: 0 20px; 0 20px;
		float: right;
	}

#FooterContainer {
	width: 872px;
	height: 100%;
	padding: 8px 14px 8px 14px;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: auto;
}
#FooterContent {
	width: 832px;
	background: #D8E0BC url(images/Footer_Top_Bkg.jpg) repeat-x;
	padding: 20px 20px 10px 20px;
	display: block;
	clear: both;
	overflow: auto;
	visibility:hidden; /*Hide for now*/
}
#FooterLeft {
	width: 250px;
	float: left;
	padding-right: 30px;
	visibility:hidden; /*Hide for now*/
}
#FooterCenter {
	width: 265px;
	float: left;
	padding-right: 30px;
	visibility:hidden; /*Hide for now*/
}
#FooterRight {
	widows: 270px;
	float: right;
	display: block;
	visibility:hidden; /*Hide for now*/
}

#FooterCopyrightContent {
	width: 832px;
	/* background: #D8E0BC; */
	background: #D8E0BC url(images/Footer_Top_Bkg.jpg) repeat-x;
	color: #995300;
	font-size: 11px;
	line-height: 13px;
	padding: 10px 20px 10px 20px;
	text-align: center;
}
/* End Layout CSS                                                             */
/******************************************************************************/


/******************************************************************************/
/* Content Style CSS                                                          */

/* Posts Headings */
h2 a {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
	color: #995300;
}
h2 a:hover {
	text-decoration: underline;
}
small {
	font-size: 10px;
	padding: 0 0 0 15px;
}


/* Posts Content */
div.entry {
	/* remove padding since sidebar is hidden
	padding: 0 0 10px 15px;
	*/
}
div.postmetadata {
	padding: 0 0 15px 15px;
	font-size: 11px;
}


/* Search Form */
#screen-reader-text {
	font-size: 11px;
}
#s {
	font-size: 11px;
	width: 100px;
}
#searchsubmit {
	font-size: 11px;
}


/* Sidebar Styles */
#SidebarContainer h3 {
	color: #406400;
	font-weight: bold;
	font-size: 12px;
	padding: 15px 0 8px 0;
	margin: 0;
}
ul.SidebarItems {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: #DDDDDD solid 1px;
}
ul.SidebarItems li {
	display: block;
	clear: both;
	border-top: #DDDDDD solid 1px;
	padding: 6px 0 6px 15px;
	font-size: 11px;
}
ul.SidebarItems li a {
	text-decoration: none;
}
ul.SidebarItems li a:hover {
	text-decoration: underline;
}

/* Footer Headings */
h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 17px;
	color: #995300;
}

ul.FooterItems {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.FooterItems li {
	display: block;
	clear: both;
	border-top: #C8C8C8 solid 1px;
	padding: 5px 0 10px 0;
}
ul.FooterItems li a {
	text-decoration: none;
}	
ul.FooterItems li a:hover {
	text-decoration: underline;
}	

/* End Content Style CSS                                                      */
/******************************************************************************/