/* ---------- basic properties --------------------------------------- */
 
body, div, p, table, td, tr, img, h1, h2, h3,
pre,
form,
.null {
  margin: 0px;  
  border-width: 0px;
  padding: 0px;
	border-style: solid;
  text-align: left;
} 
   
.nullVerticalMargin,
ul, ol, hr
{    
  margin-top: 0px;
  margin-bottom: 0px; 
  border-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px;  
}

/*do not add .block to noOverflow - problems with padding in Mozilla */
.noOverflow,   
div.menu, .caption, .caption_gallery, 
div#frame, div#frame_w, div#column, div#page, .block, p
{
  overflow: hidden;
}
  
/*why does not A inherit color from BODY in IE?*/
.basicColor,
body, a  
{
  color:       rgb(  0,   0,   0);  
}  

.justified,
p
{
  text-align: justify;
}

.spacedLines, 
p, table, h1, h2, h3, .figure_float, .figure_float_last
{
  line-height: 135%;
}

.border, 
img.icon, img.icon_multi
{
  border-style: solid;
  border-width: 1px;
}

/* ---------- layout ------------------------------------------------------- */

body
{
  font-family: Verdana, "Geneva CE", lucida, sans-serif;  
  font-size: 75%; 
  background-color: rgb(212, 208, 200);
  text-align: center; /* to center the content globally - margin auto applied
    to the topmost div does not work in IE */
} 

div#universe_w
{
  width: 793px; 
  margin: auto;
}

div#universe
{
  padding: 14px;
}

div#canvas
{
  border-width: 0px;
  /*background-color: white; problems in IE 6*/
  padding: 0px;
  margin-bottom: 14px;
}

div#page
{
  border-style: solid; 
  border-width: 1px;
  padding: 14px;
  padding-top: 4px;
  padding-bottom: 0px;
  background-color: rgb(255, 248, 240);
}

div#header-stripe
{
  border-style: solid; 
  border-style: none; 
  border-width: 1px;  
  margin-bottom: 14px;
  margin-bottom: 6px;
	text-align: left;
}

img#header-stripe
{
}

div#body
{
}

div#column_w
{
  float: left;
  width: 130px;
  margin-right: 14px;
}

div#column
{
  text-align: right;
}

div#frame_w
{
  float: left;
  width: 591px;
}

div#frame
{
}

div.menu, div.menuLast
{
  text-align: right;
  border-style: solid;
/*
  border-bottom-width: 1px;
*/
}

div.block
{
  background-color: white;
  margin-bottom: 14px;
  border-width: 1px;
}

div#frame div.block
{
}

div#column div.block
{
  padding-top: 14px;
}

div#column div#navigbar div.block
{
  padding-top: 0px;
}

p, ul, div.paragraph, div.menu,
h3, hr,
.figure_float, .figure_float_last
{
  margin-right: 14px;
}

div.menu, hr,
h1, h2, h3, div.paragraph, .figure_float
{
  margin-bottom: 14px;
}

/* 
	IE<6 does not render margin-bottom at the last paragraph encapsulated
	by a div. That's why the following rule cannot be merged with the previous
	one
*/
p, ol, ul
{
  padding-bottom: 14px;
}

p, div.paragraph, 
h3, hr, div.float_bug_fix
{
  margin-left: 14px;
}

div.menu { 
  /* kvuli polozce menu "texty/akordy" nelze 14px
  margin-left: 14px;
  */
  margin-left: 7px;
}

.float_bug_fix p, .float_bug_fix h3
{
  margin-left: 0px;
}

div.list_bug_fix
{
  padding-left: 14px;
}

.note, .footer
{
   text-align: center;
}

.caption_gallery_multiple, .caption_gallery
{
  margin-top:   2px;
  padding-top:  2px;
  border-style: solid;
}

.caption_gallery
{
  border-width: 1px 0px 0px 0px;
}
/* --------- colors -------------------------------------------------------- */

body {
  background-color: #d4d0c8;
}

body, a,
.basicColor {
  color: black;
}  

