/* CSS Document */

/* ----------------- GENERAL ----------------- */

html { 
	font-size: 100.01%;
}

body{ _behavior:url(csshover.htc); }

body {
	margin: 0;
	padding: 0;
	background: #351855;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	background: #000;
}

#maincontent, #indexcontent {
	color: #ddd;
	line-height: 160%;
}

#maincontent p{
	line-height: 160%;
}

#maincontent ul li {
	padding-bottom: 10px;
	font-size: 95%;
}

/* --- LINKS --- */

a {
	color: #81dbf7;
	/* color: #17b7e9; */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.current{
	color: #b4dc38;
}

a.current:hover {
	color: #b4dc38;
	text-decoration: underline;
}

a[ id] {
	color: #fff;
	text-decoration: none;
}

a[ id]:hover {
	text-decoration: none;
}

a img {
	border: none;
}

/* ----------------- HEADER ----------------- */

#header {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 800px;
}

/* ----------------- NAVIGATION ----------------- */

#navigation {
	margin: 0 auto;
	padding: 0; /* 0 75px */
	width: 680px;
	text-align: center;
	position: relative;
	top: -30px;
	background-color: transparent;
}

#navigation ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	overflow: hidden; /* shows bg color in safari/firefox */
	background: transparent;
}

#navigation ul li {
	/* Don't set margin: 0 as this will cause Firefox to turn off its default margins - these margins help equalize it with IE6 */
	padding: 0;
	margin-right: 15px;
	display: inline; /* display:block and float:left do not center */
	text-align: center;
}

#navigation a {
	color: #fff;
}

#navigation a.current{
	color: #b4dc38;
}

#navigation a.current:hover {
	color: #b4dc38;
	text-decoration: underline;
}

/* --- SUBNAV --- */

#subnav {
	margin: 0;
	padding: 0;
	margin-right: 10px;
	text-align: right;
	position: relative;
	top: -12px;
	float: right;
	background-color: transparent;
}

#subnav ul {
	margin: 0;
	padding: 0;
	text-align: right;
	list-style: none;
	overflow: hidden; /* shows bg color in safari/firefox */
	background: transparent;
}

#subnav ul li {
	/* Don't set margin: 0 as this will cause Firefox to turn off its default margins - these margins help equalize it with IE6 */
	padding: 0;
	margin-left: 20px;
	float: left;
	text-align: right;
	font-size: 85%;
}

#subnav a {
	color: #fff;
}

#subnav a.current{
	color: #b4dc38;
}

#subnav a.current:hover {
	color: #b4dc38;
	text-decoration: underline;
}

/*blog*/

#blogmain {
	margin: 30px 0 0 20px;
	padding: 0 0 20px 0px;
	font-size: 85%;
	line-height: 135%;
	position: relative;
	width: 550px;

}


.comment2 {
	border: 2px solid white;
	padding:5px;
	margin:0px;
}

.comment1 {
	border: 2px solid #351855;
	padding:5px;
	margin:0px;
}

.emmascomment {
	border: 1px solid #334455;
	background-color:#FFEBD6;
}



.previous {
	flaot:right;
}


#blogsidenav {
	float: right;
	width: 220px;
	margin-right: 10px;
	margin-bottom: 10px; /* to make space at the bottom in IE 7 */
}
.adjust {
	padding: 0;
	margin-top: 3px;
}

/* --- SUBNAV FORM --- */

#elistForm {
	font-size: 110%;
	margin-top: -11px;
}

* html #elistForm {
	margin-top: 0;
}

.login {
	font size: 90%;
	height: 13px;
	width: 80px;
}

#state {
	width: 23px;
}

/* ----------------- BODY ----------------- */

body {
	font-family: Trebuchet, Verdana, Arial, sans-serif;
}

#pagebody {
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

#noleft {
	margin: 0;
	padding: 20px;
	padding-top: 0;
}

.clear {
	clear: both;
}

/* --- HEADER 2 --- */

#header2 {
    margin: 0;
    margin-left:230px;
    padding: 0;
    padding-bottom: 7px;
}

/* --- LEFT COLUMN --- */

#leftcol {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	width: 215px;
	float: left;
	background: #5e4774;
}

* html #leftcol {
	width: 215px;
}

#leftcol img {
	margin: 0 auto;
	margin-top: 7px;
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
	border: none;
}

/* --- MAIN --- */

