/*--------------------------------------------------------------

Common screen styles that are used in all static pages

--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, 
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
* {
	margin:0;
	padding:0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background:#fff url(/img/bg.jpg);
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align:center;
  line-height: 1.5; /* Unitless for proper inheritance */
	}
/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {font-weight: bold; text-decoration: none; color: #000;}
a:hover {text-decoration: underline;}
a img {border:0;}
h2 a { color: #725127; font-weight: normal; }
a.buy-now {
	display: block;
	width: 84px;
	height: 29px;
	background: url(/img/buy-button.gif) no-repeat;
	}
a.buy-now:hover, a.post:hover {
	background-position: 0 -29px;
	}
a.buy-now span, a.post span {
	display: none;
	}
a.buy-song {
	font-size: 75%;
	font-weight: normal;
	}
a.buy-song span {

	}
a.line {
	text-decoration: underline;
	}
a.top { float: right; }
a.post {
	width: 112px;
	height: 29px;
	background: url(/img/post-button.gif) no-repeat;
	float: right;
	margin: 0 0 20px 0;
	padding: 0;
	}
a.preview {
	display: block;
	height: 33px;
	width: 34px;
	background: url(/img/preview.gif) no-repeat;
	}
a.number { padding: 0 5px; }
a.current.number { background:#725127; color:#fff; }
.sell td, .sell td a {
	font-weight: bold;
	font-size: 13px;
	}
td span {
	font-size: 9px;
	}
.btn {
	margin: 10px 18px 0 0;
}
/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p           { margin: 0 0 1em 0; line-height: 1.4; font-size: 100%; }
.small-left p, .small-right p { margin: 0; font-size: 95%; }
p.small		{ font-size: 95%; margin: 0; }
p.small.pad		{ margin-bottom: 10px; }
p.pad-cred { padding-top: 2em; font-size: 120%; font-weight: bold; }
p.rate5		{ padding-right: 90px; background: url(/img/5-stars.gif) no-repeat 100% 50%; float: left; }
p.body		{ margin: 0; }
p.no-marg { margin: 0; }
p.marg { margin: 0 0 1em 0; }
p.buy			{ margin-bottom: 1.5em; }
p.line-height			{ line-height: 2.4em; }
p.pagi { padding-top: 10px; }
#col-3 p		{ font-size: 80%; }
p.author		{ font-size: 100%; color: #725127; }
ul, ol      { margin: 0 0 1.5em 1.5em; line-height: 1.6; }
ol          { list-style-type: decimal; margin: 0 0 1.5em 0; }
ol.tracks		{ list-style: none; font-weight: bold; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }
strong      { font-weight: bold; }
em        	{ font-style: italic; }

acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td {
	text-align:left;
	font-weight:normal;
	}
table td.left {
	text-align: left;
	}
table td.right {
	text-align: right;
	}
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1,h2,h3,h4 { 
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#111; 
  clear:both; 
	}
h1 { font-size: 2em; }
#content h1 {
	background: #d2923c;
	color: #fff;
	padding: 5px 0 0 20px;
	margin-bottom: 20px;
	display: block;
	}

h2 { font-size: 1.5em; }
.song h2 { margin: 0; }
h2.float { float: left; }
.small-left h2 { font-size: 100%; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: bold; }
.small-right h2 { font-size: 100%; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; }
h3 { font-size: 1.4em; line-height:2; }
h3 small { font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
h4 { font-size: 1em; margin: 0.5em 0; font-weight: bold; }
/*--------------------------------------------------------------
 Table Styles 
--------------------------------------------------------------*/
table   { margin-bottom: 1.4em; border-top:0; border-left:0; width: 100%; }
th,td   { height: 1em; padding:0.3em; border-bottom:0; border-right:0; }
thead td    { font-weight:bold; }
td {  }
table.small td { font-size: 120%; }
table.band td.right { padding-right: 10px; }
table.band td { width: 50%;  }
table tr.marg { height: 35px;  }
tr.members td { padding: 20px 0 5px 0; }
tr.members td span { font-weight: bold; font-size: 13px; }
td.heading { padding: 20px 0 15px 0; }
/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#container {
	width: 870px;
	margin: 10px auto;
	padding: 10px 0;
	text-align:left;
	background:transparent;
	line-height:1.1;
	background: #d2b48c;
	}
#container .inner {
	width: 850px;
	margin: 0 auto;
	background: #ffe3bd;
	border: 1px solid #FFE3BD;
	}
#header {
	position: relative;
	border-bottom: 1px solid #FFE3BD;
	}
#content .padFix {
	padding: 0 20px;
	}
