/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */

/* Set the base background color */
body {background-color: #d5dde6; }
	
/* CONTAINER */

	#container {
	width: 90%;
	margin: 0 auto;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size: 12px;
	line-height: 1.6em;
	color: #CCC;
	/*background-color: #d5dde6;*/
	}
	
/* GENERAL MOJO AND MULA */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 32px;
			color: #CC6633;
			margin-bottom: 30px;
			/*background-color: #d5dde6;*/
		}
		
		h2 {
			color: #666666;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			/*background-color: #d5dde6;*/
		}
		
		
		a {
			color:#CC6714;
			text-decoration: none;
		}

		a:hover {
			background: #e7ecf3;
			background-color: #e7ecf3;
			color:#e58a3f;
		}

		
		form {
			float:right;
			margin-top: -45px;
			font-size: 9px;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
/* HEADER ELEMENTS */

		#header {
	clear: both;
	margin-bottom: 0px;
	/* A little padding to pseudo-center the image. */
	padding-left: 3em;
	/* XXX - Ick.  Cheat.  With the box floated left, the bottom
	 * border of the section is coming up inside of the box.  :-( */
	/*padding-bottom: 55px;*/
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
		}
		
		#header img {
			/*float:left;*/
			margin: 0 10px;
		}

		/* the slogan */
		#header p { 
			padding-top: 1ex;
			margin: 20px 0;
			color: #666666;
			font-size: 450%;
		}
		#header p.subtitle { 
			padding-top: 0;
			font-size: 200%;
		}

/* NAVIGATION ELEMENTS */
	
		div#navigation {
			clear: left;
		}
		#navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			float: left;
			width: 120px;
		}

		#navigation a {
			display: block;
			padding: 5px;
			width: 120px;
			border-bottom: 1px solid #CCC;
		}

		#navigation a:link, #navlist a:visited {
			color:#cc6918;
			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #e7ecf3;
			background-color: #e7ecf3;
			color:#e58a3f;
		}

/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
		
/* CONTENT ELEMENTS */

		#content {
			width: auto;
			color: #666666;  /* main body txt & other color changes */
			/* This margin-left floats it to the right of the
			 * #navigation element(s) */
			margin-left: 150px;
			/* This margin-right floats it to the left of the
			 * #sidebar element(s) */
			/* (which I'm not using)  margin-right: 200px; */
			margin-right: 10%;
		}
		
		#content p, #content ul {
			clear: right;
			padding-bottom: 10px;
			border-bottom: 1px solid #CCC; /* A faint grey line below the text */
		}

		/* No line below the last paragraph */
		#content p.last, #content ul.last {
			border-bottom-style: none;
		}
		/* ...or nested lists */
		#content ul ul {
			border-bottom-style: none;
			padding-bottom: 0;
		}
		#content ul.nested {
			border-bottom-style: none;
			padding-bottom: 0;
		}

		/* A key value token, right now used for the version number
		 * on the changes page. */
		#content .key {
			font-weight: bold;
			font-size: 120%;
			display: inline-block;
			width: 5em;
		}

		/* Supporting information related to a key or item.  Currently
		 * used for release/detail information on the changes page. */
		#content .info {
			font-size: 90%;
			color:#cc6918;
		}

		/* For images in paragraphs, float it so the paragraph is to
		 * its left, and remove a border which appears if the image
		 * is a hyperlink. */
		#content p img {
			float: right;
			border: none;
		}

/*
		#content img.screen {
			width: 280px;
		}
*/

		#content ul li.FAQ {
			list-style-type: none;
			margin-top: 1ex;
			margin-left: -1em;
			font-size: 120%;
			color: #886666;
		}

/* [RIGHT] SIDEBAR ELEMENTS */
/*
		#sidebar {
			float: right;
			width: 175px;
		}
		
		#sidebar p {
			padding-bottom: 10px;
			border-bottom: 1px solid #666666;
		}
*/
/* FOOTER ELEMENTS */


		#footer {
			margin-top: 10px;
			clear: both;
		/*	background-color: #d5dde6;*/
			padding: 0px 5px 0px 5px;
			/* A faint grey line above the text */
			border-style: solid;
			border-width: 2px 0 0 0;
		}
		
		#footer p {
			color: #999999;
			font-size: 9px;
			/*padding: 5px;*/
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #cccccc;
		}
		
		#footer p a:hover {
			color: #e58a3f;
			background-color: #e7ecf3;
		}
		
		/* And they lived happily ever after. The End. */