/* 
  -----------------------------------
  Irene Travis Fine Art
  by Nan Fredman/Cool Tuna Studio
  www.cooltuna.com
  -----------------------------------
*/

/* GENERAL PAGE LAYOUT --------------------------------------- */
* { margin: 0; padding: 0; }
body { background-color: #52502B; min-width: 800px; text-align: center; font: 101% Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
div#pageHolder { width: 800px; margin: 0 auto; text-align: left; }
div#header { margin: 0 0 0 33px; width: 734px; }
div#header div#titleImg { border-bottom: 1px solid #FFF; width: 253px; float: left; display: inline; margin: 0 72px 0 0; }
div#header div#pageTitle { width: 409px; padding: 47px 0 0 0; float: right; display: inline; }
div#header div#location { 
	margin: 0 0 33px 3px; 
	font: 10px/12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFF; 
	clear: both; }
div#contentHolder { width: 734px; margin: 0 33px 40px 33px; }
div#leftColumn { width: 253px; float: left; display: inline; margin: 0 72px 0 0; }
div#rightColumn { width: 409px; float: right; }
div#footer { width: 734px; margin: 0 33px; border-top: 3px solid #FFF; padding: 10px 0; }
#blah:active { } /* makes skipnav links work consistently in IE... nobody knows why! */
div#narration { margin: 20px 0 0 0; }
div#gallery { margin: 0 0 20px 0; }
div#gallery div.bordered { width: 396px; padding: 3px; background-color: #FFF; border: 1px solid #333; text-align: center; }
div#gallery div.bordered img { border: 1px solid #333; }

/* PAGE NAVIGATION ------------------------------------------- */
  /* accessability */
div#skipnav { position: absolute;  margin-left: -3000px; }
div#skipnav a:focus, #skipnav a:active { margin-left: 3000px; overflow: visible; display: block; width: 10em; color: #E2AE40; }
div#nav { position: relative; }
  /* regular page nav */
div#nav div.navBorder { margin: 0; font-size: 1px;}
ul#navlist { list-style: none; margin: 0; padding: 0; }
ul#navlist li { width: 164px; font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
ul#navlist a, ul#navlist a:visited { 
	color: #FFF; text-decoration: none; 
	display: block; 
	background: url(../assets/presentation/navOff.jpg) no-repeat 0 50%; 
	padding: 3px 0 3px 5px; margin: 0 0 0 1px;
	/* border-top: 1px solid #52502B; */
	border-left: 1px solid #52502B;
	/* border-bottom: 1px solid #52502B; */
	}
ul#navlist li a:hover, ul#navlist li a:active { 
	color: #000; text-decoration: none; 
	background: url(../assets/presentation/navOn.jpg) no-repeat 0 50%; 
	/* border-top: 1px solid #65623F; */
	border-left: 1px solid #F6CC71;
	/* border-bottom: 1px solid #3B381A; } */
	}
#nav #navlist .uberlink {
	background-color: #52502B;
	background-image: url(../assets/presentation/navOn.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #444 !important;
	font-weight: bold;
	cursor: default;
	/* border-top: 1px solid #65623F; */
	border-left: 1px solid #F6CC71;
	/* border-bottom: 1px solid #3B381A; */
	} 
/* TEXT STYLES ------------------------------------------------ */
div#pageTitle h1 { font: bold 1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
div#narration, div#rightColumn { font-size: 0.85em; }
div#narration h2 { font-size: 1.3em; font-weight: bold; margin: 0 0 0.3em 0; }
div#narration h3 { font-size: 1em; font-weight: bold; margin: 0 0 0.3em 0; color: #D15F5D; }
div#narration p, div#rightColumn p { line-height: 1.8em; margin: 0 0 0.8em 0; }
p.locationInfo { line-height: normal; font-size: 0.8em; font-style: italic; margin-bottom: 1em; }
div#narration a:link, div#narration a:visited, 
div#rightColumn a:link, div#rightColumn a:visited,
div#footer a:link, div#footer a:visited { color: #E2AE40; text-decoration: underline; }
div#narration a:hover, div#narration a:active, 
div#rightColumn a:hover, div#rightColumn a:active,
div#footer a:hover, div#footer a:active { color: #333; background-color: #E2AE40; text-decoration: none; }
div#footer { color: #ddd; font-size: 0.7em; }

/* UTILITIES -------------------------------------------------- */
.clearboth { clear: both; font-size: 1%; height: 0.1px; }

/* FORM STYLES ------------------------------------------------ */
  /* contact form */
#rightColumn form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* creates 10px of padding at the bottom of the form */
  	width: 400px; /* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
  	float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}
#rightColumn fieldset {
	border: 1px solid #BE9E6F; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}
#rightColumn legend {
	border: 1px solid #BE9E6F; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background: #FECF7F url(../assets/presentation/sidehead.jpg) repeat-y; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	font: normal 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;  /* styles the text within */
}
#rightColumn label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 110px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em;
	text-align: left;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	}
#rightColumn input, #rightColumn textarea {
	color: #000; /* creates the text color */
	border: 1px solid #CEB993; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #EAE0D2; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 280px; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

/*\*/ /*/
#rightColumn input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#rightColumn input.sminp {
	width: 110px; /* for shorter input boxes. */
	margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #000;
	background: #BE9E61;
}