.col-wrap {
	margin-bottom: 35px;
	}
.col-1 {
	float: left;
	width: 340px;
	}
.col-1 img {
	margin-bottom: 20px;
	}
.col-2 {
	float: left;
	width: 360px;
	}
.col-2 table {
	width: 340px;
	}
.col-3 {
	float: left;
	width: 110px;
	padding-top: 40px;
	}
.flash-player {
	margin: 0 auto 10px;
	width: 430px;
	height: 346px;
	}
.flash-player-small {
	width: 96px;
	height: 35px;
	margin: 10px 0 0 0;
	}
#left-col, #right-col {
	float: left;
	width: 50%;
	margin-top: 25px;
	}
#left-col .padFix {
	padding: 0 20px 0 0;
	}
#right-col .padFix {
	padding: 0 0 0 20px;
	}
.small-left {
	text-align: right;
	float: left;
	margin: 10px 0;
	width: 193px;
	}
#left-col .small-left .padFix {
	padding: 0 10px 0 0;
	}
.small-right {
	text-align: left;
	float: left;
	margin: 10px 0;
	width: 192px;
	}
.song { margin-bottom: 25px; }
#left, #right {
	width: 50%;
	float: left;
	margin-top: 20px;
	}
.left-clips {
	width: 60%;
	float: left;
	margin-bottom: 25px;
	}
.right-clips {
	width: 40%;
	float: left;
	margin-bottom: 25px;
	}
#lyrics-left ul {
	list-style: none;
	margin: 0;
	} 
#lyrics-left {
	float: left;
	width: 35%;
	}
#lyrics-right {
	float: left;
	width: 65%;
	} 
#bio-left {
	float: left;
	width: 240px;
	}
#bio-right {
	float: left;
	width: 570px;
	}
#review-left {
	width: 340px;
	float: left;
	}
#review-right {
	width: 470px;
	float: left;
	}
.feed-wrap {
	padding: 20px 0 10px 0;
	border-bottom: 1px dashed #D2B48C;
	}
.clips-left {
	float: left;
	padding: 1em 2em;
	}
.clips-left a {
	display: block;
	padding-bottom: 1em;
	line-height: 1.4;
	}
.clips-right {
	float: left;
	margin-top: 1em;
	}
.clips-right p {
	padding-bottom: 1em;
	margin: 0;
	}
form.other-songs {
	width: 30%;
	margin: 40px 0 0 5%;
	}
.other-songs {
	width: 65%;
	float: left;
	}
.other-songs img {
	float: left;
	margin-right: 15px;
	}
.other-songs h3 {
	clear: none;
	line-height: normal;
	}
/*-------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#header-top {
	height: 30px;
	background: #1F1F1F;
	position: relative;
	border-bottom: 1px solid #FFE3BD;
	}
#header-top p {
	line-height: 30px;
	color: #fff;
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 100%;
	}
#header-top p span {
	color: #bbb;
	}
#logo-small {
	background: url(/img/gg-small.gif) no-repeat;
	width: 24px;
	height: 20px;
	position: absolute;
	top: 5px;
	left: 5px;
	}
#header.news h1 a { }
#header.bio h1 a { background: url(/img/bio-header.jpg) no-repeat; }
#header.media h1 a { background: url(/img/media-header.jpg) no-repeat; }
#header.newcd h1 a { background: url(/img/newcd-header.jpg) no-repeat; }
#header.video h1 a { background: url(/img/video-header.jpg) no-repeat; }
#header.press h1 a { background: url(/img/press-header.jpg) no-repeat; }
#header.reviews h1 a { background: url(/img/review-header.jpg) no-repeat; }
#header.reminiscing h1 a { background: url(/img/reminiscing-header.jpg) no-repeat; }
#header.albums h1 a { background: url(/img/albums-header.jpg) no-repeat; }
#header.singles h1 a { background: url(/img/singles-header.jpg) no-repeat; }
#header.chart h1 a { background: url(/img/chart-header.jpg) no-repeat; }
#header.acappella h1 a { background: url(/img/acappella-header.jpg) no-repeat; }
#header.shows h1 a { background: url(/img/shows-header.jpg) no-repeat; }
#header.awards h1 a { background: url(/img/awards-header.jpg) no-repeat; }
#header.clips h1 a { background: url(/img/clips-header.jpg) no-repeat; }
#header.lyrics h1 a { background: url(/img/lyrics-header.jpg) no-repeat; }
#header.photos h1 a { background: url(/img/photos-header.jpg) no-repeat; }
#header.shop h1 a { background: url(/img/shop-header.jpg) no-repeat; }
#header.feedback h1 a { background: url(/img/feedback-header.jpg) no-repeat; }
#header.contact h1 a { background: url(/img/contact-header.jpg) no-repeat; }
#header.links h1 a { background: url(/img/links-header.jpg) no-repeat; }
#header.silence h1 a { background: url(/img/silence-header.jpg) no-repeat; }
#header.travis h1 a { background: url(/img/travis-header.jpg) no-repeat; }
#header.allison h1 a { background: url(/img/allison-header.jpg) no-repeat; }
#header.mississippi h1 a { background: url(/img/mississippi-header.jpg) no-repeat; }
#header.lrb h1 a { background: url(/img/lrb-header.jpg) no-repeat; }
#header.broken h1 a { background: url(/img/broken-header.jpg) no-repeat; }
#header.gg h1 a { background: url(/img/gg-header.jpg) no-repeat; }
#header.bsg h1 a { background: url(/img/bsg-header.jpg) no-repeat; }
#header.sign h1 a { background: url(/img/sign-header.jpg) no-repeat; }
#header.bg h1 a { background: url(/img/bg-header.jpg) no-repeat; }
#header h1 {
	border-bottom: 1px solid #FFE3BD;
	}
#header h1 a {
	display: block;
	height: 300px;
	background: url(/img/main-header.jpg) no-repeat;
	}
#header h1 a span {
	display: none;
	}

/*--------------------------------------------------------------
 Footer specific styles 
--------------------------------------------------------------*/
#footer {
	background: #1F1F1F;
	padding: 5px 10px;
	border-top: 1px solid #FFE3BD;
	}
