/** Earthville Theme ("ev-theme") **/

html {	
	width: 100%;
	background: #363636 url(../images/bg.jpg) 0 0 repeat; 
	padding: 0;
	margin: 0;
}

body {
	width: 100%;
	font-size: 76%;  /* set font-sizes to 1em ~= 12px */
	padding: 0;
	margin: 0;
}

* {
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-family : Verdana, Helvetica, sans-serif;
}

/******************************************************************************/
/******************************************************************************/
#Sambhogakaya {
	position : relative; 		/* need this so "absolute" children work */
	margin : 0 auto;
	width : 980px;
}

#Header {
	position : absolute;
	top : 10px; 				/* upper margin */
	height : 95px;
	width : 100%;
	
	background-color: #dc8800; 

}

#HeaderRelative {
	position : relative;
	width : 100%;
}

		/* Just for loading elegance (ie, no flashing while loading...); covered by banner text */
	#HeaderRelative #UpperLeftColor {
		position : absolute;
		top : 0px; 
		left : 0px;
		width : 180px;
		height : 95px; 
		background: #9a4b1f; 
	}
	
	#HeaderRelative #UpperLeftHeaderText {
		position : absolute;
		top : 0px; 
		left : 0px;
		width : 312px;	
		height : 95px; 
		background: #dc8800 url(../images/header-dharmalaya-312x95.jpg) 0 0px no-repeat; 
		z-index : 1;
	}
	
	/*
	#HeaderRelative #UpperLeftHeaderText:hover {
		background-position: 0px -95px; 
	}
	*/
	
	#HeaderRelative #UpperLeftHeaderText a {
		text-decoration : none;
		width:100%; 
		height:100%; 
		display:block;
	}

	
	#HeaderRelative #UpperRight {
		position : absolute;
		top : 0px; 
		right : 0px;
		width : 180px;
		height : 95px; 
		background: #dc8800 url(../images/upper-right-180x95.jpg) 0 0px no-repeat; 
	
	}


#MainContainer {			/* all that is below header: placed absolutely */
	position : absolute;
	top : 105px; 				/* upper margin */
	width : 100%;
	background-color: #333;
}

#MainContainerRelative {			/* all that is below header: placed absolutely */
	position : relative;
	width : 100%;
	background-color: #777;
}

#HorizNav {
	position : absolute;
	top : 0px; 
	left : 0px;
	width : 800px;
	height : 23px; 
	background-color: #726482; 
	z-index : 1;
}

#LeftSidebar {
	position : absolute;
	top : 0px; 
	left : 0px;
	width : 180px;
	height : 100%; 
	background: #7c7a00 url(../images/left-sidebar-180x433.jpg) 0 23px no-repeat; 
}

#LeftSidebarRelative {
	position : relative;
	width : 100%;
	height : 100%;
}

/******************************************************/
/** Nav Tree (positioning only. For typography, see nav.css) **/

#LeftSidebarRelative #NavTree {
	position : absolute;
	top : 36px;
	left : 24px;
	padding-right : 4px;
}


#RightSidebar {
	position : absolute;
	top : 0px;
	right : 0px;
	width : 180px;
	height : 100%; 
	
	background: #ab7a24 url(../images/right-sidebar-180x456.jpg) 0 0 no-repeat; 

}

#RightSidebarRelative {
	position : relative;
	width : 100%;
	height : 100%;
}

	#RightSidebarRelative #EVLogo {
		position : absolute;
		
		left : 25px;
		bottom : 39px;	/* 29 + 10 */

		width : 127px;
		height : 144px;
		
		background: transparent url(../images/logo-2-state-127x288.jpg) 0 0 no-repeat; 
	}

	#RightSidebarRelative #EVLogo:hover {
		background-position: 0px -144px; 
	}

	#RightSidebarRelative #EVLogo a {
		text-decoration : none; 		/* get rid of border */
		
		display:block;
		width:100%; 
		height:100%; 
	}

	#RightSidebarRelative #FeaturedContent {
		position : absolute;
		left : 0px;
		top : 155px;	
		width : auto;
		height : auto;
		
		padding-left : 6px;
		padding-right : 6px;
	}
	
	/* better contrast for burnt orange bg */
	#RightSidebarRelative #FeaturedContent p {
		color : #f4ede5;	/* off-white */
	}
	
	/* better contrast for burnt orange bg */
	#RightSidebarRelative #FeaturedContent h2, 
	#RightSidebarRelative #FeaturedContent h3 {
		color : #251362;	/* dark purple (h1 and h5 are already that color) */
	}


#Footer {
	position : absolute;
	bottom : 0px; 
	right : 0px;
	width : 800px;
	height : 29px; 
	background-color: #9a4924; 
}

#Layout {
	position : relative;

	margin-left : 180px; 		/* Sidebar */
	margin-right : 180px; 		/*  Sidebar */
	
	
	padding-top: 33px;			/* 10 + 23 horiznav; Can't use margin here due to ff bug*/ 
	padding-bottom: 39px;			/* 10 + 23 horiznav; Can't use margin here due to ff bug*/ 
	
	padding-left: 20px;			
	padding-right: 20px;
	
	height : auto; 
	min-height: 581px;		/* 433 + 23 + 125 (logo) */
	background: #efe8df url(../images/mandir-620x433.jpg) 0 23px no-repeat; 
}

#Content {

}

#ContentWithSidebar {
	
	/* relative positioning -- cannot overide this */
	margin-left : 4px;
    top: 10px;
    width : 570px;
    background : none;
}

#SidebarContainer {
 	position : absolute;
 	left : 602px;
 	top : 11px;	
 	width : 160px;
 	height : auto;
 	
 	background : transparent;
 	border : none;
}