#maincontent, #indexcontent {
	margin: 0;
	margin-left: 250px;
	padding: 0;
	width: 530px;
}

#indexcontent {
	margin-left: 225px;
	width: 574px;
	min-height: 519px;
	background-position: top left;
	background-repeat: no-repeat;
}

* html #indexcontent {
	width: 525px;
/*  background-image: url(../images/indexbg-ie.jpg); */
	background-position: top left;
	background-repeat: no-repeat;
}

.indeximage {
	background-image: url(../images/indexbg.jpg);
}

FORM.mimiform INPUT[type=text] {
  width: 200px;
  margin-bottom: 10px;
}

FORM.mimiform INPUT.button {
  font-size: 150%;
  font-weight: bold;
}

#box {
	margin: 0 auto;
	padding: 0;
	width: 460px;
	background: #004462;
	background-image: url(../images/indexbox.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}

* html #box {
	top: 250px;
}

#left {
	margin: 0;
	margin-right: 20px;
	padding: 0;
	float: left;
	width: 220px;
}

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

/* ----------------- TABLES ----------------- */

table td {
	vertical-align: top;
}

table#live, table#basket {
	margin: 0;
	padding: 0;
	border-collapse:collapse; /* cellspacing attribute for XHTML */
	background: #b4dc38;
}

table#basket {
	width: 550px;
	border-bottom: 1px solid #b4dc38;
}

* html table#basket {
	width: 547px;
}

#live th, #basket th {
	margin: 0;
	padding: 5px;
	text-align: left;
	border-collapse:collapse; /* cellspacing attribute for XHTML */
	background-color: #5f4878;
}

* html #live th {
	border-bottom: 1px solid #b4dc38;
}

* + html #live th {
	border-bottom: 1px solid #b4dc38;
}

#basket th {
	border-bottom: 1px solid #b4dc38;
}

#basket tr, #live tr {
	margin: 0;
	padding: 0;
	background: #004462;
}

#live tr {
	border-bottom: 1px solid #b4dc38;
}

#live td, #basket td {
	margin: 0;
	padding: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: top;
	border: 0;
	background: #004462;
}

/* No border property for tr in IE 6 or 7, so apply to td */

* html #live td {
	border-bottom: 1px solid #b4dc38;
}

* + html #live td {
	border-bottom: 1px solid #b4dc38;
}

#when {
	width: 90px;
}

#where {
	width: 250px;
}

#etc {
}

#quantity {
	width: 20%;
}

#item {
	width: 60%;
}

#price {
	width: 20%;
}

table.tracks, table.tracks2 {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.tracks tr, .tracks2 tr {
	border: none;
}

.tracks td, .tracks2 td {
	padding: 0 !important;
	color: #666;
	width: 45px;
	line-height: 90%
	min-height: 15%;
	background: #000;
}

.tracks td, .tracks2 td, x:-moz-any-link {
	margin: 0;
	padding-top: 3px;
	padding-bottom: 0px;
	color: #666;
	background: #000;
}

.tracks td.songtitle {
	color: #fff;
	width: 187px;
}

* + html .tracks td.songtitle
	line-height: 120%;
}

.tracks2 td.songtitle {
	color: #fff;
	width: 187px;
}

.purple{
	color: #a488c3;
}

td.songtitle .purple{
	font-size: 75%;
}

table.tracks2 {
	margin-left: 240px;
}

* html table.tracks2 {
	margin-left: 240px;
}

table.shop td p {
	margin: 0;
	padding: 0;
	color: #000;
	text-align: center;
	font-size: 105%;
}

table.swatches {
	border-spacing: 7px;
	margin-left: -7px;
}

* html table.swatches {
	border-collapse: collapse;
	margin-left: 0px;
	margin-bottom: 10px;
}

* + html table.swatches {
	border-collapse: collapse;
	margin-left: 0px;
	margin-bottom: 10px;
}

table.swatches td {
	height: 15px;
	width: 15px;
	border: 1px solid #fff;
}

td.black {
	background: #000;
}

td.fuschia {
	background: #ff1493;
}

td.aqua {
	background: #54d8fd;
}

td.goldenrod {
	background: #b89537;
}

td.brown {
	background: #633429;
}

td.red {
	background:	#c61919;
}

td.purple {
	background: #9000ff;
}

/* td.slateblue {
	background: #486085;
} */

td.slateblue {
	background: #41659d;
}

td.royalblue {
	background: #3954fb;
}

