/* Uncertainty Division CSS stylesheet */

body {
  font-family: sans-serif;
  background-color: white;
  color: rgb(100,100,100);
}

p {
  clear: none;
  margin: 0 0 1em 0;
}

a {
  color: blue;
  text-decoration: none;
}

a:visited {
  color: purple;
}

a:hover {
  text-decoration: underline;
}

a:hover img {
  text-decoration: none;
}

img:hover {
  text-decoration: none;
}

img {
  border: none;
}

a:active {
  color: red;
}

th {
  text-align: center;
}

.show-name {
/*  font-weight: bold;*/
}

.thumb-photo {
  margin: 5px 5px 5px 5px;
}

.thumb-cell {
  padding: 5px 5px 5px 5px;
}

.show-cell { 
  padding: 5px 5px 5px 5px;
}

.thumb {
}

.long-thumb-cell {
  background-color: rgb(200,200,200);
  vertical-align: top;
  padding: 5px 5px 5px 5px;
  text-align: left;
}

.person-photo {
  margin: 5px 5px 5px 5px;
}

.person-name {
}

.person-cell {
  padding: 0 20px 20px 20px;
}

.email {
/*  font-size: 70%;*/
}

.role {
  font-size: 70%;
  font-style: italic;
}

.dates {
}

.venue-name {
  font-weight: bold;
}

.show-photo {
  margin-left: 10px;
}

.diary-image {
  margin-left: 10px;
}

.diary-name {
}

.float-image {
  margin: 2px 10px 2px 10px;
}

.show-details {
  font-size: 50%;
  font-style: normal;
}

.group-name {
  font-style: italic;
}

.group-header {
  font-weight: bold;
  display: inline;
/*  float: left;*/
}

.menu-image {
  margin: 5px 5px 5px 5px;
}

.menu-link {
}

.links {
  display: inline;
  float: right;
}

.links a {
  margin-left: 0.2em;
}

.heading {
  clear: both;
  font-size: 120%;
  margin-bottom: 1ex;
}

.sub-heading {
  clear: both;
  font-size: 110%;
  margin-bottom: 0.8ex;
}

.header {
  margin-bottom: 4ex;
}

.header-top {
  color: black;
  font-family: Georgia, serif;
  font-weight: bold;
  border-bottom: solid 1px black;
  padding: 0.1ex 0.2em 0.2ex 0em;
}

.header-bottom {
  font-size: 70%;
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  padding: 0.1ex 0.2em 0.2ex 0.2em;
}

.info-line {
  float: left;
}

.body {
  clear: both;
}

.body-menu {
  border-top: 1px solid rgb(150,150,150);
  padding-top: 0.4ex;
}

.body-menu DIV {
  padding-right: 0.4em;
  padding-bottom: 1.5ex;
}

.body-content {
  border-top: 1px solid rgb(150,150,150);
  padding-left: 2em;
  min-height: 100px;
}

.left-column {
  float: left;
  text-align: center;
  width: 10%;
}
.right-column {
  float: right;
  width: 85%;
}

.footer {
  clear: both;
  font-size: 70%;
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  padding: 0.2ex 0.2em 0.2ex 0.2em;
  border-top: 1px solid black;
  margin-top: 1.5ex;
}

.section {
  margin-bottom: 2ex;
}

.section-title {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 1ex;
}

.subsection {
  margin-bottom: 2ex;
}

.subsection-title {
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 1ex;
  margin-left: 2ex;
}

.quote {
  color: red;
}

.image-creator {
  font-size: 80%;
}

.image-rights {
  font-size: 60%;
}