Open Source Design

/*
LAYOUT: Horizontal Drop-Down Menu
 
DESCRIPTION: Main exhibit categories are arranged in a horizontal rather than vertical menu. Rolling over each category opens a drop-down list of the individual exhibits contained therein. This plugin also arranges the Post-Nav text and 'Built with Indexhibit' tagline in a footer at the bottom of the page. 
 
INSTALLATION: 
1. This plugin will only work with the index.php files developed by Mushon Zer-Aviv. Replace the index.php file at 'ndxz-studio/site/plugin' with _____ , and the index.php file at 'ndxz-studio/site/'yourtheme' (eatock, sample, or whichever template you are using) with _________. These reworked index.php files can be downloaded here......
2. This plugin is meant to replace the #menu{}, #menu ul{} and #content{} selectors in the style.css file of whichever template theme you are using. To install, simply replace the css selectors above with the code below. 
*/
 
.top-section {
	margin-top: 2em; 
	padding-left: 3em;
}
 
ul.nav {
	float: left;
	margin-top: 1em;
 	padding-left: 3em;
	width: 100%;
	display: block;
	position: absolute;
	z-index: 1000;
}
 
ul.nav li {
	background-color: #FFFFFF;
	list-style: none;
	margin-right: .8em;
	padding: 0;
	width: 14em;
	float: left;
	border-bottom: 1px solid #E2D9CC;
	cursor: default;
}
 
ul.nav li h3 {
	border-bottom: 1px solid #E2D9CC;
	padding-bottom: .1em;	
}
 
ul.nav li ul {
	border-top: 1px solid #E2D9CC; 
	display: none;
	line-height: 2em;
}
 
ul.nav li:hover ul {
	display: block;
}
 
.bottom-section {
   position:absolute;
   z-index: 10;
   bottom:0;
   width:100%;
   padding-left: 14.5em;
 
}
 
.built {
	position: absolute;
	z-index: 10;
	bottom: .9em;
	width:100%;
	padding-left: 3em;
	list-style-type: none;
}
 
 
#content {
    margin: 4em 0 0 3em;
    top: 0;
}