/* reset styles */
@import url(reset.css);

/* site elements */
@import url(type.css);
@import url(forms.css);


/*============================================================
 base styles
============================================================ */
body {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color:#000;
	font-size:85%;
	background:#fff;
}

.clear {
 	clear:both;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}
a{
	color:#2074A2;
	text-decoration:none;
}
a:active, a:hover{
	color:#2074A2;
	text-decoration:underline;
}

/*============================================================
 main elements
============================================================ */

/* sitebuilding */

#bg{
width:100%;
background:url(../images/clouds.jpg) repeat-x center top;
}
#bg1{
width:100%;
background:url(../images/clouds1.jpg) repeat-x center 0px;
}
#bg2{
width:100%;
background:url(../images/stars.jpg) repeat-x center 0px;
}
#bg3{
width:100%;
background:url(../images/live.jpg) repeat-x center 0px;
}
#bg4{
width:100%;
background:url(../images/underwater.jpg) repeat-x center 0px;
}

#header{
height:88px;
width:998px;
margin:0 auto;
position:relative;
}

#bg div#head-bottom{
height:216px;
margin:0 auto;
width:375px;
padding:55px 603px 0 20px;
position:relative;
background:url(../images/bg.jpg) no-repeat;
}
#bg1 div#head-bottom{
margin:0 auto;
/*background:url(../images/bg1.jpg) no-repeat;*/
height:133px;
width:998px;
}
#bg2 div#head-bottom, #bg3 div#head-bottom, #bg4 div#head-bottom{
margin:0 auto;
/*background:url(../images/bg2.jpg) no-repeat;*/
height:133px;
width:998px;
}

#container{
width:998px;
margin:0 auto;
}

#footer{
width:100%;
height:36px;
background:#151b1c;
border-top:4px solid #eae7e4;
margin-top:30px;
}

#footer div{
width:998px;
margin:0 auto;
height:36px;
}

#bar{
padding-top:13px;
margin:6px 0 0 20px;
width:241px;
float:left;
}
#inner-content{
padding-top:13px;
margin:6px 0 0 20px;
float:left;
position:relative;
width:381px;
}
#inner-content-large{
padding:13px 10px 0 0 ;
margin:6px 0 0 20px;
float:left;
position:relative;
width:632px;
}
* html #inner-content-large,
* html #inner-content{
margin:6px 0 0 10px;
}

#info{
padding:0 16px 70px 0;
width:300px;
float:right;
position:relative;
}
#infogray{
background:url(../images/infobg.jpg) repeat-x bottom;
padding:20px 16px 70px 16px;
width:300px;
float:right;
position:relative;
border-bottom:1px #afacaa solid;
}

/* navigation */

#header ul{
position:absolute;
right:0;
font-family:Arial,Verdana,sans-serif;
}

#header li{
float:left;
}

/* headbottom */

#bg div#head-bottom ul{
position:absolute;
bottom:35px;
left:20px;
}

#head-bottom li{
float:left;
margin:0 15px 0 0;
border-right:1px solid #3c4c57;
}

#head-bottom li#noline{
border:none;
}

/* content */

.barbox{
background:url(../images/dot.jpg) repeat-x left bottom;
padding:0 0 15px 0;
margin:0 0 20px 0;
}
.barbox div{
background:url(../images/arrow.jpg) no-repeat 0 1px;
padding:0 0 0 20px;
}
.barbox div.clear{
clear:both;
background:none;
margin:0;
padding:0;
}

.contentbox{
margin:0 0 8px 0;
background:url(../images/boxbg.jpg) no-repeat right 9px;
}

#infogray tbody td{
color:#192023;
font-size:0.8em;
font-weight:bold;
border-bottom:2px solid #fff;
padding:10px 10px 15px 0;
}
#infogray tbody td.td-0 {
font-weight:normal;
}
#infogray tfoot td{
color:#192023;
font-size:0.8em;
font-weight:bold;
padding:10px 0 15px 0;
}

#inner-content .tablebox, #inner-content-large .tablebox{
width:622px;
padding:0 20px 0 0;
}
#inner-content .tablebox table, #inner-content-large .tablebox table{
width:622px;
}
#inner-content .tablebox td, #inner-content-large .tablebox td{
height:50px;
border-bottom:1px solid #acaaa9;
position:relative;
}
#inner-content .tablebox td object, #inner-content-large .tablebox td object{
position:relative;
left:0;
top:10px;
}

.button{
background:url(../images/bm.jpg) repeat-x;
height:34px;
float:left;
margin:20px 0 10px 0;
}
.button div{
background:url(../images/bl.jpg) no-repeat left;
height:34px;
}
.button div div{
background:url(../images/br.jpg) no-repeat right;
height:28px;
padding:6px 0 0 0;
}

#info .counterbox, #infogray .counterbox{
border:1px solid #c5c5c5;
padding:10px;
background:#f4f3f2;
margin-top:20px;
}

#innerbg{
background:url(../images/musicbg.jpg) no-repeat;
width:379px;
height:453px;
position:absolute;
z-index:-1;
top:215px;
left:-100px;
}

#infogray table{
margin:0 0 180px 0;
}
#tablebg{
background:url(../images/isle.jpg) no-repeat 20px bottom;
position:absolute;
width:280px;
height:229px;
bottom:10px;
right:0;
}
#infogray table.gigs2 {
margin-bottom:20px;
} 
#infogray table.gigs td.td-0{
font-size:0.7em;
}
#infogray table.gigs tbody td {
padding:5px 10px 10px 0;
}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
border:2px solid #c3c3c3;
}
.barbox a:active, .barbox a:hover {
	color:#2074A2;
	text-decoration:none;
}