body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
line-height:16px;
color:#000;
background-color:#FFf;
}

img {
border:0;
}

div#page {
max-width:940px;
margin:0 auto;
/*
background-color:#E8E8DD;
background-color:#F2F2EA;
border-bottom:1px solid #E8E8DD;
border-left:1px solid #E8E8DD;
border-right:1px solid #E8E8DD;
*/
}

a {
color:#66CC00;
}

a.selected,
a:hover {
color:#000;
}

td {
vertical-align:top;
}

div.left {
width:580px;
float:left;
clear:left;
margin-left:10px;
}

div.right {
width:300px;
float:right;
clear:right;
margin-right:10px;
}

div.cleared {
float:none;
clear:both;
}

img.uparrow,
img.downarrow,
img.leftarrow,
img.rightarrow {
width:11px;
height:11px;
background-image:url(/img/sprite_arrow.gif);
background-repeat:no-repeat;
}

img.rightarrow {
background-position:0px 0px;
}

img.leftarrow {
background-position:-11px 0px;
}

img.uparrow {
background-position:0px -11px;
}

img.downarrow {
background-position:-11px -11px;
}

img.rightarrow:hover {
background-position:-22px 0px;
}

img.leftarrow:hover {
background-position:-33px 0px;
}

img.uparrow:hover {
background-position:-22px -11px;
}

img.downarrow:hover {
background-position:-33px -11px;
}





/*
* div#pageheader
*/

div#pageheader {
}

div#pageheader div#topbar {
height:3em;
height:1em;
padding:1em 0;
}

div#pageheader div#topbar div.logo {
color:#66CC00;
letter-spacing:3px;
}

div#pageheader div#topbar div.logo a {
text-decoration:none;
background-color:#6c0;
color:#fff;
padding:0 6px;
}

div#pageheader div#topbar div.logo a:hover {
text-decoration:none;
background-color:#000;
}

div#pageheader div#ib {
height:200px;
overflow:show;
padding:1em 0;
}

div#pageheader div#topbar,
div#pageheader div#ib {
aborder-top:1px solid #fff;
border-bottom:1px solid #66CC00; /*B9BA9E;*/
border-bottom:1px dotted #66CC00; /*B9BA9E;*/
}

div#pageheader div#ib div.right {
width:300px;
font-size:11px;
line-height:14px;
}

div#pageheader div#ib div.right strong {
letter-spacing:2px;
}





/*
* div#content
*/

div#content {
float:none;
clear:both;
padding:2em 10px;
}





/*
* div#pagefooter
*/

div#pagefooter {
border-top:1px solid #E8E8DD; /*B9BA9E;*/
border-top:1px dotted #66CC00; /*B9BA9E;*/
padding:0 0 2em;
}





/*
* div#agenda
*/

div#agenda ul {
list-style-type: none;
padding:0;
margin:0;
}

div#agenda li.month {
color:#f09;
font-size:14px;
font-weight:bold;
letter-spacing:3px;
line-height:32px;
padding:0 4px;
text-transform:uppercase;
}

div#agenda ul.month {
margin-bottom:2em;
}

div#agenda table.event td {
font-size:10px;
line-height:12px;
padding:4px 2px;
}

div#agenda table.event td a {
color:#000;
}

div#agenda table.event td a:hover {
color:#6c0;
}

div#agenda td.location,
div#agenda td.date,
div#agenda td.work {
border:1px solid #ccc;
}

div#agenda td.date {
width:80px;
}

div#agenda td.remark, 
div#agenda td.noremark,
div#agenda td.location {
width:220px;
}

div#agenda td.remark p,
div#agenda td.location p,
div#agenda td.work p {
margin:0 0 1em;
}

div#agenda td.remark {
background-color:#f09;
color:#fff;
border:1px solid #f09;
}

div#agenda td.noremark {
border:1px solid #fff;
}





/*
* div#agendaarchive
*/

div#agendaarchive ul {
list-style-type: none;
padding:0;
margin:0;
}

div#agendaarchive li.month {
color:#666;
font-size:14px;
font-weight:bold;
letter-spacing:3px;
line-height:16px;
padding:0 4px 1em;
text-transform:uppercase;
}

div#agendaarchive ul.month {
margin-bottom:2em;
}

div#agendaarchive table.event td {
font-size:10px;
line-height:12px;
padding:0 2px;
color:#666;
}

div#agendaarchive table.event td a {
color:#000;
}

div#agendaarchive table.event td a:hover {
color:#6c0;
}

div#agendaarchive td.date {
width:120px;
text-transform:uppercase;
}

div#agendaarchive td.remark, 
div#agendaarchive td.noremark {
width:220px;
}

div#agendaarchive td.remark p,
div#agendaarchive td.location p,
div#agendaarchive td.work p {
margin:0;
}
/*
div#agendaarchive td.location p {
height:1em;
overflow:hidden;
}
*/
div#agendaarchive td.remark {
background-color:#f09;
color:#fff;
border:1px solid #f09;
}

div#agendaarchive td.noremark {
border:1px solid #fff;
}





/*
* table.agenda
*/

table.agenda td {
padding:4px 2px;
font-size:10px;
line-height:12px;
awidth:20%;
}

table.agenda td a {
color:#000;
}

table.agenda td a:hover {
color:#6c0;
}

table.agenda td.date,
table.agenda td.artist,
table.agenda td.work,
table.agenda td.location,
table.agenda td.project {
border:1px solid #ccc; /*B9BA9E;*/
}

table.agenda td.remark,
table.agenda td.noremark,
table.agenda td.artist,
table.agenda td.work {
width:20%;
}

