html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	background-color: transparent;
	border		: 0;
	color		: inherit;
	font-size	: inherit;
	font-style	: inherit;
	font-variant	: inherit;
	font-weight	: inherit;
	line-height	: inherit;
	margin		: 0;
	padding		: 0;
	text-decoration	: inherit;
	vertical-align	: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display		: block;
}
ol, ul
{
	list-style	: none;
}
blockquote, q
{
	quotes		: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content		: '';
	content		: none;
}
table
{
	border-collapse	: collapse;
	border-spacing	: 0;
}

::-moz-focus-inner
{
	border		: 0;
}

/* begin actual styles */

body
{
	background	: #fff url(http://puente.lawr.ucdavis.edu/images/puente_bg3.jpg) fixed;
	color		: #000;
	font		: 13px/24px Verdana, sans-serif;
}

#wrapper-nav
{
	display		: block;
	position	: fixed;
	top		: 40px;
	width		: 100%;
	z-index		: 42;
}

	nav
	{
		margin		: 0 auto;
		width		: 1000px;
	}

		nav ul
		{
			background	: #fff;
			box-shadow	: 3px 3px 5px #666;
			margin		: 0 0 0 800px;
			padding		: 20px 20px 40px;
		}

			nav li
			{
				display		: block;
				text-align	: center;				
			}

				nav ul>li>a 
				{
					font-weight	: bold;
					margin		: 20px 0 0;
				}

				nav li a
				{
					display		: block;
					text-align	: center;
				}

				nav li a:focus, nav li a:hover
				{
					background	: #999;
					color		: #fff;
					outline		: 0;
				}

#wrapper-ext
{
	margin		: 40px auto;
	padding		: 0 240px 0 0;
	width		: 760px;
}

#wrapper-int
{
	background	: #fff;
	box-shadow	: 3px 3px 5px #666;
	padding		: 60px;
	position	: relative;
	width		: 640px;
	z-index		: 999;
}

header{}

	header h1
	{
		font		: italic 32px/36px Cambria, Georgia, serif;
		text-align	: center;
	}

	header h1 small
	{
		display		: block;
		font		: normal normal normal 18px/24px Calibri, Verdana, sans-serif;
		margin		: 24px 0 0;
		letter-spacing	: 4px;
		word-spacing	: 4px;
		color		: #999;
		text-transform	: uppercase;
	}

	header h1 small:after, 	header h1 small:before
	{
		content		: '\20\b7\20';
	}

	header .authors
	{
		font-style	: italic;
		padding		: 20px 0;
		text-align	: center;
	}

		header .authors span[title]
		{
			border-bottom	: 1px dotted #666;
			cursor		: help;
		}

		header .authors small
		{
			color		: #666;
			display		: block;
			font-size	: 11px;
			padding		: 8px 0 0;
		}

	header .notice
	{
		font-size		: 16px;
		font-weight		: bold;
		margin			: 0 0 30px;
		text-align		: center;
	}

	header p
	{
		text-align	: justify;
		margin		: 0 0 40px;
	}

