﻿body 
{
    background: #fff url(images/background_detail_tile.gif) top left repeat-y;
}

/* HEADINGS */

h1 
{
    position: absolute; /*fixed; */
    top: 15px;
    left: 63px;
	z-index: 100;
}
h1 a
{
    display: block;
    width: 188px;
    height: 189px;
    background: transparent url(images/detail_h1.png) top left no-repeat;
    text-indent: -9999px;
	z-index: 101;
}
#jana-winters-parkin 
{
    position: absolute; /*fixed; */
    top: 5px;
    left: 0px;
	z-index: 102;
}
#jana-winters-parkin a
{
    display: block;
    width: 300px;
    height: 15px;
    background: transparent url(images/jana-winters-parkin.sm.png) top left no-repeat;
    text-indent: -9999px;
	z-index: 103;
}

h2 
{
    position: absolute;
    top: 230px;
    left: 270px;
}
h2 a 
{
    display: block;
    width: 600px;
    height: 30px;
    text-indent: -9999px;
}

h2.bio a { background: transparent url(images/bio.30.gif) top left no-repeat; }
h2.workshops a { background: transparent url(images/workshops.30.gif) top left no-repeat; }
h2.exhibitions-events a { background: transparent url(images/exhibitions-events.30.gif) top left no-repeat; }
h2.contact a { background: transparent url(images/contact.30.gif) top left no-repeat; }

h2.christmas a { background: transparent url(images/christmas.30.gif) top left no-repeat; }

h2.new-works a { background: transparent url(images/new-works.30.gif) top left no-repeat; }
h2.landscape a { background: transparent url(images/landscape.30.gif) top left no-repeat; }
h2.landscape-California a { background: transparent url(images/landscape-California.30.gif) top left no-repeat; }
h2.landscape-PleinAir a { background: transparent url(images/landscape-PleinAir.30.gif) top left no-repeat; }
h2.landscape-Travels a { background: transparent url(images/landscape-Travels.30.gif) top left no-repeat; }
h2.landscape-Utah a { background: transparent url(images/landscape-Utah.30.gif) top left no-repeat; }
h2.landscape-Wildlife a { background: transparent url(images/landscape-Wildlife.30.gif) top left no-repeat; }
h2.figurative a { background: transparent url(images/figurative.30.gif) top left no-repeat; }
h2.still-life a { background: transparent url(images/still-life.30.gif) top left no-repeat; }
h2.floral a { background: transparent url(images/floral.30.gif) top left no-repeat; }
h2.vignette a { background: transparent url(images/vignette.30.gif) top left no-repeat; }

h3 { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 110%; }
.doubleUnderline { border-bottom: double 1px #000; padding-bottom: 0px; text-decoration: underline; }

/* MENU */

#menu
{
    position: fixed; /* absolute; fixed; */
    left: 0px;
    top: 240px;
    width: 150px;
}
#menu ul li 
{
    width: 100%;
    height: 20px;
    margin-bottom: 15px;
}
#menu ul li a
{
    display: block;
    width: 100%;
    height: 20px;
    text-indent: -9999px;
}
#menu ul li.sub, #menu ul li.sub a
{
    height: 10px;
}
#menu ul li.book-info, #menu ul li.book-info a
{
	height: 120px;
}

li.book-info a
{
    background: transparent url(images/books/cover-side-rail.png) top right no-repeat;
}
li.christmas a
{
    background: transparent url(images/christmas.14.png) top right no-repeat;
}
li.new-works a
{
    background: transparent url(images/new-works.14.gif) top right no-repeat;
}
li.landscape a
{
    background: transparent url(images/landscape.14.gif) top right no-repeat;
}
li.landscape-California a
{
    background: transparent url(images/subs/california.14.gif) top right no-repeat;
}
li.landscape-PleinAir a
{
    background: transparent url(images/subs/pleinAir.14.gif) top right no-repeat;
}
li.landscape-Travels a
{
    background: transparent url(images/subs/travels.14.gif) top right no-repeat;
}
li.landscape-Utah a
{
    background: transparent url(images/subs/utah.14.gif) top right no-repeat;
}
li.landscape-Wildlife a
{
    background: transparent url(images/subs/wildlife.14.gif) top right no-repeat;
}
li.figurative a
{
    background: transparent url(images/figurative.14.gif) top right no-repeat;
}
li.still-life a
{
    background: transparent url(images/still-life.14.gif) top right no-repeat;
}
li.floral a
{
    background: transparent url(images/floral.14.gif) top right no-repeat;
}
li.vignette a
{
    background: transparent url(images/vignette.14.gif) top right no-repeat;
}

/* PAGE NAVIGATION */
#page_navigation 
{
    position: absolute; /* fixed; */
    top: 280px;
    left: 205px;
    width: 860px;    
}

#page_navigation ul li 
{
    position: absolute;
    top: 0;
}
#page_navigation ul li a
{
    display: block;
    width: 42px;
    height: 34px;
    text-indent: -9999px;
}
#back 
{
    left: 0px;
    background: transparent url(images/back.gif) top left no-repeat;
}
#more 
{
    right: 0px;
    background: transparent url(images/more.gif) top left no-repeat;
}

/* PAGE CONTENT */
#content
{
    position:absolute;
    top: 280px;
    left: 255px;
    width: 760px;
    background: #fff; /*#D6C196;  F0E3BD; */
}
#content ul 
{
    position: relative;
    overflow: visible;
    margin-left: 5px;
}
#content ul li
{
    position: relative;
    float: left;
    width: 180px;
    height: 180px;
    text-align: center;
    margin: 5px 0;
    margin-right: 5px;
    /* border: solid 1px #F0E3BD; */
}
#content ul li a 
{
    display: block;
    margin: 0 auto;
}
.bio p
{
    width: 450px;
    margin: 0 0 20px 20px;
    line-height: 150%;
}


span.name { text-transform: uppercase; font-size: 110%; }
/* SITE INFORMATION */

#siteinfo 
{
    position: fixed; /* absolute; fixed; */
    left: 0px;
    bottom: 10px;
    width: 150px;
	background: #000;
}
#siteinfo, #siteinfo a {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
#siteinfo li 
{
	margin-bottom: 5px;
}
#copyright, #contact, #bio, #exhibitions-events, #workshops 
{
    display: block;
    height: 12px;
    width: 100%;
    text-indent: -9999px;
}
#copyright 
{
    background: transparent url(images/parkinX.10.gif) top right no-repeat;
}
#contact 
{
    background: transparent url(images/contact.10.gif) top right no-repeat;
}
#bio 
{
    background: transparent url(images/bio.10.gif) top right no-repeat;
}
#exhibitions-events 
{
    background: transparent url(images/exhibitions-events.10.gif) top right no-repeat;
}
#workshops
{
    background: transparent url(images/workshops.10.gif) top right no-repeat;
}

/* SLIMBOX CAPTIONS */

#lbCaption span {
    display: block;
    margin: 0;
}
#lbCaption span.title {
    font-weight: bold; 
    font-size: 120%;   
}
#lbCaption span.title span.award 
{
    display: inline;
    font-weight: bold; 
    font-size: 80%;   
}
#lbCaption span.desc {
    font-weight: normal;    
    margin-top: 5px;
}
#lbCaption span.availability {
    font-weight: normal;    
    font-style: italic;
    margin-bottom: 10px;
}

/*  FORM CSS  */
fieldset 
{
	border: solid 1px #000;
	margin: 20px 10px;
	padding: 10px;
}
fieldset div {
	margin: 10px 0;
}
fieldset label {
	display: block;
	font-weight: bold;
}