td.yellow {
	background: #f1f29f
}

td.natural {
	background: #f2ede9;
}

table img.pad {
	padding-right: 10px;
	padding-bottom: 6px;
}

#shop {
	margin: 0;
	padding: 0;
	background-image: url(../images/merch.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

#shop h3 {
	margin: 0;
	padding: 10px;
	padding-left: 15px;
	background-image: url(../images/merch-head.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#shop table {
	margin: 10px;
}

#shopfoot {
	margin: 0;
	padding: 10px;
	padding-right: 25px;
	text-align: right;
	/* width: 400px; */
	background-image: url(../images/merch-foot.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

p.shopcartlink {
	margin: 0;
	padding: 10px;
	padding-right: 25px;
	text-align: right;
}

.shopimg {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}

/* ----------------- FORM ---------------- */

#revolution {
	margin: 0;
	margin-top: 15px;
	padding: 0;
	width: 475px;
	background: #004462;
	background-image: url(../images/revolution.jpg);
	backgrounf-repeat: repeat-y;
	background-position: center top;
}

#revolution label {
	float: left;
	width: 115px;
	text-align: right;
	display: block;
	padding-right: 7px;
	padding-left: 3.25em;
}

#revolution textarea {
	margin-left: 166px;
	width: 240px;
}

#checkbox {
	text-align: right;
	width: 182px;
}

#revolution p {
	padding: 0;
	padding-left: 30px;
	padding-right: 15px;
}

#revhead {
	padding-top: 15px !important;
	padding-left: 30px !important;
	padding-right: 20px !important;
	background-image: url(../images/revolution-head.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#revfoot {
	padding-bottom: 75px !important;
	padding-left: 195px !important;
	background-image: url(../images/revolution-foot.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.check {
	padding-right: 7px;
}

form.shop {
	width: 200px;
	height: 260px;
	position: relative;
	top: 3px;
}

form.shop option {
	font-size: 95%;
}

form#revolution p {
    clear: top;
}

form#revolution p#revhead {
    clear: none;
}

form#revolution p label {
    padding-left: 0;
    width: 160px;
}

form ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 150px;
}

form ul li {
	clear:both;
    margin: 0;
    padding: 0;
}

form#revolution ul {
    list-style: none;
    margin: 0;
    padding: 35px 0 0 150px;
}

form#revolution ul li {
    display:inline;
    margin: 0;
    padding: 0;
}

form#revolution ul li label {
    text-align: left;
    width: 200px;
}

/* ----------------- LISTEN - LEFT COL + typography ----------------- */

#cdinfo ul {
	margin: 0;
	padding: 0;
}

#cdinfo li {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	width: 215px;
	height: 64px;
	font-size: 85%;
}

#cdinfo li img {
	margin: 0;
	margin-right: 7px;
	margin-left: 10px;
	padding: 0;
	border: none;
	float: left;
}

#cdinfo a {
	color: #fff;
}

.title {
	color: #b4dc38;
	font-size: 120%;
}

#cdinfo li:hover {
	background: #7a5e9a;
}

.this {
	background: #7a5e9a;
}

#cdinfo a:hover {
	text-decoration: none;
}

/* ----------------- BODY TYPOGRAPHY ----------------- */

body {
	color: #fff;
	font-size: 90%;
}

h1 {
	margin: 0;
	padding: 0;
	color: #107bb5;
	font-size: 2px;
	text-align: left;
}

#header h1 {
	margin: 0;
	background-image: url(../images/header.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 179px;
}

h2 {
	margin: 0;
	margin-top: 7px;
	padding: 0;
	color: #a488c3;
	font-size: 135%;
	font-weight: normal;
}

#leftcol h2 {
	margin: 0 auto;
	margin-top: 10px;
	padding-left: 0;
	padding-right: 20px; /* helps center h2s in leftcol on home page */
	text-align: center;
	font-size: 115%;
}

#pagebody h2 {
	padding-left: 20px;
}

#maincontent h2 {
	padding-left: 0;
}

#box h2 {
	padding-left: 15px;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 0;
	color: #fff;
	background-image: url(../images/indexbox-head.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

h2 a {
	color: #fff;
}

h3 {
	font-weight: normal;
	font-size: 100%;
}

#right h3 {
	padding-left: 10px;
}

h3.trackshead {
	margin-left: 230px;
}

#shop h3 {
	font-size: 110%;
}

