/*	Color palette with hexadecimal color values
	Black #000
	White #fff
	Lighter grey #ddd
	Light grey #ccc
	Medium grey #888
	Pantone Orange 021 #ed6e00
	DarkKhaki #bdb76b
	Khaki #f0e68c
	GoldenRod #daa520
*/

/*	GLOBAL RESET
	undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0; }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*	DEFAULT HTML STYLES
	This section concerns generalizations and common elements
*/
body	{
		color: #aaa;
		font-size: 68.75%;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-align: center;	/* horizontal centering in Win IE */
		min-width: 720px; /* < Win IE 7 ignores this value */
		background: #000;
		}

/* Links */
a, a:link, a:visited {
		color: #fff; /* White */
		text-decoration: none;
		}
a:focus {  /* most browsers do not support yet support this property */
		-moz-outline: none; /* removes outline in Mozilla browsers */
		}
a:hover {
		color: #ed6e00; /* Pantone Orange 021 */
		border-bottom: 1px dotted #ed6e00;
		}
a:active {
		color: #daa520; /* GoldenRod */
		border-bottom: 1px dotted #daa520;
		}
a[name] { /* removes dotted underline from internal hyperlinks */
		border-bottom: none;
		}

/* Headers */
h1, h2, h3, h4, h5, h6 {
		text-transform: uppercase;
		}
h1		{
		color: #ed6e00; /* Pantone Orange 021 */
		font-size: 1.09em; /* @12px */
		margin-bottom: 1em;
		}
h2		{
		color: #f0e68c; /* Khaki */
		margin-bottom: .55em; /* @6px */
		}
h3		{
		color: #bdb76b; /* DarkKhaki */
		font-size: .91em; /* @10px */
		}
h4		{
		color: #daa520; /* GoldenRod */
		font-size: .91em; /* @10px */
		}
h5		{
		color: #ddd; /* Medium light grey */
		text-transform: none;
		}
h6		{
		color: #fff; /* White */
		font-style: italic;
		text-transform: none;
		}

/* Lists */
ul ul, ol ol, ul ol { /* nested list indent */
		margin-left: 1em;
		}

p		{
		margin-bottom: 1em;
		}
blockquote {
		padding: 0 2em 1em;
		}

/*	PAGE STRUCTURE
	This section defines layout elements and respective environmental formatting
*/
#background {
		background: #000 url(../images/image.jpg) fixed no-repeat top;
		}
#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 720px;
		margin: 0 auto; /* standard CSS horizontal centering */
		}
#container {
		line-height: 150%;
		min-height: 532px; /* < Win IE 7 ignores this value */
		margin: 0;
		}
#verso	{ /* left, 2-column layout */
		width: 350px;
		float: left;
		margin: 20px 20px 0 0;
		}
#recto	{ /* right, 2-column layout */
		width: 350px;
		float: right;
		margin-top: 20px;
		}

/* Navigation */
#nav	{
		width: 35em;
		float: right;
		margin-top: 1em;
		background: transparent;
		}
#nav li {
		display: inline;
		float: right;
		padding: 0 1em; 
		}
#nav li.first {
		display: inline;
		padding-left: 0; 
		}		
#nav li.last {
		display: inline;
		padding-right: 0; 
		}		
#nav a	{
		font-size: .91em;
		text-decoration: none;
		text-transform: uppercase;
		border-bottom: none;
		}
#nav a:link, #nav a:visited {
		color: #888;
		}
#nav a:hover {
		color: #ed6e00;
		}
#nav a:active {
		color: #fff;
		}
#nav a.selected {
		color: #fff !important;
		font-weight: bold;
		}

/* Footer */
#footer {
		color: #999; /* Medium grey */
		font-size: 10px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		clear: both;
		}
#footer li {
		padding: 5px;
		display: inline;
		background: url(../images/pipe.gif) no-repeat right;
		}
#footer li.first {
		padding-left: 0;
		}
#footer li.last {
		background: none;
		}
#footer li.right {
		float: right;
		margin-top: -5px;
		padding-right: 0;
		background: none;
		}
#footer a:link, #footer a:visited {
		color: #999;
		}
#footer a:hover {
		color: #ed6e00;
		}
#footer a:active {
		color: #f0e68c;
		}
		
#photodiv {
		margin: 0 auto 1.5em;
		background-repeat: no-repeat;
		}
#photoimg {
		}

/*	Utility elements */
.noShow { /* completely remove from layout */
		display: none;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.clearance {
		clear: both;
		}

/* FORMATTING STYLES */

/* Positioning elements */
.center {
		text-align: center;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.floatLeft {
		float: left;
		}
.floatRight {
		float: right;
		}
.padLeft {
		padding-left: 10px;
		}
.padRight {
		padding-right: 10px;
		}
.clip	{
		overflow: hidden;
		}

/* Fonts */
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.small {
		font-size: .91em;
		}
.dropcap {
		color: #eee; /* Very light grey */
		font: 3.18em/.9em Georgia, Times, serif;
		float: left;
		padding-right: .27em;
		}

/* Lists */
.plainList {
		margin: 0 0 10px 15px;
		list-style: square;
		}
ul.inline, ol.inline {
		margin-bottom: 1em;
		}
.inline li { /* display list of items side-by-side */
		margin-left: 1em;
		display: inline;
		}
.inline li.first { /* apply to first element in inline list */
		margin-left: 0;
		}

a.img:hover, a.img:active { /* remove dotted underline beneath linked images */
		border-bottom: none;
		}

/* Begin Tan hack for IE Win */
* html #container {
		height: 532px;
		}
* html .dropcap {
		line-height: 25px;
		margin-top: 2px;
		padding-right: 4px;
		}
/* End Tan hack */