@charset "utf-8";
/* CSS Document */

/* universal styles - start */

body{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
line-height:180%;
color:#444;
}

.left{
text-align:left;
}

.center{
text-align:center;
}

.right{
text-align:right;
}

.hide{
display:none;
}

.invisible{
visibility:hidden;
}

/* universal styles - end */

/* ==================== */

/* Set background-color, color, border etc for divs and sub-divs - start */

/* ==================== */

 /* top - start  */

#top{
background-color:#333;
overflow:hidden;
}

#topleft{
background-color:#333;
}

#topmiddle{
background-color:transparent;
overflow:hidden;
background:transparent url('/grafix/slides/slideshow-bgd.jpg') no-repeat 0 0;
}


#topmiddle #slides{
/*border-right:5px solid #d24;
border-left:5px solid #d24;*/
padding-left:3px;
}

#topright{
background-color:#333;
}

#topright img{
float:right;
}


/* top - end  */

/* ==================== */

 /* left - start  */

#left{
background-color:#fff;
}

/* left - end  */

/* ==================== */

/* content - start  */

#content{
background-color:#fff;
}

#content h1{
font-weight:bold;
font-size:2em;
margin:0 0 20px -10px;
/*height:80px;*/
/*padding:30px 0 0 1em;*/
color:#666;
/*background:#fff url('/grafix/h1-brush.png') no-repeat 0 0;*/
}

#content div.fadesect{
margin:0 0 1em -1em;
padding:0 0 0.5em 1em;
background:#fff url('/grafix/left-fade.png') repeat-y 0 0;
border:1px solid #eba3af;
border-top:2px solid #eba3af;
}

#content div.fadesect img,
#content div.fadesect #movie{
float:right;
margin:0 1em 0.5em 1em;
}

#content div.fadesect img.left{
float:left;
margin:0 1em 0.5em 0;
}

#content div.fadesect p.credit{
float:right;
clear:right;
width:150px;
font-size:0.8em;
color:#666;
text-align:right;
margin-right:1em;
}


#content div.grey{
background:#fff url('/grafix/grey-left-fade.png') repeat-y 0 0;
border:1px solid #c6c6c6;
border-top:2px solid #c6c6c6;
}


#content h2{
font-weight:bold;
font-size:1.3em;
margin:0 1em 0.5em 0;
color:#e00;
border-bottom:1px solid #eba3af;
}

#content div.grey h2{
border-bottom:1px solid #c6c6c6;
}

#content h3{
font-weight:bold;
font-size:1.2em;
margin:0 1em 0.25em 0;
}

#content h4{
font-weight:bold;
font-size:1.1em;
margin:0 1em 0.25em 0;
}

#content h6{
font-style:italic;
margin:0 1em 1.5em 0;
}

#content p{
margin:0 1em 0.75em 0;
line-height:150%;
}

#content img{
margin:3px 1em 0.5em 0;
}

#content ul{
list-style: circle;
list-style-position:outside;
margin-bottom:1em;
}

#content ul li{
line-height:120%;
margin:0 0 0.2em 1.5em;
}

#content a:link,
#content a:visited{
text-decoration:none;
color:#444;
border-bottom: 1px dotted #b00;
}

#content a:hover{
color:black;
border-bottom: 1px solid #000;
}

#content table{
border-collapse:collapse;
margin:0.5em 1em 1em 80px;
}

#content th,
#content td,
#content caption{
border:1px solid #fff;
padding:0.5em;
}

#content thead th{
text-align:left;
background-color:#ccc;
color:#555;
font-weight:bold;
}

#content table tbody th{
background-color:#ffe8e8;
text-align:left;
color:#555;
font-weight:normal;
}

#content table tbody td{
background-color:#fee;
text-align:left;
color:#555;
font-weight:bold;
}

#content p.tablenotes{
margin-left:80px;
}


#content table caption{
font-weight:bold;
text-align:left;
}

#content #artistshow{
width:410px;
height:410px;
border:1px solid #bbb;
display:block;
float:none;
margin:1em auto;
padding:2em;
}

