/* PICTUREMAKERS: BLUE-GREEN-GREY STYLE
with lh & rh columns over border of container */
/* _______________________general styles __________________________*/
body
{
background-color: #c0c9c9;
font-family: "book antiqua", georgia, serif;
margin: 0 20px;
width: 60%;
padding:0 210px 0 140px;
}
#page1pic
{
width: 720px;
}
h1, h2, h3, h4
{
font-style: italic;
letter-spacing: 0.07em;
color: #344;
}
strong{color: #133}
h1
{
font-size: 250%;
margin-bottom: -0.2em;
}
p.fancy:first-letter { padding: 10px 3px 0 0;
font-size: 300%;
float: left;
color: #333;
margin-top: -0.3em;
}
p.fancy:first-line {
}
p.fancy
{
font-size: 110%;
}
/* _____________________________links_____________________________________*/
a
{
font-family: trebuchet ms,sans-serif;
font-size: 90%;
}
a:link
{ text-decoration: underline;
font-weight: normal;
color: black;
}
a:visited
{ text-decoration: underline;
font-weight: normal;
color: #333;
}
a:hover
{ font-weight: normal;
text-decoration: none;
padding: 0.5em 0;
background-color: #eff;
}
a.here
{
color: #900;
border-left: 1em solid #900;
text-decoration: none;
padding-left: 0.2em;
}
a.empty
{color: gray;
}
/*___________________________top stuff ______________________________________*/
#titlebar
{
background: #d0dcdc  url(titlegrad.png) bottom;
padding: 1px 10px;
margin-left: -150px;
margin-right: -230px;
color: #244;
letter-spacing: 0.07em;
}
#titlebar h2
{
font-size: 120%;
}
#navig
{
border-top: solid black 1px;
border-bottom:  solid black 1px;
padding: 0.5em 0 0.5em 1em;
background: #c0cccc url(navgrad.png) top;
text-align: center;
margin-left: -150px;
margin-right: -230px;
}
#navig a:hover
{
background-color: #eee;
}
/* ---------------------------------------------------- */
#container
{
background-color:#eee;
float:left;
width:100%;
border-left:160px solid #d0dcdc;
border-right:200px solid #e0e6e6;
margin-left:-150px;
margin-right:-220px;
padding: 0 20px 0 0;
display:inline; /* So IE plays nice */
}
/*____________________________left column _______________________________*/
#navartists
{
float: left;
width: 150px;
background: #d0dcdc url(lhbgrad.png) top repeat-x;
color: black;
padding: 0 10px 0 0;
margin-left:-180px;
position:relative;
}
#navartists p
{
padding-left: 10px;
font-family: "Book antiqua", Georgia, sans-serif;
}
#navartists h2
{
margin-left: 10px;
font-family: "Book antiqua", Georgia, sans-serif;
}
#navartists ul
{
list-style-type: none;
padding-left: 0;
margin-left: 0.5em;
margin-bottom: 10em;
}
#navartists li
{
border-top: solid #fff 1px;
margin-bottom: 2px;
padding: 5px;
}
#navartists ul ul
{
margin-bottom: 0.1em;
font-size: 90%;
}
#navartists ul ul li
{border-top: none;
margin-bottom: 0;
}
#navartists a img
{
height: 0;
width: 0;
border-width: 0;
}
#navartists a:hover
{
background-color: #eee;
}
#navartists a:hover img
{
position: absolute;
top: 60px;
left: 10px;
height: 110px;
width: 100px;
border: solid white 10px;
}
/*__________________________right column______________________________*/
#rhbar
{
float: right;
width: 180px;
background: #e0e6e6 url(rhbgrad.png) top repeat-x;
color: black;
margin-right:-220px;
position:relative;
padding: 0 10px ;
}
#rhbar p
{
font: 80% "trebuchet ms", verdana, arial, sans-serif;
}
#rhbar a
{
font-size: 100%;
color: black
}
#rhbar a:visited
{
color:#333;
}
#rhbar a:hover
{
background-color: white;
}
#rhbar h4
{
font: bold 80%/100% "trebuchet ms", verdana, arial, sans-serif;
padding-bottom: 0;
margin-bottom: 0;
}
#rhbar ul
{
list-style-type: none;
padding: 0;
margin: -0;
font: 90%/150% "trebuchet ms", verdana, arial, sans-serif;
}
#rhbar li
{
padding: 0.4em 0;
border-top: solid #fff 1px;
}
#rhbar h2, #rhbar h3
{
text-align: left;
font-family: "Book antiqua", Georgia, sans-serif;
}
p.underscore
{
padding-bottom: 1em;
border-bottom: solid #222 1px;
}

#rhbar img
{
margin: 10px;
border: 1px solid gray;
}
/*_____________________main central column ___________________*/
#content
{
float:left;
width:100%;
margin-right:-100%;
background: #eee;
padding: 0 10px;
overflow: auto;
}
#content > p { margin-left: 0pt;
}
#content > p + p { text-indent: 2em;
font-size: 100%;
}
#content h2, #content h3, #content h4
{text-align: left;
font-family: "book antiqua", georgia, serif ;
}
#content ul
{
list-style-type: none;
padding: 0;
margin-left: 2em;
color: black;
line-height: 1.5em;
text-align: left;
}
#content a
{
color: black;
}
.frameright
{
float: right;
margin: 0 1em 1em 1em;
padding: 10px;
border: solid #244 1px;
}
.framecentre
{
text-align: center;
margin: 0;
padding: 0px;
border: solid #244 0px;
overflow: auto;
}
.framecentre img
{
border: #488 inset 4px;
z-index: 0;
margin: 10px 0;
}
.caption
{
font: 90% "trebuchet ms", verdana, arial, sans-serif;
padding: 0 0 0.5em 0;
border-bottom: dotted #244 1px;
}
div#tidybottom
{
clear: both;
width: 800px;
height: 11px;
}
.diary li
{
padding: 10px 0;
border-bottom: dotted silver 1px;
}
.diary h2, .diary h3, .diary h4
{text-align: left;
font-family: "book antiqua", georgia, serif ;
}
table.shows
{
line-height: 1.6em;
border: #488 solid 2px;
border-collapse: collapse;
font: 80% "trebuchet ms", verdana, arial, sans-serif;
}
table.shows thead th
{
background: #c0cccc url(tabgrad.png) bottom;
padding: 1em;
text-align: left;
}
table.shows tbody td, table.shows tbody th
{
padding: 1em;
border-bottom: 1px solid #488;
text-align: left;
background: white;
}
/* ____________________________gallery _______________________*/
#gallery
{
float:left;
width:100%;
margin-right:-100%;
background-color: #b5bfbf;
text-align: center;
color: black;
padding: 0 10px 20px 10px;
}
#gallery ul
{
list-style-type: none;
list-style-position: inside;
}
#gallerysinglepic
{
width: 815px;
min-width: 35em;
margin-left: auto;
margin-right: auto;
margin-bottom: 2em;
background-color: #bbb;
color: black;
text-align: center;
border: 1px solid black;
padding-top: 0.1em;
padding-bottom: 1em;
z-index: 3;
}
#gallery img, #gallerysinglepic img
{
margin-top: 40px;
border:   #999 3px inset;
}
p.red
{
color: red;
background-color: white;
text-align: center;
}
#gallery a:hover, #rhbar a:hover
{
background-color: #bcc;
}
a.blackonsilver
{
background: silver;
padding: 0.3em;
}
a:hover.blackonsilver
{
background: #ddd !important;
}
.pic
{
border-bottom: white dotted 1px;
}
#statement
{
clear: both;
background: #f7ffff;
color: black;
padding: 2em;
}
#statement p {
color: black;
text-align: left;
}
/* ____________________________ foot _________________________*/
#foot
{
clear: both;
background: #d0d9d9 url(footgrad2.png) top;
padding: 1px 10px;
border-top: solid black 1px;
border-bottom: solid black 1px;
text-align: center;
margin-left: -150px;
margin-right: -230px;
margin-bottom: 1em;
}