div.obsolete h1, div.obsolete h2 {
  background-color: #808080; 
}

div.obsolete div, div.obsolete h1, div.obsolete h2
{
  border-color: #808080;
}

h1, h2 {
  color: white;
}

div#page {
  background-color: #fff8f0; 
}
 
div.block {
  background-color: #fff3e6;
  background-color: #fffbf5;
  background-color: white;
}

/* --------- text styles (fonts, emhasized, decreased etc.) ---------------- */

h1, h2
{
/*
*/
  font-weight: bold;
  font-size: 90%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: left;  
	padding-top: 1px;
	padding-bottom: 2px;
  color: white;
  padding-right: 14px;
  padding-left: 14px;
} 

h3
{
  font-weight: bold;
  font-size: 100%;
  letter-spacing: 0.3em;
  text-align: left;
} 

div#column h1
{
  padding-right: 14px;
  text-align: right;
}

.forum_header, .stakeholders, .caption, .caption_gallery, .caption_gallery_multiple, .contact, .news_date,
.link_descr, .note, .footer,
.comment,
.photo_comment, .forum_body,
.small, small {
  font-size: 90%;
}

div#column a
{
  font-size: 83%;
}

em
{
  font-style:  normal;
  font-weight:  bold;
}

.note, .footer, .news_date, .link_descr, span.name, p.question, .colophon
{
  font-style: italic;
}

.caption
{
  text-align: center;
}

.person
{
  font-weight: bold;
}

/* ---------- table ------------------------------------------------- */

table
{
	border-collapse: collapse;
  table-layout: auto;
  /* this is necessary to force the table to use the basic size set by BODY */
  font-size: 100%; 
}

td
{
  vertical-align: top;
  padding-right: 14px; 
}

td.last
{
  padding-right: 0px; 
}

/* ---------- pictures ---------------------------------------------- */

.figure_float_last, .figure_float
{
  float: left;
}

.icon_multi
{
  margin-right: 8px;
}

/* --------- links -------------------------------------------------- */

a {
  text-decoration: underline;
}

a:link {
}

a:visited {
}

a:hover {
}
  
a.menu:link, a.menu:visited
{
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
/*
  font-variant: small-caps;
*/
}

a.external
{
  padding-right:8px;
  background-image:url('../img/design/link-external.gif');
  background-position: right top;
  background-repeat: no-repeat
}

a.inactive {
  text-decoration: none;
}

/* ---------- hacks and details ------------------------------------- */

hr
{
  /*width: 100%;*/
  height: 1px;
}

.terminator
{
  vertical-align: top;
  margin: 0px;
  float: none;
}

div.bugFix
{
 width: 100%;
}

.terminateFloat, .bug_fix_invisible
{
  font-size: 0px;
  height: 0px;  
  line-height: 0px;
/*
  border: solid black 1px;
*/
}

.terminateFloat
{
  clear: both;
  padding-bottom: 14px;
}

/* ---------- individual pages -------------------------------------------- */

/* ---------- photo (gallery) ---------------- */

.thumbnails {
  text-align: left;
}

.thumbnails img {
	vertical-align: top;
	margin-bottom: 5px; 
	/*
	*/
}

#photo .note {
	text-align: left;
}

#photo .description {
	padding-bottom: 8px;
}

h3 {
  margin-bottom: 0px;
}

/* ---------- slideshow ---------------------- */

#slideshow .heading {
  padding-bottom: 5px;
}

#slideshow .home_reference {
  font-size: 90%;
  text-align: left;
}

#slideshow .commentary {
  font-style: italic;
  font-size: 90%;
  margin-bottom: 5px;
  padding: 1px;
  background-color: white;
}

#slideshow #universe {
  padding: 5px;
}

/* ---------- concert_archive --------------- */

#concert_archive div.concert {
  margin-bottom: 1em; 
}

/* ---------- text (individual lyrics) ------ */

body#text {
  background-color: white;
	font-size: 100%;  
  /*
	text-align: left;
  */
}