#footer p {
	color: #fff;
	font-size: 90%;
	float: left;
	line-height: 1em;
	margin:8px 0 0 0;
	padding: 0;
	}
#sitescene {
	margin:6px 0 1px 0;
	width: 40px;
	float: right;
	}
#sitescene a {
	display: block;
	height: 36px;
	background: url(/img/sitescene-logo.gif) no-repeat;
	}
#sitescene a:hover {
	background-position: 0 -36px;
	}
#sitescene a span {
	display: none;
	}
#footer a {
	color: #fff;
	font-weight: normal;
	}
#footer a:hover {
	text-decoration: underline;
	}
/*--------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
ul.top-nav {
	list-style: none;
	background: #725127;
	margin: 0;
	float: left;
	width: 100%;
	text-align: center;
	height: 30px;
	border-bottom: 1px solid #FFE3BD;
	}
.top-nav li {
	display: inline;
	padding: 5px 10px;
	line-height: 30px;
	background: url(/img/nav-spacer.gif) no-repeat 100% 50%;
	}
#links {
	background: 0;
	}
.top-nav li a {
	color: #fff;
	font-weight: normal;
	font-size: 100%;
	}
/*ul.top-nav {
	width: 844px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 6px;
	background: #725127;
	}
.top-nav li {
	float: left;
	margin-right: 2px;
	}
.top-nav li.last {
	margin-right: 0;
	}
.top-nav li a {
	height: 37px;
	display: block;
	}
.top-nav li a span {
	display: none;
	}
#container .top-nav li a:hover, #container .top-nav li a.current {
	background-position: 0 -80px;
	}
#home a {
	background: url(/img/nav/home.gif) no-repeat;
	width: 57px;
	}
#news a {
	background: url(/img/nav/news.gif) no-repeat;
	width: 50px;
	}
#biography a {
	background: url(/img/nav/biography.gif) no-repeat;
	width: 83px;
	}
#media a {
	background: url(/img/nav/media.gif) no-repeat;
	width: 56px;
	}
#reminiscing a {
	background: url(/img/nav/reminiscing.gif) no-repeat;
	width: 94px;
	}
#photos a {
	background: url(/img/nav/photos.gif) no-repeat;
	width: 62px;
	}
#music-clips a {
	background: url(/img/nav/music-clips.gif) no-repeat;
	width: 87px;
	}
#lyrics a {
	background: url(/img/nav/lyrics.gif) no-repeat;
	width: 53px;
	}
#shop a {
	background: url(/img/nav/shop.gif) no-repeat;
	width: 51px;
	}
#feedback a {
	background: url(/img/nav/feedback.gif) no-repeat;
	width: 103px;
	}
#contact a {
	background: url(/img/nav/contact.gif) no-repeat;
	width: 66px;
	}
#links a {
	background: url(/img/nav/links.gif) no-repeat;
	width: 54px;
	}*/
/*--------------------------------------------------------------
 Sub Nav styles / Tour Menu
--------------------------------------------------------------*/
.nav-wrap {
	background: #d2b48c;
	}