table.agenda td.project {
width:40%;
}

table.agenda td.date {
width:60px;
}

table.agenda td.artist,
table.agenda td.work {
font-weight:bold;
}

table.agenda td.month {
border:none; /*B9BA9E;*/
color:#000;
font-weight:bold;
letter-spacing:3px;
font-size:14px;
line-height:16px;
padding:2px 0;
color:#f09;
}

table.agenda td.remark {
border:1px solid #f09; /*B9BA9E;*/
background-color:#f09;
color:#fff;
}





/*
* body#home
*/

body#home div.artistbox ul {
padding:0;
margin:4px 0 0 0;
list-style-type:none;
/*list-style-position:inside;
list-style-image:url(/img/add.png);*/

}

body#home div.artistbox li {
letter-spacing:3px;
margin-bottom:4px;
font-size:20px;
font-weight:bold;
line-height:24px;
aborder-bottom:1px dotted #6c0;
padding:4px 0;
}

body#home div.artistbox li a {
text-decoration:none;
}

body#home div#news {
float:none;
clear:both;
padding-top:60px;
}

body#home div#agenda {
float:none;
clear:both;
padding-top:40px;
}

body#home div#agenda h2 {
font-size:16px;
letter-spacing:3px;
}

body#home div.slideshow {
float:right;
width:320px;
height:220px;
text-align:right;
margin-left:20px;
}

body#home div.slidecontainer {
position:relative;
width:320px;
height:220px;
top:0;
left:-320px;
left:0;
}

body#home div.slide {
abackground-image:url(/assets/images/gen/work_thumb_1.jpg);
background-repeat: no-repeat;
width:320px;
height:220px;
position:absolute;
}

body#home #s0 {background-position:top left;z-index:1;}
body#home #s1 {background-position:top right;z-index:2;}
body#home #s2 {background-position:bottom right;z-index:3;}
body#home #s3 {background-position:bottom left;z-index:4;}





/*
* body#calendar
*/

body#calendar h2 {
color:#000;
font-size:14px;
font-weight:bold;
letter-spacing:3px;
padding:0 4px;
text-transform:uppercase;
}





/*
* body#artist
*/

body#artist h1 {
margin:4px 0 24px;
font-size:32px;
line-height:32px;
padding:0;
letter-spacing:4px;
}

body#artist ul.menu {
float:right;
width:300px;
margin:0;
padding:0;
letter-spacing:3px;
padding-bottom:2em;
list-style-type:none;
}

body#artist ul.menu a {
text-decoration:none;
color:#000;
}

body#artist ul.menu a.selected {
color:#66CC00;
}

body#artist ul.menu a:hover {
color:#66CC00;
}

body#artist ul.menu li.divider {
margin-top:1em;
letter-spacing:2px;
font-weight:bold;
}

body#artist ul.menu li {
margin:0 0 1em 0;
}

body#artist ul.menu li ul {
list-style-type:none;
padding:4px 0 0;
margin:0;
font-size:11px;
line-height:14px;
letter-spacing:0;
}

body#artist ul.menu li ul li {
padding:0;
margin:0 0 4px 0;
}

body#artist ul.menu li ul li ul {
padding:4px;
margin:4px 0 24px 24px;
aborder:1px solid #6c0;
}

body#artist ul.menu li ul li ul a {
acolor:#6c0;
afont-weight:bold;
}

body#artist ul.menu li ul li ul li {
margin:0;
}

body#artist ul.menu ul.other li {
letter-spacing:2px;
font-size:11px;
line-height:14px;
padding:0;
margin:0;
font-weight:bold;
}

body#artist ul.menu ul.other li a {
color:#66cc00;
}

body#artist ul.menu ul.other li a:hover {
color:#000;
text-decoration:underline;
}

body#artist div.contentbox {
float:left;
width:580px;
padding-bottom:2em;
}

body#artist div.contentbox div.phcaption {
font-size:11px;
line-height:14px;
padding:4px 0 2em;
}

body#artist div#pagefooter {
padding-top:1em;
letter-spacing:3px;
}

body#artist div#pagefooter ul {
padding:0;
margin:12px 0 0 0;
list-style-type:none;
/*list-style-position:inside;
list-style-image:url(/img/add.png);*/
}

body#artist div#pagefooter  li {
letter-spacing:3px;
margin-bottom:6px;
}



body#artist div#works ul {
list-style-type:none;
padding:0;
margin:0;
}

body#artist div#works li {
float:left;
margin:0 3px 3px 0;
}

body#artist div#works li div.title {
width:162px;
height:4em;
margin:5px;
font-size:12px;
}

body#artist div#bio,
body#artist div#articles_text,
body#artist div#works_text,
body#artist div#works_info,
body#artist div#articles {
text-align:justify;
}

body#artist div#bio p,
body#artist div#articles_text p,
body#artist div#works_text p,
body#artist div#works_info p,
body#artist div#articles p {
margin:0 0 1em;
}

body#artist h2.contenttitle {
margin:0 0 1em;
font-size:18px;
letter-spacing:3px;
}

body#artist h3.contenttitle {
margin:-12px 0 1em;
font-size:14px;
letter-spacing:3px;
font-weight:normal;
}

body#artist div#articles_text p.source {
margin:0 0 1em;
font-size:11px;
line-height:14px;
}

body#artist table.agenda td.project {
display:none;
}

body#artist div#agenda td.date {
width:80px;
}

body#artist div#agenda td.remark, 
body#artist div#agenda td.noremark {
width:120px;
}

body#artist div#agenda td.location {
width:auto;
}

body#artist img.toggler {
cursor:pointer;
}