/*********************************/
/* HTML tags                     */
/*********************************/

/* hide from ie on mac \*/
html {
	height: 100%;
	padding:0; margin:0 auto;
}


#flashcontent {
}
/* end hide */

body {


	scrollbar-face-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #CCC;
	scrollbar-darkshadow-color: #CCC;
	scrollbar-track-color: #EEE;
	scrollbar-arrow-color: #AD2519;
	margin:0 auto;
	/*margin: 0 0 0 -69px;*/
	padding: 0;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color:#2e2e2e;
	background-color: #f9f9f9;
	line-height: 18px;
	overflow: none;
	background-image: url(/images/footerback.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment:fixed;
}

td {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #2e2e2e;
	line-height: 18px;
}


p {
	line-height: 18px;
	
}


h1 {

	letter-spacing: 0px;
	font-size: 12px;
	line-height: 29px;
	font-weight: normal;
	color: #202020;
	font-weight: bold;
	color: #408994;
	text-transform:uppercase;
	clear:both;
}


h2 {
	
	letter-spacing: 0px;
	font-weight:900;
	color: ##F26522;
	text-transform:uppercase;
	
	font-size:13px;
	line-height:22px;
	padding-bottom:5px;;
	text-transform:none;
}

h3 {
	color: #3a3a3a;
	font-size: 10px;
	
	text-transform: uppercase;
	font-family: Arial Black, Arial;
	background-color: #e0e0e0;
	display:inline;
	clear: both;
	font-weight: normal;
	/*margin-bottom: 5px;*/
	position:relative;
	bottom:2px;
}

h4 {
	color: #202020;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 0px;
	margin: 8px 0 0 0;
	text-transform: uppercase;
}

a {
	color: #333;
	border-bottom: 1px #231e17 dotted;
	text-decoration: none;
	/*padding-right:10px;
	border-right: 1px #CCCAB2 dotted;*/
}

a:hover {
	border-bottom: 1px #e25b0f solid;
	color: #e25b0f;
}

a.one:hover {
	color:#e25b0f;
	border-bottom: 1px dotted #e25b0f;
}

a.two:hover {
	color:#454545;
	border-bottom: 1px dotted #454545;
}

a.three:hover {
	color:#538f98;
	border-bottom: 1px dotted #538f98;
}
	

h3 a {
color: #3a3a3a;
	font-size: 10px;
	padding: 2px 5px 3px 5px;
	text-transform: uppercase;
	font-family: Arial Black, Arial;
	background-color: #e0e0e0;
	display:inline;
	clear: both;
	font-weight: normal;
	/*margin-bottom: 5px;*/
	position:relative;
	bottom:2px;;
	border: none;
}

h3 a:hover {
	border: none;
	color: #FFFFFF;
	background-color: #538f98;
}

hr {
	padding: 18px 0 18px 0;

	border: none;
	border-bottom: 1px #CCCAB2 dotted;
}

ul {
	padding: 0;
	margin: 0;
}

li {
	padding: 0;
	margin: 0;
	padding-bottom: 9px;
	list-style-type: none;
	list-style-position: outside;
}

input, textarea, select {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color:#2e2e2e;
	background-color: #fdfdfd;
	border: none;
	border: 1px #4e4e4e dotted;
}

/*********************************/
/* Main divs                     */
/*********************************/


#header{
	width: 100%;
	height: 226px;
}


#container {
	margin-left: auto;
	margin-right: auto;
	width: 705px;	
}


#content {
	display:block;
	margin-top: 2px;
	clear:both;
	margin-left: 10px;
	margin-bottom: 30px;
	
	
}


#left {
	display: block;
	padding: 0;
	margin:0;
	width:341px; 
	float: left; 
	/*padding-left:0;*/
}

#right {
	display: block;
	width:341px; 
	float: right; 
	background-image: url(/images/div_v_repeat.gif); 
	background-repeat:repeat-y; 
	background-position:left;
}


#footer {
	/*position: absolute;*/  /* Needed for Safari */
	display: block;
	width: 720px;
	font-size: 10px;
	clear: both;
	margin: 0 0 0 -5px;
}


#footer #menu {
	position: absolute;
	float:left; 
	width: 400px; 
	padding: 15px 0 0 148px;
	overflow: none;
	margin-top: 5px;
}