ul#sub-nav, ul#tour-menu {
	margin: 0;
	line-height: 3em;
	list-style: none;
	text-align: center;
	}
#sub-nav li, #tour-menu li {
	display: inline;
	margin: 0 5px;
	}
#sub-nav li a, #tour-menu li a {
	color: #523614;
	}
#sub-nav li a:hover, #sub-nav li a.current,
#tour-menu li a:hover, #tour-menu li a.current {
	color: #a67f4b;
	text-decoration: none;
	}
#lyrics-menu {
	list-style: none;
	margin: 0 0 20px 0;
	font-size: 13px;
	}
#lyrics-menu li {
	display: inline;
	padding: 0 6px;
	}
#lyrics-menu li.no-pad {
	padding-left: 0;
	}
/*-------------------------------------------------------------
 Photo styles 
-------------------------------------------------------------*/
.gall-row {
	margin-bottom: 25px;
	}
.gall {
	width: 295px;
	float: left;
	}
.gall.last {
	width: 220px;
	}
#content .gall .padFix {
	padding: 0 75px 0 0;
	}
#content .gall.last .padFix {
	padding: 0;
	}
.gall-row h4 {
	width: 220px;
	}
.gall-row p {
	font-size: 95%;
	width: 220px;
	}
.link-row {
	margin-bottom: 10px;
	}
.link {
	float: left;
	width: 177px;
	}
.link a {
	display: block;
	}
#content .link .padFix {
	margin: 0;
	padding: 0 77px 0 0;
	}
#content .link.last .padFix {
	margin: 0;
	padding: 0;
	}
#content .link.last {
	margin: 0;
	padding: 0;
	width: 100px;
	}
.link p {
	font-size: 80%;
	text-align: center;
	}
/*--------------------------------------------------------------
 Album Display styles 
--------------------------------------------------------------*/
.alb-row {
	margin-bottom: 35px;
	}
.alb-col {
	margin-right: 15px;
	float: left;
	}
.alb-col.last {
	margin-right: 0;
	}
.alb-col a {
	display: block;
	width: 260px;
	font-weight: normal;
	}
#content .alb-col a .padFix {
	padding: 5px;
	}
.alb-col a:hover {
	text-decoration: none;
	background: #f8d19d;
	}
.alb-col a span {
	display: block;
	line-height: 1.6;
	}
.alb-col a span.small {
	font-size: 80%;
	}
.alb-col a span.albname {
	font-weight: bold;
	}
.alb-col a img {
	float: left;
	margin-right: 5px;
	}
/*--------------------------------------------------------------
 styles 
-------------------------------------------------------------*/
/*--------------------------------------------------------------
 Form Validation styles 
--------------------------------------------------------------*/
form.std-form fieldset input.validation-failed, form.std-form fieldset textarea.validation-failed {
	border: 1px solid #f00;
}
form.std-form fieldset input.validation-passed, form.std-form fieldset textarea.validation-passed {
	border: 1px solid green;
}
.validation-advice {
	margin: 2px;
	padding: 2px;
	color:#f00;
	font-size: 80%;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}

/*-----------------------------------------
	Form Styles
-----------------------------------------*/
form.std-form,  form.std-form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
fieldset p { margin: 0; }
form.std-form fieldset {
	padding-bottom: 20px;
	display: block;
	}
.std-form label {
	display: block;
	margin: 0;
	font-size: 110%;
	color: #4f4f4f;
	}
.std-form .input_text {
	width: 250px;
	padding: 5px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #ccc;
	}
.std-form textarea.input_text {
	width: 350px;
	}
.ie_hover, ie_focus {
	background: #FDFDE2;
	}
.std-form .check { width: auto; }
.float-text {float:left; padding:15px 0 0 0;}
/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.text-align-right {text-align:right;}
.text-align-left{text-align:left;}
.center {text-align:center;}
.float-right {float:right;padding:0 0 14px 14px;}
.float-left {float:left;padding:0 14px 14px 0;}
.float-left.extra {float:left;padding:0 14px 14px 0;}
div.float-fix, span.float-fix {display:block;overflow:hidden;clear:both;height:0;}
br.float-fix {clear:both;}
.bold {font-weight:bold;}
.hide {display:none;}
/*--------------------------------------------------------------
 sIFR Replacements
--------------------------------------------------------------*/
.sIFR-active #content h1,
.sIFR-active #content h2 {
	visibility:hidden;
	font-family:Verdana;
	line-height:1em;
	}
.sIFR-active #content h1 {
	font-size:27px;
	}
.sIFR-active #content h2 {
	font-size:18px;
	}
.sIFR-active #content h2.song-name {
	font-size:24px;
	}