@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size:13px;
	line-height:1.4em;
	background:black;
	color:#CCCCCC;
}
.twoColFixRtHdr #container {
	width: 957px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
} 
.twoColFixRtHdr #header {
	background:url(../images/layout_components/header.jpg) no-repeat;
	width:800px;
	height:425px;
	margin:0 auto;
	padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

h3 {
	color:#333;
	margin-bottom:0;
}

h4 {
	margin-top:0;
	color:#633;
}

.quote {
	font-style:italic;
}

.pressRep {
	color:#666;
}

.pressBusiness {
	color:#666;
}

.twoColFixRtHdr #contentMain {
	float: left; /* since this element is floated, a width must be given */
	width: 497px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	min-height:300px;
	margin:0 0px 0 0px;
	padding:0 0 0 0;
	text-align:justify;
}

#sideBarOne {
	width:177px;
	height:280px;
	position:absolute;
	right:77px;
}

#albumContainer {
	background:url(../images/layout_components/album-container.png) no-repeat;
	width:177px;
	height:240px; /*256*/
	padding:8px 0;
	font-size:17px;
	text-align:center;
	line-height:1.25em;
}

#downloadButton {
	background:url(../images/layout_components/download-button.png) no-repeat;
	width:152px;
	height:33px;
	margin:3px 12px 0 12px;
}

#downloadButton a {
	background:url(../images/layout_components/download-button.png) no-repeat left top;
	width:152px;
	height:33px;
	display:block;
}

#downloadButton a:hover {
	background:url(../images/layout_components/download-button.png) no-repeat left bottom;
	width:152px;
	height:33px;
}

.socialNetworking {
	float:left;
	margin:12px 0;
}

#lastFmContainer {
	background:url(../images/layout_components/lastfm-container.png) no-repeat;
	width:177px;
	height:86px; /*86*/
	text-align:center;
	font-size:14px;
	padding:7px 0;
}

#lastFmButton {
	background:url(../images/lastfm.png) no-repeat;
	width:102px;
	height:39px;
	margin:6px auto 0 auto;	
}

#lastFmButton a {
	background:url(../images/lastfm.png) no-repeat left top;
	width:102px;
	height:39px;
	display:block;
}

#lastFmButton a:hover {
	background:url(../images/lastfm.png) no-repeat left bottom;
	width:102px;
	height:39px;
}

.twoColFixRtHdr #navMainContainer{
	width:122px;
	margin: 0 0 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the contentMain1 div contains, the column space will remain. You can remove this margin if you want the #navMain div's text to fill the #contentMain1 space when the content in #contentMain1 ends. */
	padding:0 0 0 15px;
	float:left;
}

#footerBar {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:20px;
	background:#efebd9; 
	margin:0 0 0 0;
}
.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0;
	color:#998675;
	font-size:12px;
}

.firt { /* image replacement technique */
	display:none;
}

.smallText,
.smallText a,
.smallText hover,
.smallText active,
.smallText visited {
	font-size:11px;
	font-weight:normal;
}

/*--SUBHEADERS--*/
#newsSubHeader {
	background:url(../images/subheaders/news.jpg) no-repeat;
	width:126px;
	height:69px;
}

#merchSubHeader {
	background:url(../images/subheaders/merch.jpg) no-repeat;
	width:149px;
	height:69px;
}

#contactSubHeader {
	background:url(../images/subheaders/contact.jpg) no-repeat;
	width:207px;
	height:69px;
}

#theStorySubHeader {
	background:url(../images/subheaders/the_story.jpg) no-repeat;
	width:231px;
	height:69px;
}

#tourSubHeader {
	background:url(../images/subheaders/tour.jpg) no-repeat;
	width:127px;
	height:69px;
}

#mailingListSubHeader {
	background:url(../images/subheaders/mailing_list.jpg) no-repeat;
	width:274px;
	height:69px;
}

#thanksSubHeader {
	background:url(../images/subheaders/thanks.jpg) no-repeat;
	width:175px;
	height:69px;
}

#linksSubHeader {
	background:url(../images/subheaders/links.jpg) no-repeat;
	width:136px;
	height:69px;
}

#picsSubHeader {
	background:url(../images/subheaders/pics.jpg) no-repeat;
	width:112px;
	height:69px;
}

#musicSubHeader {
	background:url(../images/subheaders/music.jpg) no-repeat;
	width:133px;
	height:69px;
}

#lyricsSubHeader {
	background:url(../images/subheaders/lyrics.jpg) no-repeat;
	width:151px;
	height:69px;
}

#cdReleaseSubHeader {
	background:url(../images/subheaders/cd_release.jpg) no-repeat;
	width:370px;
	height:69px;
}

#pressSubHeader {
	background:url(../images/subheaders/press.jpg) no-repeat;
	width:370px;
	height:69px;
}

/*--/SUBHEADERS--*/

	

/*--------------------MAIN LINK STATES----------------------*/

a,
a:link,
a:active {
	font-weight:bold;
	color:#990000;
	text-decoration:underline;
}

a:visited {
	font-weight:bold;
	color:#990000;
	text-decoration:underline;
}

a:hover {
	font-weight:bold;
	color:#FF0000;
	text-decoration:underline;
}
/*--------------------/MAIN LINK STATES----------------------*/

