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

.nullVerticalMargin,
ul, ol
{    
  margin-top: 0px;
  margin-bottom: 0px; 
  border-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px;  
}

div,  p
{
  overflow: hidden;
}
  
/* ---------- 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; 
}

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

html {
  height: 100%;
}

/*
normal page:
html
  body
  column
    header
      menu
      hlink (stripe)
    content

index page:
html
  body
    column
      menu 
      label
      author (absolute)
*/

/*standard title page
*/
body#index {
  background-image: url("graphics/skupina-listek.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  background-position: 40% 50%;
  background-position: 40% 50%;
}

div#column
{
  margin: auto; /* to center - may not work in IE for the topmost div - needs to nest in another div */
  padding-left: 10px;
  padding-right: 10px;
  max-width: 800px; 
}

div#header {
  background-image: url("graphics/stripe.jpg");
  background-repeat: no-repeat;
  height: 328px;
}


div#label {
  text-transform: uppercase;
  text-transform: none;
  font-size: 300%;
  letter-spacing: 0.3em;
  text-align: center;
  margin-top: 20px;
}

div#hmenu {
  padding-top: 10px;
  text-align: center;
}

div#hlink {
  height: 100%;
}

/* ---------- paragraph --------- */


div#content {
  margin-top: 14px;
  margin-bottom: 1em;
}

p, ol, ul, hr, h1, h2, h3, form, div.floatR
{
  margin-bottom: 14px;
  margin-bottom: 1em;
}

.float, .floatLast {
  float: left;
}

.float {
  margin-right: 4ex;
}

.floatR {
  float: right;
  margin-left: 4ex;
}

.clear {
  clear: both;
}

hr {
  height: 0px;
  border-width: 0px, 0px, 0px, 1px;
}

form {
  border-width: 1px;
  padding: 1em;
}

/* ---------- C O L O R S  ---------- */

body {
  background-color: #000;
  color: #ddd;
}

a {
  color: #ddd;
}

em, a.em,
a.menuSelected, a.menuSelected:hover,
body#concert span.place {
  color: #f55;
  color: #db7;
  color: #fb7;
}

a.menuSelected:hover {
  background-color: #000;
}

a:hover {
  background-color: #ddd;
  color: #000;
  text-decoration: none;
}

a.hlink:hover, a.title:hover {
  background-color: transparent;
}

form, hr {
  border-color: #aaa;
}
  
/* ---------- F O N T ---------- */

body {
  font-family: Verdana, "Geneva CE", lucida, sans-serif;  
  font-size: 90%; 
}

p, form, table, tr, td, h1, h2, h3 {
  line-height: 170%;
}

p, form {
  text-align: justify;
}

ol, .float, .floatLast, .float p, .floatLast p {
  text-align: left;
}

h1, h2 {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: left;  
	padding-top: 1px;
	padding-bottom: 2px;
}

h2 {
  font-size: 90%;
  font-size: 120%;
} 

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

small, form td {
  font-size: 75%;
}

a.menu, a.menuSelected
{
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
}

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

a.noul {
  text-decoration: none;
  color: blue;
  border-width: 0px;
}

a.noul:hover {
  text-decoration: none;
}

/* ---------- o d d i t i e s --------------------------------------------------- */

/* ---------- cd ---------- */

body#cd em {
    font-weight: normal;
}

body#cd h2 {
  font-weight: normal;
  display: none;
  display: block;
  /*height: 50%;*/
}

body#cd .author {
  font-style: italic;
}

body#cd img {
  border-width: 1px;
}

body#cd li {
  line-height: 150%;
}

/* ---------- kontakt ---------- */

body#contact em {
    font-weight: normal;
}

/* ---------- koncerty ---------- */
body#concert span.descr {
    font-size:90%;
}

/* ---------- lyrics ---------- */

body#text {
  background-color: white;
	font-size: 100%;  
  color: #000;
}

/* ---------- zpevnik ---------- */

body#songbook .float {
  margin-right: 8ex;
}

/* ---------- index ---------- */

body#index div#author {
  font-size: 70%;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

/* ---------- newsletter ---------- */

/* ---------- dizajn ---0------- */

h1 {
  display: none;
}