body {
   background-color: white;
   font-family: "Century Gothic" , Arial, Helvetica, sans-serif; 
   font-size: 13px;

   /* Fix :hover bug in IE 6 */
   behavior:url("/files/csshover.htc");
}

/*** General Content ***/
.visible {
	display: block;
}

.hidden {
	display: none;
}

h1 {
   display: block;
   margin: 5px 0;
   font-size: 20px;
   font-weight: bold;
}

h2 {
   font-size: 16px;
   font-style: italic;
   font-weight: bold;
   padding: 5px 0;
   display: block;
}

h3 {
	font-weight: bold;
}

p {
   margin: 5px 0;
}

/* Page layout */

div#horizon {
   position: absolute;
   width: 100%;
   height: 288px;
   top: 190px;
   left: 0;
   background: white url(../img/gradient.png) repeat-x ;
}

div#artists {
   position: relative;
   background: transparent;
   width: 900px;
   height: 462px;
   margin: 0px auto;
   top: 50px;
   text-align: center;
}

#artists a {
   float: left;
   margin: 0 40px;
}

#artists img {
   width: 160px;
   height: 231px;
}

#artists a.selected img {
   width: 320px;
   height: 462px;
}

#artists .artist-name {
   display: none;
}

.menu {
   position: absolute;
   z-index: 11;
   bottom: 0px;
   width: 100%;
   height: 127px;
   background: transparent url(../img/rgr.png) no-repeat scroll top right;
}

.menu ul {
   margin-left: 50px;
   margin-top: 10px;
}

.menu ul li {
   position: relative;
   display: inline;
   margin-right: 10px;
   overflow: hidden;

}


.menu img {
   position: relative;
   vertical-align: top;
   margin: 0;
   z-index: 13;
}

.menu img.icon {
	width: 50px;
}

.menu img.tab {
   top: 12px;
   margin-left: -20px;
   z-index: 12;
   width: 102px;
}

.menu li .tab-text {
   display: none;
}

div#container {
	position: absolute;
	background: transparent url(../img/contents-box.png) no-repeat scroll bottom center;
	width: 487px;
	height: 504px;
	bottom: 80px;
	margin-left: -243px;
	left: 50%;
	z-index: 10;
}

div#container-head .heading {
	float: left;
	font-size: 30px;
	margin: 12px 15px 15px 15px;
	display: block;
	padding-bottom: 4px;
}

div#container-head #a_news_img {
	width: 88px;
	height: 23px;
	background: transparent url(../img/news-title.png) no-repeat scroll center center;
	color: white;
	font-size: 0px;
}

div#container-head #a_gigs_img {
	width: 67px;
	height: 37px;
	background: transparent url(../img/gigs-title.png) no-repeat scroll center center;
	color: white;
	font-size: 0px;
}
div#container-head #a_maillist_img {
	width: 120px;
	height: 31px;
	background: transparent url(../img/mail-list-title.png) no-repeat scroll center center;
	color: white;
	font-size: 0px;
}

div#container-head #a_about_img {
	width: 104px;
	height: 30px;
	background: transparent url(../img/about-title.png) no-repeat scroll center center;
	color: white;
	font-size: 0px;
}

div#container-head img#close {
	margin: 12px 15px 15px 15px;
	float: right;
}

div#container-body {
	position: relative;
	clear: both;
}

div#container-body img#loading {
	margin-top: 100px;
	margin-left: 231px;
	width: 24px;
}

div#content {
	padding-left: 10px;
	width: 467px;
	height: 345px;
	overflow: auto;
}
div#content h1 {
	display: none;
}

div#content a {
	color: #3385bf;
}
div#content a:hover {
	color: #77c7ff;
}

div#content.visible h1 {
	display: block;
}

/* Gigs page */
table.giglisting tr td {
	padding: 0 5px;
}

table.giglisting tr.gig-summary td {
	padding-top: 5px;
}

table.giglisting td.month {
	font-weight: bold;
	padding: 5px 0;
	border-bottom: 1px solid black;
}

table#gig-details td {
	padding: 2px 5px;
}

table.giglisting span.gig-artists {
	font-style: italic;
	display: block;
	padding: 2px 0;
}

div.gig-desc {
	margin-top: 10px;
}

/*** Page-specific content ***/

/* Blogs and news */

div.article {
	padding-bottom: 3px;
	border-bottom: 2px solid black;
}

div#content div.article h1 {
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   padding: 10px 0;
   display: block;
}

div.article a {
	text-decoration: none;
}

div.article a:hover {
	text-decoration: underline;
}

div.article-byline {
   text-align: center;
   padding-bottom: 3px;
   border-bottom : 1px solid black;
}

div.article-body {
	border-bottom: 1px solid black;
}

div.floatLeft {
	float: left;
}

div.floatRight {
	float: right;
}

div.center {
	width: 100%;
	text-align: center;
	padding-top: 5px;
}

div.clear {
	clear: both;
}

div.article ul.prev-next li {
	display: inline;
}

/* Contact form */
form {
	margin-top: 10px;
}

form div.input {
	padding-bottom: 5px;
}

div.input label{
	position: absolute;
	width: 80px;
}

div.input input, div.input textarea, div.input select {
	width: 250px;
	margin-left: 80px;
}

div.submit input {
	margin-left: 80px;
}

div.error-message {
	color: red;
	font-weight: bold;
	margin-left: 80px;
}

div.footer {
   position: absolute;
   font-size: 12px;
   clear: both;
   z-index: 4;
   bottom: 0px;
   padding: 2px;
   width: 100%;
}

div.footer {
	position: absolute;
	clear: both;
	z-index: 14;
	bottom: 0;
	padding: 2px;
	width: 100%;
	color: #ded3be;
	text-align: center;
	color: #bbb;
}

div.footer ul li {
	display: inline;
}

div.footer a {
	color: #999;
}

div.footer a:hover {
	color: #77c7ff;
}