.clearleft{
clear:left;
}

.greyprint{
color:#999;
font-size:0.9em;
}


/* content - end  */

/* ==================== */

 /* footer - start  */

#right{
background-color:#fff;
}

#right img{
display:inline;
margin:0;
border-bottom:1px solid #999;
/*border-left:2px solid #888;*/
}

#right img#monthslug{
margin-bottom:20px;
}


#right h3{
margin:-7px 0 0 0;
padding:0 3px 5px 3px;
font-size:0.8em;
color:#999;
font-weight:normal;
background-color:#fff;
/*border-bottom:1px solid #333;*/
/*border-left:2px solid #888;*/
}


#footer{
background-color:#d24;
}
#footer a:link,
#footer a:visited{
text-decoration:none;
color:#ccc;
border-bottom: 1px dotted #ccc;
}

#footer a:hover{
color:#fff;
border-bottom: 1px solid #fff;
}


#footerleft{
background-color:transparent;
}

#footermiddle{
background-color:transparent;
}

#footermiddle p{
margin:4px 0 0 3em;
color:#ccc;
font-weight:bold;
line-height:160%;
}


#footerright{
background-color:transparent;
}

#footer #disclaimer{
font-size:0.9em;
color:#ddd;
padding:0 3px;
line-height:110%;
text-align:right;
}


/*  footer - end  */

/* ==================== */

/*  set topnav appearance - start */

#topnav{
background-color:#000;
border-top:2px solid #999;
}

#topnav #broomhill{
background-color:#333;
color:#ccc;
font-weight:bold;
font-size:1.8em;
text-align:left;
padding:5px 0 5px 20px;
}

#topnav ul{
height:30px;
background: #333 url('/grafix/topnav-bgd.jpg') repeat-x 0 0;
padding-left:10px;
}


#topnav li{
text-transform:uppercase;
font-size:0.85em;
font-weight:bold;
}

#topnav a:link,
#topnav a:visited{
display:inline-block;
text-decoration:none;
color:#ccc;
border-bottom:0;
padding:9px 10px 0 10px;
}

#topnav a:hover{
color:#fff;
}

/*  set topnav appearance - end */

/* ==================== */

/*  set leftnav appearance - start */

#leftnav{
background-color:#fff;
line-height:150%;
}

#leftnav a:link,
#leftnav a:visited{
font-weight:bold;
text-decoration:none;
color:#888;
border-bottom:0;
padding-left:14px;
background:#fff url('/grafix/left-nav-of.png') no-repeat 0 5px;
}

#leftnav a:hover{
color:#333;
background:#fff url('/grafix/left-nav-on.png') no-repeat 0 5px;
}

/*  set leftnav appearance - end */

#brush1{
position:absolute;
top:0;
left:238px;
height:250px;
width:25px;
background:transparent url('/grafix/top-brush.png') no-repeat 0 0;
}

#brush2{
position:absolute;
top:0;
left:741px;
height:250px;
width:25px;
background:transparent url('/grafix/top-brush.png') no-repeat 0 0;
}

#messages{
display:none;
/*position:fixed;
top:70%;
left:50%;*/
margin-left:160px;
z-index:1000;
border:2px solid red;
background-color:#ff9;
padding:3px;
font-size:0.9em;
color:red;
}

#messages h2{
width:100%;
background-color:#900;
color:#ff9;
font-weight:bold;
font-size:1.2em;
text-align:center;
border:0;
}


#messages p{
background:#ff9 url('/grafix/messages-info.png') no-repeat 0 3px;
padding:0 0 0 15px;
color:#69c;
border:0;
}

#messages p.info{
background-image:url('/grafix/messages-info.png');
color:#69c;
}

#messages p.warn{
background-image:url('/grafix/messages-warn.png');
color:#090;
}

#messages p.error{
background-image:url('/grafix/messages-error.png');
color:#900;
}

p.syserror{
font-size:0.9em;
color:#999;
border:1px solid #eee;
padding:1em;
}