// IE specific
* html #footer #menu {
	display:none;
}

#gigs {
	margin-top: 13px;
	
}

/*********************************/
/*  Classes                      */
/*********************************/


#footer a {
	margin: 0 10px 10px 10px;
}

.bands a {
	color: #3a3a3a;
	font-size: 10px;
	padding: 2px 5px 2px 5px;
	margin-bottom: 3px;
	margin-top: 2px;	
	text-transform: uppercase;
	font-family: Arial Black, Arial;
	background-color: #e0e0e0;
	clear: both;
	font-weight: normal;
	border: none;
	position:relative;
}

.three a:hover, .three a:hover {
	color: #FFFFFF;
	background-color: #538f98;
}

h3 .one a:hover, .one a:hover {
	color: #FFFFFF;
	background-color: #e25b0f;
}

h3 .two a:hover, .two a:hover {
	color: #FFFFFF;
	background-color: #454545;
}



.button {
	margin-top: 10px;
	background: #3a3a3a;
	color: #F3F3F3;
	font-size: 10px;
	padding: 2px 4px 2px 4px;
	text-transform: uppercase;
	font-family: Arial Black, Arial;
	border: none;
	cursor: hand;
}

.button:hover {
	background: #538f98;
}

.gig {
	display: block;
	margin-left: 5px;
	padding: 2px 0 0 0;
}

.category{
	width:100px; 
	float:left;
}

/*
.firstLetter {
	font-weight: bold;
	font-size: 16px;
}
*/

a{
/*	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
*/
}

.status {
	color:#f9f9f9;
	background:#538f98;
	font-size: 9px;
	padding: 0 2px 0 2px;;
	font-weight: bold;
	text-transform:uppercase;
}


.statusone {
	color:#f9f9f9;
	font-size: 9px;
	padding: 0 2px 0 2px;;
	margin-left: 3px;
	font-weight: bold;
	text-transform:uppercase;
	background-color:#d25d1d;
}

.statustwo {
	color:#f9f9f9;
	font-size: 9px;
	padding: 0 2px 0 2px;;
	margin-left: 3px;
	font-weight: bold;
	text-transform:uppercase;
	background-color:#454545;
}

.statusthree {
	color:#f9f9f9;
	font-size: 9px;
	padding: 0 2px 0 2px;;
	margin-left: 3px;
	font-weight: bold;
	text-transform:uppercase;
	background-color:#4f8a92;
}



.clear {clear:both;height:1px;overflow:hidden;}


#gigs .date {
	display: block;
	width: 60px;
	clear: both;
	display: inline;
	color:#606060;
}

#gigs .firstletter1 {
	background-color:#E25B0F;
	background-image:url(/images/firstlet_back1.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:19px;
	margin-left:-30px;
	margin-top:0;
	margin-bottom: -16px;
	padding:1px 0 0 0 ; ;
	text-align:center;
	width:20px;
	overflow: none;	
}

#gigs .firstletter2 {
	background-color:#E25B0F;
	background-image:url(/images/firstlet_back2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:19px;
	margin-left:-30px;
	margin-top:0;
	margin-bottom: -16px;
	padding:1px 0 0 0 ; ;
	text-align:center;
	width:20px;
	overflow: none;	
}

#gigs .firstletter3 {
	background-color:#E25B0F;
	background-image:url(/images/firstlet_back3.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:19px;
	margin-left:-30px;
	margin-top:0;
	margin-bottom: -16px;
	padding:1px 0 0 0 ; ;
	text-align:center;
	width:20px;
	overflow: none;	
}



.bands {
	clear: both;
	
}


.hidden {
	background: none;
	height: 1;
	margin: 0;
	padding: 0;
	visibility: hidden;
	overflow: none;
	display:inline;
}


