body {
  background: #990000;
  padding: 0;
  margin: 0;
}
#container {
  width: 968px;
 	margin: 0 auto 0 auto;
	color: #bbbbbb;
	font-family: tahoma, geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
#header-logo {
  margin-top: 0px;
  margin-right: 15%;
  height: 110px;
 	background: url(images/confus-logo-anim-speed.gif) bottom right no-repeat;
}

#footer {
  text-align: center;
  padding-bottom: 10px;
}
#footer a{
/*  color: #ddeeff;*/
  cursor: pointer;
  font-weight: bold;
}

#left-column {
  width: 200px;
}

#right-column {
  overflow: visible;
  margin: 0;
  float: right;
  width: 400px;
}

.clr {clear:both;} 

/************* FOR ALL BOXES (IMAGE BORDERS, ETC) *******************/
.box {

}

.img_header {
  vertical-align: bottom;
}

.topleft {
	background: url(images/corners_topleft.gif) top left no-repeat;
	background-color: #333333;
}
.topright {
	background: url(images/corners_topright.gif) top right no-repeat;
	padding: 15px 0 0 15px;
	margin: 0;
	display:block;
}
.rightborder {
	background: url(images/corners_rightborder.gif) top right repeat-y;
	padding-right: 15px;
	display: block;
}
.bottomleft {
    height: 18px;
	background: url(images/corners_bottomleft.gif) bottom left no-repeat;
	background-color: #333333;
    margin-top: -2px;
}
.bottomright {
	background: url(images/corners_bottomright.gif) bottom right no-repeat;
  display: block;
  padding-bottom: 2px;
}
.item {
	background-color: #333333;
	padding-left: 0px;
}

.item div {
  margin: 0;
  padding: 0;
  position: relative;
}
/****************************************************/


/********* BOX SPECIFICS ***********/

/*** newsletter form ***/
#newsletter {
  margin-top: 60px;
  margin-left: 180px;
  width: 230px;
}

#newsletter #myForm {
  display: none;
  margin: 0;
}

#form_box {
	margin-top: 10px;
	margin-bottom: 0px;
}
 
#form_box #email, #form_box #subscribe {
  background: #444;
  color: #ddeeff;
	font-family: tahoma, geneva, sans-serif;
	font-size: 11px;
}

#form_box #email {
  padding-left: 3px;
  width: 140px;
	border: 1px solid #d2d2e1;
}
 
#form_box #subscribe {
  padding-left: 2px;
  padding-right: 2px;
	text-align: center;
	border: 1px solid #ffcc33;
}

#form_box #subscribe:hover {
  cursor: pointer;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}
/**************/

#contact {
  margin-top: 90px;
  margin-left: 130px;
  width: 200px;
}

#contact .item img {
  margin: 3px 0 0 1px;
}

#concerts {
  margin-top: 100px;
  margin-left: 30px;
  width: 550px;
}

#concerts #toggle_all {
  display: none;
  width: 50px;
  text-align: right;
  margin-left: auto;
  margin-right: 10px;
  color: #ffcc33;
}

#concerts .item .header {
  margin-top: 3px;
  font-weight: bold;
  color: #ffcc33;
}

#concerts #toggle_all.hover, #concerts .item .header.hover{
  color: #ff9933;
  cursor: pointer;
}
#concerts .item .description {
/*  margin-top: -2px;*/
  padding-left: 2em;
  line-height: 1.1em;
}

#concerts #next_concert {
  padding-bottom: 5px;
  border-bottom: 1px dotted #ffcc33;
}

#concerts .fancy {
  color: #66ff00;
}

#sound {
  margin-top: 100px;
  margin-left: 100px;
  width: 400px;
}
#sound .item {
  text-align:center;
}

#video {
  margin-top:50px;
  margin-left: 5px;
  width: 355px;
}
#video .item {
  text-align:center;
}

#pictures {
  top:550px;
  left: 550px;
  width: 400px;
}

#about {
  margin-top: 40px;
  margin-left: 60px;
  min-width: 280px;
  max-width: 400px;
}
#about .item .header {
  font-weight: bold;
  color: #ffcc33;
}

#links {
  margin-top:70px;
  margin-left: 90px;
  width: 250px;
}
#links .item .header {
  font-weight: bold;
  color: #ffcc33;
}
#links .item .description {
  padding-left: 2em;

}
#links a {
	border: 0px;
/*	color: white;*/
/*	text-decoration: none;*/
}

#hibou {
  margin-top: 100px;
  margin-left: 70px;
  width: 230px;
}

/**************************************/

/***** FOR FLYERS *****/

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 10050;
	color: red;
	text-decoration: none;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #ffffcc;
	padding: 5px;
	left: 40px;
	top: -220px;
	border: 1px solid #9e9fa3;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -220px;
	left: 40px;/*position where enlarged image should offset horizontally */
}

/******************************************/

a {
	border: 0px;
	color: #ddeeff;
/*	color: #ffcc33; */
	text-decoration: none;
	cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

a.special {
  color: #66ff00;
  text-decoration: blink;
/*  font-size: 18px;*/
  font-weight: bold;
}

img {
	border: 0px;
	margin: 0;
  padding: 0;
}

span.special, span.special a {
  color: #FF33FF;
/*  font-weight: bold;*/
}

span.very_special {
  color: #ff6600;
  font-weight: bold;
  font-size: 100%;
/*  text-decoration: blink;*/
}

/* workaround for a bug in Firefox 3 (Windows) */
object {
  outline:none;
}

p.center {
  text-align: center;
}