/* --------------------
   Global rules
---------------------*/
* {
   color: #B39447; /* #977D3C; */
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: 500;
   letter-spacing: 0.1em;
   line-height: 1.25;
   margin: 0;
   padding: 0;
}

html {
   font-size: 100.01%;
   font-family: Verdana, Arial Narrow, Arial, Helvetica, sans-serif;
}
body {
   background-color: Black;
   font-size: 90%;
}

a:link, a:visited {
   display: inline-block;
   border-top: solid 1px Black; /* IE 6 does not handle transparent */
   border-bottom: solid 1px Black;
   position: relative;
}

a:hover, a:focus, a:active {
   display: inline-block;
   border-top: solid 1px #E5E5E5;
   border-bottom: solid 1px #E5E5E5;
   position: relative;
   text-decoration: none;
}

blockquote {
   display: block;
   margin: 0.5em 6em 0.5em 8em;
}

blockquote:before, blockquote:after {
   display: block;
   font-family: "Times New Roman";
   font-size: 700%;
   width: 50px;
}

blockquote:before {
   content: open-quote;
   height: 0;
   margin-left: -0.55em;
}

blockquote:after {
   content: close-quote;
   height: 1em;
   margin-top: -1em;
   margin-left: 100%;
}

blockquote *:first-child {
   margin-top: 0;
   padding-top: 0;
}

h1 {
   color: #E5E5E5;
   font-family: "Times New Roman", Serif;
   font-size: 200%;
   font-weight: normal;
   margin-bottom: 0.5em;
   text-align: center;
}

h2 {
   color: #E5E5E5;
   font-size: 120%;
   font-weight: bold;
   margin-bottom: 0.25em;
   margin-top: 1em;
   text-align: left;
}

h3 {
   color: #B39447;
   font-size: 115%;
   font-weight: bold;
   margin-bottom: 0.25em;
   margin-top: 0.5em;
   text-align: left;
}

h4 {
   color: #B39447;
   font-size: 110%;
   font-weight: bold;
   text-align: left;
}

h5, dt {
   font-size: 110%;
}

h6 {
   font-size: 100%;
   font-weight: bold;
}

img {
   border-style: none;
}

ol li {
   list-style-type: decimal;
   margin-left: 1em;
}

ol ol li {
   list-style-type: lower-alpha;
}

ol ol ol li {
   list-style-type: lower-roman;
}

p {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
}

pre {
   font-family: "Courier New", monospace;
}

tfoot, thead {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
}

th {
   font-family: Arial, Helvetica, sans-serif;
   vertical-align: baseline;
   font-size: 1em;
   font-weight: bold;
}

ul li {
   list-style-type: square;
   margin-left: 1em;
}

ul li li {
   list-style-type: disc;
}

ul li li li {
   list-style-type: circle;
}

/* --------------------
   Class-based rules
---------------------*/
.acagLogo {
   margin-top: 2em;
   text-align: center;
}

.center {
	text-align: center;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

.clearing {
   clear: both;
   height: 1px; /* Without this, in Firefox, if .clearing at bottom of page, it does not work. */
   line-height: 0;
}

.studioImage {
   height: 130px;
   margin-top: 0.25em;
}

img.theSmall {
   vertical-align: -1px;
}

/* --------------------
   ID-based rules
---------------------*/
#footer {
/*   border-top: solid 2px #B39447; */
   clear: both;
   margin: 0;
   padding: 1em 0;
}
#footer li {
	float: left;
	list-style-type: none;
	list-style-position: outside;
   margin-left: 0;
	text-align: center;
	width: 100%;
}
#footer li a {
   color: #E5E5E5;
   font-weight: 600;
   padding: 2px;
   text-decoration: none;
}

#header {
/*   border-bottom: solid 2px #B39447; */
   margin: 0;
   padding: 1em 0;
   position: relative;
   text-align: left;
   width: 100%;
}
#header li {
	float: left;
	list-style-type: none;
	list-style-position: outside;
   margin-left: 0;
	text-align: center;
	width: 19.9%;
}
#header li a {
   color: #E5E5E5;
   font-weight: 600;
   padding: 2px;
   text-decoration: none;
}
#header li.youAreHere {
}
#header li.youAreHere a {
   border: solid 1px #B39447;
}
#header li a:hover {
   border-bottom: solid 1px #B39447;
   border-left-style: none;
   border-right-style: none;
   border-top:  solid 1px #B39447;
}

/* All page content goes here. 100% of parent (pageShell) content area */
#pageContent {
   height: 1%;
   margin: 2em 10em;
   position: relative;
   text-align: left;
}
/* IE 5.x+ */
* html #pageContent {
   height: 1%;
}

/* Shell for page. Allows left border for "contentLeft", and content right area so can resize to window size. */
#pageShell {
   height: 25em; /* Minimum height for IE 6.x */
   min-height: 25em;