.bands .firstletter1 {
	background-color:#E25B0F;
	background-image:url(/images/firstlet_back1.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:19px;
	margin-left:-45px;
	margin-top:0;
	margin-bottom: -20px;
	padding:1px 0 0 0 ; 
	text-align:center;
	width:20px;
	
	position:absolute;
	clear: both;
	overflow: none;	
}

.bands .firstletter2 {
	background-color:#E25B0F;
	background-image:url(/images/firstlet_back2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:19px;
	margin-left:-45px;
	margin-top:0;
	margin-bottom: -20px;
	padding:1px 0 0 0 ; 
	text-align:center;
	width:20px;
	overflow: none;
	
	position:absolute;
	clear: both;
	overflow: none;	
}

.bands .firstletter3 {
	background-color:#E25B0F;
	background-image:url(/images/firstlet_back3.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:19px;
	margin-left:-45px;
	margin-top:0;
	margin-bottom: -20px;
	padding:1px 0 0 0 ; 
	text-align:center;
	width:20px;
	overflow: none;
	
	position:absolute;
	clear: both;
	overflow: none;	
}

.bands ul li ul li {
	margin-left: 0px;
}

#firstletters a {
	border: none;
	background-image:url(/images/firstlet_back0.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#3a3a3a;
	font-size:13px;
	font-weight:bold;
	height:19px;
	
	padding:1px 0 0 0 ; 
	margin: 0 4px 0 0;
	text-align:center;
	width:20px;
	float: left;
	border: none;
}

#firstletters a:hover {
	color: #efefef;
	background-color:#454545;
	background-image:url(/images/firstlet_back2.gif);
	border: none;
}

#firstletters {
	margin-bottom: 20px;
}

/* **************************
// page specific layout
****************************/

body#indexpage #content {
	margin-top: -9px;
}

body#indexpage #content {
	visibility:hidden;
}

/* bands */

body#bandspage #right {
	width: 305px;
	
	float: left;
	padding-left:16px;
}

body#bandspage #left {
	background-image: url(/images/div_v_repeat.gif); 
	background-repeat:repeat-y; 
	background-position:left;
	padding-left: 17px;
}

/* band */
body#bandpage #bio {
	
}
body#bandpage #band {
	display: none;
}

body#bandpage #left {
	float:left;
	margin:0pt 30px 0 0;;
	padding:0pt;
	width:420px;
	display:block;
}

body#bandpage #right {
	float:left;
	margin:0pt;
	padding:0pt;
	width:225px;
	background: none;
	display:block;
}

body#bandpage #gigs {
	margin-top: 23px;
}

body#bandpage p {
	margin-top: -2px;
	line-height: 22px;
}

body#bandpage .gig {
	display: block;
	margin-left: 0px;
	padding: 2px 0 0 0;
}

body#bandpage #bio p {
	margin-top: -2px;
	background-image:url(images/band_bio_back.gif);
	line-height: 22px;
}


body#contactpage .label{
	display: block;
	width: 30px;
	clear: both;
	display: inline;
	color:#606060;	

}

body#bookingspage .label{
	display: block;
	
	width: 95px;
	clear: both;
	display: inline;
	color:#606060;	
	line-height: 15px;

}

body#newsletterbody {
	
}

body#newspage #content {
	margin-top: 0px;
}

body#newspage #news {
	width: 62%;
	float: left;
	margin-right: 16px;
}

body#newspage #news p {
	margin-top: -2px;
	background-image:url(images/band_bio_back.gif);
	line-height: 22px;
}

body#newspage #rightcol {
	width: 29%;
	float: right;
}

body#newspage .titleHolder {
	background-color:#578d95;
	background-image:url(images/newstit_back.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	width: 439px;
	height: 24px;
	margin-bottom: 10px;
}

body#newspage .title {
	color: #f9f9f9;
	display:block;
	font-size:14px;
	line-height:22px;
	padding-bottom:5px;;
	text-transform:none;
	font-weight: bold;
	width: 390px;
	padding: 1px 0 0 6px;
}



body#newspage .date {
	float: right;
	margin-top: -21px; 
	display: block; 
	color: #f9f9f9;
	font-size: 10px;
	overflow: hidden;
	text-transform: uppercase;
	font-family: Arial Black, Arial;
	/*background-color: #e0e0e0;*/
	padding: 1px 6px 0 0;
}


body#gigspage #left, body#indexpage #left {
	background:none;	
}

body#gigspage #right, body#indexpage #right  {
	background:none;
}


/*

    S I F R

*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	height: 27px;
	margin-bottom:3px;
}