p {
	font-size: 95%;
	line-height: 140%;
}

#leftcol p {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 90%;
	line-height: 130%;
}

#leftcol ul {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	font-size: 90%;
}

#leftcol ul li {
	list-style: none;
}

#live ul {
	padding-left: 10px;
}

#live li {
	margin-bottom: 3px;
	padding-left: 10px;
}

#left p {
	margin-top: 0;
	padding-top: 0;
	font-size: 85%;
}

#indexcontent p {
	margin: 0;
	padding: 0;
	margin-left: 75px;
	margin-top: 20px;
	margin-bottom: 450px;
	font-style: italic;
	font-size: 120%;
}

* html #indexcontent p {
	margin-bottom: 400px;
}

#box p {
	margin: 0;
	margin-bottom: 7px !important;
	padding-left: 15px;
	padding-right: 15px;
	font-style: normal;
	font-size: 90%;
	color: #fff;
}

#boxfoot {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 15px;
	padding-bottom: 10px !important;
	background-image: url(../images/indexbox-foot.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

th {
	font-weight: normal;
}

td {
	font-size: 85%;
	line-height: 140%;
}

.green {
	color: #b4dc38;
}

.quote {
	font-style: italic;
}

.purpletext {
	font-size: 85%;
	color: #a488c3;
}

.big {
	font-size: 120%;
	font-style: italic;
	color: #ddd;
	display: block;
}

p.chorus {
	margin-left: 15px;
	font-style: italic;
}

p.copyright {
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
	font-size: 70%;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
}

.filler {
	width: 450px;
	clear: top;
	/*height: 4px;*/
}

.block {
	display: block;
}

.center {
	margin: 0 auto;
	text-align: center;
}

#filler {
	/* margin: 0;
	padding: 0;
	width: 350px;
	clear: left; */
	display: none;
}

#imgdesc {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	width: 440px;
	/*min-height: 250px;*/
}

* html #imgdesc {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	width: 440px;
	height: 155px;
}

#shopform {
}

#maincontent.tealbg {
	background: #004462;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-top: 1px solid #b4dc38;
	border-bottom: 1px solid #b4dc38;
	color: #fff;
}

* html #maincontent.tealbg {
	width: 527px;
	padding-top: 10px;
	padding-left: 10px;
}

#purplefiller {
	margin: 0;
	margin-left: 250px;
	padding: 0;
	background: #5f4878;
	width: 550px;
	height: 20px;
}

* html #purplefiller {
	width: 547px;
}

#imgdesc {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	width: 400px;
}

#shopform {
}

ul.articles {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.articles li {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
}

ul.articles li p {
	margin: 0;
	padding: 0;
}

/* ----------------- FOOTER ----------------- */

#footer {
	margin: 0 auto;
	margin-top: 20px;
	padding: 10px;
	clear: both;
	text-align: center;
}

#footer p {
	font-size: 90%;
	margin-top: 0;
}

#footer ul {
	margin: 0 auto;
	margin-bottom: 0;
	padding: 0;
	width: 780px; /* add padding to width for IE6 */
	text-align: center;
	list-style: none;
	overflow: hidden; /* shows bg color in safari/firefox */
	background: transparent;
}

#footer ul li {
	/* Don't set margin: 0 as this will cause Firefox to turn off its default margins - these margins help equalize it with IE6 */
	padding: 0;
	margin-bottom: 0;
	margin-right: 15px;
	display: inline; /* display:block and float:left do not center */
	text-align: center;
}

#footer a {
	color: #fff;
}

#footer a.current{
	color: #b4dc38;
}

#shopping_cart {
	margin: 10px 30px 10px 30px;
	padding:3px;
}

#shopping_cart_items {
	width:65%;
	margin:5px;
	padding:3px;
	text-align:right;
}

#checkoutlink {
	margin: 0;
	padding: 10px;
	padding-right: 25px;
	text-align: right;
	background-position: bottom left;
	background-repeat: no-repeat;
}


#footer a.current:hover {
	color: #b4dc38;
	text-decoration: underline;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.smalltext {
	font-size: 90%;
}

.captcha {
	float:right;
	padding: 15px 40px 15px 0;
}

.right {
	text-align:center;
}

span#returnLink {
	font-size:14px;
	padding-right:15px;
	vertical-align:top;
}

ul.errorlist li {
	color:yellow;
	font-size:20px;
	font-weight:bold;
}