article{}

	article hr
	{
		background	: #fff;
		border		: 0;
		height		: 10px;
		margin		: 0;
		padding		: 0;
	}

	article h2
	{
		border-bottom	: 1px solid #ccc;
		border-top	: 3px double #ccc;
		clear		: both;
		font		: 24px/36px Cambria, Georgia, serif;
		margin		: 0 0 24px;
		padding		: 4px 0;
		text-align	: center;
	}

	article p
	{
		margin		: 0 0 24px;
		text-align	: justify;
	}

		article sub
		{
			font-size	: 9px;
			line-height	: 1px;
			vertical-align	: sub;
		}

		article sup
		{
			font-size	: 9px;
			line-height	: 1px;
			vertical-align	: super;
		}

		article em
		{
			font-style	: italic;
		}

		article var
		{
			font-family	: Georgia, serif;
			font-style	: italic;
			line-height	: 1px;
		}

	article div
	{
		padding		: 10px 0;
	}

		article h3
		{
			color		: #333;
			font		: italic bold 18px/24px Cambria, Georgia, serif;
			margin		: 0 0 24px;
			text-align	: center;
		}

		article ol.code
		{
			border-left	: 3px double #ddd;
			font		: 13px/18px Consolas, "Courier New", Courier, monospace;
			list-style	: decimal-leading-zero;
			margin		: 0 0 40px;
			padding		: 0 0 0 40px;
		}

			article ol.code li
			{
				color		: #aaa;
				margin		: 0;
				padding		: 0 0 0 30px;
				text-indent	: -20px;
				white-space	: pre-wrap;
			}

				article ol.code code
				{
					color		: #000;
				}

				article ol.code .comment
				{
					color		: #228b22;
				}

				article ol.code li .string
				{
					color		: #b20000;
				}

				article ol.code li .cont, article ol.code li .keyword
				{
					color		: #0000ff;
				}

		article table
		{
			border-top	: 1px solid #ccc;
			float		: left;
			margin		: 0 20px 40px 0;
			width		: 310px;
		}

		article table.alt
		{
			margin		: 0 0 20px;
		}

			article caption
			{
				background	: #ddd;
				color		: #000;
				margin		: 0 0 1px;
				padding		: 3px 0;
			}

			article table.select caption
			{
				background	: #dda;
			}

				article caption small
				{
					font-style	: italic;
					font-size	: 10px;
					line-height	: 1px;
				}

			article th, article td
			{
				border		: 1px solid #ddd;
				font-size	: 11px;
				padding		: 4px 0;
				text-align	: center;
			}

			article table.select th, article table.select td
			{
				border-color	: #dda;
			}

			article th
			{
				background	: #f0f0f0;
			}

			article table.select th
			{
				background	: #f0f0c0;
			}

				article th sup
				{
					font-size	: 8px;
				}

			article td
			{
				color		: #333;
				cursor		: help;
			}

			article td.empty
			{
				color		: #ccc;
				cursor		: default;
			}

	article table + div
	{
		clear		: both;
	}

	article .demo{}

		article .demo form
		{
			background	: #f0f0f0;
			border		: 1px solid #ccc;
			padding		: 20px 0 0;
		}

			article .demo form fieldset
			{
				display		: block;
				float		: left;
				margin		: 0;
				width		: 100px;
			}

			article .demo form fieldset:first-child
			{
				margin		: 0 0 0 80px;
			}

				article .demo form fieldset legend
				{
					display		: block;
					text-align	: center;
					margin		: 0 auto 8px;
					width		: 100%;
				}

				article .demo form fieldset input[type="text"]
				{
					/*position	: absolute;*/
					border		: 1px solid #ccc;
					display		: block;
					font		: 12px/14px Consolas, "Courier New", Courier, monospace;
					margin		: 0 auto 5px;
					padding		: 5px;
					text-align	: center;
					width		: 50px;
				}

			article .demo form fieldset.extra
			{
				clear		: both;
				display		: block;
				float		: none;
				padding		: 30px 0 10px;
				text-align	: center;
				width		: 100%;
			}

				article .demo form fieldset.extra input
				{
					font		: 11px/16px Verdana, sans-serif;
					padding		: 3px 5px;
					margin		: 0 2px;
					width		: 84px;
				}

			article .demo form fieldset.buttons
			{
				clear		: both;
				display		: block;
				padding		: 20px 0;
				float		: none;
				text-align	: center;
				width		: 100%;
			}

				article .demo form fieldset.buttons input
				{
					font		: 11px/16px Verdana, sans-serif;
					padding		: 4px 10px;
					width		: 120px;
				}

				article .demo form fieldset.buttons input + input
				{
					margin		: 0 0 0 120px;
				}

	article .graphic
	{
		clear		: both;
		height		: 420px;
		margin		: 40px auto;
		padding		: 0;
		width		: 100%;
	}

		.jqplot-title em
		{
			color		: #999;
		}

footer
{
	border-top	: 3px double #ccc;
	color		: #999;
	font-size	: 11px;
	margin		: 80px 0 0;
	padding		: 40px 0 0;
	text-align	: center;
}

	footer a
	{
		color		: #666;
	}

	footer a:focus, footer a:hover
	{
		color		: #333;
		outline		: 0;
	}

/* end of file */