@import 'reset.css';


/*===================================================================||| Main Structural Elements ||| =============*/

body {
	margin: 0 0 0 0;
	
	font-family : "Century Gothic","Verdana";
	font-size : 14px;
	background : url('../images/bg.jpg') repeat;
	margin : 0 10px 0 10px;
}

#wrapper {
	min-width : 782px;
	max-width : 982px;
	margin : auto;
	_width : 782px;
	_width: expression(document.body.clientWidth < 782? "781px" : document.body.clientWidth > 982? "980px" : "auto");
	
	border : 5px solid #000000;
	_border : 0; /* Border is stopping IE's liquid-ability. Temp disabled in IE */
	
	background : url('../images/mainbg.jpg') repeat-y;
}

#container {
	width: 100%;
	float: right;
	margin-left: -322px;

}

#content {
	margin-left: 322px;	
	padding : 10px 10px 10px 25px;
	margin-bottom : 60px;
}

#sidebar {
	width : 316px;
	_width: 316px; /* needs to be offset by 6 of normal width for some reason otherwise it breaks in IE */
	float: left;
	background : url('../images/sidebartop.jpg') no-repeat top;
	margin-bottom : 60px;
}

#header {
	height : 136px;
	background-image : url('../images/banner.jpg');
	width : 100%;
}

#header h1 {
	text-indent : -99999px;
}

#footer {
	clear: both;	
}

/*===================================================================||| Style Elements ||| =============*/

h1 {
	margin: 0;
}

h2 {
}

h3 {
}

a,a:visited,a:active,a:hover {
	text-decoration : none !important;
}

#content a {
	color : #950000;
}
#content a:hover {
	color : red;
}

#content p {
	font-family : "Century Gothic";
	color : #FFFFFF;
	font-size : 13px;
	line-height : 1.5em;
	margin-bottom : 2em;
	
}

span.error {
	color : #FFF;

}
/*=================================================================||| Navigation ||| =================*/

#nav {
	position : relative;
	float : left;
	width : 100%;
	height : 50px;
	background-color : #060606;
}

#nav ul {
	position : relative;
	float : left;
	top : 50%;
	left : 2.5em;
	margin-top : -10px;
	display : inline;

}

#nav li {
	float : left;
	display : inline;
	
	font-size : 16px;
	text-transform : uppercase;
	font-weight : bold;
	margin-right : 20px;
	letter-spacing : -0.025em;
}

#nav a {
	color : #505050;
}

#nav a:hover {
	color : #a3a2a2;
}

a#beagleplayer {
	width : 177px;
	height : 33px;
	background-image : url('../images/beagleplayer.jpg');
	float : right;
	display : block;
	right : 0;
	position : relative;
	top : 7px;
	right : 10px;
	_top : 8px;
}

a#beagleplayer:hover {
	border : 0;
	padding : 0;
}

/*=================================================================||| Sidebar ||| =================*/

#sidebar h2 {
	overflow : hidden;
	background-repeat : no-repeat;
	text-indent : -9999px;
	margin : auto;
	margin-top : 70px;
	margin-bottom : 20px;
}

#sidebar h2#dates:first-child {
	margin-top : 70px;
}

h2#dates {
width : 174px;
height : 34px;
background-image : url('../images/h2_dates.jpg');
}

h2#mail {
width : 228px;
height : 28px;
background-image : url('../images/h2_mail.jpg');
}

h2#links {
width : 146px;
height : 39px;
background-image : url('../images/h2_links.jpg');
}


#mailform #mailformi {
position : relative;
left : 50px;
border : 3px solid #232323;
width : 180px;
font-family : "Century Gothic";
color : #8d8c8c;
text-transform : uppercase;
font-size : 13px;
padding : 0;
background-color : #000000 !important;
}

#sformsubmit {
	position : relative;
	left : 50px;
	top : 6px;
	_top : 3px;
}

#sdates {
	text-transform : uppercase;
	color : #8c8b8b;
	letter-spacing : -0.025em;
	margin : auto;
	padding : 0;
}

#sdates li {
	text-align : left;
}

#sdates .date {
	width : 6em;
	text-align : right;
}

#sdates .venue {
	font-weight : bold;
	color : #FFFFFF;
	padding-left : 10px;
}

#sdates .venue a { color : #FFF; }
#sdates .venue a:hover { color : #8c8b8b; }

#slinks {
	margin-left : 40px;
	margin-top : 20px;
}

#slinks li {
	display : inline;
	float : left;
	padding : 10px;
}

#slinks a {
	display : block;
	width : 100px;
	height : 93px;
	text-indent : -99999px;
	overflow : hidden;
	border : 2px solid;
	
	opacity : .90;
	filter : alpha(opacity=90);
	-moz-opacity : 0.9;
}

