body, div, p, img, 
h1, h2, h3, h4, h5, 
table, tr, td, 
ul, ol, li, 
form,
.zero-space {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
}

input {
  margin: 0px;
  border-width: 1px;
  vertical-align: bottom;
}

img {
  vertical-align: bottom;
}

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

body {
  text-align: center; 
    /*IE 5 needs this to center divs (instead of margin auto)*/
  overflow: auto;
}
div#box {
  padding-bottom: 20px; /* IE 5 needs padding, not margin */
  margin-left:  auto;
  margin-right:  auto;
	width: 750px;
}
#slideshow div#box{
	width: auto;
	text-align: center;
  margin-top: 1em;
}
#slideshow div#bottom_line,
#slideshow div#navigation {
  width: 762px;
  margin: 0px auto;
}
div#box-border {
	margin: 0px 20px;
}
div#left {
	width: 170px;
	float: left;
  text-align: left;
	_margin-right: -3px;
  /*
  background-color: yellow;
  */
}
div#right {
	margin-left: 170px;
	_margin-left: 167px;
  /*
  background-color: blue;
  */
}
div#topleft, div#header {
	height: 150px;
	border-bottom-width: 3px;
}
div#header {
 	background: url(/design/dark_header-aligned.jpg) no-repeat top right;
}
div#menu {
  padding-top: 20px;
}
div#main {
	padding-top: 20px;
  text-align: justify;
}
div#bottom_line {
  border-top-width: 1px;
  clear: both;
}

/* ---------- colors -------------------------------------------------------- */

body {
 	background-color: #000;
}

body,
a, 
h4,
#intro #copyright, #intro #copyright a,
.basic-color {
  color: #999;
}

em a:hover,
a:hover, 
#copyright a:hover,
#intro #copyright a:hover, #intro #copyright a:hover,
.hover-color {
  color: #FF1111;
}

#menu a.selected, #lang a.active, 
em.bright,
.bright-color {
  color: #FFF;
}

.no-so-bright-color {
  color: #BBB;
}

h3,
h5, 
em, 
em a,
.em-color {
  color: #FFF055;
}

#copyright, #copyright a,
.dark-color {
  color:	#333;
}

span#toplist a,
.unvisible-color {
  color: #000;
}

.bright-border {
  border-color:	#FFF;
}

div#topleft, div#header, div#box-border, div#bottom_line,
div.section, div.section-last, p, 
p.figure img, div.thumbnails img,
h3, 
.dark-border {
  border-color:	#333;
}

.dark-background {
background-color: #333;
}

/* ---------- font ---------------------------------------------------------- */

body, 
input.but, input.txt,
.basic-font {
	font-size: 83%;
	line-height: 150%;
  font-family: 
		Tahoma, 
		Arial, 
		/* 
		"Lucida Grande",
		"Geneva CE",
		Verdana, 
		*/
		lucida, 
		sans-serif;
}

td {
	_font-size: 83%;
}

#menu, 
#lang,
.left-font {
  font-weight: bold;
	text-transform: uppercase;
	/*
	*/
}

#menu, 
.menu-font {
  font-size: 100%;
}

#lang,
#copyright,
.small {
  font-size: 83%;
}

/* ---------- headings ------------------------------------------------------ */

h3, h4 {
	font-size: 100%;
  font-weight: normal;
  /*
	border-style: solid;
  border-bottom-width:	1px;
  margin-left: -1em;
  padding-left: 1em;
  */
}

h5 {
	font-size: 100%;
  font-weight: normal;
}

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

span.name {
  font-style: italic;
}

#menu a, #lang a,
#menu a.selected:hover, #lang a.active:hover,
#toplist, #copyright a,
.no_underline {
  text-decoration: none;
}
/*
div#menu a:hover, span#lang a:hover,
span#copyright a:hover, span#photo_copy a:hover,
.special-links {
  text-decoration: underline;
}
  */

/* ---------- paragraphs ---------------------------------------------------- */

p, h3, h4, ul, ol, table,
div#title-img,
div#menu,  div.thumbnails,
#quick_reg,
.space_at_bottom {
	margin-bottom: 1em;
}
div#lang {
	margin-bottom: 4em;
}
p.with_next {
  margin-bottom: 0em;
}
div.section, div.section-last,
div#registration,
.big_space_at_bottom {
	margin-bottom: 20px;
}
ol, ul {
  margin-left: 4em;
}
p.figure {
  text-align: center;
}
p.figure img {
	margin: 0 3px;
  border-width: 1px;
}
div.thumbnails img {
  margin: 2px;
  height: 80px;
	border-style: solid;
  border-width: 1px;
}
div.thumbnails {
  text-align: center;
}
div#bottom_line {
  text-align: right;
  line-height: normal;
}
#quick_reg {
  text-align: left;
}

/* ---------- elements ------------------------------------------------------ */

/* ---------- photo copyright ----- */
 
#photocopy {
  display: none;
}
#intro #photocopy {
  display: inline;
}

/* ---------- registration -------- */

/*
*/
#intro #quick_reg, 
#slideshow #quick_reg,
#registration #quick_reg {
  display: none;
}

#quick_reg form {
  margin-top: 4px;
  margin-bottom: 4px;
  }
#quick_reg {
  font-size: 80%;
  line-height: normal;
  float: left;
  padding-top: 2px;
}
#quick_reg input.but {
  width: 40px
  /*
  */
}
div#quick_reg input.txt {
  width: 100px
  /*
  */
}

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

/* ---------- concerts ------------------------------------------------------ */

#concerts div.section {
  /*
  border-bottom-width: 1px;
  */
}
#concerts h4 {
	margin-left: 1.5em;
}
#concerts p.concert {
	margin-left: 3em;
}

/* ---------- registration -------------------------------------------------- */

#registration input.txt {
  width: 15em;
}
#registration input.but {
  width: 8em;
}
#registration input.but, #registration input.txt {
  margin-right: 1em;
}
#registration span.warn {
  color: red;
}

#registration table {
  width: auto;
}
#registration table td {
  text-align: left;
  padding-right: 2em;
}

/* ---------- photo/gallery ------------------------------------------------- */

#photo div.section, #gallery div.section {
  border-bottom-width: 1px;
  /*
  */
  margin-bottom: 1em;
}

#photo h3, #gallery h3 {
  color: #AAA;
}

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

#cd div.section {
  border-bottom-width: 1px;
}