/*   padding-right: 1em; */
   position: static;
   text-align: left;
   width: auto;
}

#wrapper > #pageShell {
   height: auto;
   min-height: 25em;
}

/* Left Content */
#contentLeft {
   left: -10em;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.5em;
   position: absolute;
   text-align: left;
   top: 4em;
   width: 10em;
}
#contentLeft li a, #contentLeft li p {
   background-color: Transparent;
   display: inline-block;
   width: 100%;
}
#contentLeft li p {
   padding-bottom: 0; /* Override p{padding-bottom} */
   padding-top: 0; /* Override p{padding-top} */
   cursor: default;
}
#contentLeft li a:hover {
   border-top: solid 1px #E5E5E5;
   border-bottom: solid 1px #E5E5E5;
   padding-bottom: 0;
   padding-top: 0;
}
#contentLeft li a span {
   font-size: 110%;
   font-weight: 600;
}

#contentLeft ul {
}

#contentLeft ul li {
   list-style-type: none;
   margin-left: 0;
   margin-top: 1em;
}

#contentLeft ul li ul {
   padding-left: 1em;
}

#contentLeft ul li ul li {
   list-style-type: none;
   padding-top: 0;
}

/* Right Content */
.contentRight {
   left: 50%;
   margin-left: -24em;
   position: relative;
   width: 48em;
}
/* Clearing fix */
.contentRight {
   display: inline-block;
}
.contentRight:after { /* Clearing fix */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Page specific rules */
body.events, body.theGroup, body.theHistory {
   background-attachment: fixed;
   background-image: url(../images/watermark.gif);
   background-position: center 55px;
   background-repeat: no-repeat;
}

/* Page specific rules - artist */
body.artist .contentRight {
   margin-left: -24em;
   width: 48em;
}

body.artist .text {
   float: left;
   margin: 0 1em;
   text-align: right;
   width: 23em;
}
body.artist .text * {
}
body.artist .text h1 {
   color: #B39447;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 120%;
   font-weight: bold;
   margin: 0;
   text-align: right;
}
body.artist .text .contactArtist {
   margin-top: 1.5em;
}
body.artist .text .contactArtist * {
   font-weight: inherit;
}
body.artist .text .vcard h1 {
   margin: 1em 0 0.5em 0;
   text-align: right;
}

body.artist .image {
   float: left;
   margin: 3px 0 0 0;
}

/* Page specific rules - contactArtist */
body.contactArtist .contactInfo {
   margin-top: 3em;
}
body.contactArtist .contactInfo .studioImage {
   float:left;
   text-align: right;
   width:18.5em;
}
body.contactArtist .contactInfo .vcard {
   float: right;
   margin-left: 2em;
   text-align: left;
   width: 18.5em;
}
body.contactArtist .contactInfo .links {
   margin-top: 1em;
}

body.contactArtist .contentRight {
   margin-left: -20em;
   width: 40em;
}

/* Page specific rules - events */
table.events {
   border: solid 1px White;
   border-collapse: collapse;
}
table.events tr {
   border: solid 1px White;
}   
table.events th {
   font-weight: bold;
}
table.events th, table.events td {
   border: solid 1px White;
   padding: 0.25em;
   vertical-align: top;
}   
table.events thead tr th {
   border-bottom: solid 2px Red;
}

/* Page specific rules - homePage */
body.events .vevent h3 {
   font-size: 110%;
   font-weight: bold;
   margin-bottom: 0;
}
body.events .vevent h3 * {
   font-weight: bold;
}

body.events .vevent p {
   padding: 0;
   margin: 0;
}

/* Page specific rules - homePage */
body.homePage #pageContent {
   padding: 5em 0;
}
body.homePage #pageShell {
   border-left: none 0;
}
body.homePage .logo {
	text-align: center;
}

/* Page specific rules - theGroup */
/*
body.theGroup #pageShell, body.artist #pageShell {
   border-left: 10em solid Black;
}
*/
body.theGroup h1 {
/*   margin-left: -5em; */ /* 1/2 of border, to center the header */
}
body.theGroup .building {
   display: block;
   float: left;
   height: 6.25em;
   min-height: 6.25em;
   padding: 0.25em 0.5em 0.5em 0.25em;
   text-align: center;
   width: 15em;
}
body.theGroup .buildings > .building {
   height: auto;
   min-height: 6.25em;
}

body.theGroup .building h2 {
   font-size: 120%;
   margin: 0;
   text-align: center;
}
body.theGroup .building ul {
   border-top: solid 1px #4D3F1F;
   margin: 1em 1.5em 0 1.5em;
   padding: 0;
}
body.theGroup .building li {
   /* border-top: solid 1px #4D3F1F; */
   list-style-type: none;
   list-style-position: outside;
   margin: 0;
   padding: 0.15em 0;
}

/* Page specific rules - theHistory */
body.theHistory .contentRight {
   margin-left: -20em;
   width: 40em;
}