/* "body" is the element that contains the entire site.  It includes the light colored box, and the dark 80px border around it.
Auto margins are necessary to keep body centered within the browser window.*/

body {
/* 	background-color: #f7f4ec; */
	height: 740px;
	width: 960px;
	background-color: #272525;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: x-small;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


div.Content {
	background-color: #f7f4ec;
	margin: 0px;
	left: 80px;
	top: 80px;
	height: 592px;
	width: 800px;
	z-index: 0;
	position: relative;
}


h1 {
	right: 40px;
	margin: 0px;
	font-weight: normal;
	font-size: large;
	z-index: 1;
	position: absolute;	
	top: 40px;
	text-align: right;
}


ul {
	margin: 0px;
	line-height: 130%;
	padding: 0px;
	list-style-type: none;
	top: 138px;
	left: 12px;
	z-index: 1;
	position: absolute;
}


a {
	text-decoration: none;
}


a:link, a:visited {
	color: #673700;
}


a:hover, a:active {
	color: #33130c;
}


ul a:before {
	color: #33130c; 
	content: "\2013\ "; 
	visibility: hidden;
}


ul a:hover:before, ul a:active:before {
	visibility: visible
}


/* The next two entries show you where you are in the navigation by highlighting that link */

/* This entry displays the em dash */
#drawing a#drawingLink:before,
#oil a#oilLink:before,
#diptych a#diptychLink:before,
#acrylic a#acrylicLink:before,
#contact a#contactLink:before,
#links a#linksLink:before {
	visibility: visible
}


/* This entry makes the current location darker */
#drawing a#drawingLink,
#oil a#oilLink,
#diptych a#diptychLink,
#acrylic a#acrylicLink,
#contact a#contactLink,
#links a#linksLink {
	color: #33130c;
}


/* This locates the full size image in the individual view */
.image {
	right: 40px;
	bottom: 40px;
	position: absolute;
}


.imageInformation {
	color: #33130c;
	margin-bottom: -10px;
	padding-left: 8px;
	left: 12px;
	position: absolute;
	bottom: 40px;
}


.imageTitle {
	font-style: italic;
}


.LargeBody {
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-top: auto;
	background-color: #272525;
	height: 848%;
	width: 1104px;
	z-index: 0;
	position: relative;
}


.LargeImage {
	margin-left: 40px;
	margin-top: 40px;
	background-color: #272525;
	height: 768px;
	width: 1024px;
	z-index: 0;
	position: absolute;
}


.ThumbnailGrid {
	width: 700px;
	margin: 0px;
	left: 120px;
	bottom: 38px;
	position: absolute;
}


.ThumbnailGrid img {
	margin-top: 58px;
/* 	margin-right: 57px; */
}

#nextLink {
	display: inline;
}

ul.links {
	padding: 0px;
	margin: 0px;
	left: 610px;
	top: 202px;
	position: absolute;
}

ul.links a:before {
	visibility: hidden;
}

.NewsItem p {
	line-height: 130%;
	font-size: x-small;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
	padding-top: 0px;
	width: 160px;
	text-align: left;
	left: 618px;
	top: 90px;
	margin: 0px;
	z-index: 1;
	position: absolute;
}

.Copyright {
	font-size: xx-small;
	color: #8c8081;
	text-align: right;
	right: 80px;
	position: absolute;
	bottom: 55px;
}

.standardImageBox {
	right: 40px;
	bottom: 40px;
	position: absolute;
	height: 452px;
	width: 640px;
}

.diptychOil {
   bottom: 145px;
   right: 0px;
   position: absolute;
   
}

.diptychDrawing {
   left: 0px;
   bottom: 76px;
   position: absolute;
   
}

/* This img style is only necessary to prevent Internet Explorer 
   from automatically adding a border to every image */
img {
	border-style: none;
	border-width: 0px;
}



/*
.links a:hover, a:active {
	color: #a5ffff;
}
*/