/*
This is an Elated PageKit - www.elated.com.
All artwork copyright (c) 1996-2008 Elated Communications Ltd.
By using this PageKit, you are agreeing to be bound by the
usage agreement available online at http://www.pagekits.com/usage/
*/


/* Page body style */

body
{
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3em;
	margin: 0;
	padding: 0;
  color: #000;
	background-color: #FFFFFF;
  font-size: 0.75em;
}


/* Standard paragraph style */

p, ul, ol, dl
{
	margin-top: 0;
  margin-bottom: 0;
	padding-bottom: 14px;
}


/* Links */

a
{
  color: #000;
  background-color: inherit;
  text-decoration: underline;
  padding: 2px 0;
}

a:visited
{
	color: #000000;
	background-color: inherit;
}

a:hover
{
  color: #000;
  background-color: #fff;
  text-decoration: none;
}

a.slide:hover
{
  background-color: #fff;
}


/* Headings */

h1, h2, h3, h4
{
  padding-top: 0;
}

h1
{
	font-size: 2.2em;
  line-height: 0.9em;
	margin: 0 0 70px 0;
  color: #000;
	background-color: inherit;
}

h2
{
	font-weight: bold;
	font-size: 1.5em;
	margin: 0 0 10px 0;
	line-height: 1.2em;
	color: #000000;
}

h3
{
	font-weight: normal;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

h4
{
	font-weight: bold;
	font-size: 1.0em;
	margin: 0 0 10px 0;
}


/* Container for page */

#container
{
	margin: 40px auto 20px auto;
	width: 750px;
}


/* Left column */

#left-column
{
  float: left;
	width: 159px;
  margin: 0 10px 0 0;
}

#logo
{
  height: 225px;
}

#logo a img
{
  width: 127px; height: 132px; margin: 0; padding: 0; border: none;
}

#logo a:hover
{
	color: #000;
  background-color: #fff;
}

#logo h1
{
  margin: 0 0 5px 0;
  font-size: 3.0em;
  font-weight: bold;

}

#logo h1 a
{
  color: #000;
	background-color: inherit;
  text-decoration: none;
  display: block;
}

#logo h1 a:hover
{
  color: #000;
  background-color: #fff;
}

#logo h2
{
  color: #000;
	background-color: inherit;
  font-size: 1.2em;
  margin: 0;
  font-weight: normal;
}


/* Right column */

#right-column
{
  float: right;
	width: 159px;
  margin: 10px 0 0 10px;
}

ul#menu
{
  list-style: none;
	font-weight: normal;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
  height: 140px;
}

ul#menu li
{
  margin: 0;
  padding: 0;
}

ul#menu a
{
  color: #000;
	background-color: inherit;
	text-decoration: none;
  padding: 0;
  font-weight: bold;
}

ul#menu a:hover
{
	color: #fff;
  background-color: #000;
  text-decoration: none;
  padding: 0;
}


/* Main content column */

#main-content
{ 
  float: left;
  width: 390px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}

.news-item
{
  padding: 30px 0 16px 0;
  border-bottom: 1px solid #d6d6d6;
}

.news-item.first
{
  padding-top: 0;
}

.news-item img
{
  float: right;
  width: 190px;
  margin: 0 0 14px 10px;
}
 
.news-item h1
{
}

div.gallery-item
{
  padding: 30px 0 30px 0;
  border-bottom: 1px solid #d6d6d6;
  color: #666;
}

div.gallery-item.first
{
  margin-top: 15px;
  border-top: 1px solid #d6d6d6;
}

div.gallery-item img.left
{
  float: left;
  width: 190px;
  margin: 0;
}

div.gallery-item img.right
{
  float: right;
  width: 190px;
  margin: 0;
}

div.gallery-item div.left
{
	width: 159px;
	height: 268px;
	margin-left: -180px;
	position: absolute;
	text-align: right;
}

div.gallery-item div.right
{
	width: 159px;
	margin-left: 410px;
	position: absolute;
	text-align: left;
	height: 258px;
}

div.gallery-item h2 a
{
  text-decoration: none;
}



/* Standard images */

img
{
	border: none;
  margin: 14px 0 24px 0;
}

img.first
{
  margin-top: 0;
}

img.slide
{
  margin: 0;
  padding: 0;
}

.imageCaption
{
  margin: -20px 0 24px 0;
  font-weight: bold;
}

/* Horizontal rules */

hr
{
  height: 1px;
  border-top: 1px solid #d6d6d6;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin: 10px 0 25px 0;
}

hr.end
{
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 0;
  font-size: 0;
  height: 0;
}

/* (Collapse vertical space between images and rules) */

img+hr
{
  margin-top: 3px;
}

hr+img, img+img
{
  margin-top: 6px;
}


/* Page footer area */

#page-footer
{
  margin: 10px 0 20px 180px;
  width: 390px;
  padding-top: 10px;
  text-align: left;
  color: #9a9a9a;
}


/* Clearing element */

.clear
{
  position: relative; clear: both; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 0;
}

.painting-text-placeholder
{
  height: 170px;
}

a.view-gallery, a.return-to-gallery, a.enlarge-painting, a.previous-page
{
  font-weight: bold;
}

/* Homepage */

#container.homepage
{
  text-align: center;
  padding-bottom: 30px;
}

#container.homepage h1
{
  width: 556px;
  height: 63px;
  background: #fff url("images/barbara-anders-hodge.png") no-repeat 0 0;
  margin: 0 auto 10px auto;
}

#container.homepage h1 span
{
  display: none;
}

#container.homepage h2
{
  font-size: 2em;
  text-transform: uppercase;
}

#container.homepage ul
{
  display: block;
  width: 350px;
  text-align: center;
  list-style: none;
  margin: 30px auto 0 auto;
  padding: 0;
}

#container.homepage ul li
{
  display: block;
  float: right;
  margin: 0 0 6px 0;
  padding: 0;
  width: 172px;
  height: 44px;
  background: #fff url("images/button-drop.png") no-repeat 0 0;
}


#container.homepage ul li.first
{
  float: left;
}

#container.homepage ul li.last
{
  clear: both;
  float: none;
  margin: 0 auto 0 auto;
}

#container.homepage ul li a
{
  display: block;
  width: 145px;
  height: 16px;
  padding: 10px;
  color: #fff;
  background-color: #6b8788;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}

#container.homepage ul li.first a
{
  background-color: #a79dc0;
}

#container.homepage ul li.last a
{
  clear: both;
  background-color: #363e4b;
}


/* Full-size painting pages */

div#fullsize
{
  margin: 10px;
  width: auto;
}

div#fullsize #page-footer
{
  margin-left: 0;
}

div#fullsize a.fullsize:hover
{
  background-color: #fff;
}
  
div#fullsize a.fullsize img
{
	width: 100%;
	border: none;
}

.style1 { color: #000000 }
.style2 { color: #99FFFF }
.style4 { color: black; font-size: 2.2em;	font-weight: bold; }
.style6 {color: 00000}
.style7 {color: 0000000}