/* CSS Document */
html, body {
	margin: 0; 
	padding: 0;
	border: 0;
	min-height: 100%; margin-bottom: 1px; /* stops page jog, scrollbars always on */
	
}

body {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 100%;
	color: #ffedd9;
	background-color: #4D4945; /* *** part of graphics in AE *** */
	background-image: url(../navbar/navtile.gif);
	background-repeat: repeat-x;
	text-align: center;
}

#container {  /* NEW - added to all pages to center pages (except "hero" pages), encompasses all boxes */
    margin: 0 auto;
	width: 850px;
	text-align: left;
}

/* HERO single gallery pages - no red tile bg */

body.heropage {
	background-image: none;
	text-align: center;
}

#gallery { /* main box on hero gallery pages - margin auto centers */
	margin: 0 auto;
	padding: 0;
	width: 700px;
	text-align: center;
}
#galleryhead {
	height: 100px;
}



/* *** font-size is in percent, line height is in ems*** */
p, ul {
	font-size: 100%;
	color: #ffedd9;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

/* CSS Selectors for the structure of document */

/* *** head of page, TRP logo and repeating tile *** */
#header {
	position:relative;
	margin-top: 0px;
	padding-top: 0px;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 130px;
	background-image: url(../navbar/romero_logo.gif);
	background-repeat: no-repeat;
}



/* styling horz nav bar  */
#nav {
	position: relative; 
	height: 40px;
	margin: 0;
	padding-left: 40px; /* matches content left  */
}
#nav ul {
	font-size: 80%;
	margin: 0;
	padding: 0;
}
#nav ul li {
	float: left;
	margin: 0 20px 0 0px;
	padding: 0;
	display: block;
	list-style: none;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
#nav a {
	float: left; /* *** for IE55Mac - hidden below from others  *** */
	margin: 0;
	padding: 4px 0px;
	color: #ffedd9;
	display: block;
	text-decoration: none;
}
/* Commented backslash hack hides rule from IE5-Mac WATCH BACKSLASH! \*/
#nav a {
	float: none;
}
/* End IE5-Mac hack */

#nav a:hover {
	color: #FF9999;
}

/* declarations to style the current page navbar */
body#index #t-index a, 
body#landscapes #t-landscapes a, 
body#stilllifes #t-stilllifes a,
body#biography #t-biography a, 
body#exhibitions #t-exhibitions a, 
body#upcoming #t-upcoming a,  
body#contact #t-contact a, 
body#links #t-links a {
	color: #ffa640;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #ffa640;
}



/* *** wrapper includes content and sidebar on all pages except Landscapes and Still Lifes and hero gallery pages *** */
#wrapper {
	margin-top: 20px;
	padding: 0px;
	position: relative;
	width: 700px; /* narrower than container to keep line length shorter */
	height: auto;
	text-align: left;
}

#thumbnails { /* replaces wrapper on main gallery pages, same width as wrapper = 850 */
	margin: 0px;
	padding: 0px 20px 2em 40px;
	clear: both;
	position: relative;
	width: 790px; /* plus 20+40 padding = 850 */
}


/* ***  right column is on home page only *** */
#sidebar {
	position: absolute;
	right: 1em;
	margin: 0;
	padding: 0;
	float: right;
	width: 200px;
	text-align: center;
}
	
#sidebar img {  /* images on home page */
	text-align: center;
}



/* *** main content box styling, inside wrapper *** */
#content, #contentwide {
	margin: 0;
	padding: 0 20px 2em 40px;
	clear: both;
	position: relative;
}
#content {
	width: 400px;
}

#contentwide {
	width: 600px;
}


#content p, #contentwide p, #thumbnails p {
	font-size: 85%;
	margin-top: 0.5em;
	margin-bottom: 0.75em;
	line-height: 1.75em;
	color: #FFEDD9;
}

/* *** Exhibitions list *** */

#contentwide ul {
	font-size: 80%;
	margin: 0;
	padding: 0;
}
#contentwide ul li {
	text-indent: -3em; 
	margin-left: 3em;
	margin-top: 0.4em;
	list-style: none;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

/* *** redefining html tags - links *** */
a:link {
	color: #7CD7FF;
	text-decoration: underline;
}
a:visited {
	color: #959EFF;
	text-decoration: underline;
}
a:hover {
	color: #FFA640;
	text-decoration: underline;
}
a:active {
	color: #4D4945;
}

/* *** redefining html tags - need to be specific */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFE1BF;
}

#contentwide h1 {
	font-size: 100%;
}

#contentwide h2 {
	font-size: 90%;
	margin-top: 1.5em;
}

#contentwide h3 {
	font-size: 85%;
	margin-top: 1.5em;
	font-style: italic;
}


#credits h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #FFE1BF;
}

#credits h1 {
	font-size: 100%;
	letter-spacing: 0.03em;
}

#credits h1.landscapes {
	color: #FFA640;
}

#credits h1.stilllifes {
	color: #F3939B;
}

#credits h2 {
	font-size: 90%;
	margin-top: .5em;
	font-style: normal;
}
#credits h3 {
	font-size: 70%;
	margin-top: 1em;
	font-style: normal;
}
#credits h4 {
	font-size: 66%;
	margin-top: 1em;
	font-style: normal;
}

#credits p {   /* *** used on Little Bite hero page*** */
	font-size: 75%;
	margin-top: 1em;
	margin-bottom: 1.5em;
	padding: 0px 50px 0px 50px;
	line-height: 1.5em;
	color: #FFEDD9;
}

/* *** bottom footer *** */
#footer {
	margin-bottom: 1em;
	clear: both;
	float: none;
	margin-top: 1em;
	margin-right: 10px;
	margin-left: 40px;
}

#footer p {
	font-size: 60%;
	color: #b3a99a; */ lighter version of background color */
}

/* *** misc classes*** */
.nomargins {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.smallmargintop {
	margin-top: 4px;
}
.xtraSpaceB4 {
	padding-top: 10px;
}
/* *** styling images *** */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}

#thumbnails img {  /* for main landscapes & still lifes pages */
	border: 1px solid #7E7772; /* med gray */
	margin-top: 8px;
	margin-right: 14px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 6px;
}
#thumbnails a:hover img {
	border: 1px solid #C02D2D;
}

#gallery img {  /* for gallery hero */
	border: 1px solid #7E7772; /* med gray */
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding: 8px;
}

#galleryhead img {  /* for gallery page heads */
	margin: 0px;
	padding: 0px;
	border: 0;
}


.img_borderonly_left {  /* use for a stack of images, does NOT float */
	border: 2px solid #C02D2D; /* romero red */
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.imgfloatrighthead {
	border: 2px solid #C02D2D;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 8px;
	clear: right;
}
.imgfloatright {
	border: 2px solid #C02D2D;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 8px;
	clear: right;
}
.imgfloatleftclear {
	border: 2px solid #C02D2D;
	float: left;
	clear: both;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.imgfloatleft {
	border: 2px solid #C02D2D;
	float: left;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.imgfloatlefthead {
	border: 2px solid #C02D9B;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0px;
}

#clearboth {
	clear: both;
}
.clearboth {
	clear: both;
}