.lightWindowLink,
.lightWindowLink a,
.lightWindowLink a:hover {
	text-align:center;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
}

/*------------------NAV_MAIN---------------------*/

#navMainContainer {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#navMainContainer ul {
	width:152px;
	height:200px;
	margin:0 0 0 0px;
	padding:0px;
	list-style-type:none;
}

#navMainContainer ul li {
	height:51px;
	padding:5px 0 0 0;
}

#navMainContainer ul li a{
	height: 51px;
	margin:0 0 0 0;
	float:right;
}

li a:hover {
	background-position: 0 -51px;
}

#navMainContainer li a:hover {
	background-position: 100% 100% -51px;
}

li#home a {
	background-image:url(../images/buttons/home.jpg);
	width:91px;	
}

li#news a {
	background-image:url(../images/buttons/news.jpg);
	width:96px;
}

li#story a {
	background-image:url(../images/buttons/story.jpg);
	width:104px;	
}

li#lyrics a {
	background-image:url(../images/buttons/lyrics.jpg);
	width:109px;	
}

li#music a {
	background-image:url(../images/buttons/music.jpg);
	width:100px;	
}

li#tour a {
	background-image:url(../images/buttons/tour.jpg);
	width:91px;	
}

li#pics a {
	background-image:url(../images/buttons/pics.jpg);
	width:81px;	
}

li#merch a {
	background-image:url(../images/buttons/merch.jpg);
	width:113px;	
}

li#contact a {
	background-image:url(../images/buttons/contact.jpg);
	width:142px;
}

li#press a {
	background-image:url(../images/buttons/press.jpg);
	width:142px;
}

/*----------------/NAV_MAIN--------------------*/	

#verticalLine {}

#verticalLine {
	background:url(../images/layout_components/vertical_line.jpg) no-repeat;
	width:7px;
	height:390px;
	float:left;
	margin:0 15px 0 30px;
	padding:0;
}

#fire {
}
	
#fire {
	position:relative;
	bottom:-83px;
	background:url(../images/layout_components/fire.jpg) repeat-x;
	width:100%;
	height:144px;
}

#footerBar {
	background:url(../images/layout_components/footer_bar.gif) no-repeat;
	width:739px;
	height:47px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

#navFooter {
	list-style-type:none;
	padding:15px 0 0 25px;
	margin:0;
}

#navFooter li {
	font-weight:bold;
	color:black;
	padding:0 15px 0 0;
	float:left;
}

/*--PHOTO--*/


#imgFloatRight {
	float:right;
	margin:0 0 0 10px;
	text-align:center;
}

.imgFloatRight {
	float:right;
	margin:0 0 0 10px;
	text-align:center;
}

#imgFloatLeft {
	float:left;
	margin:0 10px 0 0;
	text-align:center;
}

.imgBorder {
	padding:5px;
	border:1px solid #666666;
}

a:hover .imgBorder {
	padding:5px;
	border:1px solid #666666;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.smlCaption {
	font-style:italic;
	font-size:11px;
	font-weight:normal;
}

/*--/PHOTO--*/

#mailingListSection {
}

#flashPlayer {
	text-align:left;
}

/*--------------------FOOTER LINK STATES----------------------*/

#footerBar ul li a,
#footerBar ul li a:link,
#footerBar ul li a:active {
	font-weight:bold;
	font-size:12px;
	color:black;
	text-decoration:underline;
}

#footerBar ul li a:visited {
	font-weight:bold;
	font-size:12px;
	color:black;
	text-decoration:underline;
}

#footerBar ul li a:hover {
	font-weight:bold; 
	color:#990000;
	text-decoration:underline;
}
/*--------------------/FOOTER LINK STATES----------------------*/

#showListingContainer {
	border:1px #666666 dotted;
	background:black;
	padding:3px 3px 5px 3px;
	margin:5px 0 5px 0;
}

table#showListing {
}

#showDate {
	font-weight:bold;
	width:143px;
}

#showTime {
	width:50px;
}

#showVenue {
	font-weight:bold;
	width:192px;
}

#showCity {
	font-weight:bold;
	width:150px;
}

#showDescription {
	padding:0 3px 0 3px;
	width:475px;
}

#lyricsSectionFirst {
	margin-top:15px;
	border-top:#666666 1px dotted;
}

.lyricsSection {
	padding-bottom:15px;
	border-bottom:#666666 1px dotted;
}

.lyricsSongTitle {
}

/*-----------AWESOMETOWN_LINK-----------------*/

li#awesometownContainer {
	float:right;	
}

div#awesometown {
	width:254px;
	height:48px;
	background:url(../images/awesometown_logo.png);
	background-repeat:no-repeat;
}

div#awesometown a {
	display:block;
	width:254px;
	height:48px;
	background:url(../images/awesometown_logo.png);
	background-repeat:no-repeat;
}

div#awesometown a:hover {
	width:254px;
	height:48px;
	background:url(../images/awesometown_logo.png);
	background-repeat:no-repeat;
	background-position:0 -48px;
}

/*-----------/AWESOMETOWN_LINK-----------------*/

#stubbsFan {
	background:url(../images/merch/stubbs-fan.jpg) no-repeat;
	width:261px;
	height:257px;
	margin:0 0 15px 0;
}