/* katzprints.css */

body, p, h1, h2, h3, h4, dt, dd, th, td {
  color: #CCC;
  font-family: "Verdana", "Helvetica", sans-serif;
#  font-size: 100%;
  font-size: 92%;
  font-weight: normal;
}

h1, h2, h3, h4 {
  color: #FFF;
  font-weight: bold;
}

h3 {
  text-align: center;
}

body {
  background: black;
  height: 100%;
  margin:0;  /* content fills window */ 
  padding:0;
  width:100%;
}

a { 
  color:#FF0000; /* red */
  text-decoration: none; 
} 

/* language form in link bar */
form {
  display: inline;
}

img {
  border:0;
}

/* tables: shows, prices, guestbook .. gallery? */
table {
  border:1px outset #CCC;
  width:100%;
}

td {
  text-align:left;
  vertical-align:top;
}

/* variants */

.page {
  display:block;
  margin:0 auto;
  width:96%;
}

.content, #links, .footer {
/* for layout troubleshooting
  border: thin solid;  */
  display:block;
  margin:2%;
  padding-left:4%;
  padding-right:4%;
  width:88%;
}

.content {
  padding-bottom:2%;
}

#links p {
#  font-size: medium;
  font-size: 92%;
  font-weight: bold;
  text-align: center;
  vertical-align:middle;
}

.footer {
  clear:both;
  font-size: smaller;
  padding-top:2%;
  text-align: center;
  vertical-align:middle;
}

/* home page */
#columns {
  clear:both;
  display:block;
  float:left;
  width:100%;
}

#col-left {
  float:left;
  width:40%;
}

#col-right {
  float:right;
  text-align: center;
  width:56%;
}

#about {
  margin-left:4%;
  width:80%;
}

.award {
/*  height:120px;
 replaced height with min-height to allow long paragraphs */
  min-height:100px;
  position:relative;
  width:60%;
}

.award img {
  margin-top:5px;
/* added to force wrap for long alt text */
  max-width:240px;
  position:absolute;
  right:-60%;
}

#awards {
  background: url('Zeichen/AwardsNegativeStrip') right top no-repeat;
}

#contact {
  background: url('Zeichen/KatjaVermont') right top no-repeat;
}

#gallery {
  max-width:720px;
  text-align: center;
}

.gallery-left {
  display:block;
  float:left;
  min-width:240px;
  text-align:center;
  width:36%;
}

.gallery-right {
  display:block;
  float:right;
  min-width:240px;
  text-align:center;
  width:36%;
}

.thumbnail {
  display:block;
  float:left;
  margin-left:auto;
  margin-right:auto;
  min-width:240px;
}

.thumbnail img {
  height:200px;
}


#index {
  display:block;
  margin:2%;
  padding-left:4%;
  padding-right:4%;
  text-align: center;
  width:80%;
}

#purchases, #services {
  text-align: center;
}

#contact h1 {
  float:right;
  height:480px;
  margin:1%;
  width:240px;
}

#index h1 {
  font-size: medium;
  font-variant:small-caps;
  letter-spacing: 2em;
}

.sig {
  font-style:italic;
  text-align:center;
}

#purchase table {
  margin-left:10%;
  text-align:center;
  width:72%;
}

#purchase th {
  border:1px inset #CCC;
  font-variant:small-caps;
  font-weight:normal;
}

#purchase td {
  padding-left:4px;
  padding-right:4px;
  text-align:center;
  width:24%;
}


#shows {
  background: url('Zeichen/ShowBack') left top no-repeat; 
  padding-left:36%;
  width:auto;
}

#shows table {
  border:none;
}

#shows th {
  border:none;
/*  border:1px inset #CCC; */
  font-style:italic; /* year*/
  padding-top:4px;
  padding-bottom:4px;
  text-align:center;
  vertical-align:middle;
}

#shows td {
  border:none;
/*  border:1px inset #CCC; */
  padding-left:8px;
  padding-right:8px;
  vertical-align:top;
}

#shows td.date {
  text-align:right;
}


#guestbook th {
  border:1px inset #CCC;
  padding-top:4px;
  padding-bottom:4px;
  vertical-align:middle;
}

#guestbook td, #purchase td {
  border:1px inset #CCC;
  padding-left:8px;
  padding-right:8px;
}

#feature-left {
  float:left;
  height:354px;
  margin:0% 2% 0% 2%;
  width:240px;
}

#feature-right {
  float:right;
  margin:0% 2% 0% 2%;
  width:240px;
}

#tribute {
  float:right;
  margin:2%;
  width:160px;
}

/* mail chimp customizations */
#mc_embed_signup {
  width:480px;
}

div.input-group ul {
  list-style-type: none;
}