#slinks #myspace { background-image : url('../images/link_myspace.jpg'); border-color : #792421; }
#slinks #livebandphotos { background-image : url('../images/link_livebandphotos.jpg'); border-color : #303a3d; }
#slinks a:hover {
	opacity : 1;
	filter : alpha(opacity=100);
	-moz-opacity : 1.0;
}

/*=================================================================||| Content Home Page ||| =================*/


.homebgimg {
	width : 400px;
	height : 319px;
	border : 7px solid #0b0b0b;
	margin : auto;
	margin-top : 30px;
	_position : relative;
	_top : 30px;
}

h2#home {
	width : 423px;
	height : 63px;
	background-image : url('../images/h2_home.jpg');
	text-indent : -999999px;
}

/*=================================================================||| Content Gallery ||| =================*/

#content h2 {
	color : #ffffff;
	font-weight : bold;
	font-size : 22px;
	text-transform : uppercase;
	letter-spacing : -0.075em;
	margin-top : 55px;
	margin-bottom : 30px;
}



#content h3 {
	color : #ffffff;
	font-weight : bold;
	font-size : 16px;
	text-transform : uppercase;
	letter-spacing : -0.075em;
	margin-top : 20px;
}
#content h3:first-child { margin-top : 40px; }
#content .gallerybox {
	position : relative;

	margin-top : 30px;
}

#content .gallerybox img {
	margin : 4px;
	border : 3px solid white;
	opacity : .80;
	filter : alpha(opacity=80);
	-moz-opacity : 0.8
}

#content .gallerybox img:hover {
	opacity : 1;
	filter : alpha(opacity=100);
	-moz-opacity : 1.0
}

/*=================================================================||| Content Dates ||| =================*/

#datelist table {
	margin : 0;
	padding : 0;
	color : #FFF;
	width : 100%;
	padding-left : 10px;
	padding-right : 10px;
}

#datelist td,th {

	padding : 6px 6px 6px 6px;
}

#datelist th {
	height : 37px;
	background-image : url('../images/datesthheader.jpg');
	background-repeat : repeat-x;
	font-weight : bold;
	text-transform : uppercase;
	padding-top : 4px;
	padding-bottom : 0;
	_padding-top : 1px;
}

#datelist tr:hover {
	background-color : #343434;
}

#datelist .time, .details, .ticketprice {
	text-align : center;
}

.alt {
	background-color : #0b0b0b;
}

.altt {
	color : #FFF; /* Possibly change to give column effect */
}

#datelist a,a:visited,a:active {
	color : #FFFFFF;
	text-decoration : underline;
}

#datelist a:hover {
	color : red;
}

#datelist .details a {
	overflow : hidden;
	background-repeat : no-repeat;
	display : block;
	height : 14px;
	width : 14px;
	background-image : url('../images/icon_details.png');
	text-indent : -9999999px;
	margin : auto;
}
#datelist .details a:hover {
	margin-bottom : 3px;
	color : transparent;
}
#datelist .details a:active {
	padding-left : 5px;
	color : transparent;
}

#datelist .date {
	padding-left : 10px;
}
#datelist .details {
	padding-right : 10px;
}

#datelist br {
	
}

/*=================================================================||| Content Contact ||| =================*/

#contactform {
	width : 100%;
	color : #FFF;
}

#contactform input {
	float : left;
	width : 67%;
	border : 2px solid #FFFFFF;
}

#contactform select {
	width : 30%;
}

#contactform textarea {
	width : 67%;
	height : 200px;
}

#contactform label {
	float : left;
	width : 100px;
	text-align : right;
	margin-right : 20px;
	margin-bottom : 20px;
	padding : 4px 0px 4px 0px;
}

#contactform br {
	clear : both;
}

#contactform input,textarea,select {
	border : 1px solid #3f3f3f;
	background-color : #0b0b0b;
	color : #FFF;
	padding : 3px;
	font-size : 14px;
	font-family : "Century Gothic";
	line-height : 1.8em;
}


#contactform #submit { /*needs fixing to display properly in IE */
	width : 85px;
	_width : 80px;
	height : 27px;
	background-image : url('../images/form_submit.jpg');
	background-repeat : no-repeat;
	background-position : right;
	display : block;
	text-transform : uppercase;
	padding : 0;
	margin : 0;
	border : 0;
	padding-right : 30px;
	padding-bottom : 2px;
	text-align : right;
	margin-top : 10px;

	}

#contactform #submit:hover {
	margin-left : 2px;
}
#contactform #submit:active {
	margin-top : 12px;
}

/*=================================================================||| Content Gig Information ||| =================*/

#datelist .label {
	font-weight : bold;
	width : 30%;
}

#datelist .tablebg {
	border : 3px solid #0b0b0b;
	border-top : 0;
}

.status {
	top : 2px;
	position : relative;
}

#datelist input {
border : 3px solid #232323;
background-color : #fffff;
font-family : "Century Gothic";
}

#giginfoformsubmit {
	position : relative;
	top : 5px;
	_top : 3px;
	border : 0 !important;
}